/*----GENERALES-----*/
body{margin:10px 5%;padding:0;font:normal 65% Verdana, Arial, Helvetica, sans-serif;color:#1f57aa; background:#c9ddf3;}

fieldset{border:1px solid #b1c5ea; padding:10px 20px;}
legend{padding:5px; font:bold 1.1em Arial, Helvetica, sans-serif; margin:5px; color:#2353aa;}

a{font-weight:bold; color:#4476da;text-decoration:underline;}
a:hover{color:#8caae7; text-decoration:none;}
img{border:0;margin:0;padding:0;}
p{padding:0; margin:0;}
/*--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:#183d90;}

h2.titulo{font-size:1.4em; font-weight:bold; padding:4px 0 10px 33px;float:left; width:90%; clear:both; background:url(../../images/fondoTit.gif) no-repeat; display:block; margin:0 0 15px 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:#f4f4e1;}
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(../../images/fondSeparador.gif) repeat-x 0 50%;; clear:both; padding:15px 0 13px 0; margin:2px 0;}


/*-----ESTRUCTURA - CAPAS Y BLOQUES COMUNES------*/
#encabezado, #pie, #bloqueInterior{width:100%; float:left;}
#contenido{background:#fff; padding:7px 1% 10px 1%;width:98%; float:left; clear:both;}

/*-----PIE------*/
#pie{background:#143193 url(../../images/fondoPie.gif) repeat-x; padding:35px 0 7px 0; color:#fff; float:left; width:100%;}
#pie a{color:#fff; font-weight:normal; text-decoration:underline;}
#pie a:hover{color:#c08fdf ; font-weight:normal; text-decoration:none;}
#seccion1{width:80%; float:left; padding: 4px 0 2px 2%;}
#seccion1 li{float:left; padding:0 0 5px 16px; background:url(../../images/flechaPie.gif) no-repeat 8px 5px;}

#seccion2{float:right; padding-right:1%;}

/*-----PARTE SUPERIOR LOGO------*/
#bloqueLogo{float:left; width:100%; padding-bottom:5px;}
#bloqueLogo h1{float:left;}
#bloqueAccesib{clear:both; float:left; width:100%; background:url(../../images/fondoAccesib.gif) repeat-x bottom; padding-bottom:4px;}
#bloqueAccesib ul{float:left; padding-top:10px; clear:both;  background:url(../../images/fondSeparador.gif) repeat-x; width:100%;}
#bloqueAccesib ul li{float:right; padding:0 4px; border-right:1px solid #d7d7d7;}
#bloqueAccesib ul li a{text-decoration:none;color:#132e91; font-weight:normal;}
#bloqueAccesib ul li a:hover{text-decoration:underline;}

.altoContraste, .soloTexto{border:none; color:#132e91; font:normal 0.9em Verdana, Arial, Helvetica, sans-serif; cursor:pointer;margin:0; text-align:left;padding:3px 3px 3px 18px;}
.altoContraste:hover, .soloTexto:hover{text-decoration:underline;}

.altoContraste{background: url(../../images/altoContraste.gif) no-repeat 3px 3px; width:10em; }
.soloTexto{background: url(../../images/soloTexto.gif) no-repeat 3px 3px;width:8em;}
.contacto{background: url(../../images/contacto.gif) no-repeat 3px 4px; padding:3px; display:block;}
.accesib{background: url(../../images/accesib.gif) no-repeat 3px 3px; padding:3px; display:block;}

.tamano1, .tamano2, .tamano3{color:#2a4ac2 !important; border:none; background:none; cursor:pointer;padding:0 2px 0 0 !important; margin:0 !important; font-weight:bold; font-family:Verdana;}
.tamano1:hover, .tamano2:hover, .tamano3:hover{text-decoration:underline; color:#c08fdf !important;}
.tamano1{font-size:1em;}
.tamano2{font-size:1.2em;}
.tamano3{font-size:1.3em;}

/*-----IMAGEN CENTRAL------*/
#contCentral{float:left; width:100%; background:url(../../images/fondoImg.gif) repeat-x;}
#imgPrincipal{float:left; width:100%;  background:url(../../images/imgCentral2.jpg) no-repeat; height:187px;}

.lema{color:#fff; float:right; margin:62px 0 0 25%;font: bold italic 1.5em Georgia, "Times New Roman", Times, serif; color:#000092; width:40%;}

/*-----PARTE CENTRAL ESTRUCTURA------*/
#bloqueInterior, #bloqueCentro{float:left; width:100%;}
.paddingCentral{padding:0 33px 0 45px;}

.izqTexto{width:67%; padding-right:3%; float:left;}
.dchaImg{float:right; width:30%; overflow:hidden; text-align:center;}
.dchaImg img{ padding:4px 0 10px 0;}

/*-----TEXTOS------*/
.textobloque, .tipoh3{text-align:justify;clear:both; padding-bottom:10px;}
.tipoh3{font-size:1.1em; border-bottom:1px solid #d3e3ee; color:#0b4197; clear:both; padding: 3px 0; margin-bottom:5px;}
.tipoh4{font-size:1em; border-bottom:1px dotted #d3e3ee; color:#2767cd; clear:both; padding: 3px 0; margin-bottom:5px;}
.conjunto{margin:15px 0 15px 4px;width: 90%; clear:both;}
.c22{float: left; width: 22%;  padding-bottom: 15px}
.listagenerica{margin:10px 0 10px 20px;}
.listagenerica li{padding:2px 2px 2px 10px; background: url(../../images/puntoLi.gif) no-repeat 0px 7px;}
.listagenerica span{font-weight:bold; color:#bd5eae; padding-right:2px;}

.listas li{background:url(../../images/puntoLi.gif) no-repeat 8px 5px; padding:1px 20px;}
.mapasite{padding:3px 0; margin:5px 0 20px 0; float:left; width:100%;background:url(../../images/fondSeparador.gif) repeat-x 0 100%;}

/*-----MAPASITE Y PEDIDOS------*/
.ruta{float:left; width:40%; padding:8px 0 8px 2%;}
.mapasite a{color:#000096; text-decoration:none;}
.mapasite a:hover{color:#90b3ec;}
.inicio{display:block; padding:0 5px 0 20px; float:left; color:#3c91f7 !important; background: url(../../images/casa.gif) no-repeat; text-decoration:underline !important;}

.pedidos{float:right; width:23%; background:#fbf7fd url(../../images/fondoPedido.gif) repeat-x bottom; border-top:1px solid #d0e0f9; padding:3px;}
.pedidos a{background:url(../../images/pedido.gif) no-repeat 10px 0; padding:5px 5px 5px 45px; display:block; text-decoration:underline;}

/*-----MENU------*/
#bloqueMenu{float:left; width:100%; border-bottom:1px solid #0460b9; margin:10px 0; background:#2c81d3 url(../../images/fondoMenu.gif) repeat-x;}
#bloqueMenu2{float:left; width:100%;background: url(../../images/esqMenuDcha.gif) no-repeat 100% 0;}
#bloqueMenu ul{float:left; width:97%; padding-left:3%; background:url(../../images/esqMenuIzq.gif) no-repeat;}
#bloqueMenu ul li{float:left; background:url(../../images/lineaMenu.gif) no-repeat 100% 0; font:bold 1.1em Arial, Helvetica, sans-serif;}
#bloqueMenu ul li a{color:#fff; text-decoration:none; display:block; padding:8px;}
#bloqueMenu ul li a:hover{background:#09419f url(../../images/menuHover.gif) repeat-x;}

/*-----AUTENTICACION------*/
.izqAuten{ background:url(../../images/izqAuten.jpg) no-repeat; float:left; width:100%;border-left:1px solid #4273b5;}
.dchAuten{background:url(../../images/dchaAuten.jpg) no-repeat 100% 0; padding:0 12px 0 18px;height:187px;}
#bloqueAutentic{background:url(../../images/fondoAutent.gif) repeat-x 0 100%; float:right; width:24.5%;color:#fff;}
#bloqueAutentic h3{color:#fff; background: url(../../images/auten.gif) no-repeat 0 7px;font-size:1.1em; padding:9px 0 9px 18px; margin-bottom:4px; overflow:hidden;}
#bloqueAutentic label{padding: 1px 0 3px 15px; margin:0; display:block;}
#bloqueAutentic span{padding:3px 0; display:block;}
.bot{padding: 8px 0 0 15px;display:block;}
.boton{background:#1567c0 url(../../images/fondoBt.gif) repeat-x; border:1px solid #004a9b; color:#fff; font:bold 1.1em Arial, Helvetica, sans-serif;margin:1px 3px 1px 0;cursor: pointer; padding:1px 5px;}

/*----BUSCAR-----*/
#bloqueBusq{float:right; margin:25px 5px 0 0;}
#bloqueBusq label{margin:5px 0; float:left;}
#bloqueBusq h3{font-size:1.1em;color:#327bcb;float:left; padding:10px;}
#bloqueBusq h2{font-size:1.1em;color:#327bcb;float:left; padding:10px;}
.campogen{width:45%;}
.campolog{width:80%;}

/*----*/


/*----FORMULARIO CONTACTAR----*/
.form{clear:both;}
.form form{margin:0; padding:0; float:left; width:100%;}
.form h3{padding:5px 0 10px 25px; font-size:1.1em; color:#124a9f; background:url(../../images/sobre.gif) no-repeat 2px 2px;}
.cuerpoform{padding:10px 5%;margin:0; background:#f2f7ff;border:1px solid #d5dbf7; float:left; width:90%;}
.cuerpoform label{display:block; padding:4px 0;}
hr.salto{display:none;}
.etiqueta{float:left; padding:1px 0; width:27%;}
.etiqueta2{float:left; padding:1px 0; width:29%;}

.campo, .campogen, .observ, campolog{border:1px solid #b1b1b1; font-size:0.9em; padding:3px; color:#868686; background:#fff url(../../images/fondoForm.gif) repeat-x bottom; margin-right:5px;}
.observ{font:normal 1.1em Arial, Helvetica, sans-serif !important; width:45%; height:7em;}

/*--CATALOGO--*/
.elegirCategoria{background:#f2f7ff; padding:5px 8px 8px 8px;clear:both; border:1px solid #d5dbf7;}
.select{font-size:1em; margin:1px 0;}
.articulos{margin:5px 2px 0 2px;}
.categoria{color:#abb7c4; font-size:1.1em; padding:8px 0 5px 10px; margin:8px 0 12px 0; display:block; clear:both;}
.categoria span{color:#5787bb; font-size:1.1em;}
.siguiente{padding:6px 5px; clear:both;}
.siguiente a{padding:0 3px;}

/*--estructura--*/
.catalogo{padding:4px; clear:both; border:1px solid #d6e8fc;}
.cuadroProd{margin:3px 0 7px 0; clear:both; float:left; width:100%; padding-bottom:5px; background:url(../../images/fondSeparador.gif) repeat-x bottom;}

/*--productos--*/
.imgproducto{padding:8px;float:left; width:25%; overflow:hidden; text-align:center;}
.producto{padding:0 8px 8px 10px; text-align:justify;float:left; width:60% !important; width:42%; border-left:1px solid #bcd5f4;}
.producto a{display:block; padding-top:6px; color:#00378c;}
.precio{clear:both; background:#f2f2ed; padding:0 0 0 14px;font-weight:bold; border-bottom:1px solid #dbd9c5;}
.precio span, .detallePrecio span, .total{color:#d60197; vertical-align:middle; font-size:1.1em;}
.preciocompra{float:left;padding:5px 3px; width:30%;}
.addcarro{float:right;padding:3px; margin:2px;}
.addcarro a{padding:3px 25px 3px 3px; display:block; background:url(../../images/addCesta.gif) no-repeat 100% 0;}


/*--detalle--*/
.imgdetalle{padding:4px;float:left; width:120px; margin-bottom:25px; border:1px solid #e7e8e2;}
.detalleproducto{padding:4px 2% 4px 5%; text-align:justify;float:left; width:65% !important; width:60%;}
.detalle{clear:both;padding-bottom:5px;}
.detalleProd{margin:3px;color:#759098; clear:both;}

