/* Setem / Campaņa Ropa Limpia */
* {
margin: 0;
padding: 0;
}

html{ text-align:center; width:100%; height:auto;margin:0 auto;padding:0;}

BODY{ background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
margin:0;padding:0;width:100%;text-align:center;height:auto;
}
a{text-decoration:none;border:none; color:#FF9900;}
img{border:none;}

/*******pagina********************************************************************************************************************/



#paginacion{width:100%; float:right; text-align:right; vertical-align:middle;}
#paginacion a{color:#666; text-decoration:underline; font-size:0.7em; margin-right:2px;}
#paginacion a img{ vertical-align:middle;}
#paginacion a.activo{color:#f19000; font-weight:bold;text-decoration:none; font-size:0.9em;}



#pagina{background: #fff url(../images/fondo.gif) repeat-y top center;width:856px;min-height:570px;height:auto!important;height:100%;text-align:center;margin:0 auto;padding:0;/*border:solid 1px #000;*/}

#menucab{display:block; float:left;width:auto;color:#f19000; margin:0; margin-left:7px; margin-bottom:0px;_margin-bottom:0;/*solo IE 6*/padding:0;text-align:left; height:12px;_height:32px;/*solo IE 6*/}
#menucab ul{margin:0; width:auto;list-style-type:none;text-align:left; padding:0;height:26px;}
#menucab li{ float:left;height:13px;vertical-align:bottom;background:#cccaca;padding:6px;margin:0;width:auto;display:inline; text-transform:uppercase; font-size:11px;font-weight:bold;border-left:solid 1px #cccaca;border-right:solid 1px #cccaca;_border-bottom:solid 1px #cccaca; }
#menucab li a{color:#6d6d6f;margin-left:4px;margin-right:4px;}
#menucab li a:hover{color:#000;}

#submenuTop{position:absolute;top:30px;*top:22px;margin-top:0px;z-index:10;*margin-left:-30px;}
#submenuTop ul{display:none;*float:left;margin-top:-10px;_margin-top:-5px;width:auto;}
#submenuTop li{background: #e5e2e2;padding:4px;border-bottom:solid 1px #cccaca;border-top:solid 1px #cccaca;float:none;display:block;_width:110px;}
#submenuTop li a{width:auto; display:block;}

#menuidioma{width:40%; float:right; margin-right:5px;_margin-bottom:0;/*solo IE 6*/ margin-right:7px;_margin-right:3px;/*solo IE 6*/}
#menuidioma ul{margin:0; width:auto;list-style-type:none;text-align:right; padding:0;height:7px;z-index:2; position:relative;}
#menuidioma li{ float:right;padding:0px;margin:0;width:auto;display:inline;}

#cabecera{position:relative;z-index:0;height:100%;display:block;width:98.4%;margin:5px auto; background:url(../images/ropa.jpg) no-repeat top right;/**/_margin-left:17px; _width:97%;_margin-right:2px;/*solo IE 6*/ 
border-top:solid 1px #cccaca;/*border:solid 1px #000*/;clear:both; text-align:center;_margin-top:-15px;/*solo IE 6*/ _border-top:solid 0px #cccaca;}

#cabecera #logo{display:block; margin:30px 0 7px 30px; text-align:left;padding:0;height:90px;border-bottom:solid 1px #f19000;}
#cabecera #logo a{height:100%;}

#menu{width:100%;color:#f19000; margin:0 auto;padding:0;text-align:center; height:28px;margin-left:35px;_margin-left:0;z-index:5;}
#menu ul{margin:0; width:auto;list-style-type:none;text-align:left; padding:0;height:26px;}
#menu li{ float:left;height:13px;vertical-align:bottom;background:url(../images/bgr_menu.gif) repeat-x top;padding:6px;margin:0;width:auto;display:inline; text-transform:uppercase; font-size:11px;font-weight:bold;border-left:solid 1px #cccaca;border-right:solid 1px #cccaca;_border-bottom:solid 1px #cccaca; }
#menu li a{ color:#f19000;}
#menu li a:hover{color:#000;}

#submenu{position:absolute;top:155px;margin-top:0px;z-index:10;*margin-left:-110px;}
#submenu ul{display:none;*float:left;margin-top:-10px;_margin-top:-5px;}
#submenu li{background: #fff;padding:4px;border-bottom:solid 1px #cccaca;border-top:solid 1px #cccaca;float:none;display:block;min-width:140px;width:auto!important;width:100%;}
#submenu li a{width:auto; display:block;}

/*******contenido*******************************************************************************************************************/

#contenido{z-index:0;min-height:600px;height:auto!important;height:100%; margin:0 auto;width:98%;/* border:solid 1px green; */float:none; display:block; clear:both;}

#breadcrumb{ text-align:left; font-size:0.6em; margin-left:35px; margin-top:5px; margin-bottom:15px; }
#breadcrumb strong{color:#000; font-weight:bold;font-size:1.1em;text-transform:lowercase;}
#breadcrumb strong A{color:#f19000;}

#centro{min-height:570px;height:auto!important;height:100%;margin:0 auto; width:90%; text-align:left; display:block;/*border:solid 1px red;*/}

#centro #izquierda{ float:left; width:74%; _width:72%; margin-left:0;}
#centro #izquierda h2{background:url(../images/bgr_menu.gif) repeat-x left;padding:6px; color:#000;margin:0; margin-bottom:10px;font-size:1.1em; text-transform:uppercase; padding-left:20px;}
#centro #izquierda h3{border:2px dashed #f19000;  padding:4px; color:#000;margin:10px 2px;font-size:0.8em; text-transform:uppercase; padding-left:20px;}
#centro #izquierda h3 a{color:#f19000;}

#centro #izquierda #menu_publicacion{}
#centro #izquierda #menu_publicacion ul{list-style-type:none; }
#centro #izquierda #menu_publicacion li{list-style-type:none; text-transform:uppercase; background: url(../images/icono.gif) no-repeat center left; padding-left:20px; vertical-align:middle;}
#centro #izquierda #menu_publicacion li a{color: #666; font-weight:bold; font-size:0.7em;list-style-type:none; }

#centro #izquierda .fecha{ color:#666; font-weight:bold; padding-left:20px; font-size:0.8em; margin-bottom:5px;}
#centro #izquierda .entradilla{ font-style:oblique; font-size:0.8em;}
#centro #izquierda .contenido{ font-size:0.8em; text-align:justify;}

#centro #izquierda .bloque{ margin:15px 0 5px 0; float:left; border-bottom:dashed 1px #f19000;padding:0; padding-bottom:15px;min-width:510px; width:auto!important; width:100%;text-align:center;}
/*solo para firefox*/
#centro #izquierda .bloque .foto{display:block; width:28%; }
#centro #izquierda .bloque .noticia{display:block;width:69%; padding-left:1%}
/*solo para internet explorer*/
#centro #izquierda .bloque .foto{.text-align:center; .width:auto; float:left; .vertical-align:top; .margin:0 15px 10px 0; .padding:0;.height:auto; border:solid 1px #cccaca;.clear:none; }
#centro #izquierda .bloque .noticia{.width:auto; float:left;font-size:0.8em; text-align:justify; .margin:0 5px; .padding:0; .height:auto;}

#centro #izquierda .noticia h3{ font-size:0.95em; color:#f19000; text-transform:uppercase; margin:0 ; padding:0; border:none; border-bottom:solid 1px #cccaca;display:block;text-align:left;}
#centro #izquierda .noticia h3 a{color:#f19000;}
#centro #izquierda .noticia h3 a:hover{color:#666;}
#centro #izquierda .noticia p{margin:7px 0 0 0 ; padding:0;}
#centro #izquierda .noticia a{color:#b16b02;}
#centro #izquierda .noticia p a{color:#f19000;font-size:0.8em;}
#centro #izquierda .noticia span.md5{ color: #666;font-size:0.85em; text-transform:uppercase;}

#centro #derecha{margin-left:30px; float:left; width:20%; font-size:0.8em; text-align:justify;}


#centro #derecha #gris{ background:#d9d9dc; font-size:11px;}
#centro #derecha p.breve{ display:block; padding:10px; margin:0;}
#centro #derecha p.breve a{color:#f19000; font-weight:bold;}

#centro #derecha #buscador FORM{width:100%; height:60px; MARGIN:0; padding:0;text-align:left;}
#centro #derecha #buscador input{ float:left; width:77%; color:#888; vertical-align:middle;MARGIN:0;}
#centro #derecha #buscador input.img{width:26px; height:20px;}
#centro #derecha #buscador select{ margin-top:5px;}
#centro #derecha #buscador a{ float:left; margin-left:2%; vertical-align:middle;margin-bottom:20px;width:20%;}
#centro #derecha p.publi{ text-align:center; border-top:1px #fff dashed; padding-top:10px;}
#centro #derecha p.publi a img{ margin-bottom: 10px;}

#centro.contacto{ font-size:0.7em; width:85%;text-align:justify; padding-left:30px;}
#centro.contacto FORM{width:85%;text-align:justify;padding-left:40px; font-size:1.2em;}
#centro.contacto legend{ text-transform:uppercase; font-weight:bold;}
#centro.contacto fieldset{padding-left:30px; margin-left:30px; font-size:0.8em; margin-top:25px; padding:10px;}
#centro.contacto label {width:150px; display:block;float:left;margin:2px 0;}
#centro.contacto input.contacto, textarea{width:60%; float:left;margin:2px 0; vertical-align:middle; clear:right;}
#centro.contacto span.nota{ display:block; float:right; margin-right:20px;}



#destacado{width:85%; min-height:125px;height:auto!important;height:100%; margin:0 auto; background: #a5c9e1; padding:10px;font-size:0.7em; text-align:justify;}
#destacado h2 {text-transform:uppercase; font-size:1.2em; color:#00609c; margin:0; margin-bottom:10px;}
#destacado #texto h3 {text-transform:uppercase; font-size:1em; color:#000; margin:0;}
#destacado #texto{ margin:0; float:left; width:72%;}
#destacado #image{margin:0; float:left;  width:26%; margin-top:-25px; margin-left:10px;}


div.espacio{border-top:#f90 1px dotted; margin:7px 0; height:1px;}
p.firmar{ background: url(../images/flecha.gif) no-repeat left center;  margin-top:5px;}
p.firmar a{ color:#FF9900;  font-size:1em;padding-left:20px;}

p.enviar{ background: url(../images/bo_enviar.gif) no-repeat left center;  margin-top:5px; }
p.enviar a{ color:#FF9900;  font-size:1em;padding-left:20px;}


h4.notrel{ background:#d1d9db /*url(../images/carpeta.gif) no-repeat left center*/; padding:1px;  margin-top:9px; color:#000; text-transform:uppercase; font-weight:normal; font-size:0.9em; padding-left:20px; border-bottom:1px solid #666;  border-top:1px solid #666;}

h4.acrel{ background:#d1d9db/* url(../images/lapiz.gif) no-repeat left center*/;padding:1px;  margin-top:9px; color:#000; text-transform:uppercase; font-weight:normal; font-size:0.9em; padding-left:20px; border-bottom:1px solid #666;  border-top:1px solid #666;}

Ul.relacion{ margin-left:20px; font-size:0.8em;}
Ul.relacion li{ margin:5px 0;}
Ul.relacion li a{ color: #666;}
Ul.relacion li a:hover{ color: #f90;}

/*******pie*************************************************************************************************************************/
#pie{background:url(../images/bgr_pie.gif) repeat-x bottom ; width:98.3%; height:66px; vertical-align:bottom; display:block; clear:both; margin:0 auto; /**/_margin-left:8px;/* _width:97.7%;solo IE 6*/}
#pie img{}
#pie p.marca{float:left;display:block; width:25%;text-align:left; font-size:0.7em; padding-top:20px;margin:0; margin-left:10px;}
#pie p.marca img{vertical-align:middle;}
#pie p.links{float:right;display:block;width:70%; text-align:right;font-size:0.8em; padding-top:20px;margin:0;}
#pie p.links a{font-size:0.8em;  vertical-align:middle; color:#000;}
#pie p.links a img{margin-left: 10px; margin-right:10px;}

/*********ventana productos****************************************************************************************************/
#fotoprod{  border:solid 1px #00609c; padding:2px; display:block; width:356px;height:263px;clear:both;}
h1 {clear:both; margin-top:20px; font-size:1.2em; text-transform:uppercase; float:left; color:#00609c; display:block; border-bottom: 2px solid #d00066; height:auto; width:85%; text-align:left; margin:0 0 45px 20px;}
#explicacion{ font-size: 0.7em; text-align:justify; width:356px; margin-top:20px; height:auto;}


/*********boletin****************************************************************************************************/

#contenido.boletin{  margin:0 auto; text-align:center;}
#contenido.boletin p{ text-align:justify; font-size:11px;width:75%;}
#contenido.boletin a{ color:#FF6600;}


/*********formulario****************************************************************************************************/

#formulario{ font-size:0.9em; width:85%;text-align:justify; padding-left:10px;}
/*#formulario FORM{width:85%;text-align:justify;padding-left:40px; font-size:1.2em;}*/
#formulario legend{ text-transform:uppercase; font-weight:bold;}
#formulario fieldset{padding:5px; margin-left:5px; font-size:0.8em; margin-top:10px;}
#formulario label {width:150px; display:block;float:left;margin:2px 0;}
#formulario span.nota{ display:block; float:left; margin:5px 0;width:100%;}
#formulario div.check{display:block;width:90%; }
#formulario div.check label{width:80%;float:left; }
#formulario div.check input{float:left; }
#formulario a{color:#000;}

.error{color:#FF0000; text-transform:uppercase; margin:5px 0; border:solid 1px #F00; padding:3px; font-size:0.8em;}
