/* Generales */
* { padding: 0; margin: 0; }
img{border:0;}
A:link,A:visited,A:active {text-decoration:none; color:#000000; }
A:hover {text-decoration:underline;}
A.clase1:hover {color:#0c5093; text-decoration:none;}
.clear{clear:both; background: none; }

A.clase2:visited {color:#666666;}
    A.clase2:active {color:#666666;}
    A.clase2:link {color:#666666;}
    A.clase2:hover {color:#666666;text-decoration:underline;} 

.seccion_activa{ font-weight:bold;}

body{background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/* Base */
#contenedor {  width: 975px; background-color:#FFFFFF;   margin-bottom:10px; margin-top:2px; margin-left:2px;}
#cuerpo {  margin-bottom: 10px; overflow: auto; width: 100%;}

/* Cabecera  */
#cabecera { background-color:#FFFFFF; width: 970px; height: 75px; padding-top:50px;}
#titulo1{float:left; width:520px; padding-left:20px;}
#titulo2{float:left; width:230px; text-align:right; margin-top:5px; margin-left:184px;}


/*  Menu principal  */
#menu {  display: inline;  width: 193px; float: left;}
#menu li{ margin-left:36px; list-style: square url("../img/flecha.jpg"); margin-bottom:5px; }
#datos p{ font-size:11px; color:#666666; margin-top:256px; margin-left:20px; margin-bottom:20px; }

/* Contenido */
#contenido { float: right; width: 757px; display: inline; position: relative; font-size:11px; padding-left:5px;}

/* index.html */
.imagen_destacada{ float:right;}

/* ------ principios.html --------*/
#col_1{ width:250px; float:left; margin-right:50px; }
#col_1 p{ padding-top:10px; margin-bottom:15px; border-top:1px solid #666666;  }
#col_2{ width:437px; float:left;}
#col_2 h3{margin-bottom:15px;}
#col_2 div p{ padding-top:3px;}
.titulo_fase{font-weight:bold; color:#666666;}
.titulo_1{ font-size:13px; font-weight:bold;  color:#333333;}
#capa_titular{margin-left:3px;}
.titulo_2{ font-size:13px;  color:#333333}
.fase{margin-top:15px;}

/* ------ servicios.html --------*/
#listado2{ margin-top:10px; margin-bottom:20px; margin-left:14px; }
#listado2 li{ list-style: square url("../img/flecha2.png"); margin-bottom:5px;}
.predoble{ margin-bottom:-2px;}
.doble{line-height:17px; margin-bottom:-2px;}
.texto1{ font-size:18px;}
.texto2{ font-size:22px; color:#666666;}

/* ------ proyectos.html --------*/
#col_3{ width:260px; float:left; margin-right:40px;  }
#col_3 p{ padding-top:10px; border-top:1px solid #666666;  margin-bottom:5px; }
#col_3 ul{ list-style:none;  margin-bottom:15px;}
.imagen_proyectos{float:right; width:450px; height:430px;}

/* Páginas de proyectos */
#col_1c{ width:550px; float:left;}
#desc{margin-bottom:20px; padding-right:26px; text-align:justify; margin-top:10px;}	
#nombre_proyecto{height:28px; width:470px; background-color:#e6e7e8; float:left;}
.num_proyecto{float:left; background-color:#E6E7E8;}
#titulo_trabajo12{float:left; padding-top:7px; padding-left:10px; font-weight:bold; color:#333333; }
#mas_ok{float:left; font-size:17px; font-weight:bold; background-color:#E6E7E8; height:100%; width:15px; padding-left:1px; padding-top:3px;}
#menos_ok{float:left; font-size:18px; font-weight:bold;  padding-right:4px; background-color:#e6e7e8; height:25px; padding-top:3px;}
.vacio{width:9px;}

#contenido_trabajo { float: right; width: 757px; display: inline; position: relative; font-size:11px; margin-left:5px; border-top:1px solid #333333; padding-top:7px;}

#col_2c{ float:left;width:180px; margin-top:37px; margin-left:15px;}	
#desarrollos li{list-style: square url("../img/flecha2.png"); margin-bottom:5px; margin-left:13px;_margin-left:16px;}

#col_2c p{ margin-bottom:10px; color:#333333;}

.trabajo{width:525px; border-top:1px solid #666666; }
.imagen_trabajo{ display:block; margin:0 auto; margin-top:35px; margin-bottom:45px;}

#sublista li{ list-style:none; margin-left:14px;}
.entreotros{ margin-left:13px;}

/* ------ clientes.html ---------*/
#col_1b{width:400px; float:left; margin-right:50px; }
#col_1b p, #col_2b p{ padding-top:10px; margin-bottom:15px; border-top:1px solid #666666; text-align:justify; }
#col_2b{ width:300px; float:right; }
#lista1{ float:left;  margin-right:20px;}
#lista2{ float:right; list-style:none;}
#lista1 ul li, #lista2 ul li, #col_2b ul li{ margin-top:2px; list-style:none;}