* {margin:0px; padding:0px;}
img {border:none;}
.centrado { width:896px; margin-right:auto; margin-left:auto; margin-top:30px;}

.caja {float:left; width:896px;}
.contenido {float:left; width:660px; padding:0 0 30px 16px;}
/* ----------------------------------------------------------------------------------------------------
--- CABECERA Y PIE ------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------*/
.cabecera {float:left; height:52px; width:896px; padding-bottom:15px;}
.logo, .cabecera_blanco {float:left; height:52px; width:220px;}
.cabecera_blanco {width:586px;}

.caja_tdt {float:left; width:586px; height:52px; position:relative;}
#tdt {position:absolute; left:0px; top:0px; width:586px; height:52px; visibility:visible;}

.datos {
	float:left; height:36px; width:90px;
	font-family:Arial; font-size:10px; text-align:right; color:#3d3c3f; line-height:14px;}
.datos a {color: #3d3c3f; text-decoration:none;}
.datos a:hover {text-decoration:underline; color:#3d3c3f;}
.contacto {
	float:left; height:14px; width:89px; padding-top:2px; padding-right:1px; background-color:#66abc9;
	font-family:Arial; font-size:11px; text-align:right; color: #ffffff;}
.contacto a {color: #ffffff; text-decoration:none;}
.contacto a:hover {text-decoration:underline; color:#ffffff;}

.pie {float:left; width:880px; padding-left:16px; height:17px; padding-top:2px; border-top:1px solid #3d3c3f;}
.pie01, .pie02 {
	float:left; width:700px;
	font-family:Arial; font-size:9px; text-align:left; color:#3d3c3f;}
.pie02 {width:180px; text-align:right;}
.pie02 a {text-decoration:none; color:#3d3c3f;}
.pie02 a:hover {text-decoration:underline; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------
--- MENÚS ---------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------*/
.cajaMenus {float:left; width:220px;}

.menuAzul, .menuRojo, .menuGris {
	float:left; width:204px; padding-left:16px; height:31px; padding-top:5px; background-color:#66abc9;
	font-family:Arial; font-size:12px; text-align:left; color:#ffffff;}
.menuRojo {background-color:#cd3026;}
.menuGris {height:16px; background-color:#3d3c3f;}
.menuBlanco {float:left; width:204px; padding-left:16px;}

.cajaMenu { float:left; width:204px; position:relative;}
#menu { float:left; width:204px; }
#menu ul { margin:0;list-style:none; float:left;   }
#menu ul li { float:left;  width:201px; border-bottom: 1px dotted #3d3c3f; }
#menu ul a {width:201px; background-color:#fff; float:left; display:block; padding:3px 3px 3px 0;  }
#menu ul a:hover { background-color:#fff;}
.menuOFF { background-color:#fff; float:left; width:201px; display:block; padding:3px 3px 3px 0;  }

.h2 {font-family:Arial; font-size:11px; color:#3d3c3f; line-height:15px;}
.h2 a {text-decoration:none; color:#3d3c3f;}
.h2 a:hover {text-decoration:none; font-weight:bold; color:#66abc9;}

a.azul, a.rojo, a.gris{text-decoration:none; font-weight:normal;} 
a.azul:hover{text-decoration:none; color:#66abc9;} 
a.rojo:hover{text-decoration:none; color:#cd3026;} 
a.gris:hover{text-decoration:none; color:#3d3c3f;} 

/* ----------------------------------------------------------------------------------------------------
--- PÁGINA de INICIO ----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------*/
.caja_presentacion {float:left; width:660px; height:210px; position:relative;}
#presentacion {position:absolute; left:0px; top:0px; width:660px; height:210px; visibility:visible;}

.destacadoIni, .destacadoIniDcha, .destacadoSec { 
float:left; width:216px; margin:6px 6px 0 0; border-top:5px solid #3d3c3f;padding-top:5px; padding-bottom:5px; }
.destacadoIniDcha, .destacadoSec {margin-right:0;}

.destacadoImg {float:left; width:216px; height:64px; overflow:hidden; margin-top:5px;}
.destacadoImg img{ width:100%;}

.cajaDestacadoSec { float:left; width:216px; margin:6px 0 0 0;}
.destacadoSec { border-top:5px solid #3d3c3f; background-color:#eeeded; margin:0;color:#3d3c3f;  }

.h1 {font-family:Arial; font-size:15px; color:#3d3c3f; text-align:left; line-height:20px; font-weight:bold;}
.h1 a {text-decoration:none; color:#3d3c3f;}
.h1 a:hover {font-weight:bold; color:#3d3c3f;}

.cajaCont {float:left; width:430px; margin-right:12px; margin-top:6px; }

.titulo {float:left; width:425px; min-height:52px; border-top:5px solid #3d3c3f; padding-top:5px;}
.cajaImagen {float:left; width:660px; height:210px;}
.cajaTx {float:left; width:425px; padding-top:25px; padding-right:6px;}

.belden {float:left; width:430px; height:60px; padding-top:20px;}
.belden img {float:right; height:100%;}

/* ----------------------------------------------------------------------------------------------------
--- PROYECTOS -----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------*/
.tituloPro {float:left; width:660px; border-bottom:5px solid #3d3c3f; padding-bottom:24px; margin-bottom:24px;}

.proyecto, .proyectoImagen {float:left; width:660px; height:210px; padding-bottom:6px; position:relative;}
.proyectoImagen {width:424px; padding-bottom:0;}
.proyectoCambia {float:left; width:220px; height:210px; margin-left:16px; position:relative;}

#imagenGrande, #cambiaImagen {position:absolute; left:0px; top:0px; width:424px; height:210px; visibility:visible;}
#cambiaImagen {width:220px;}
#imagenGrande img {float:right;}
#cambiaImagen img {cursor:pointer;}

.proXL, .proXLOFF, .proXS {float:left; width:204px; height:160px; margin-right:24px; margin-bottom:5px; border-bottom:1px dotted #272612;}
.proXLOFF  {
	filter:alpha(opacity=30);  
	-moz-opacity:0.3;  
	-khtml-opacity:0.3;  
 	opacity:0.3; }
.proXS {height:77px; }
.proXL img, .proXLOFF img {float:left; width:204px; height:65px; padding-bottom:5px;}

/* ----------------------------------------------------------------------------------------------------
--- FORMULARIO ----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------*/
.cajaForm {float:left; width:660px; padding-top:8px;}

input {
	float:left; padding-top:3px; height:15px; width:323px; border:1px solid #e0eef4; background-color:#e0eef4;
	font-family:Arial; font-size:11px; color:#3d3c3f; text-align:left; padding-left:3px;}

textarea {
	float:left; padding-top:3px; height:100px; width:322px; border:1px solid #e0eef4; background-color:#e0eef4;
	font-family:Arial; font-size:11px; color:#3d3c3f; text-align:left; padding-left:3px;}
	
.boton {
	float:right; padding:3px; width:92px; height:20px; border:1px solid #66abc9; background-color:#66abc9;
	font-family:Arial; font-size:11px; color:#ffffff; font-weight:bold; text-align:center;}		

.envioOk {
	float:left; width:610px; padding:25px; background-color:#66abc9;
	font-family:Arial; font-size:18px; color:#ffffff; text-align:center; margin-bottom:15px;}
	
	
.aviso {float:left; width:440px; padding-right:8px;}