Div's se tapan unos con otros

[alfuco]

CSS

Código:

@charset "utf-8";
/* CSS Document */

a:link {
	  color:#000;
	  text-decoration:none;
}

a:hover {
      color: #000000;
	  text-decoration:none;
}
   
a:visited {
      color: #000000;
      text-decoration:none;
}

a:hover {
	color: #475678;
	text-decoration:none;
}
  
body {
	font-size:14px;
	font-family:'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}

#page {width: 100%;}


#header {
	z-index:9999999;
	width:100%;
	height:18%;
	position:fixed;
	background-color:white;
	box-shadow: 0 0 75px #070e6b
}

@viewport { width: device-width; }


#barra_idiomas {
	line-height:10px;
	z-index:9999999;
	position:fixed;
    width: 100%;
}

#barra_idiomas ul {
	background: #F4F4F4;
 	border: none;
 	list-style: none;
  	margin: 0;
  	overflow: hidden;
}

#barra_idiomas ul li {
  float: right;
  width: 8%;
}

#barra_idiomas ul li a {
  border-left: none;
  border-right: none;
  color: #333;
  display: block;
  padding: 10%;
  text-decoration: none;
  font-size:0.6rem;
}

#barra_idiomas ul li a:hover {
	color:#00F;
}

#barra_inicio {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  color:#999;
  text-align: center;
  top:8%;
  right:1.5%;
  position:fixed;
  z-index:99999999;
  text-decoration:none;
}

#barra_inicio ul {
  text-align: left;
  display: inline;
  color:#999;
  padding: 1.5rem 0.4rem 1.5rem 0;
  list-style: none;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.15);
  	text-decoration:none;
}

#barra_inicio ul li {
  font-size:0.9rem;
  color:#999;
  display: inline-block;
  margin-right: 0%;
  position: relative;
  padding: 0.95rem 1.25rem;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration:none;
}

#barra_inicio ul li a{
	text-decoration: none;
}

#barra_inicio ul li:hover {
  border-bottom: 0.2rem solid #475678;
  color: #ff;
  text-decoration:none;
}

#barra_inicio ul li ul {
  padding: 0;
  position: absolute;
  top: 3rem;
  left: 0rem;
  width: 10rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  	text-decoration:none;
}

#barra_inicio ul li ul li { 
  display: block; 
  color: #475678;
  text-decoration:none;
}

#barra_inicio ul li ul li:hover { 
  background: #FFF;
  border: 0rem;
  color:#475678;
  text-decoration:none;
}

#barra_inicio ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  	text-decoration:none;
}

#logo {
	z-index:9999999;
	left: 5%;
	position:absolute;
	top: 30%;
	width: 10%;
	height: 69%;
}

#servicios {
	padding-bottom:0.67%;
	padding-top:2.5%;
	background-color:white;
	top:65rem;
	width:100%;
	position:absolute;
	box-shadow: inset 0 1.25rem 1.25rem -1.25rem #070e6b;
	height:auto;
}

#servicios2 {
	clear:both;
	height:auto;
	padding-bottom:0.67%;
	padding-top:0.67%;
	background-color:white;
	margin-top:50rem;
	width:100%;
	position:absolute;
}

#traduccion {
	padding-left:2.50%;
	padding-right:2.50%;
	background-color:white;
	float:left;
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#imtraduccion {
	height:5.63rem;
	width:5.63rem;
}

#localizacion {
	padding-left:2.50%;
	padding-right:2.50%;
	background-color:white;
	float:left;
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#imlocalizacion {
	height:5.85rem;
	width:5.85rem;
}

#gestion {
	padding-left:2.50%;
	padding-right:2.50%;
	background-color:white;
	float:left;
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#improyecto {
	height:5.85rem;
	width:5.85rem;
}

#check {
	padding-left:2.50%;
	padding-right:2.50%;
	background-color:white;
	float:left;
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#imvalidacion {
	width:5.63rem;
	height:5.63rem;
}

#inglinguistica {
	padding-left:19.35%;
	float:left;
	background-color:white;	
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#iminglinguistica {
	height:6.65rem;
	width:6.65rem;
}

#Autoedicion {
	padding-right:8.15%;
	padding-left:8.15%;
	background-color:white;
	float:left;
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#imautoedicion {
	height:5.63rem;
	width:5.63rem;
}

#Postediting {
	padding-left:2.50%;
	padding-right:2.50%;
	background-color:white;
	float:left;
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#imediting {
	width:5.85rem;	
	height:5.85rem;
}

#Interpretacion {
	padding-right:8.15%;
	float:left;
	background-color:white;
	float:left;
	width:15%;
	color:black;
	position:relative;
	text-align:center;
}

#iminterpretacion{
	height:5.45rem;
	width:5.45rem;
}

#boton1 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton2 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton3 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton4 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton5 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton10 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton11 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton12 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}



#soluciones {
	height:100%;
	background-color:white;
	top:41.5rem;
	width:100%;
	position:absolute;
}

#cuentas {
	padding-right:2.5%;
	padding-left:2.5%;
	background-color:white;
	float:left;
	width:20%;
	color:black;
	position:relative;
	text-align:center;
}

#imcuentas {
	height:90px;
	width:90px;
}

#terminologia {
	padding-right:2.5%;
	padding-left:2.5%;
	background-color:white;
	float:left;
	width:20%;
	color:black;
	position:relative;
	text-align:center;
}

#imterminologia{
	height:90px;
	width:90px;
}

#consultoria {
	padding-right:2.5%;
	padding-left:2.5%;
	background-color:white;
	float:left;
	width:20%;
	color:black;
	position:relative;
	text-align:center;
}

#immultilingue {
	height:90px;
	width:90px;
}


#calidad {
	padding-right:2.5%;
	padding-left:2.5%;
	background-color:white;
	float:left;
	width:20%;
	color:black;
	position:relative;
	text-align:center;
}


#imcalidad {
	height:106px;
	width:106px;
}

#boton6 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton7 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#boton8 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

	
#especializacion {
	padding-top:2rem;
	width:100%;
	position:absolute;
    margin-top:25rem;
	background:#9f9d9d;
	height:18rem;
	color:black;
	text-align:center;
	line-height:3.13rem;
	box-shadow: 0 0 75px #475678

}
	
#boton9 {
	position:relative;
	color: #475678;
	border: #475678 1px solid;
	width:35%;
	padding:0.63rem;
	margin: 0 auto;
}

#curriculum {
	color:white;
}

#color {
	color:#475678;
}

#lastpart {
	padding-top:1.5rem;
	width:100%;
	position:absolute;
	height:12rem;
	background-color:#475678;
	top:45rem;
	box-shadow: 0 0 75px black;
}

#solucionespie {
	padding-left:29.5%;
	float:left;
	width:20%;
	color:black;
	position:relative;
}

#links {
	padding-left:10%;
	float:left;
	width:20%;
	color:black;
	position:relative;
}

a.color2 {
	color:white; !important
}

a.color2:hover {
	color:#9f9d9d; !important
}

a.color3 {
	color:white; !important
}

a.color3:hover {
	color:#475678; !important
}

a.blue:hover {
	color:#475678; !important
}

a.green:hover {
	color:green; !important
}

a.brown:hover {
	color:#943e09; !important
}

a.orange:hover {
	color:#FB5F00; !important
}

a.blues {
	color:#475678; !important
}

h1.blues {
	color:#475678; !important
}

a.greens {
	color:green; !important
}

a.browns {
	color:#943e09; !important
}

a.oranges {
	color:#FB5F00; !important
}

.blanco {
	color:#FFF; !important
}

a.negro {
	color:#000; !important
}

Y ahora en otro las capturas