/*----GENERALES-----*/
body{margin:2% 4%;padding:0;font:normal 65% Verdana, Arial, Helvetica, sans-serif;color:#838383; background:#ced8da;}

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

a{font-weight:bold; color:#7c7c7c;text-decoration:underline;}
a:hover{color:#f2d900; text-decoration:none;}
img{border:0;margin:0;padding:0;}
p{padding:0; margin:7px 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:#545454;}

h2.titulo{font-size:1.2em; font-weight:bold; padding:3px 0 5px 30px; margin-bottom:5px; float:left; width:98%; clear:both; background:url(../../images30/fondoTit.gif) no-repeat; display:block; color:#797979; border-bottom:1px dotted #ccc;}
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 #e3e3e3; border-top:1px solid #e3e3e3; font-weight:normal;padding:5px 3px 5px 1%; background:#f5f5f5;}
td{padding:8px 3px 8px 1%;border-top:3px solid #fff;border-bottom:1px solid #e3e3e3;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(../../images30/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{background:url(../../images30/fondEncabezado.gif) repeat-y right;}
#contenido{background:#fff;width:100%; float:left; clear:both;}
.padding{padding:4px 4px 2px 4px; clear:both;}

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

/*-----PARTE SUPERIOR LOGO------*/
#bloqueLogo{float:left; width:20%; padding:5px 0 5px 2px;}
#bloqueAccesib{float:right; width:70%;margin-top:18px;}
#bloqueAccesib ul{float:right; padding:0;}
#bloqueAccesib ul li{float:left; padding:0 4px; border-right:1px solid #d8dfe4;}
#bloqueAccesib ul li a{text-decoration:none; color:#464646; font-weight:normal;}
#bloqueAccesib a:hover{color:#f21c00;}
.altoContraste{background: url(../../images30/altoContraste.gif) no-repeat 3px 4px; padding:4px 2px 4px 20px; display:block;}
.soloTexto{background: url(../../images30/soloTexto.gif) no-repeat 3px 4px; padding:4px 2px 4px 20px; display:block;}
.contacto, .accesib{padding:4px 2px; display:block;}
.acces a{color:#b19f00 !important; font-weight:bold;}
.txtMediano{font-size:1.2em;}
.txtGrande{font-size:1.4em;}

/*-----IMAGEN CENTRAL------*/
#imgPrincipal{float:left; width:100%; margin-top:1px;}
#imgPDcha{float:right; width:75%; background:#fae422 url(../../images30/imgCentral.jpg) no-repeat;}
.lema{color:#797979; float:left; width:30%; margin:50px 0 0 10px;font:bold 1.2em Arial, Helvetica, sans-serif; text-align:left;}

/*-----PARTE CENTRAL ESTRUCTURA------*/
#bloqueIzq{width:23%; float:left;}
#bloqueDcha{width:75%; 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 #ccc;}
.dchaImg span{ width:170px;}
/*-----TEXTOS------*/
.textobloque{padding:0; text-align:justify;clear:both; margin:0;}
.textobloque span{padding:0 5px 5px 0; display:inline;}
.tipoh3{font-size:1.1em; border-bottom:1px dotted #f9e322; color:#a0a0a0; clear:both; padding: 3px 0; margin:5px 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(../../images30/puntoLi.gif) no-repeat 0px 7px;}

.listas li{background:url(../../images30/puntoLi.gif) no-repeat 15px 5px; padding:1px 20px;}
.mapasite{background: url(../../images30/fondoInicio.gif) repeat-x bottom; float:left; width:100%; clear:both;}

.mapasite a{ text-decoration:none;color:#173c67; font-size:1em; color:#848b81;}
.inicio{display:block; padding:0 5px 0 15px; float:left; color:#c7b306 !important;}
.ruta{float:left; padding:3px 0 5px 0;}

.documentos{float:right;}
.documentos a{background:url(../../images30/doc.gif) no-repeat 0 3px; padding:6px 10px 7px 25px; display:block;}
.documentos a:hover{color:#c7b306;}

/*-----MENU------*/
#bloqueMenu{padding:0; float:left; width:23%;}
#bloqueMenu ul li{padding:1px;margin-bottom:1px; background:#797979; border-left:4px solid #fae422;}
#bloqueMenu ul li a{color:#fff; font:bold 1.1em Arial, Helvetica, sans-serif; text-decoration:none; display:block; padding: 2px 5px 2px 32px; background:url(../../images30/flechaMenu.gif) no-repeat 12px 7px;}
#bloqueMenu ul li a:hover{color:#fff;background:#c0c0c0 url(../../images30/flechaMenu.gif) no-repeat 12px 7px;}

/*-----CESTA DE LA COMPRA------*/
#bloqueCesta{background:#fff; padding:2px 0;}
#bloqueCesta a{background: url(../../images30/cesta.gif) no-repeat 7px 4px;display:block; padding:4px 4px 6px 35px; color:#797979;}
#bloqueAutentic{padding-bottom:7px; float:left; width:99%; background:#dadbda; border:1px solid #b1b7b3; margin-bottom:10px;}
#bloqueAutentic h3{color:#555d59; background:#fff url(../../images30/fle2.gif) no-repeat 18px 9px; font-size:1em; padding:5px 0 7px 15%; margin-bottom:4px;}
#bloqueAutentic label, #bloqueAutentic div{padding: 2px 3% 0 10%; margin:0; display:block; color:#555d59;}
.boton{background:#f7de00; border:1px solid #9a9675; color:#616161; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;margin:2px;cursor: pointer; margin-right:3px;}
.botonV{background:#f7de00; border:1px solid #9a9675; color:#616161; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;cursor: pointer; margin:8px 5px;}

#bloqueAutentic ul{margin:0 0 7px 0; padding:5px 15px; background:#f4f4f4;}
#bloqueAutentic ul li{padding:2px 5px;}
#bloqueAutentic h4{font:bold 1em Arial, Helvetica, sans-serif;color:#e31d03; display:block;padding:5px 0 5px 15px; background:#eee;}
#bloqueAutentic h4 span{color:#767676; font-weight:normal;display:inline;}
#bloqueAutentic ul li span{display:inline;}

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

/*----BUSCAR-----*/
#bloqueBusq{padding:1px; float:right; background:#a0a0a0; width:15em; border-left:3px solid #fff;}
#bloqueBusq h3{font-size:1em; padding:0 0 0 15px;color:#fff;display:block; background:url(../../images30/fle.gif) no-repeat 4px 4px; margin:10px 5px;}
#bloqueBusq span{display:block; margin: 0 0 7px 15px;}
#bloqueAutentic span{margin:2px; display:block;}
.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%; clear: both;}
.titformulario{padding:0 0 10px 5px; font-size:1.1em;}
.cuerpoform{padding:10px 10px 0 20px;margin:0; background:#f5f5f5; border:1px solid #f7b5b5;}
.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; padding:2px; color:#868686;margin:1px 2px;}

/*--CATALOGO--*/
.elegirCategoria{background:#f5f8fb; padding:0 0 0 8px;margin:8px 0; clear:both;border:1px solid #ededed;}
.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{font-size:1.2em; padding:5px 0 12px 5px; display:block; clear:both;}
.categoria span{ font-size:1.3em; color:#d8c200;}
.siguiente{padding:6px 5px; clear:both;}
.siguiente a{padding:0 3px;}

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

/*--estructura--*/
.lineaProd{padding:2px; clear:both; padding-bottom:10px;margin-bottom:10px; background:url(../../images30/fondSeparador.gif) repeat-x bottom;}
.cuadroProd{float:left; width:47%;border:1px solid #bbb;}
.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 #ededed;}
.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:4px; display:block; clear:both; background:#f9f9f9; border-top:1px dotted #cfcfcf;}
.precio span{font:bold 1.2em Arial, Helvetica, sans-serif; color:#d71613;}
.mas{padding:0 0 0 15px; display:block; background: url(../../images30/mas.gif) no-repeat 0 6px;}


.preciocompra{float:right;}
.addcarro{padding:0 0 4px 35px; float:left; width:40%; background:url(../../images30/addCar.gif) no-repeat 7px 0; color:#165489;}
.addcarro a{display:block;}
.addcarro a:hover{color:#9d8d00;}

/*--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; padding:4px; background:#fefefe; border:1px dotted #ddd; color:#000;}
.direcc{float:left; width:85%;}
.mapa{float:left; overflow:hidden; width:85%;padding-top:5px;}
.formulario{float:left; width:70%;}