/* COMUNES */

BODY {margin:0; padding:0; font:80%/1.3 verdana,tahoma,arial,sans-serif; text-align:center;}
H1, H2, H3, H4, H5 {margin:0; padding:0;}
FORM {margin:0; padding:0;}
INPUT {font-size:11px;}
A {text-decoration:none; color:#1a5d92;}
A IMG{border:0;}
A:HOVER {color:#ffa22f;}
UL, OL {list-style-type:none; margin:0; padding:0;}

#ahorro {font-family:Arial;}
.romperFloat:after, confondo:after {display:block; content:"."; height:0; clear:both; visibility:hidden;}
#clr {clear:both; margin:2px 0; padding:0;}

#cabecera, #carrito, #pie, #listado, #detalle {width:990px; margin:0 auto; text-align:left;}
/*#cabecera { background: url(../images/especiales/comun_cab_nav.jpg) no-repeat top right;}*/
#cabecera #banner {display:block;}
#barraLogo {height:70px;}
#barraLogo H1 SPAN {display:none;}
#barraLogo H1 {float:left;}
#barraLogo DIV {text-align:right;/* margin-left:160px;*/ float:right; }

#barraBuscador { background:#F60; border-bottom:2px solid #FFF;*height:30px;}
#buscador {border:1px solid #f60; background:#fde7a5 url(../images/comun_bgr_buscador.gif) repeat-x; padding:0 15px; margin-right:520px;}
#buscador INPUT {margin:0 20px; color:#f60; background:#f7f7f7; width:165px;  vertical-align:middle;}
#buscador IMG {margin:0; padding:0; vertical-align:middle;}
#barraBuscador UL {float:right; margin-top:4px; }
#barraBuscador LI {display:inline; margin-right:12px;}
#barraBuscador LI IMG {vertical-align:middle; margin:0 4px;}
#barraBuscador LI A {font-weight:bold; color:#FFF; font-size:95%; text-decoration:none; }
#barraBuscador LI A:HOVER {color:#ffa22f;}



#breadcrumb {font-size:70%; margin-top:5px; margin-bottom:20px; padding-left:15px; text-align:left; }

#pie {clear:both;}

#pie #vistazo {margin-top:5px;}
#pie H5 { background:url(../images/comun_bgr_vistazo.gif) repeat-x left top}
#pie H5 SPAN {display:none;}
#pie #vistazo UL {margin:10px 20px 15px 30px;}
#pie #vistazo LI {background: url(../images/comun_vistazo_ptoLista.gif) no-repeat left 8px; padding-left:9px;}
#pie #vistazo H2{font-size:10px; text-transform:uppercase;display:inline; color:#3D3D3D; margin-right:5px;}
#pie #vistazo H2 A { padding-left:0px; background:none;}
#pie #vistazo A {color:#3D3D3D; font-size:10px; background:url(../images/comun_pie_ptoLinks.gif) no-repeat left center; padding-left:6px; /*margin-right:3px;*/}
#pie #vistazo A:HOVER {color:#ffa22f}

#barraPie { background:#e5e8eb; text-align:center;}
#barraPie UL {margin:0 auto; font-size:85%;}
#barraPie LI {display:inline; line-height:16px;}
#barraPie A {background:url(../images/comun_pto_circ_pie.gif) no-repeat left center; padding-left:8px; }

#decoraSup {text-align:right; background:#fde999 url(../images/carrito_bgr_cabecera.gif) no-repeat left top;}
#decoraSup OL {text-align:left; font-weight:bold; color:#FFF; background:#3192ef url(../images/carrito_bgr_pasos.jpg) no-repeat right top; border-top:1px solid #FFF; margin:0; padding:0}
#decoraSup OL LI {display:inline;  background:#3192ef url(../images/carrito_bgr_activo.gif) no-repeat right center; padding:0 47px 0 12px; margin:0; /*height:22px*/}
#decoraSup .activo {background:#f96100 url(../images/carrito_bgr_activo.gif) no-repeat right center; }
#decoraSup .anterior {background: url(../images/carrito_bgr_pasado.gif) no-repeat right center;}*

#lateral {float:right; padding-right:10px; }
#lateral #txtBienvenida {width:213px; margin:20px auto 10px 0; color:#FFF; background:#f96100 url(../images/carrito_bgr_wellcomeSup.gif) no-repeat left top;}
#lateral #txtBienvenida H5 {margin:10px 15px; font-size:90%;}
#lateral #txtBienvenida P {margin:10px 15px; font-size:80%}
#lateral #txtBienvenida DIV { text-align:right; background:url(../images/carrito_bgr_wellcomeInf.gif) no-repeat left bottom; padding-bottom:4px; font-size:85%;}
#lateral #txtBienvenida A {margin-right:15px; font-weight:bold; color:#FFF;}
#lateral #txtBienvenida A:HOVER {color:#fad13c;}
#lateral #txtBienvenida IMG {vertical-align:middle; margin-left:5px;}
#lateral #banner {margin-top:25px;}
#servicios {background:url(../images/detalle_servicios_curvInf.gif) no-repeat left bottom; padding-bottom:4px; width:213px; margin-top:15px /*float:right;*/}
#servicios SPAN {display:none;}
#servicios OL {font-size:85%; border-left:1px solid #ff8004; border-right:1px solid #ff8004}
#servicios LI {font-weight:bold; border-bottom:1px solid #eee; line-height:36px; background:url(../images/detalle_servicio_precio.gif) no-repeat 8px center; padding-left:55px;}
#servicios LI.reembolso {line-height:15px;}
#servicios LI.conocenos {background:url(../images/detalle_servicio_conoce.gif) no-repeat 8px center;}
#servicios LI.precios {background:url(../images/detalle_servicio_precio.gif) no-repeat 8px center;}
#servicios LI.portes {background:url(../images/detalle_servicio_portes.gif) no-repeat 8px center;}
#servicios LI.postventa {background:url(../images/detalle_servicio_devolucion.gif) no-repeat 8px center; line-height:16px; padding:4px auto;}
#servicios LI.compromiso {background:url(../images/detalle_servicio_compromiso.gif) no-repeat 8px center;}
#servicios LI.opiniones {background:url(../images/detalle_servicio_opinion.gif) no-repeat 8px center; line-height:16px; padding:4px auto;}

#error {width:860px; margin:50px auto;}
#error P {font-size:14px; font-weight:bold; color:#fa7622; background:url(../images/listado_error.jpg) no-repeat right top; height:230px; padding-top:10px; padding-right:400px;}
#error DIV {text-align:center;}


/************ CARRITO *****************/
#carrito #descripcion, #carrito #alta, #carrito #pago {width:745px; float:left; /*border:1px solid #000*/}
#curvaTabla {text-align:right; background:#f96100 url(../images/carrito_tit_curvSD.gif) no-repeat right top; margin:15px 20px 0 20px;}
#curvaTabla H2, #datosCliente H2 {background:#f96100 url(../images/carrito_tit_curvSI.gif) no-repeat left top; text-align:left; margin-right:8px; padding:3px 10px; color:#FFF; font-size:95%}
#curvaTabla TABLE {background:#FFF url(../images/carrito_bgr_tabla.gif) no-repeat left bottom; width:100%; text-align:left; border-right:1px solid #fdc099; padding-bottom:4px}
#curvaTabla TH {background:#f6f6f6; color:#f96100; text-align:center; line-height:22px; border-left:1px solid #fdc099;}
#curvaTabla TD {text-align:center; font-size:85%; border-top:1px solid #fdc099; border-left:1px solid #fdc099;}
#curvaTabla .producto {width:415px; text-align:left; padding-left:20px}
#curvaTabla .producto A{font-weight:bold;}
#curvaTabla .regalo .producto { padding-left:45px}
#curvaTabla .regalo TD {border-top:0;}

.dcha {text-align:right;}
#curvaTabla .dcha {padding-right:15px; width:160px; text-align:right }
#curvaTabla .dcha DIV {font-weight:bold; margin-top:-7px}
#curvaTabla .dcha DIV A IMG {margin-left:5px; vertical-align:middle;}
#curvaTabla TABLE INPUT {width:55px; text-align:right;}
#portes {background:url(../images/carrito_bgr_portes.gif) no-repeat right top; text-align:right; margin:10px 20px}
#portes TABLE {width:260px; margin:0 0 0 auto; text-align:left; text-transform:uppercase}
#portes TD, #total TD {font-size:90%; font-weight:bold; padding:5px 0}
#portes .dcha, #total .dcha {padding-right:16px;}
#total {background:url(../images/carrito_bgr_total.gif) no-repeat right top; text-align:right; margin:10px 20px}
#total TABLE {width:260px; margin:0px 5px 0px auto; text-align:left; text-transform:uppercase; color:#FFF; /*background-color:#fda33a*/ }
#total TABLE IMG {margin-top:4px;}
#botones {text-align:right; margin:15px 20px; clear:both}
#botones IMG {margin-left:10px}

#dcto { background:#f2f7fa url(../images/carrito_bgr_dcto.gif) no-repeat left top; font-size:10px; float:left; margin-left:170px; _display:inline; margin-top:15px; width:230px; height:72px;}
#dcto LABEL, #dcto INPUT, #dcto DIV {margin-left:48px;}
#dcto LABEL {display:block; font-weight:bold; margin-bottom:5px; padding-top:10px; }
#dcto INPUT { margin-right:10px; width:95px; vertical-align:middle;}
#dcto IMG { vertical-align:middle;}
#dcto DIV {margin-top:3px; padding-left:5px;}


/************ ALTA *****************/
#popup,#tip_email,#tip_pw,#tip_nom,#tip_apel,#tip_doc,#tip_dir,#tip_cp,#tip_pob,#tip_tf1,#tip_tf2,#tip_fax, #tip_nac,#tip_mai,#tip_ide
{
    position: absolute;
    border-right: 1px solid #3192ef;
    width:200px;
    border:1px solid #0cf;
    background-color:#d2e9ff;
    color:#000;
    line-height:1.2em;
    font-size: 10px;
    margin:-10px 0 0 320px;
    *margin-left:0;
    padding: 5px;
}
#alta a.tooltip {
    position:relative;
    z-index:24; 
	/*background-color:#ccc;
    color:#000;*/
    text-decoration:none;
}
#alta a.tooltip:hover {
    z-index:25; 
	background-color:#ff0; /* fondo necesario para IE */
}
#alta a.tooltip span {  
    display: none;/*Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/
}
#alta a.tooltip:hover span {  /* Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
    border:1px solid #3192ef;
	display:block;
    position:absolute;
    top:1.5em;
    left:2em;
    width:200px;
    border:1px solid #0cf;
    background-color:#d2e9ff;
    color:#000;
	line-height:1.2em;
    /*text-align: left;
    font-family: Arial, Helvetica, sans-serif;*/
    font-size: 9px;
    padding: 5px;
} 

#clienteFD {float:left; width:206px; height:192px; background:#f96100 url(../images/carrito_bgr_clienteFD.gif) no-repeat left top; color:#FFF; font-size:85%; margin-top:15px;}
#clienteFD H2 SPAN, #alta #curvaTabla H2 SPAN {display:none;}
#clienteFD H2 IMG {margin:10px auto;}
#clienteFD TABLE {margin:15px 0 15px 5px; }
#clienteFD TD {padding:4px 0;}
#clienteFD STRONG {width:80px; float:left; }
#clienteFD INPUT {vertical-align:middle; width:100px; font-size:11px}
#clienteFD DIV {text-align:right; padding-right:15px; margin:6px 0;}
#clienteFD A {color:#FFF; font-weight:bold; }

#alta #curvaTabla {width:475px; /*float:right*/ float:left;  }
#alta #curvaTabla TH {background:#fcd710 url(../images/carrito_bgr_titAlta.gif) repeat-x; border-bottom:1px solid #fdc099; color:#000; text-align:left; padding-left:8px; line-height:18px; font-size:85%}
#alta #curvaTabla TD {text-align:left; padding-left:12px; color:#f96100; line-height:26px; border-top:0}
#alta #curvaTabla TD TABLE {margin-left:-12px; padding:0; border:0; background-image:none}
#alta #curvaTabla TD TD {font-size:100%; border:0;}
#alta #curvaTabla STRONG {float:left; width:138px; }
#alta #curvaTabla INPUT, #alta #curvaTabla SELECT {width:180px; background:#fdf6db; vertical-align:middle; /*margin-left:138px;*/ margin-top:4px; font-size:11px; text-align:left;}
#alta TD.separador {height:10px}
#otrosDatos {background:#FFF; padding-top:20px; text-align:left; font-weight:bold; color:#f96100; clear:both; float:none;}
#otrosDatos P {font-size:85%; margin:5px;}
#otrosDatos SELECT {font-size:80%; margin-left:5px;}
#otrosDatos INPUT {vertical-align:middle; }
#otrosDatos A{font-weight:bold;}
#alta #curvaTabla .sinAncho {width:auto; margin-left:10px;}
#alta #agradecimiento {margin:15px 70px 0 20px; font-size:90%}


#clave {width:175px; height:195px; background:url(../images/carrito_bgr_clave.gif) no-repeat left top; text-align:left; position:relative;}
#clave H3 {font-size:11px; font-weight:bold; color:#FFF; padding:5px 4px; text-transform:uppercase;}
#clave P {margin:20px 12px; color:#707070; font-size:10px;}
#clave DIV {text-align:right; padding-right:15px; margin:6px 0;}
#clave A IMG {border:0:}
#clave INPUT {vertical-align:middle; width:100px; font-size:80%}
#clave STRONG {font-weight:normal; font-size:11px; margin:0 5px 0 8px;}
#clave .cerrar {position:absolute; left:0; top:155px; width:100%; text-align:right;}
#clave .cerrar A {font-weight:bold; font-size:11px;  margin:10px 10px; } 
#clave .cerrar IMG {float:none; margin-left:4px; border:0; vertical-align:middle;}


/************ FORMA PAGO *****************/
#formaPago {background:#fda33a url(../images/carrito_pago_curvSD.gif) no-repeat top right; margin:15px 20px 0 20px;  }
#formaPago H2{background:url(../images/carrito_pago_curvSI.gif) no-repeat top left; font-size:85%; padding:10px 0 4px 20px; text-transform:uppercase;  }
#formaPago .opciones {background:#FFF url(../images/carrito_bgr_pagoInf.gif) no-repeat left bottom; margin:5px auto; width:673px; }
#formaPago H4 {font-size:80%; color:#3192ef; padding-left:15px; background:url(../images/carrito_bgr_pagoSup.gif) no-repeat left top;}
#formaPago P {margin:5px 205px 5px 15px; font-size:80%; color:#555;}
#formaPago #botones {margin:-25px 10px 0 0; padding-bottom:5px;}
#formaPago SELECT {vertical-align:middle; margin-left:4px; font-size:90%;}
#formaPago .cierre {background:url(../images/carrito_pago_curvID.gif) no-repeat right bottom;}

#datosCliente {width:100%; overflow:auto;}
#datosCliente DIV{ background:#f96100 url(../images/carrito_tit_curvSD.gif) no-repeat right top; margin:15px; width:320px; float:left; }
#datosCliente .envio {float:right;}
#datosCliente P {background:#FFF; border:1px solid #f96100; padding:10px 20px; margin:0; font-size:85%; color:#555;}

#carrito #curvaTabla .producto {width:340px; } 
#carrito #curvaTabla .dcha {width:135px;}
#carrito #curvaTabla STRONG {color:#f96100; white-space:nowrap; margin:5px 10px;}


/************ AGRADECIMIENTO *****************/
#datosPedido {background:#f96100 url(../images/carrito_tit_curvSD.gif) no-repeat right top; width:200px; float:right; margin-right:10px}
#datosPedido H2 {background: url(../images/carrito_tit_curvSI.gif) no-repeat left top; padding:3px 10px; color:#FFF; font-size:95%}
#datosPedido DL {background:#fda33a url(../images/carrito_bgr_agradecDatos.gif) no-repeat left bottom; margin:0; padding:5px 0; font-size:90%;}
#datosPedido DT {margin:0 5px 0 10px; padding-left:7px; color:#fce793; font-weight:bold; background:url(../images/carrito_pto_agradec.gif) no-repeat left center}
#datosPedido DD {margin:0 5px 3px 15px; color:#FFF;font-size:95%;}

#agradecimiento {background:#e5e8eb url(../images/carrito_agradec_curvSD.gif) no-repeat right top; color:#555; font-size:85%; margin:15px 240px 0 20px;}
#agradecimiento DIV{background:url(../images/carrito_agradec_curvID.gif) no-repeat right bottom;}
#agradecimiento P {margin:10px 18px; padding:0;}
#agradecimiento IMG {display:block; margin:0; padding:0;}

/* Barra paises */
#barraPaises {text-align:center;margin:5px 5px 5px 5px;}
#barraPaises p {font-size:85%;}
#barraPaises span {background:#e5e8ec;padding:0px 10px 0px 10px;}