/*********/
/*GENERAL*/
/*********/

input, textarea, select { font-size:12px; padding:2px; background:#fff; color:#333; font-family:Arial, Helvetica, sans-serif; border:1px solid #666; }
/*
h3 { font-size:12px; color:#000; font-weight:normal; }
a:hover, input:hover { cursor:default; }
*/

/******/
/*TEMP*/
/******/

#mod8_tienda input.mod8_entrar { background:#000; border:3px double #fff; color:#fff; text-align:center; padding:4px 15px; text-transform:uppercase; font-size:9px; }
#mod8_tienda label, #mod8_tienda input { position:absolute; }
#mod8_tienda label.mod8_usuario { top:70px; left:60px; }
#mod8_tienda input#txtEmail { top:66px; left:110px; width:200px; }
#mod8_tienda label.mod8_password  { top:110px; left:60px; }
#mod8_tienda input#clave { top:106px; left:110px; width:200px; }
#mod8_tienda .mod8_recordar { position:absolute; top:140px; right:46px; }
#mod8_tienda .mod8_recordar a { color:#999; font-style:italic; font-size:9px; text-transform:uppercase; }
#mod8_tienda .mod8_recordar a:hover { color:#333; }
#mod8_tienda .mod8_entrar { bottom:19px; right:45px; }

/*******/
/*CESTA*/
/*******/

.botonesInferior { margin:20px 0 0; width:520px; float:right; clear:both; display:block; }
.botonesInferior a, .botonesInferior input { float:left; background:#000; border:3px double #fff; color:#fff; text-align:center; padding:6px 15px 4px; text-transform:uppercase; font-size:9px; display:block; }
.botonesInferior input#recalcular { padding:5px 15px 3px; }
.botonesInferior a:hover, .botonesInferior input:hover { background:#333; }

#iPedidoProductos tr th { background:#000; color:#fff; text-transform:uppercase; font-weight:normal; padding:4px; font-size:10px; }
#iPedidoProductos tr td { background:#eee; padding:4px; }
#iPedidoProductos tr td a { color:#666; }
#iPedidoProductos tr td a:hover { color:#999; cursor:pointer; }

#iPedidoTotales { background:#eee; width:52.4%; color:#444; float:right; border:1px solid #fff; margin:0 17px 0 0; }
#iPedidoTotales th { padding:4px; }

/****************/
/*CABECERA PASOS*/
/****************/

ul#cabeceraPasoCompra { position:relative; width:850px; height:28px; font-size:14px; margin:20px 0 20px 50px; padding:0; list-style-type:none; cursor:default; }
ul#cabeceraPasoCompra li.pasoCompra { position:relative; width:170px; height:100%; margin:0; padding:0; float:left; clear:none; text-transform:uppercase; text-align:left; }
ul#cabeceraPasoCompra li.pasoCompra span { position:absolute; top:50%; left:-30px; margin:-18px 0 0; background:#666; color:#fff; width:20px; height:18px; padding:2px 0 0; display:block; text-align:center; -webkit-border-radius:14px; border-radius:14px; border:3px double #fff;  }
ul#cabeceraPasoCompra li.pasoCompra h2 { font-size:14px; color:#666; border:0; }

ul#cabeceraPasoCompra li.pasoCompra.pasoActivo { /*width:24%; padding:0;*/ }
/*ul#cabeceraPasoCompra li.pasoCompra.pasoActivo span { left:-34px; width:24px; height:22px; margin:-15px 0 0; padding:2px 0 0; background:#000; -webkit-border-radius:15px; border-radius:15px; }*/
ul#cabeceraPasoCompra li.pasoCompra.pasoActivo span { background:#a51725; }
ul#cabeceraPasoCompra li.pasoCompra.pasoActivo h1 { color:#000; font-size:15px; border:0; }

/*ul#cabeceraPasoCompra li#titPaso2 { top:-7px; }
ul#cabeceraPasoCompra li#titPaso2 span { margin-top:-10px; }*/

/*********/
/*PASO 01*/
/*********/

.divPaso0 { position:relative; width:37%; height:140px; padding:5%; clear:none; background:#eee; color:#444; }
.divPaso0 h3 { margin:-20px 0 10px; padding:0; font-size:16px; text-transform:uppercase; border-bottom:1px solid #666; color:#666; }

#divLogin { margin:0 1% 5px 2%; float:left; }
#divLogin span { position:absolute; top:20px; left:40px; width:330px; padding:4px; border:3px double #eee; background:#fc5959; color:#fff; text-align:center; }

#divRegistro { margin:0 2% 5px 1%; float:right; }
#divRegistro p { margin:20px 0; }
#divRegistro input#irNuevoRegistro { position:absolute; bottom:29px; right:39px; background:#000; border:3px double #fff; color:#fff; text-align:center; padding:4px 15px; text-transform:uppercase; font-size:9px; }
#divRegistro input#irNuevoRegistro:hover { background:#333; }

/*REGISTRO*/

#frmRegistro {}
#frmRegistro .sinBoletines {}
#frmRegistro .conBoletines {}

#frmRegistro .mitadRegistro { position:relative; width:37%; height:140px; padding:5%; clear:none; background:#eee; color:#444; }
#frmRegistro h3 { margin:-20px 0 15px; padding:0; font-size:16px; text-transform:uppercase; border-bottom:1px solid #666; color:#666; }
#frmRegistro .filaForm { position:relative; width:100%; float:left; clear:both; margin:2px 0; }
#frmRegistro .filaForm label { margin-left:20px; width:100px; float:left; }
#frmRegistro .filaForm input { position:relative; top:-3px; width:200px; float:left; }

#frmRegistro #datosPersonales { margin:0 1% 5px 2%; float:left; }
#frmRegistro #datosPersonales #imgInfo { position:absolute; top:1px; right:-10px; width:12px; height:12px; }
#frmRegistro #datosPersonales #tooltipPass { position:absolute; top:24px; right:-10px; width:280px; min-height:20px; padding:4px 8px; background:#000; color:#fff; display:none; }
#frmRegistro #datosPersonales #tooltipPass #imgPiko { position:absolute; top:-10px; right:5px; z-index:1; }
#frmRegistro #datosPersonales #tooltipPass span { position:relative; z-index:2; }

#frmRegistro #datosPersonales #imgMensajes { position:absolute; top:0; right:-12px; }
#frmRegistro #datosPersonales #imgToolMensajes { position:absolute; top:0; right:-12px; }
#frmRegistro #datosPersonales #mensajes { position:absolute; top:24px; right:280px; width:220px; height:auto; padding:4px 8px 4px; background:#000; color:#fff; display:none; }
#frmRegistro #datosPersonales #mensajes #imgPikoMsg { position:absolute; top:-10px; right:5px; z-index:1; }
#frmRegistro #datosPersonales #mensajes span { position:relative; z-index:2; }
#frmRegistro #datosPersonales #tooltipPass { z-index:3; width:300px; font-size:11px }
#frmRegistro #datosPersonales #tooltipPass ul { margin-top:0px; margin-bottom:0px }

#frmRegistro #boletines { width:38%; margin:0 2% 5px 0; float:right; }
#frmRegistro #boletines .filaForm { width:60%; margin:0 0 0 10%; float:left; clear:none; }
#frmRegistro #boletines input { width:auto; }

#frmRegistro .filaForm#btnRegistro { margin:2px 2%; width:96%; height:40px; /*background:#eee;*/ text-align:left;margin:10px 0 20px 0; }
#frmRegistro .filaForm#btnRegistro #btnGuardarRegistro { position:absolute; top:35px; left:50%; width:auto; height:auto; background:#000; border:3px double #fff; color:#fff; text-align:center; margin:0 0 0 -54px; padding:4px 15px; text-transform:uppercase; font-size:9px; }
#frmRegistro .filaForm#btnRegistro #btnGuardarRegistro:hover { background:#333; }
#frmRegistro .filaForm#btnRegistro #condicionesReg { position:relative; top:10px;left:25px; width:auto; margin:0 2px 0 0; padding:0; float:left; }
#frmRegistro .filaForm#btnRegistro label { width:90%; color:#666; font-style:italic; font-size:10px; }

/***************/
/*PASOS 02 + 03*/
/***************/

.tiendaContenido { color:#666; }
.tiendaContenido a { width:200px; height:auto; background:#000; border:3px double #fff; color:#fff; text-align:center; margin:0 100% 10px 0; padding:6px 15px 4px; text-transform:uppercase; font-size:9px; display:block; float:left; clear:both; }
.tiendaContenido a:hover { background:#333; }
/*#TiendaPaso2 input#submitSiguiente.botonCompra { position:absolute; bottom:130px; right:15px; width:auto; height:auto; background:#000; border:3px double #fff; color:#fff; text-align:center; margin:0; padding:6px 14px 4px; text-transform:uppercase; font-size:9px; display:block; float:right; clear:none; }*/
#TiendaPaso2 #submitSiguiente {float:right;margin:10px 20px 0 0;width:auto; height:auto; background:#000; border:3px double #fff; color:#fff; text-align:center; padding:6px 14px 4px; text-transform:uppercase; font-size:9px; display:block; clear:none;}
#TiendaPaso2 input#submitSiguiente.botonCompra:hover { background:#333; }

#iFinalizarTextoFin { width:96%; float:left; clear:both; color:#999; font-style:italic; margin:25px 2% 10px 0; padding:1%; background:#eee; font-size:10px; }

.tiendaContenido .direccion { position:relative; width:28%; min-height:110px; margin:0 1% 1% 0; padding:2% 2% 30px; float:left; clear:none; background:#f9f9f9; }
.tiendaContenido .direccion.sinDireccion { width:96%; min-height:auto; margin:7px 2% 3px 0; padding:1%; background:#fc5959; color:#fff; }
.tiendaContenido .direccion.marcada { background:#eee; color:#000;}
.tiendaContenido .direccion input { position:relative; top:-2px; left:-4px; float:left; }
.tiendaContenido .direccion.marcada a { border:3px double #ffffff; }
.tiendaContenido .direccion .dirDetalles { width:250px; clear:none; float:left; margin-bottom:20px; }
.tiendaContenido .direccion .filaOpciones { position:absolute; bottom:15px; width:100%; float:left; clear:both; }
.tiendaContenido .direccion .filaOpciones a { display:block; width:auto; clear:none; margin:0 4px 0 0; float:left; }
.tiendaContenido .direccion .filaOpciones a:hover.eliminar { background:#fc5959; }

#TiendaPaso2 .submitFactura  /*botonCompra*/{position:absolute;bottom:129px;right:0;}
#TiendaPaso2 .submitEnvio {float:right;margin:5px 0;}

.horario { width:96%; margin:5px 2% 0 0; padding:1%; float:left; clear:both; background:#eee; }

#Form2 #iFinalizarBotones #submitSiguiente{position:absolute;right:20px;}

/*DIRECCIONES*/

#formDirecciones { position:relative; margin:2% 0 0; width:98%; padding:13px 0; float:left; clear:both; background:#eee; }
#formDirecciones .filaForm { width:100%; float:left; clear:both; margin:2px 0; padding:0 20px; background:none; }
#formDirecciones .filaForm label { width:200px; float:left; }
#formDirecciones .filaForm input { position:relative; top:-3px; width:200px; float:left; }
#formDirecciones .filaForm select { position:relative; top:-3px; width:206px; float:left; }

#formDirecciones .filaForm#btnFormulario { position:absolute; bottom:10px; right:-7px; width:180px; }
#formDirecciones input#btn_Fac_ok, #formDirecciones input#btn_Fac_cancel, #formDirecciones input#btn_Env_ok, #formDirecciones input#btn_Env_cancel { width:auto; height:auto; background:#000; border:3px double #fff; color:#fff; text-align:center; margin:0; padding:6px 14px 4px; text-transform:uppercase; font-size:9px; display:block; float:left; clear:none; }

/*********/
/*PASO 04*/
/*********/

ul#formasDePago { width:96%; margin:7px 2% 0 0; padding:1%; list-style-type:none; display:block; clear:both; }
ul#formasDePago li { position:relative; float:left; width:20%; height:80px; margin:0 1% 0 0; padding:2%; background:#f9f9f9; font-size:11px; text-align:center; }
ul#formasDePago li#liPaypal { width:21%; margin:0; }
ul#formasDePago li input { position:relative; top:2px; }
ul#formasDePago li span.tipoPago span { position:relative; top:-1px; right:-2px; font-size:10px; color:#999; }

ul#formasDePago li span.iconoPago { float:left; width:100%; height:42px; display:block; }
ul#formasDePago li#liPasarela span.iconoPago { background:url(/imagenes/tarjeta.png) 50% 0 no-repeat; }
ul#formasDePago li#liTransferencia span.iconoPago { background:url(/imagenes/transferencia.png) 50% 0 no-repeat; }
ul#formasDePago li#liContrareembolso span.iconoPago { background:url(/imagenes/contrareembolso.png) 50% 0 no-repeat; }
ul#formasDePago li#liPaypal span.iconoPago { background:url(/imagenes/paypal.png) 50% 0 no-repeat; }

ul#formasDePago li a { position:absolute; bottom:0; left:0; width:90%; margin:0 5%; padding:4px 0; text-align:center; border:0; border-top:1px dashed #ccc; background:none; color:#999; font-size:10px; display:block; }
ul#formasDePago li a:hover { color:#333; cursor:pointer; }

#iFinalizarBotones { width:96%; height:40px; margin:-14px 2% 0 0; padding:1%; text-align:center; float:left; clear:both; }
#iFinalizarBotones input#submitSiguiente.botonCompra { width:auto; height:auto; background:#000; border:3px double #fff; color:#fff; text-align:center; margin:0 auto; padding:6px 14px 4px; text-transform:uppercase; font-size:9px; display:block; }
#iFinalizarBotones input#submitSiguiente.botonCompra:hover { background:#333; }

#Form2 #iFinalizarBotones #Submit2{position:absolute;right:20px;background:#000;color:#fff;border:3px double #fff;}

ul#formasDePago li.marcada { background:#eeeeee; color:#000; }
ul#formasDePago li.marcada span.tipoPago span { color:#333; }
ul#formasDePago li.marcada a { color:#999; border-top:1px dashed #fff; }
ul#formasDePago li.marcada a:hover { color:#999; }

/*LOGIN TIENDA MENSAJES NOVALIDADO USUARIOERROR*/
#capaValidadorEntrada { position:absolute; top:20px; left:40px; width:330px; padding:4px; border:3px double #eee; background:#fc5959; color:#fff; text-align:center; }

#capaNoValidado {position:absolute;bottom:30px; width: 350px}
.enlReenviarMail{ font-weight:bold; cursor:pointer }
/*#capaNoValidado {position:absolute;bottom:30px;font-size:10px;}
#capaNoValidado a {color:#f00;}
#capaValidadorEntrada {font-size:10px;text-align:right;}*/
#capaValidadorEntradaRecordar {position:absolute;bottom:3px;font-size:10px;width:180px;line-height:12px;}
#miniCapaValidadorEntradaRecordar {position:absolute;bottom:3px;font-size:10px;width:180px;line-height:12px;}
#btnSocioRecordar .imagenEnlaceBotones {width:16px;float:right;}
#btnSocioRecordar {font-weight:bold;margin-left:3px;color:#000;border:1px solid #dedede;background:#fff;display:block;margin:0px;width:65px;padding:1px;margin-top:2px;margin-left:-1px;line-height:15px;}
#miniBtnSocioRecordar .imagenEnlaceBotones {width:16px;float:right;}
#miniBtnSocioRecordar {font-weight:bold;margin-left:3px;color:#000;border:1px solid #dedede;background:#fff;display:block;margin:0px;width:65px;padding:1px;margin-top:2px;margin-left:-1px;line-height:15px;}

#formMensaje1 input {background:#000;color:#fff;border:3px double #fff; float:right; margin-right:10px; cursor:pointer}

#cajaMiCuenta { border:1px solid #000000; width:300px; height:200px; position:absolute; z-index:999; background-color:#FFFFFF }
#cajaMiCuenta input.btnCaja { background:#000; border:3px double #fff; color:#fff; text-align:center; padding:4px 15px; text-transform:uppercase; font-size:9px; }
#cajaMiCuenta label, #cajaMiCuenta input { position:absolute; }
#cajaMiCuenta label#labelCajaUsuario { top:20px; left:20px; }
#cajaMiCuenta input#miniTxtEmail { top:20px; left:80px; width:200px; }
#cajaMiCuenta label#labelCajaPass  { top:56px; left:25px; }
#cajaMiCuenta input#miniClave { top:56px; left:80px; width:200px; }
#cajaMiCuenta .mod8_recordar { position:absolute; top:90px; right:46px; }
#cajaMiCuenta .mod8_recordar a { color:#999; font-style:italic; font-size:9px; text-transform:uppercase; }
#cajaMiCuenta .mod8_recordar a:hover { color:#333; }
#cajaMiCuenta .btnCaja { top:110px;; right:45px; }

#menuMiCuenta { border:1px solid #000000; width:300px; height:130px; position:absolute; z-index:999; background-color:#FFFFFF }
#menuMiCuenta a#botonDesconectar { background:#000; border:3px double #fff; color:#fff; text-align:center; padding:4px 15px; text-transform:uppercase; font-size:9px; }
#menuMiCuenta a#botonDesconectar { position:absolute; top:60px;; right:45px; }
#menuMiCuenta ul { position:absolute; left:40px }
#menuMiCuenta li { margin-top:5px }