/*----GENERALES-----*/
body{margin:10px 5%;padding:0;font:normal 65% Verdana, Arial, Helvetica, sans-serif;color:#000; background:#ebe7ca;}

fieldset{padding:0;border:none; float:none;}
legend{padding:10px;}

a{font-weight:bold; color:#f77b00;text-decoration:underline;}
a:hover{color:#a49e85; 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:#52503a;}

h2.titulo{font-size:1.3em; font-weight:bold; padding:3px 0 4px 20px;float:left; width:70%; clear:both; background:url(../../images23/flechaMenu.gif) no-repeat 0 6px; display:block; margin:5px 0 2px 0;}
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:#f1f1f0;}
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 0.9em "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(../../images23/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:8px; background:#fff;}
#contCentral{background:#fff;}
#contenido{width:100%; float:left; clear:both;}
.padding{padding:3px 3px 2px 3px; clear:both;}

/*-----PIE------*/
#pie{background:#f6b53d url(../../images23/fondoPie.gif) repeat-x bottom; margin-top:10px; padding:3px 0; color:#fff;}
#pie a{color:#fff; text-decoration:underline;}
#pie a:hover{color:#b05315; text-decoration:none;}
#pie ul{width:95%; float:left; padding: 4px 0 2px 2%; }
#pie li{float:left; padding-left:20px; background:url(../../images23/flechaPie.gif) no-repeat 8px 5px;}


/*-----PARTE SUPERIOR LOGO------*/
#bloqueLogo{float:left; overflow:hidden; width:25%; padding:7px 0 5px 0; background:#fff; text-align:center;}
#dchaEncab{float:right; width:74%;margin:3px 3px 3px 0;background:#faf9f1 url(../../images23/fondEncabezado.gif) repeat-x bottom ;border-bottom:1px dotted #ded5b2; min-height:65px;}


/*----BUSCAR-----*/
#bloqueBusq{padding:5px 0;float:left; width:60%;}
#bloqueBusq h3{font-size:1em; float:left; margin:3px 7px; color:#ed8210;}
.campogen{width:80%;}
.campobusq{width:30%;}

.bloqueInf{float:left; width:100%; background:#deedf8; height:123px; border-bottom:3px solid #fff; display:block; overflow:hidden;}


/*-----CESTA DE LA COMPRA------*/
#bloqueCesta{clear:both; background:#f5f3e1 url(../../images23/fondoImg.gif) repeat-x 0 -5px; border-bottom:1px dotted #ff7200;}
#bloqueCesta a{background: url(../../images23/addCar.gif) no-repeat 10px 5px; text-decoration:none; display:block; padding:6px 3px 6px 43px; color:#4f4f4f;}
#bloqueCesta a:hover{background:#fffaf2 url(../../images23/addCar.gif) no-repeat 10px 5px;color:#f77b00;}

/*----BLOQUE ACCESIBILIDAD-----*/
#bloqueAccesib{float:left; width:90%; padding:7px 1%;}
#bloqueAccesib ul{float:left; width:100%;}
#bloqueAccesib ul li{float:left; padding:0 4px; border-right:1px dotted #ce6119; ;}
#bloqueAccesib ul li a{text-decoration:none; color:#35342b; font-weight:bold;}
#bloqueAccesib a:hover{text-decoration:underline; color:#ea8400;}
.altoContraste{background: url(../../images23/contraste.gif) no-repeat 3px 4px; padding:4px 3px 4px 22px; display:block;}
.soloTexto{background: url(../../images23/texto.gif) no-repeat 3px 4px; padding:4px 3px 4px 22px; display:block;}
.contacto{background: url(../../images23/contacto.gif) no-repeat 3px 6px; padding:4px 3px 4px 22px; display:block;}
.accesib{background: url(../../images23/accesib.gif) no-repeat 3px 4px; padding:4px 3px 4px 20px; display:block;}
.txtMediano{font-size:1.2em; padding-left:2px;}
.txtGrande{font-size:1.4em;padding-left:2px;}
.txtPeq, .txtMediano, .txtGrande{font-weight:bold !important; color:#e76100 !important;} 
/*--------*/

/*-----IMAGEN CENTRAL------*/
#imgPrincipal{float:left; width:100%; background:#fff url(../../images23/fondoImg.gif) repeat-x; height:115px; border-bottom:1px solid #8e5500;}
.imgCentral{background:url(../../images23/imgCentral.jpg) no-repeat;height:115px;}
.lema{float:right; margin:50px 5% 0 0; padding:3px; font:bold 1.2em Arial, Helvetica, sans-serif; width:70%; color:#94641e; text-align:right;}

/*-----PARTE CENTRAL ESTRUCTURA------*/
#bloqueInterior{}
#bloqueIzq{width:22.5%; float:left;}
#bloqueDcha{width:77%; float:right;}
#bloqueCentro{width:92%; float:left; margin:10px 0 0 5% !important; margin:10px 0 5px 3%;}
.izqTexto{padding-right:10px; text-align:justify;}
.dchaImg{text-align:center;float:left; margin:10px 10px 5px 5px; overflow:hidden; border:1px solid #f5f3e1;}
.dchaImg span{ width:178px;}

/*-----TEXTOS------*/
.textobloque, .tipoh3{margin:15px 0 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 #f19d00;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 0 5px 50px;}
.listagenerica li{padding:2px 0 2px 10px; background: url(../../images23/puntoLi.gif) no-repeat 0px 7px;}

.listas li{background:url(../../images23/puntoLi.gif) no-repeat 8px 5px; padding:1px 20px;}
.mapasite{background: url(../../images23/fondSeparador.gif) repeat-x bottom; float:left; width:100%; padding-bottom:3px;}

.mapasite a{ text-decoration:none; font-size:1em;}
.inicio{display:block; padding:0 5px 0 20px; float:left; background: url(../../images23/casa.gif) no-repeat 4px 2px;}
.ruta{float:left; width:50%; padding:5px;}

/*-----MENU------*/
#bloqueMenu{background: url(../../images23/fondoMenu.gif) repeat-x bottom; float:left; width:100%;}
#bloqueMenu ul{float:left; width:100%;}
#bloqueMenu ul li{float:left; margin:0 1px; border-right:1px dotted #cfa05d;}
#bloqueMenu ul li a{color:#847c6a; font:bold 1.1em Arial, Helvetica, sans-serif; text-decoration:none; display:block; padding: 5px 5px 7px 23px; background:url(../../images23/flechaMenu.gif) no-repeat 6px 5px;}
#bloqueMenu ul li:hover{ background: #f7f4ea url(../../images23/fondoMenuH.gif) repeat-x bottom; cursor: pointer;}
#bloqueMenu ul li a:hover{text-decoration:none; background: url(../../images23/flechaMenuH.gif) no-repeat 6px 5px; color:#a24e16;}


/*----FORMULARIO CONTACTAR----*/
.form{margin:2px 2%; clear: both;}
.titformulario{padding:0 0 10px 5px; font-size:1.1em; color:#cf8422;}
.cuerpoform{padding:10px 10px 5px 20px;margin:0; background:#faf9f1; border:1px solid #e9e7d6;}
.cuerpoform label{display:block;  padding:3px 0;}
hr.salto{display:none;}
.etiqueta{float:left; padding:1px 0; width:35%;}
.2botones{clear:both; display:block; padding:3px 0;}
.campo, .campogen, .campobusq, .observ{border:1px solid #93a8ac; font-size:0.9em; padding:1px; color:#686868; margin-right:5px;}
.observ{width:14em;font-size:1.1em !important;}

/*--CATALOGO--*/
.elegirCategoria{background:#f6f5ec; padding:0 0 0 8px;margin:8px 0; clear:both;}
.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:#9b8c72; font-size:1.2em; padding:5px 0 12px 5px; display:block; clear:both;}
.categoria span{color:#db7c00; font-size:1.3em;}
.siguiente{padding:6px 5px; clear:both;}
.siguiente a{padding:0 3px;}

.volverProd{ background:url(../../images23/volver.gif) no-repeat 1px 9px; display: block; padding:6px 0 6px 15px !important; border-top:1px dotted #d2d7df; }
.volverProd:hover{ background:#f7f8fb url(../../images23/volver.gif) no-repeat 1px 9px; }

.boton{background:#ff8308; border:1px solid #ce6119; color:#fff; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;cursor: pointer; margin-right:3px;}
.botonV{background:#ff8308; border:1px solid #ce6119; color:#fff; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;cursor: pointer; margin:8px 5px;}

/*--AUTENTICACION--*/
#bloqueAutentic{ background:#fbf3e6; padding:7px 20px 12px 20px; margin:5px 0 15px 0; border:1px solid #e6dfbd;}
#bloqueAutentic h3{font-size:1em;padding:2px 0 5px 19px; background:#fffaf2 url(../../images23/zpriv.gif) no-repeat 0 3px;}
#bloqueAutentic label{ display:block; padding:3px 0 5px 0;}

#bloqueAutentic ul{margin:0 0 7px 0;}
#bloqueAutentic ul li{padding:2px 5px; background:#fbfbf6; border-bottom:1px solid #eae9da;}
#bloqueAutentic h4{font:bold 1em Arial, Helvetica, sans-serif;margin:5px 0;display:block; border-bottom:1px solid #eae9da;padding:0 0 2px 5px;}
#bloqueAutentic h4 span{font-weight:normal; display:inline;}

.logosOf{clear:both; padding:4px 0; text-align:center; overflow:hidden;}

/*--estructura--*/
.lineaProd{padding:2px; clear:both; padding-bottom:10px;margin-bottom:10px; background:url(../../images23/fondSeparador.gif) repeat-x bottom;}
.cuadroProd{float:left; width:47%;border:1px solid #c0bd9e;}
.separaProd{float:left; width:3%; height:10px;}

/*--productos--*/
.imgproducto{padding:8px;float:left; width:24%; text-align:center; overflow:hidden;}
.producto{padding:8px 8px 8px 10px; text-align:justify;float:left; width:60% !important; width:42%;}

.nombre{font-size:1.1em;display:block; color:#db7c00; border-bottom:1px solid #d6d6d6; padding-bottom:4px; text-decoration:none;}
.descrip{padding-top:4px; display:block;}
.precio{clear:both;display:block;border-top:1px solid #d7d1b3; background:#f9f8f1; text-align:left; padding:2px;}
.precio span{font:bold 1.2em Arial, Helvetica, sans-serif; color:#d71613;}
.mas{padding:1px 0 3px 16px; margin-top:4px; display:block; background: url(../../images23/mas.gif) no-repeat 0 2px;}

.addcarro{padding:4px 0 4px 35px; float:left; width:40%; display:block; background: url(../../images23/carro.gif) no-repeat 15px 3px; color:#165489;}
.preciocompra{float:right; width:40%; padding:3px 5px 0 0; text-align:right;}

/*--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: bold 1.1em Arial, Helvetica, sans-serif; color:#f19d00; padding-top:4px; }
.direcc{float:left; width:85%;padding-top:15px;}
.mapa{float:left; overflow:hidden; width:85%;padding-top:5px;}
.formulario{float:left; width:70%;}
