@import "../comunes/formulario.css";
@import "../comunes/paginacion.css";

#recurso{width:100%;clear:left;margin:0}
#navegacion2{position:relative}
#navegacion2 img{position:absolute;left:0}
	.zonanav{clear:left;float:left;width:173px;padding:75px 0 0 5px}
	*>/**/.zonanav{padding-top:60px}
.zonacont{margin-left:200px}

.modulodcha{width:28%;padding:10px 1.5% 0;background:#e3eef1 url(../../img/css/aplicaciones/carrito.gif) no-repeat 80% 97%;overflow:visible}
	.modulodcha.gestiondatos{min-height:400px !important;height:auto !important;height:400px;padding-top:0;background:#fff url(../../img/css/aplicaciones/gestionDatos.jpg) no-repeat 80% 100%}
	
.contenedor{width:96%;min-height:250px !important;height:auto !important;height:250px;float:left;padding:10px 2%;border:1px solid #e3eef1}

.moduloizda .tit{margin-left:20px;padding:15px 0 20px 80px;background:transparent url() no-repeat 0 0}
.moduloizda .tit h3{margin:0;font-family:Tahoma;font-size:1.7em;color:#3b87b7}
.moduloizda .tit p{margin:5px 0 0;line-height:1.4em}
		
	#articulos .tit{padding-top:30px;background-image:url(../../img/css/aplicaciones/fondoTituloArticulos.gif)}
	#carrito .tit{padding-left:100px;background-image:url(../../img/css/aplicaciones/fondoTituloCarrito.gif)}
	#pedido .tit{padding-left:100px;background-image:url(../../img/css/aplicaciones/fondoTituloPedido.gif)}
	#pedidofinal .tit{padding-left:100px;background-image:url(../../img/css/aplicaciones/fondoTituloPedido.gif)}
	#mispedidos .tit{background-image:url(../../img/css/aplicaciones/fondoTituloPedidoFinal.gif)}
	#usuarionuevo .tit, #datosusuario .tit, #recordarclave .tit, #baja .tit{padding-left:110px;background-image: url(../../img/css/aplicaciones/fondoTituloDatosUsuario.gif)}

#baja .img_Sin_R{margin:50px 25px 0 0}

/* Navegacion por categorias */
#a_navcategorias div.oculto {display:none}
#a_navcategorias h3{padding:18px 8px 8px;background:#1785b7;font-weight:normal;font-size:1.5em;color:#fff}
#a_navcategorias a{color:#1785b7}
#a_navcategorias ul{margin:15px 10px 0}
#a_navcategorias ul li{padding:0 0 8px 18px;background:transparent url(../../img/css/iconos/vineta5.gif) no-repeat 0 3px}
#a_navcategorias ul ul{margin:8px 0 0}
#a_navcategorias ul li li{padding:0 0 5px 10px;background:transparent url(../../img/css/iconos/vineta1.gif) no-repeat 0 5px;font-size:.9em}
#a_navcategorias li.activo{font-weight:bold}
#a_navcategorias li.normal{font-weight:normal}


/* Navegacion por contenidos */
#a_navcontenidos ul li{padding:0;background:transparent;border:1px solid #d6e0e2}
#a_navcontenidos a{display:block;padding:10px 7% 10px 10% !important;padding:10px 0 10px 2%;background:#e3ecf0 url(../../img/css/iconos/vineta25.gif) no-repeat 5px 15px;font-family:Arial;font-weight:bold;color:#1785b7}

/* Carrito */
table.tienda{margin-bottom:15px;font-family:Tahoma}
table.tienda td,table.tienda th{padding:3px 10px}
table.tienda td.derecha {text-align: right;}
table.tienda th{border:0;font-size:.9em;background:#1785b7;color:#fff}
table.tienda tbody td.cod{font-weight:bold;font-size:1.1em}
table.tienda tr.par td{background:#f1f6f8;border:1px solid #fff;border-width:2px 0}
table.tienda tr.par td.eliminar, table.tienda tr.impar td.eliminar{width:40px;padding:0 2%}
table.tienda td.total{background:#e3eef1;border:2px solid #fff;border-width:2px 0;color:#373535;text-align:right}
table.tienda td.total span{padding-left:8px;font-size:1.2em;font-weight:bold;color:#f17332}
#carrito table.tienda td.total{padding-right:50px;background:#e3eef1;border:2px solid #fff;border-width:2px 0;color:#373535;text-align:right}

table.tienda td{line-height:1.3em}
table.tienda td ul{float:left;width:49%;display:none;margin:0;padding:0}
*>/**/table.tienda td ul{width:48%}
table.tienda td input{width:46%;float:left;margin-right:0}
table.tienda ul.oculto li{width:46%;float:right;text-align:right;padding:0;margin:0;background:transparent}
table.tienda ul.oculto li img{vertical-align:bottom;cursor:pointer}

#barraaccion{margin:0}
#barraaccion li{display:inline;padding-left:8px;background:transparent}

/* Formularios */
.moduloizda .cuerpoform{width:99%;padding:0;border:0;background:transparent}
.moduloizda .cuerpoform .etiqueta, .moduloizda .cuerpoform .etiquetarequerida{display:block;width:auto !important;float:none;padding:0 0 2px !important;text-align:left;color:#0063a2}
.cuerpoform label{margin-bottom:8px}
.cuerpoform label .descripcion{float:none;margin-left:5px;padding:0;font-size:.9em}
.cuerpoform .asterisco{float:none}
.cuerpoform p.titfieldset{width:90%;float:left;padding:5px 5%;margin:0 0 5px;background:#e3eef1;font-size:1.3em;color:#1785b7}
.cuerpoform fieldset{margin:0;padding:0 0 15px;border:0}

.cuerpoform .captcha input{width:45%}
.cuerpoform .captcha .descripcion{width:50%;margin-top:-1.8em;float:right}

.cuerpoform label.separacionfieldset{margin-bottom:15px}
.cuerpoform fieldset.direccion{padding:0 0 3px}
.cuerpoform fieldset.direccion legend{padding:0;font-size:1.1em;color:#0063a2}
.cuerpoform fieldset.direccion .divfieldset{width:100%;padding:10px 0 0}
.cuerpoform fieldset.direccion label{width:auto;display:inline;float:left !important;padding:0 1% 0 0;font-size:.9em}
.cuerpoform fieldset.direccion .etiqueta, .cuerpoform fieldset.direccion .etiquetarequerida{color:#666}

.cuerpoform .checkbox{width:90%;float:left;padding:15px 5%;font-size:1.1em}
.cuerpoform .checkbox a{color:#666}

/* pedido */
#pedido .tdBoton{background-image:url(../../img/css/aplicaciones/bComprarIzda.gif)}
#pedido .enviar{padding:8px 10px 7px 0;background-image: url(../../img/css/aplicaciones/bComprarDcha.gif);font-size:.9em;font-family:Tahoma;color:#3b87b7;text-align:center}
*>/**/#pedido .enviar{padding:8px 25px 7px 10px}
#pedido .bmodificar .enviar{background-image: url(../../img/css/aplicaciones/bComprarDcha.gif)}
#pedido p.oculto {display:none}
#datosreserva .tdBoton{float:right; margin-right:5px}

#datosreserva ul{width:90%;float:left;padding:0 5%}
#datosreserva li{width:98%;float:left;padding:0 0 2% 15px}
#datosreserva li strong{width:30%;float:left;clear:left;color:#3b87b7}
#datosreserva p.oculto a{margin-left:2px}

/* ----------- */
.inforesultados{padding:25px 0;text-align:center;font-size:1.1em;font-weight:bold;color:#f63}

/* pedido final */
#pedidofinal #a_mensaje{width:90%;padding:0 5%}

/* caja de validacion de usuario */
#usu{width:98.5%;margin-bottom:20px;border:1px solid #83a7b7;background:#fff url(../../img/css/aplicaciones/usuario.gif) no-repeat 20px 7px}
#usu h3{padding:20px 0 5px 50px;margin:0;font-size:1.7em;font-weight:normal;color:#116da8}

#usu .cuerpoform{width:88%;padding:0 6%;border:0;background:transparent;font-size:.9em}
#usu .etiquetarequerida{width:auto;float:none;display:block;text-align:left}
#usu .asterisco{float:none}
#usu label input{width:90%;margin-left:1.2em}

#usunuevo{padding:0 8% 10px;margin:0;text-align:right}
*>/**/#usunuevo{padding-top:10px}
#usunuevo a{font-weight:bold;text-decoration:underline;color:#3b87b7}

/* caja validacion de usuario si logueado */
#usu p.nomusu{min-height:2em !important;height:auto !important;height:2em;padding:8px 0 0 27%;font-weight:bold;font-size:1.1em;color:#3b87b7;line-height:1.2em}
#usu h3.logueado{margin:0;padding:10px 10%;background:#2077af;font-size:1.6em;color:#fff}
#opciones.logueado{padding:15px 15% 5px 0;background:#1790c7}
#opciones.logueado li{padding:0 22px .5em}

/* mensaje error validacion login */
#usu #errorvalidacion{width:79%;min-height:1em !important;height:auto !important;height:1em;margin:10px 5% 0;padding:5px 5%;background:#fff;border:1px dashed #f63;font-size:.9em}
#usu #errorvalidacion *{padding:0;margin:0}
#usu #errorvalidacion h3{font-size:1.1em;font-weight:bold;color:#f63}
#usu #errorvalidacion li{margin-top:3px;padding-left:10px}

/* opciones del usuario */
#opciones{padding:10px 8% 5px;margin:0;border:1px solid #fff;background:#1785b7}
#opciones li{padding:2px 0;background:transparent;text-align:right}
#opciones li a{display:block;padding-right:20px;background:transparent url() no-repeat 100% 0;font-size:.9em}
#opciones .recordar a{background-image: url(../../img/css/iconos/icoUsuario.gif)}
#opciones .pedidos a{background-image: url(../../img/css/iconos/icoPedido.gif)}
#opciones .carrito a{background-image: url(../../img/css/iconos/icoCarrito.gif)}
#opciones .logout a{background-image: url(../../img/css/iconos/icoCerrar.gif)}
#opciones .baja a{background-image: url(../../img/css/iconos/icoBaja.gif)}
#opciones .verdatos a{background-image: url(../../img/css/iconos/icoUsuarioL.gif)}
#opciones.logueado .carrito a{background-image: url(../../img/css/iconos/icoCarritoL.gif)}
#opciones a{color:#fff !important}

/* mas vendidos */
#a_masvendidos .tit{background:transparent url(../../img/css/aplicaciones/fondoTituloMasVendidos.gif) repeat-y 0 0}
#a_masvendidos h3{margin:0;padding:10px 10px 10px 70px;background:transparent url(../../img/css/aplicaciones/estrella.jpg) no-repeat 15px 5px;font-weight:normal;color:#fff}
#a_masvendidos h3 span{display:block;font-size:1.3em;font-weight:bold}

#a_masvendidos dl{float:left;width:99%;margin:0;padding:10px 0}
#a_masvendidos dt, #a_masvendidos dd{position:relative;margin:5px 0 0;padding:0 0 0 90px}
#a_masvendidos .img_Sin{position:absolute;top:0;left:0 !important;left:-90px;width:70px;height:70px}
#a_masvendidos .imgoferta{position:absolute;top:-15px;left:-10px}
#a_masvendidos a{color:#f63}
#a_masvendidos dd{min-height:65px !important;height:auto !important;height:65px;margin:0 0 10px;font-family:Tahoma}
#a_masvendidos dd p{margin:0;padding:0}
#a_masvendidos .precio{font-weight:bold;font-size:1.2em;color:#1785b7}
#a_masvendidos .precio strong{display:block;padding-bottom:3px;font-weight:normal;font-size:.7em;color:#3b87b7}

/* comunes */
#articulos .img_Sin, #a_masvendidos .img_Sin{padding:3px;border:1px solid #84a8b8;background:#fff}
#articulos .imgoferta{float:right}

/* listado de articulos (todos y destacados) */
#articulos .contenedor{min-height:10px !important;height:auto !important;height:10px;padding-bottom:3px}

#articulos dl{margin:0}
#articulos dt, #articulos dd{margin:0;padding:10px 2% 10px 120px;background:#f1f6f8}
#articulos dt{position:relative;font-size:1.5em}
#articulos dt a{color:#f63}
#articulos dd{min-height:65px;height:auto !important;height:65px;margin-bottom:7px;padding-top:0}
#articulos dt .img_Sin{position:absolute;top:10px;left:10px !important;left:-110px;width:85px;height:85px}

#articulos dd .imgoferta{float:left;margin-top:-2.7em;margin-left:-10em;position:relative}
#articulos .precio{width:4.5em;float:right;margin:0;text-align:right;font-weight:bold;font-size:1.3em;color:#1785b7}
#articulos .descripcion{margin:0 0 10px 0;background:transparent url(../../img/css/portal/puntosH2.gif) repeat-x 0 .7em;line-height:1.5em}
#articulos p span{background:#f1f6f8}
#articulos .descripcion span{padding-right:5px}
#articulos .precio span{padding-left:5px}
#articulos .precio strong{display:block;padding-bottom:3px;font:normal .65em Tahoma;color:#3b87b7}
#articulos .talla{width:100%;float:left;margin:-3px 0 5px}
#articulos .comprar{float:left;clear:both}

/* mensaje error validacion articulos */
#articulos #errorvalidacion{width:70%;min-height:1em !important;height:auto !important;height:1em;margin:10px 0;padding:5px 2.5%;background:#fff;border:1px dashed #f63}
#articulos #errorvalidacion *{padding:0;margin:0}
#articulos #errorvalidacion h3{font-size:1.1em;font-weight:bold;color:#f63}
#articulos #errorvalidacion li{margin-top:3px;padding-left:10px}

/* detalle de articulos */
#articulos .ficha .contenedor{width:98%;padding:5px .5%;margin:0 0 20px 0;background:#fff}

#articulos .ficha .articulo{width:94%;background:#f1f6f8;padding:10px 3%;border-bottom:1px solid #dde5e7;font-family:Tahoma}
#articulos .ficha .articulo p{margin:0 0 2px}
#articulos .ficha .img_Sin{width:135px;float:left}
#articulos .ficha .nombre{font-size:1.8em;color:#3b87b7}
#articulos .ficha .codigo{padding:0 0 0 10px;background:transparent url(../../img/css/iconos/vineta24.gif) no-repeat 0 5px;font-weight:bold}
#articulos .ficha .precio{clear:right;font-size:1.5em;color:#f0712f}
#articulos .ficha .precio strong{font-size:.5em}
#articulos .ficha p.comprar{width:100%;clear:both;padding-top:5px;border-top:1px solid #c5dfeb;text-align:right}

#articulos .ficha .conimg{margin-left:155px;border:1px solid #f1f6f8}

#articulos .textoficha{width:94%;float:left;padding:0 3%;line-height:1.7em;color:#666}
