/* CSS Talleres Legutiano */
html{ text-align:center; width:100%; height:auto;margin:0;padding:0;}

BODY{ 
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;}
img{border:none;}

/*******pagina********************************************************************************************************************/

#pagina{/*border:solid blue 1px;*/
background: url(../images/degradado.gif) repeat-y top center; width:908px; 
min-height:570px;height:auto!important;height:100%;
text-align:center;margin:0 auto;padding:0; }
#fondo{background: url(../images/fondo.gif) no-repeat top right;width:800px;min-height:570px;height:auto!important;height:100%;text-align:center;margin:0 auto;padding:0;border-bottom:solid 1px #1675b1;}

/*******cabecera********************************************************************************************************************/
#cabecera{width:100%;margin:0 auto;}

#logo{ margin:2% 0 0 3%; text-align:left;padding:0; margin:0; padding-top:15px; height:71px;}
#logo a{height:71px;}

#menu{width:95%; height:28px; color:#fff; background:#1675b1; border: solid 3px #d00066; margin:0 auto;padding:0;text-align:right;}
#menu ul{margin:0 auto; width:95%;list-style-type:none;text-align:right; height:28px;vertical-align:top; padding:0;padding-top:2px;}
#menu li{ display:inline; text-transform:uppercase; font-size:0.7em; margin-right:10px;margin-top:0;}
#menu li a{ color:#fff;}
#menu li a:hover{ color:#c9c9ff;}
#menu li.activo{ color:#c9c9ff; border-bottom:solid 1px #c9c9ff;}

/*******contenido*******************************************************************************************************************/

#contenido{height:auto; margin:0 auto;width:100%;}

#breadcrumb{ text-align:left; font-size:0.6em; margin-left:15px; margin-top:5px; margin-bottom:15px;}
#breadcrumb strong{color:#00609c; font-weight:bold;font-size:1.1em;}
#breadcrumb strong A{color:#00609c;}

#centro{min-height:270px;height:auto!important;height:100%;margin-bottom:0; width:97%;}
#centro #izquierda{ float:left; width:40%; margin:0 2%; }
#centro h2{ text-transform:uppercase;  float:left; color:#00609c; display:block; border-bottom: 2px solid #d00066; height:auto; width:80%; text-align:left; margin:0 0 15px 20px;}
#centro #izquierda #foto{display:block; vertical-align:bottom; margin:0; padding:0;}
#centro #izquierda #foto img, #centro #izquierda #foto a{margin:0; padding:0;}
#centro #derecha{ float:left; width:45%; font-size:0.8em; text-align:justify; margin-right:5%;}
#centro #derecha p{vertical-align:bottom; margin:1% 0;}
#centro #derecha p img{vertical-align:middle;margin:10px 20px;}
#centro #derecha p span{margin:1px 20px;float:left;font-size:0.8em;}

#centro #derecha ul.productos{ font-size:1em; text-align:justify;}
#centro #derecha ul.productos li{ margin-bottom:2px;}
#centro #derecha li a{color:#00609c; }
#centro #derecha ul.subproductos{ margin:6px 30px;}

#izqindex{float:left;margin:0; padding:0; margin-left:30px;width:60%;height:auto;}
#derindex{float:left;margin:0; padding:0; margin-left:20px; color:#1073b5; margin-top:30px;width:29%; height:auto;}
#derindex p{margin-top:30px;}
#derindex p.calidad{ margin-top:60px;}
#derindex p.calidad span{margin:1px 28px;float:left;font-size:0.7em;color:#000;}


#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;}
#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:140px;height:auto!important;height:100%; margin:0 auto; background: #a5c9e1; padding:10px;font-size:0.75em; 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:68%;margin-left:20px; } 
#destacado #image{margin:0; float:right; width:138px;height:138px; margin-top:-23px; margin-left:35px; margin-right:0; border:solid 1px #a5c9e1; padding:0; }

/*******pie*************************************************************************************************************************/
#pie{ width:90%; margin:0 auto; vertical-align:bottom; margin-top:15px;min-height:80px;height:auto!important;height:100%; display:block; clear:both;}
#pie img{float:left;}
#pie p.texto{float:left; width:68%;  font-size:0.6em;border-top: solid 1px #1675b1;border-bottom: solid 1px #1675b1; height:33px; vertical-align:middle; margin-top:5px; padding:5px 30px 0 30px;}
#pie p.logos{float:left; margin:0; padding:0;}
#pie p.validator{float:right; margin:0; padding:0; font-size:0.6em; text-transform:uppercase;}
#pie p.validator a{ color:#1675b1; 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;}