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


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

a{font-weight:bold; color:#f87e02;text-decoration:underline;}
a:hover{color:#666; 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:#0286de;}

h2.titulo{font-size:1.3em; font-weight:bold; padding:1px 0 5px 25px; margin-bottom:10px; float:left; width:98%; clear:both; background:url(../../images7/fondoTit.gif) no-repeat 2px 4px; display:block; color:#666; border-bottom:1px dotted #ff8601;}
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(../../images7/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(../../images7/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:#666; margin-top:10px; padding:1px 0; color:#fff;}
#pie a{color:#fff; text-decoration:underline;}
#pie a:hover{color:#f87e02; text-decoration:none;}
#pie ul{width:95%; float:left; padding: 4px 0 2px 2%; }
#pie li{float:left; padding-left:20px; background:url(../../images7/flechaPie.gif) no-repeat 8px 5px;}

/*-----PARTE SUPERIOR LOGO------*/
#bloqueLogo{float:left; width:30%; padding:5px 0 5px 2px; text-align:center;}
#bloqueAccesib{float:right; width:65%;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:#3f525f; font-weight:normal;}
#bloqueAccesib a:hover{color:#f98808;}
.altoContraste{background: url(../../images7/altoContraste.gif) no-repeat 3px 4px; padding:4px 2px 4px 20px; display:block;}
.soloTexto{background: url(../../images7/soloTexto.gif) no-repeat 3px 4px; padding:4px 2px 4px 20px; display:block;}
.contacto, .accesib{padding:4px 2px; display:block;}
.acces a{color:#f98808 !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:#1a93e4 url(../../images7/imgCentral.jpg) no-repeat;}
.lema{color:#00447d; 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 #c0c2bb;}
.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 #c0c2bb; 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(../../images7/puntoLi.gif) no-repeat 0px 7px;}

.listas li{background:url(../../images7/puntoLi.gif) no-repeat 15px 5px; padding:1px 20px;}
.mapasite{background: url(../../images7/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:#f92900 !important;}
.ruta{float:left; padding:3px 0 5px 0;}

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

/*-----MENU------*/
#bloqueMenu{padding:0; float:left; width:23%;}
#bloqueMenu ul li{padding:1px;margin-bottom:1px; background:#666; border-left:4px solid #ff6600;}
#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(../../images7/flechaMenu.gif) no-repeat 12px 7px;}
#bloqueMenu ul li a:hover{color:#fff;background:#959595 url(../../images7/flechaMenu.gif) no-repeat 12px 7px;}

/*-----CESTA DE LA COMPRA------*/
#bloqueCesta{background:#fff; padding:2px 0;}
#bloqueCesta a{background: url(../../images7/cesta.gif) no-repeat 9px 6px;display:block; padding:4px 4px 6px 30px;}

#bloqueAutentic{padding-bottom:7px; float:left; width:99%; background:#8aa5b6; border:1px solid #c8c8c8; margin:4px 0 10px 0;}
#bloqueAutentic h3{ background: #fff url(../../images7/fle2.gif) no-repeat 15px 7px; font-size:1.1em; padding:3px 0 4px 15%; margin-bottom:4px;}
#bloqueAutentic label, #bloqueAutentic div{padding: 2px 3% 0 10%; margin:0; display:block; color:#fff;}
.boton{background:#f87d00; border:1px solid #c96600; color:#fff; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;margin:2px;cursor: pointer; margin-right:3px;}
.botonV{background:#f87d00; border:1px solid #c96600; 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; background:#90b6d0;}
#bloqueAutentic ul li{padding:2px 5px;}
#bloqueAutentic ul li a{color:#fff;}
#bloqueAutentic h4{font:bold 1em Arial, Helvetica, sans-serif;color:#fff; display:block;padding:5px 0 5px 15px;}
#bloqueAutentic h4 span{ 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:#156ca7; width:15em; border-left:3px solid #fff;}
#bloqueBusq h3{font-size:1em; padding:0 0 0 15px;color:#fff;display:block; background:url(../../images7/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 #73b0d8;}
.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:#f2f5f8; 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:#8c9475; font-size:1.2em; padding:5px 0 12px 5px; display:block; clear:both;}
.categoria span{color:#f68300; font-size:1.3em;}
.siguiente{padding:6px 5px; clear:both;}
.siguiente a{padding:0 3px;}

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

/*--estructura--*/
.lineaProd{padding:2px; clear:both; padding-bottom:10px;margin-bottom:10px; background:url(../../images7/fondSeparador.gif) repeat-x bottom;}
.cuadroProd{float:left; width:47%;border:1px solid #73b0d8;}
.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 #c6d4e7;}
.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;}
.producto h3 a{color:#666;}

.nombre{font-size:1.1em;display:block; color:#666; 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:#f4f7fa; border-top:1px dotted #c6d4e7;}
.precio span{font:bold 1.2em Arial, Helvetica, sans-serif; color:#d71613;}
.mas{padding:0 0 0 15px; display:block; background: url(../../images7/mas.gif) no-repeat 0 6px;}


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

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