/*----GENERALES-----*/
body{margin:10px 5%;padding:0;font:normal 65% Verdana, Arial, Helvetica, sans-serif;color:#004879; background:#005888;}

fieldset{padding:0;border:none; float:none;}
legend{padding:10px;}

a{font-weight:bold; color:#ff5400;text-decoration:underline;}
a:hover{color:#259ae1; text-decoration:none;}
img{border:0;margin:0;padding:0;}

.camporojo{border:1px solid #e50000; font:1em Arial; padding:2px 3px; color:#e50000; margin-right:3px;}
/*--TITULOS--*/
h1 a, h2 a, h3 a{text-decoration:none;}
h1, h2, h3, h4, h5{margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif; color:#005583;}

h2.titulo{font-size:1.6em; font-weight:bold; padding:3px 0 3px 18px;float:left; width:90%; clear:both; background:url(../../images9/flechaTit.gif) no-repeat 0 8px; display:block; margin-bottom:6px;}
h3{font-size:1.4em;}
h4{font-size:1.2em;padding-bottom:8px;}
h4 a{font-size:0.9em;}
h5{font-size:1em; margin:4px 0;padding:2px 0; border-bottom:1px solid #ccc;}

/*--LISTAS--*/
ol{margin:0 0 15px 35px;padding:0;}
ol li{list-style-type:decimal;padding:3px 0;}
ul{margin:0;padding:0;}
ul li{margin:0;padding:0;list-style-type:none;}
dl{margin-left:10px;padding:0;}
dt{margin:0;padding:4px 15px; font-weight:bold;}
dd{margin:0;padding:0 15px;}


/*--TABLAS--*/
table{font-size:1em; text-align:left;width:100% !important; width:auto;}
caption{font-weight:bold;}
th{border-bottom:1px solid #ccccb6; border-top:1px solid #ccccb6; font-weight:normal;padding:5px 3px 5px 1%; background:#f5f8e4;}
td{padding:8px 3px 8px 1%;border-top:3px solid #fff;border-bottom:1px solid #ccccb6;font-weight:bold;}

acronym{cursor:help;}
cite{cursor:help;}
blockquote{cursor:help;margin:0;}
address{font-style:normal;float:left;}
kbd{font:normal .8em "Lucida console", Courier, monospace;border-top:.15em solid #ccc;border-right:.25em solid #aaa;border-bottom:.3em solid #888;border-left:.2em solid #bbb;padding:.06em .3em;margin:0 1.5px;background:#eee;vertical-align: text-bottom;cursor:help;}
em{font-style:italic;}
textarea{font-family:Arial, Helvetica, sans-serif}

/*-----COMUNES------*/
.hidden, .mensaje{position:absolute;top:0;left:0;z-index:-100;visibility:hidden}
.puntosH, .clear{clear:both; padding:5px 0;}
.both{clear:both; padding:1px 0 0 0;}
.separador{background:url(../../images9/fondSeparador.gif) repeat-x; clear:both; margin:15px 0 13px 0; padding:2px 0;}


/*-----ESTRUCTURA - CAPAS Y BLOQUES COMUNES------*/
#encabezado, #contCentral, #pie, #bloqueInterior{width:100%; float:left;}
#encabezado{margin-bottom:5px; background:url(../../images9/fondEncabezado.gif) repeat-x ;}
#contenido{background:#fff; padding:5px 0.7% 5px 0.7%;width:98%; float:left; clear:both;}

/*-----PIE------*/
#pie{background:#083f5b url(../../images9/fondoPie.gif) repeat-x;margin-top:10px; padding:1px 0; color:#fff;}
#pie a{color:#fff; text-decoration:underline;}
#pie a:hover{color:#b4e3ff; text-decoration:none;}
#pie ul{width:95%; float:left; padding: 4px 0 2px 2%; }
#pie li{float:left; padding-left:20px; background:url(../../images9/flechaPie.gif) no-repeat 8px 5px;}

/*-----PARTE SUPERIOR LOGO------*/
#bloqueLogo{float:left; width:22%; padding:10px 0 0 0; text-align:center;}
#bloqueAccesib{float:right; width:77%; display:block; background:#00497a;}
#accesibilidad{float:right; padding:7px 2% 4px 0; display:block;}
#accesibilidad li{float:left; padding:0 4px;}
#accesibilidad li a{text-decoration:none; font-weight:normal; color:#fff;}
#accesibilidad li a:hover{color:#fff;}
.altoContraste{background: url(../../images9/altoContraste.gif) no-repeat 3px 3px; padding:4px 3px 4px 22px; display:block;}
.soloTexto{background: url(../../images9/soloTexto.gif) no-repeat 3px 3px; padding:4px 3px 4px 22px; display:block;}
.contacto{padding:4px 3px; display:block;}
.accesib{ padding:4px 3px; display:block;}
.txtPeq{color:#ff884c !important;}
.txtMediano{font-size:1.2em; color:#ff884c !important;}
.txtGrande{font-size:1.4em; color:#ff884c !important;}

/*-----IMAGEN CENTRAL------*/
#imgPrincipal{float:left; width:100%; background:#6fb5eb url(../../images9/imgCentral.jpg) no-repeat 100% 10%;}
.lema{color:#fff; float:left; margin:0 0 0 5%; padding:30px 0; font:bold 1.3em Arial, Helvetica, sans-serif;}

/*-----PARTE CENTRAL ESTRUCTURA------*/
#bloqueInterior{border-top:4px solid #fff; background: url(../../images9/fondSeparadorV.gif) repeat-y 22.7% 0;}
#bloqueIzq{width:22%; float:left;}
#bloqueDcha{width:77%; float:right; background:#fff;}
#bloqueCentro{width:96%; padding:10px 2% 0 2%;}
.izqTexto{text-align:justify; padding-right:10px;}
.dchaImg{ text-align:center;float:left; margin:10px 10px 5px 5px; overflow:hidden; border:1px solid #7ea7d7;}
.dchaImg span{ width:170px;}


/*-----TEXTOS------*/
.textobloque, .tipoh3{margin:15px 5px 5px 0; text-align:justify;clear:both;}
.textobloque span{padding:0 5px 5px 0; display:inline;}
.tipoh3{font-size:1.1em; border-bottom:1px solid #d3e3ee; color:#ff6314; clear:both; padding: 3px 0;}
.conjunto{margin:15px 0 15px 4px;width: 90%; clear:both;}
.c22{float: left; width: 22%;  padding-bottom: 15px}
.listagenerica{margin:15px 20px 5px 50px;}
.listagenerica li{padding:2px 2px 2px 10px; background: url(../../images9/puntoLi.gif) no-repeat 0px 7px;}

.listas li{background:url(../../images9/puntoLi.gif) no-repeat 8px 5px; padding:1px 20px;}
.mapasite{background: url(../../images9/fondoInicio.gif) repeat-x 0 10%; float:left; width:100%; padding-bottom:10px;}

.inicio{display:block; padding:0 5px 0 0; float:left; color:#003b71 !important;}
.ruta{padding:5px 0 5px 5px;float:left; width:30%; border-left:1px dotted #146089; margin-left:4px;}
.ruta a{text-decoration:none; font-size:1em;}
.ruta a:hover{text-decoration:underline;}

/*-----MENU------*/
#bloqueMenu{float:left; width:100%; display:block; padding:4px 0 1px 0; border-top:1px dotted #b1c2cb;border-bottom:1px dotted #b1c2cb; background:#004879 url(../../images9/fondoCab.gif) repeat-x bottom;}
#bloqueMenu ul{float:right; display:block; margin-right:10px;}
#bloqueMenu ul li{float:left; margin:0 3px;}
#bloqueMenu ul li a{font:bold 1.1em Arial, Helvetica, sans-serif; text-decoration:none; display:block; padding: 3px 10px; border-bottom:5px solid #fd6417; color:#fff;}
#bloqueMenu ul li a:hover{ border-bottom:5px solid #b4e3ff;}

/*-----CESTA DE LA COMPRA------*/
#bloqueCesta{float:left; width:22%;}
#bloqueCesta a{background: url(../../images9/cesta.gif) no-repeat 8px 2px; text-decoration:none; display:block; padding:4px 3px 6px 46px;}

#bloqueAutentic{padding:0 0 6px 0; background:#ff5d0c;color:#fff; clear:both; margin-bottom:5px;}
#bloqueAutentic h3{color:#fff; background:#ff8f35 url(../../images9/flechaAut.gif) no-repeat 12px 5px; font-size:1.1em; padding:5px 0 5px 30px; margin:0;}
#bloqueAutentic label, #bloqueAutentic div{padding: 0 3px 0 20px; margin:0; display:block;}
#bloqueAutentic span{display:block; margin: 4px 0;}
.boton{background:#259ae1; border:1px solid #0084d4; color:#fff; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;margin:8px 0;cursor: pointer; margin-right:3px;}
.botonB{background:#259ae1; border:1px solid #0084d4; color:#fff; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;cursor: pointer;}

.botonV{background:#259ae1; border:1px solid #0084d4; color:#fff; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; cursor: pointer; margin:8px 5px;}

#bloqueAutentic ul{margin:0 0 7px 0; padding:5px 15px;}
#bloqueAutentic ul li{padding:2px 5px;}
#bloqueAutentic ul li a{color:#fff;}
#bloqueAutentic h4{font:bold 1.1em Arial, Helvetica, sans-serif;color:#fff; display:block;padding:5px 0 5px 15px; background:#f75300; border-bottom:1px solid #ff9661;}
#bloqueAutentic h4 span{color:#fff; font-weight:normal;display:inline;}
#bloqueAutentic ul li span{display:inline;}

/*----BUSCAR-----*/
#bloqueBusq{float:right; padding-right:5px;}
#bloqueBusq div{padding-top:2px;float:left;}
#bloqueBusq h3{float:left; font-size:1em; padding:5px;}
.campogen{width:80%;}

.bloqueInf{float:left; width:100%; background:#f9f9f5; height:147px; border-bottom:3px solid #fff; display:block; overflow:hidden;}
/*----FORMULARIO CONTACTAR----*/
.form{margin:2px 2% 2px 0; clear: both;}
.titformulario{padding:0 0 10px 5px; font-size:1.1em; color:#003049;}
.cuerpoform{padding:10px 10px 10px 20px;margin:0; background:#f5f8fb; border:1px solid #c9e3ef;}
.cuerpoform label{display:block;  padding:3px 0;}
hr.salto{display:none;}
.etiqueta{float:left; padding:1px 0; width:30%;}
.2botones{clear:both; display:block; padding:3px 0;}
.campo, .campogen{border:1px solid #93a8ac; font-size:0.9em;color:#868686;}
.formulario{float:left; width:70%;}

.logosOf{clear:both; padding:4px 0; text-align:center; overflow:hidden;}

/*--CATALOGO--*/
.elegirCategoria{background:#f5f8fb; padding:0 0 0 8px;margin:8px 0; clear:both;border:1px solid #c2e6f7;}
.elegirCategoria h3{float:left; font-size:1em; padding:13px 8px 5px 0;}
.select{font-size:1em; margin:8px 0;}
.articulos{margin:2px 2px 0 2px;font-size:1.1em;}
.categoria{color:#738a9b; font-size:1.2em; padding:5px 0 12px 5px; display:block; clear:both;}
.categoria span{color:#fd6417; font-size:1.3em;}
.siguiente{padding:6px 5px; clear:both;}
.siguiente a{padding:0 3px;}

.volverProd{ background:url(../../images9/volver.gif) no-repeat 1px 9px; display: block; padding:6px 0 6px 15px !important; border-top:1px dotted #d2d7df; }
.volverProd:hover{ background:#f7f8fb url(../../images9/volver.gif) no-repeat 1px 9px;}


/*--estructura--*/
.lineaProd{padding:2px; clear:both; padding-bottom:10px;margin-bottom:10px; background:url(../../images9/fondSeparador.gif) repeat-x bottom;}
.cuadroProd{float:left; width:47%;border:1px solid #b8d7ed;}
.separaProd{float:left; width:3%; height:10px; }
.cuadroMarcas{float:left; width:98%;border:1px solid #e3e5e7; background:#f7f9fb; border-left:#aabfd7;}

/*--productos--*/
.imgproducto{padding:8px;float:left; width:25%; text-align:center; overflow:hidden; background:#fff; border-right:1px solid #cee7f9;}
.producto{padding:4px 0 8px 10px; text-align:justify;float:left; width:60% !important; width:42%;}
.producto a{display: block; padding-top:5px;}
.producto h3{font-size:1.2em;}

.nombre{font-size:1.1em;display:block; color:#00138d; border-bottom:1px solid #d6d6d6; padding-bottom:4px; text-decoration:none;}
.descrip{padding:4px 0; display:block;}
.precio{padding:0 4px; display:block; clear:both; background:#f4f8fa; border-top:1px dotted #c2d0d6;}
.precio span{font:bold 1.2em Arial, Helvetica, sans-serif; color:#d71613;}
.mas{padding:0 0 0 15px; display:block; background: url(../../images9/mas.gif) no-repeat 0 6px;}
.bloqCarro{display:block; clear:both; background:#f6f8fa; border-top:1px dotted #b2d5ee;}

.preciocompra{float:right; padding-top:3px;}
.addcarro{padding:4px 0 4px 40px; float:left; width:40%; display:block; background:url(../../images9/addCesta.gif) no-repeat 9px 3px; color:#165489;}


/*--detalle--*/
.imgdetalle{padding:4px;float:left; width:120px; margin-bottom:25px;}
.detalleproducto{padding:4px 2% 4px 5%; text-align:justify;float:left; width:65% !important; width:60%; background:#fff;}
.detalle{clear:both;padding-bottom:5px;}
.detalleProd{margin:3px;color:#759098; clear:both;}



.resaltado{font: italic 1.1em Arial, Helvetica, sans-serif; color:#007db4; padding:4px; background:#f1f5f7; border:1px dotted #afd3e3;}
.direcc{float:left; width:85%;}
.mapa{float:left; overflow:hidden; width:85%;padding-top:5px;}