/*    */
/* GENERAL */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; color: #000; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
/**********FIN RESET************/
/***** Global *****/
html, body {
border:0;
margin:0;
padding:0;
}
body {
font:0.7em/1.25 "Trebuchet MS", Arial, Helvetica;
background: url(/img/decoracion/web-fondo.jpg) center top repeat-x #678BDE;
}
body.banner {                                             
background-image: url(/img/decoracion/web-fondo2.jpg);
}
/***** Encabezados *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
#middle .content .contenido h4{
    font-size:1.1em;
    margin:8px 0 8px 3px;
    font-weight:bold;
    padding-left:15px;                                              
} 
/***** Formato comun *****/
p, ul, ol {
margin:0;
padding:0;
}
ul, ol {
padding:0;
}
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
small {
font-size:0.85em;
}
img {
border:0;
}
/***** Enlaces *****/
a,
a:link,
a:visited {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:underline;
}
/***** Formularios *****/
form {
margin:0;
padding:0;
}
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
textarea {      
line-height:1.25;
}
label {
cursor:pointer;
}
/***** Tablas *****/
table {
border:0;
margin:0;
padding:0;
}
table tr td {
padding:2px;
}
/***** Wrapper *****/ 
#wrap {
width:1000px;
margin:10px auto;
background: url(/img/decoracion/fondo-wrap.gif) -15px 0 repeat-y;  
}   
#wrap .oculto{
display:none;                                                      
}
/* FIN GENERAL */

/* HEADER */
#wrap .divBanner{
width: 1000px;
height: 90px;
overflow: hidden;
text-align: center;
background:url(/img/decoracion/fondo-divBanner.jpg) center top;
}
#wrap #header{
width: 970px;
height:320px;
padding:0 15px 0 15px;
background: url(/img/decoracion/fondo-header.jpg) top center repeat-x;  
}
.en #wrap #header{
background: url(/img/decoracion/fondo-header-en.jpg) top center repeat-x;  
}
#header .logoPublipunto a{
padding-left:155px;
width: 0;
height:125px;        
overflow: hidden;
display: block;
position: absolute;
margin-top:25px;
margin-left: 407px;   
}
#header .top{
height:158px;    
}
#header .top .right{

}
#header .top .right .idiomas{
float: right;
height: 25px;
font-size: .9em;
padding-top: 20px;
}
#header .top .right .idiomas a{
color: #fff;
}
#header .top .right .idiomas li{
float: left;
overflow: visible;   
padding: 0 16px 0 25px;
border-left:1px solid #fff;
}
#header .top .right .idiomas li.primero{
border: none;
} 
#header .top .right .idiomas li.es{
background: url(/img/decoracion/espanol.jpg) 4px 1px no-repeat; 
}
#header .top .right .idiomas li.en{
background: url(/img/decoracion/ingles.jpg)  4px 1px no-repeat; 
}
#header .top .right .idiomas li.de{
background: url(/img/decoracion/aleman.jpg)  4px 1px no-repeat; 
}
#header .top .right .idiomas li.fr{
background: url(/img/decoracion/frances.jpg)  4px 1px no-repeat;
}
#header .top .right .idiomas li.pt{
background: url(/img/decoracion/portugues.gif)  4px 1px no-repeat;
}
#header .top .right .tlf{
font-weight: bold;
color: #fff;          
width: 243px;
height: 75px;
float: right;
clear: both; 
padding-top: 10px;
padding-right: 10px;    
}
#header .top .right .tlf .numTlf{
font-size: 3em;
font-family: Arial Black; 
letter-spacing: -0.05em;   
} 
#header .top .right .tlf .llamame{
font-size: 2em;
display: block;
letter-spacing: 0.2em;
} 
#header .mid{
clear: both;
padding-top: 13px;
}        
#header .mid .banner{
float: left;    
display: block;
overflow: hidden;
width:299px;
height:53px;
margin-top: 55px;
padding-left: 200px;
}
#header .mid .acceso{
float: left;
padding-top: 60px;
padding-left: 30px;
width:200px;         
}
#header .mid .acceso label{
display:none;   
}
#header .mid .acceso fieldset{
width:160px;        
float: left;   
}
#header .mid .acceso input{
width:152px; 
height:17px;
padding:3px 4px 0 4px;
}
#header .mid .acceso legend{
color: #678BDE;
font-weight: bolder;
}
#header .mid .acceso a{
display: block;
float: right;     
margin-top:15px;
overflow:hidden;
width:0;
height:0;
padding:22px 0 0 22px;
background:url(/img/decoracion/bola-flecha.gif) left top no-repeat;
}
#header .mid .right{
float: right;
width:170px;
/*height:110px;  */
padding: 0 15px;       
text-align: center;
border-left:1px solid #264B9F;
}
.pago #header .mid .right{
/*height: 40px;*/
}
#header .mid .logeado strong{
font-weight: bold;
font-size: 1.1em;   
}
#header .mid .logeado .bloque{
margin-top: 5px;
width:164px;
height:54px;
background:url(/img/decoracion/bloque-login-header.gif) left top no-repeat;
}
#header .mid .logeado .bloque span{
display: block;
width: auto;
height: 17px;   
padding-top: 4px;
padding-bottom: 5px;
}
#header .mid .logeado .bloque span a{ 
color:#334B6F;
padding:0 5px;                 
}     
#header .mid .logeado .bloque span a.opciones{
padding-right:7px;     
border-right:1px solid #334B6F;
}
#header .mid .logeado .bloque .estadoCarro{  
color:#F00000; 
line-height:1.2em;
padding: 3px 2px 0 22px;  
margin: 3px auto 0;
background: url(/img/decoracion/carro.gif) left top no-repeat;
}
#header .mid .logeado .bloque .estadoCarro strong{
font-weight:normal;
}
#header .mid .logeado .cuenta{
margin-top: 3px; 
margin-right: 5px;           
padding: 4px 25px 4px 0;
display: block;
text-align: right;  
background: url(/img/decoracion/bola-flecha.gif) right center no-repeat;
}  
#header .mid .sinregistrar {
background:url(/img/decoracion/candado.gif) left bottom no-repeat;
/*padding-bottom:15px; */
} 
#header .mid .sinregistrar .bloque{ 
margin-top: 0;   
}
#header .mid .logeado .cuentaCliente {
color:#F00000;
font-weight: bold;
font-size: 1.4em;
padding-top: 8px;
display: block;      
} 
#header .mid .logeado .introducirDatos{
margin-top: 3px; 
margin-right: 5px;           
padding: 4px 25px 4px 0;
display: block;
font-weight: bold;
font-size: 1.2em;
text-align: right;  
background: url(/img/decoracion/bola-flecha.gif) right center no-repeat;
} 
#header .bottom{
padding-top: 1px;
clear: both;
padding-left:185px;
}
#header .bottom .menu{   
width:759px;
height:21px;
margin: 10px auto 0;
text-align: center;   
padding-top: 5px;
background:url(/img/decoracion/menu-header.gif) left top no-repeat #678BDE;
font-size: 1.1em;
font-weight: bold;
}
#header .bottom .menu a{
color:#fff;
}   
#header .bottom .menu li{
display: inline;
padding:0 6px 0 18px;
margin: 3px;
border-left:1px solid #fff;
}
#header .menu li.primero{
border-left: none;   
}
.pago #header .bottom{
padding-top: 30px;
padding-left:192px;   
}
#header .bottom .menuPago{
background:url(/img/decoracion/barra-320-pago.gif) left center no-repeat;
padding-left: 335px;
padding-top: 5px;
height: 22px;
}
#header .bottom .menuPago li{
display: inline;
padding:0 6px 0 18px;
margin: 3px;   
border-left:1px solid #678BDE;   
}
#header .bottom .menuPago li.primero{
border-left: none; 
} 
#header .bottom .menuPago li a{
font-size: 1.2em;
color:#254A9E;
} 
.pago #header .bottom .breadcrumb{
padding:15px 10px 15px 23px;
display: block;
}
.pago #header .bottom .cabecera{
border-bottom:1px solid #264B9F;
}

/* FIN HEADER */

/* MIDDLE */
#wrap #middle{
padding:0 15px;
width: 970px;
background: url(/img/decoracion/fondo-middle.jpg) 15px 0 repeat-y;
overflow: hidden;
}
.pago #wrap #middle{
background-image: url(/img/decoracion/fondo-middle2.jpg);    
}
/* Fin MIDDLE */

/* FOOTER */
#wrap #footer{
clear: both;
width: 970px;
height: auto;
overflow: auto;
padding: 15px;
padding-top: 0;
background: url(/img/decoracion/fondo-footer.gif) bottom center repeat-x; 
}
#footer .menu{
background-color: #CFDEF3;
text-align: center;
padding-top: 7px;
height: 22px;
}
#footer .menu a{
color:#F00000;
}        
#footer .menu li{ 
display: inline;
padding:0 4px 0 12px;
margin: 3px;
border-left:1px solid #F00000;
}
#footer .menu li.primero{
border-left: none;   
}
#footer .left{
width: 570px;
float: left;
overflow: visible;
height: auto;
padding-top: 20px;
padding-left: 22px;
}    
#footer .left .certificados li{
display: inline;
padding: 0 3px;
}
#footer .left .info{
padding-top: 15px;
}
#footer .left .info img{
float: left;
position: absolute;
}
#footer .left .info span{
padding-left: 130px;
display: block;
}
#footer .left .info .paises{
font-weight: bold;
color:#F00000;   
padding-top: 2px;
}
#footer .left .info .central{
padding-bottom: 15px;
} 
#footer .right{
width: 370px;
float: right;
overflow: visible;
height: auto;
padding-top: 40px;
padding-left: 5px;
}
#footer .right ul{
border-left:1px solid #639BBF;
padding:0 25px 0 15px;
float: left;
}
#footer .right ul li{
margin: 10px 0;
} 
#footer .right .apartados{
font-weight: bold;   
}
#footer .legal{
padding-top: 25px;
clear: both;
text-align: center;
}
#footer .legal a{
display: block;
text-decoration: underline;
color:#F00000;
margin-top: 5px;
}
/* FIN FOOTER */
/*VENTANAS EMERGENTES*/
.ventana{
left:50%;
top:50%;
position:absolute;
background-color:#fff;
border:2px solid #000;  
}
.ventana.recordarContrasena{
margin-left: -190px;
margin-top: -86px;
}
.ventana.recordarContrasena .boton.botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
overflow:hidden;
display:block;
width:0px;
height:16px;
padding-left:16px;
position:absolute;
right:5px;
top:6px;
}
.divVentana.divFondoVentana{
background:url(/img/fondo-trans.gif);
}
/* FIN VENTANAS EMEFGENTES*/     

/*CARGANDO LA PAGINA*/             
body #wrap #middle.cargandoPagina .content{
background:no-repeat center 150px url(/img/cargando.gif);
}
#middle.cargandoPagina .content *{
visibility:hidden;
}