html {height: 100%;}
body { 	margin:0px;font-family:tahoma; background-color:#ccc; font-size:11px; color:#666;background-image:url(../imagenes/back.jpg);}
#encabezado { width:860px; height: 508px; margin: 0px auto 0px auto;background-color:#fff;padding-top:0px;}
#encabezado .redes {position:relative; width:820px; height:34px; margin: 0px auto 0px auto;}
#encabezado .redes .logo_top {position:absolute; width:498px; height:34px; left:0px;}
#encabezado .redes .telefono {position:absolute; width:322px; height:34px;background-image:url(../imagenes/back_telefono.jpg);left:498px;font-size:12px; color:#333;vertical-align:middle;}
#encabezado .logo_bot {position:relative; width:820px; height:128px; margin: 0px auto 0px auto;}
#encabezado .logo_bot .logo {position:absolute; width:250px; height:128px; left:0px;}
#encabezado .logo_bot .slogan {position:absolute; width:570px; height:128px;background-image:url(../imagenes/back_slogan.jpg); left:250px; font-family:tahoma; font-size:30px; color:#fff;text-align:center;}
.slogan_cortimet {font-size:16px; color:#fff;}
#encabezado .menu {position:relative; width:820px; height:56px; margin: 0px auto 0px auto;}
#encabezado .menu .conoce {position:absolute; width:212px; height:56px; left:0px;}
#encabezado .menu .produc {position:absolute; width:150px; height:56px; left:212px;}
#encabezado .menu .servi {position:absolute; width:136px; height:56px; left:362px;}
#encabezado .menu .cotiza {position:absolute; width:140px; height:56px; left:498px;}
#encabezado .menu .contacta {position:absolute; width:184px; height:56px; left:634px;}
#encabezado .bot {position:relative; width:820px; height:10px; margin: 0px auto 0px auto;top:10px;}
#encabezado .anima {position:relative; width:816px; height:280px; margin: 0px auto 0px auto;border:2px solid #eaeaea;}
#principal { width:860px !important;margin: 0px auto 0px auto; background-color:#fff;}
#principal .cont { width:816px;  margin: 0px auto 0px auto;padding-bottom:20px;border-left:2px solid #eaeaea;border-right:2px solid #eaeaea;background-color:#fff;padding-top:30px;}
#principal .cont .izquierda{width:220px;left:20px;height:100%;margin: 0px auto 0px auto;float:left;}
#principal .cont .izquierda .menu_lateral {width:220px; border-right:2px solid #eaeaea;margin-left:10px;background-color:#fff;line-height:20px;left:10px;}
#principal .cont .derecha{ width:550px;text-align:justify;height:100%;float:right;background-color:#fff; margin-right:16px;}
#contenido { width: 860px !important;margin: 0px auto 0px auto; background-color:#fff; }
#contenido .content { position:relative;  width:816px;  margin: 0px auto 0px auto;  font-size:11px;color:#666; border-left:2px solid #eaeaea;border-right:2px solid #eaeaea;}
#contenido .content .titulo { position:relative;  width:536px; height:30px;padding-top:30px;padding-left:16px; padding-right:16px;color:#333; font-size:26px;font-family:arial narrow;}
#contenido .content .texto { position:relative;  width:536px; padding-left:16px; padding-right:16px;color:#999; text-align:justify;}
#contenido .content .texto .img1 { position:absolute;  width:200px; left:16px; top:0px; padding-right:10px; font-size:11px;color:#666; padding-top:30px;}
#contenido .content .texto .texto1 { position:relative;  width:330px; left:210px; top:0px; padding-right:10px; font-size:11px;color:#999; padding-top:30px;  text-align:justify;}
#contenido .content .img { position:absolute;  width:210px; left:596px; top:40px; padding-right:10px;line-height:20px;}
#contenido .content .img .titulo_sub { position:relative;  width:210px; height:32px; border-bottom:4px solid #eaeaea;padding-top:40px; font-size:24px; color:#333; font-family:arial narrow;}
#contenido .content .img .texto_sub { padding-top:20px;}
#menu_tit{width:186px; border:0px solid #CEE7FF;color:#333;font-size:26px;padding-left:4px;font-family:arial narrow; margin-bottom:20px;}
#menu_tit_small{width:186px;color:#333;font-size:20px;padding-left:4px;font-family:arial narrow; margin-bottom:6px;}
#pie { clear:both;  width:860px; height: 42px; margin: 0px auto 0px auto; background-color:#fff;padding-bottom:20px;}
#pie .datos {position:relative; width:820px; height:42px; margin: 0px auto 0px auto;background-image:url(../imagenes/back_pie.jpg);}
#pie .datos .copy{position:relative; width:368px; height:42px; color:#fff;left:20px; top:10px;}
#pie .datos .cuponmap{position:absolute; width:442px; height:42px;top:0px; left:358px; text-align:right; font-size:10px; color:#fff;top:10px;}
a.news:link, a.news:visited {color:#09c;font-size:12px;text-decoration:none;font-family:arial;}
a.news:hover {color: #09c;font-size:12px;text-decoration:underline;font-family:arial;}
a.ligas:link, a.ligas:visited {color:#09c;font-size:11px;text-decoration:none;}
a.ligas:hover {color: #09c;font-size:11px;text-decoration:underline;}
a.cuponmaps:link, a.cuponmaps:visited {color:#fff;font-size:10px;text-decoration:none;}
a.cuponmaps:hover {color: #f00;font-size:10px;text-decoration:none;}
ul {list-style-image:url(../imagenes/arrow.gif);padding: 0px;margin: 0px;}
.titulos {color:#333; font-size:22px;font-family:arial narrow;}
.color_p {color:#09c; font-weight:bold;font-family:arial;font-size:14px;}
input , textarea, select {border: 1px solid #c1c1c1; font-family:Tahoma;	font-size: 11px;color: #333;background-color:#fff;	}
.LV_validation_message{	font-size:10px; margin:0 0 0 5px;}
.LV_valid {color:#FC6;}
.LV_invalid {color:#F00;}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #FC6;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #FC6;}
.boton {border: 0px solid #c1c1c1; font-size: 11px;color: #000000;	}
.foto {border:3px solid #fff; margin:4px;}
#galeria {width:534px; border:1px solid #ccc;background-color:#eaeaea;}
.linea_horizontal {border-bottom:1px dashed #fc3;}
.linea_cm{border-bottom:1px dashed #fc3; border-right:1px dashed #fc3;}
.linea_vertical {border-right:1px dashed #fc3;}

/*--menu--*/
* {margin:0px;padding:0px;}
ol{list-style-type:none;}

.topnav {background:#09c;} /*opcional*/
.topnav li {float:left;}
.topnav a {background:url(../imagenes/menu.jpg);display:block; height:55px; width:820px; text-indent:-9000%}

/* estado normal */
.inicio a {width:122px;}
.quienes a {width:136px; background-position:-122px 0px;}
.informese a {width:106px; background-position:-258px 0px;}
.cortinas a {width:106px; background-position:-364px 0px;}
.automatiza a {width:208px; background-position:-470px 0px;}
.contacto a {width:142px; background-position:-678px 0px;}

/* estado rollover*/
.inicio a:hover {background-position:0px -56px;}
.quienes a:hover{background-position:-122px -56px;}
.informese a:hover {background-position:-258px -56px;}
.cortinas a:hover {background-position:-364px -56px;}
.automatiza a:hover {background-position:-470px -56px;}
.contacto a:hover {background-position:-678px -56px;}

/* estado activo*/
.inicio a.active {background-position:0px -112px;}
.quienes a.active {background-position:-122px -112px;}
.informese a.active {background-position:-258px -112px;}
.cortinas a.active {background-position:-364px -112px;}
.automatiza a.active {background-position:-470px -112px;}
.contacto a.active {background-position:-678px -112px;}

.arrow {color:#f90;padding-right:8px;}
body#a_acordeon #contenido .content .img li#acordeon a, body#a_europea #contenido .content .img li#europea a, body#a_tubular #contenido .content .img li#tubular a, body#a_plana #contenido .content .img li#plana a, body#a_micro #contenido .content .img li#micro a, body#a_meca #contenido .content .img li#meca a, body#i_huraca #contenido .content .img li#huraca a, body#i_como #contenido .content .img li#como a, body#i_sitios #contenido .content .img li#sitios a, body#i_ciclones #contenido .content .img li#ciclones a, body#i_danios #contenido .content .img li#danios a, body#i_avisos #contenido .content .img li#avisos a, body#i_protege #contenido .content .img li#protege a, body#i_ciclones #contenido .content .img li#ciclones a, body#i_casa #contenido .content .img li#casa a, body#i_elementos #contenido .content .img li#elementos a, body#i_antes #contenido .content .img li#antes a, body#i_despues #contenido .content .img li#despues a, body#a_abrepuertas #contenido .content .img li#abrepuertas a, body#a_abrerejas #contenido .content .img li#abrerejas a, body#a_comer #contenido .content .img li#comer a, body#a_seccionales #contenido .content .img li#seccionales a{color:#464646; text-decoration:none;font-weight:bold;}