/*  */

/*ESTILOS GENERICOS DE SELECTORES*/
/*Estilo del bloque*/
.selectorBloque{
color:#000;
height:20px;
}

/*Botones del selector*/
.selectorBloque .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}

.selectorBloque .selectorBotones a{
width:16px;
height:16px;
display:block;
float:left;
text-decoration:none;
}
.selectorBloque .selectorBotones a:link,
.selectorBloque .selectorBotones a:visited,
.selectorBloque .selectorBotones a:hover{
text-decoration:none;
}
.selectorBloque .selectorBotones .botonAbrir{
background:no-repeat url(/img/selectores/abrirselector.gif);
width:24px;
margin-left:3px;
}
.selectorBloque .selectorBotones .botonVaciar{
background:no-repeat url(/img/selectores/vaciar.gif);
margin-left:3px;
}
.selectorBloque .selectorBotones .botonPrevisualizar{
background:no-repeat url(/img/iconos/p/table-sql-view.gif);
width:16px;
margin:0 0 0 3px;
}

/*Representacion de la seleccion actual*/
.selectorBloque .selectorDestinoVisual{
color:#000;
float:left;
width:358px;
padding:1px 0 1px 2px;
height:18px;
border:1px solid #ccc;
background:#fff;
cursor:default;
overflow:hidden;
}
.soloLectura .selectorBloque .selectorDestinoVisual{
border:1px solid #ddd;
width:348px;
}

/*botones dentro del estilo visual*/
.selectorBloque .selectorDestinoVisual .boton{
width:16px;
height:16px;
text-decoration:none;
display:block;
float:right;
margin-top:-18px;
margin-right:5px;
}

/*Boton de eliminar elemento de lista*/
.selectorBloque .selectorDestinoVisual .botonQuitarElemento{
background:no-repeat url(/img/selectores/eliminar.gif);
}

/*Popups de los selectores*/
.selectorVentana{
color:#fff;
background:url(/img/selectores/fondo-ventana.gif) repeat-x #013354;
border:solid 2px #4A2E06;
width:300px;
height:300px;
left:50%;
margin-left:-150px;
top:50%;
margin-top:-150px;
position:absolute;
}

.selectorVentana .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}
.selectorVentana a.botonCerrar{
position:absolute;
right:2px;
top:0px;
background:no-repeat url(/img/selectores/cerrar.gif);
width:16px;
height:16px;
}
.selectorVentana a.botonVolver{
position:absolute;
right:20px;
top:0px;
background:no-repeat url(/img/selectores/volver.gif);
width:16px;
height:16px;
}
.selectorVentana a:link,
.selectorVentana a:visited,
.selectorVentana a:hover{
text-decoration:none;
}

.selectorVentana .sinRegistros{
text-align:center;
margin-top:30px;
font-size:1.2em;
color:#a00;
}

.selectorVentana ul{
margin:0;
padding:0;
}
/*Estilo del contenido de la ventana*/
.selectorVentana .selectorVentanaContenido{
position:absolute;
border:1px solid #000;
margin:20px 0 0 3%;
color:#000;
background-color:#fff;
width:94%;
height:84%;
}
.selectorVentana .selectorVentanaContenido li{
color:#000;
}
.selectorVentana .selectorVentanaContenido h1.titulo{
position:absolute;
left:0px;
top:-19px;
font-size:12px;
display:block;
color:#fff;
z-index:1000;
}
.selectorVentana .botonSelector{
background-color:#eee;
background-position:3px 4px;
background-repeat:no-repeat;
border-left:2px solid #bbb;
border-bottom:2px solid #bbb;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
float:right;
margin-right:10px;
margin-top:10px;
display:block;
padding:4px 3px 2px 20px;
text-indent:0px;
width:auto;
font-size:12px;
color:#000;
}
.selectorVentana .botonSelector:hover{
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
border-top:2px solid #ddd;
border-right:2px solid #ddd;
}
.selectorVentana .botonCancelarSelector{
background-image:url(/img/iconos/p/delete2.gif);
}
.selectorVentana .botonGuardarSelector{
background-image:url(/img/iconos/p/check2.gif);
}
.selectorVentana .botonVolverSelector{
background-image:url(/img/selectores/volver.gif);
}

/*Listados en selectores*/
.selectorVentana .listado{
width:97%; 
height: 80%;
overflow: auto;
margin:0 auto;
}
.selectorVentana .listado table{
width:97%;
}
.selectorVentana .formularioListado{
width:93%;
}
.selectorVentana table.listado .colPub{
width:30px;
}
.selectorVentana table.listado .colVal{
width:30px;
text-align:center;
}
.selectorVentana table.listado .estadoPublicacion{
width:16px;
text-indent:100px;
overflow:hidden;
padding:0;
margin-left:6px;
}
/*fin listados en selectores*/

/*Listas simples*/
.selectorVentana .listaSimple{
margin:5px;
border:1px solid #ddd;
}
.selectorVentana .listaSimple strong{
font-size:12px;
background-color:#000;
display:block;
color:#fff;
padding:3px;
}
.selectorVentana .listaSimple ul{
padding:0;  
}
.selectorVentana .listaSimple ul li{
font-size:12px;
padding:2px;
width:auto;
}
.selectorVentana .listaSimple ul li.fila0{
background-color:#eee;
}
.selectorVentana .listaSimple ul li.fila1{
background-color:#ddd;
}
/*fin listas simples*/

/*buscadores*/
.selectorVentana .barraListado{
padding-left:10px;
width:auto;
height:30px;
}
.selectorVentana .barraListado label{
font-size:12px;
margin-right:5px;
display:none;
}
.selectorVentana .barraListado .botonBuscador{
border:1px solid #bbb;
margin-left:5px;
background:url(/paneldecontrol/img/iconos/botones/buscar.gif) no-repeat 2px #ddd;
padding:0 0 0 18px;
}
.selectorVentana .barraListado .botonBuscadorMasResultados{background-image:url(/img/iconos/p/add2.gif);}
.selectorVentana .barraListado .botonUsarUrl{background-image:url(/img/iconos/p/earth.gif);}
/*fin buscadores*/

/*mensajes de aviso*/
.selectorVentana .aviso{
width:200px;
margin:50px auto;
padding-left:40px;
font-size:14px;
font-weight:bold;
color:#900;
background:url(/paneldecontrol/img/avisos.gif) no-repeat;
}
/*FIN ESTILOS GENERICOS DE SELECTORES*/
.selectorVentana tr.par{
background-color:#ddd;
}
.selectorVentana tr.impar{
background-color:#eee;
}

/*ESTILOS DE FECHAS*/
/*Botones del selector*/
.selectorBloqueFecha .selectorBotones a.botonAbrir{
background:url(/img/selectores/abrirfecha.gif) no-repeat;
width:16px;
height:16px;
margin-left:3px;
}

/*Estilo del contenido de la ventana*/
.selectorVentanaFecha{
height:240px;
}
.selectorVentanaFecha .selectorVentanaContenido{
height:210px;
}
.selectorVentanaFecha .calendarioBloque{
background-color:#fff;
}
.selectorVentanaFecha .calendarioBloque .mes{
float:left;
height:20px;
width:120px;
margin-left:5px;
}
.selectorVentanaFecha .calendarioBloque .anyo{
float:right;
height:20px;
width:120px;
margin-right:5px;
}
.selectorVentanaFecha .calendarioBloque span{
float:left;
width:100px;
text-align:center;
cursor:default;
}
.selectorVentanaFecha .calendarioBloque .mes span{
width:85px;
padding-right:15px;
}
.selectorVentanaFecha .calendarioBloque .mostrarMeses{
display:block;
position:absolute;
top:3px;
left:95px;
width:15px;
height:11px;
background:url(/img/selectores/desplegar.gif) no-repeat;
}
.selectorVentanaFecha .calendarioBloque .listaMeses{
position:absolute;
background-color:#eee;
top:15px;
left:20px;
width:83px;
font-size:10px;
padding:2px;
border:1px solid #ddd;
}
.selectorVentanaFecha .calendarioBloque .listaMeses a{
display:block;
}
.selectorVentanaFecha .calendarioBloque .listaMeses a:hover{
background-color:#fff;
}
.selectorVentanaFecha .calendarioBloque .boton{
width:10px;
height:9px;
display:block;
float:left;
margin-top:5px;
}
.selectorVentanaFecha .calendarioBloque .botonCalendarioAnt{
background:no-repeat url(/img/selectores/anterior.gif);
}
.selectorVentanaFecha .calendarioBloque .botonCalendarioSig{
background:no-repeat url(/img/selectores/siguiente.gif);
float:right;
}

.selectorVentanaFecha table.calendario{
width:100%;
height:190px;
color:#000;
overflow: hidden;
clear:both;
border:1px solid #999;
text-align: center;
background-color:#ccc;
padding: 0px;
margin: 0px;
border-spacing:4px;
}
.selectorVentanaFecha table.calendario{
color: #191718;
}
.selectorVentanaFecha table.calendario caption{
display:none;
}

.selectorVentanaFecha table.calendario td{
text-align:center;
}
.selectorVentanaFecha table.calendario td.dia{
border:1px solid #fff;
background-color:#ddd;
}
.selectorVentanaFecha table.calendario td.dia a{
width:100%;
height:100%;
display:block;
}
.selectorVentanaFecha table.calendario td.cerrado{
background-color:#666;
color:#ccc;
cursor:default;
}
/*FIN ESTILOS DE FECHAS*/

/*ESTILOS DE HORAS*/
/*Estilo del contenido de la ventana*/
.selectorVentanaFechaHora .horaBloque{
padding:20px;
}
.selectorVentanaFechaHora .horaBloque .seleccionHora{
border:1px solid #ddd;
background-color:#eee;
padding:5px;
padding-left:27px;
font-size:16px;
font-weight:bold;
}
.selectorVentanaFechaHora .horaBloque select{
width:50px;
margin-right:7px;
margin-left:7px;
}
/*FIN ESTILOS DE HORAS*/

/*ESTILOS DE BUSCADORES URL*/
.selectorBloqueUrlImagen .selectorDestinoVisual{
height:222px;
width:302px;
overflow:auto;
}
.selectorBloqueUrlImagen .selectorBotones{

}
.selectorBloqueUrlImagen .selectorBotones .boton{
margin-left:10px;
}
.selectorBloqueUrlImagen .sinDefinir{
color:#999;
text-align:center;
margin-top:30px;
display:block;
font-size:12px;
}
.selectorBloqueUrlImagen .sinDefinirError{
color:#900;
font-weight:bold;
}

.selectorVentanaUrlImagen{
width:660px;
height:505px;
margin:-252px 0 0 -280px;
}
.selectorVentanaUrlImagen .selectorVentanaContenido{
height:470px;
}
.selectorVentanaUrlImagen .contenidoSelector a{
overflow:hidden;
width:100px;
height:100px;
float:left;
margin:2px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl{
position:absolute;
background-color:#fff;
border:1px solid #888;
border-right:2px solid #555;
border-bottom:2px solid #555;
left:250px;
top:40px;
padding:5px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl #txtUrlSelector{
width:150px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl .botonUsarUrlOk{
background-image:url(/img/iconos/p/check2.gif);
width:20px;
cursor:pointer;
}
/*FIN ESTILOS DE BUSCADORES URL*/

/*ESTILOS DE SELECTOR DE COLOR*/
.selectorBloqueColor .selectorDestinoVisual span.color{
padding-left:5px;
border-left-width:15px;
border-left-style:solid;
font-size:13px;
}
.selectorVentanaColor{
width:560px;
height:435px;
margin:-225px 0 0 -290px;
}
.selectorVentanaColor .selectorVentanaContenido{
height:405px;
width:530px;
}
.selectorVentanaColor .paletaColores{
width:384px;
height:384px;
margin:10px 0 0 10px;
border:1px solid #000;
float:left;
}
.selectorVentanaColor .paletaColores a{
display:block;
overflow:hidden;
width:6px;
height:6px;
float:left;
margin:0;
padding:0;
}
.selectorVentanaColor .leyenda{
float:left;
width:105px;
height:150px;
}
.selectorVentanaColor .leyenda .primarios{
width:100px;
margin:20px 0 0 10px;
}
.selectorVentanaColor .leyenda .primarios a{
display:block;
overflow:hidden;
width:40px;
height:40px;
float:left;
margin:4px;
padding:0;
border:1px solid #000;
}
.selectorVentanaColor #selColorActivo{
width:100px;
height:100px;
border:1px solid #000;
margin:10px;
color:#000;
}
.selectorVentanaColor #selColorActivoTxt{
text-align:center;
font-size:14px;
display:block;
width:100px;
padding:0;
margin-left:10px;
border:1px solid #000;
}
/*FIN ESTILOS DE SELECTOR DE COLOR*/

/* popup INSERTAR PRODUCTO  */
.divFondoVentana{           
background-color: transparent;          
background-image: url(/img/fondo-trans.gif);        
background-repeat: repeat;     
background-attachment: scroll;  
background-position: 0% 0%;
}

.insertarProducto{
width:500px;
height:300px;
border:solid 2px #aaf; 
background:#fff;
margin:0 auto;
top: 50%; 
margin-top:-150px;  
left: 50%;  
margin-left:-250px;    
position: absolute;
}
.previsualizarProducto{
width:600px;
height:400px;
border:solid 2px #aaf; 
background:#fff;
margin:0 auto;
top:50%; 
margin-top:-200px;  
left:50%;  
margin-left:-300px;    
position:absolute;
}
.errorPasoPedido{
width:400px;
height:200px;
border:solid 2px #aaf; 
background:#fff;
margin:0 auto;
top:50%; 
margin-top:-100px;  
left:50%;  
margin-left:-200px;    
position:absolute;
}
.codigoPromocion{  
width:400px;
height:200px;
border:solid 2px #aaf; 
background:#fff;
margin:0 auto;
top:50%; 
margin-top:-100px;  
left:50%;  
margin-left:-200px;    
position:absolute;
}
.emailRepetido{
width:600px;
height:220px;
border:solid 2px #aaf; 
background:#fff;
margin:0 auto;
top:50%; 
margin-top:-110px;  
left:50%;  
margin-left:-300px;    
position:absolute;    
}
.insertarProducto .top,
.previsualizarProducto .top,
.errorPasoPedido .top,
.codigoPromocion .top,
.emailRepetido .top{
background:url(/img/decoracion/popup-carro.gif) 10px 7px no-repeat #333;
width:100%;
height: 35px;
}
.insertarProducto .top h2,
.previsualizarProducto .top h2,
.errorPasoPedido .top h2,
.emailRepetido .top h2{
color:#fff;
font-size: 1.4em;
font-weight: bold;  
width:300px; 
padding-left: 50px;
padding-top: 6px;       
}                            
.insertarProducto .botonCerrar,
.previsualizarProducto .botonCerrar,
.errorPasoPedido .botonCerrar,
.emailRepetido .botonCerrar{
display: block;
overflow:hidden;
width: 0px; 
height: 0px;
margin:7px 7px 0;
padding-left: 21px;     
padding-top:20px;        
background:url(/img/decoracion/popup-btn-cerrar.gif) left top no-repeat #000;       
float: right;       
}
.insertarProducto .contenedor .mensaje{
background:url(/img/decoracion/popup-positivo.jpg) left center no-repeat;
font-weight:bold;
font-size: 1.2em;
text-align: left;
padding-left:65px;
width:400px;
margin:10px auto 5px;
padding-top:20px;
height:40px;
}
.insertarProducto .contenedor .anadidos{
width: 440px;
margin: 5px auto;
}
.insertarProducto .contenedor .anadidos .titulo{
color:#333;
font-weight: bold;
padding:5px 0;
display: block;
font-size: 1.3em;
}
.insertarProducto .contenedor .anadidos .listadoCompra{
overflow: auto;
height: 109px;
}
.insertarProducto .contenedor .anadidos .producto{
background-color:#E6D8B6;
border-bottom:2px solid #fff;
padding:10px 10px 9px 15px;
font-size: 1.1em;
}
.insertarProducto .contenedor .anadidos .producto .cantidad{
padding-right:15px;   
}
.insertarProducto .contenedor .bottomBtns{
width:440px;
margin: 5px auto;
padding-top: 5px;
overflow: hidden;
}                       
.insertarProducto .contenedor .bottomBtns .seguir{
background:url(/img/decoracion/popup-btn-seguir.gif) left center no-repeat;
width: 115px;
padding-left:30px;
height:24px;
padding-top:6px;
display: block; 
float: left;      
font-weight: bold;   
}
.insertarProducto .contenedor .bottomBtns .porCaja{
background:url(/img/decoracion/popup-btn-porcaja.jpg) left center no-repeat;     
width:90px;
padding-right:35px;
height:24px;
padding-top:6px;
text-align: right;
color:#fff !important;
display: block; 
float:right;       
font-weight: bold;
}
.emailRepetido p{
margin:20px;
font-size:1.2em;
}
.emailRepetido span{
margin-bottom:10px;
display:block;
clear:both;
}
.emailRepetido em{
margin:10px 0;
font-weight:bold;
font-size:1.3em;
text-align:center;
display:block;
clear:both;
}
/* fin popup confirmacion */
/* vertarifas */
.verTarifas{  
width:400px;
height:auto;
border:solid 2px #aaf; 
background:#fff;
margin:0 auto;
top:50%; 
margin-top:-150px;  
left:50%;  
margin-left:-200px;    
position:absolute;    
}     
.verTarifas .botonCerrar,
.codigoPromocion .botonCerrar{
display: block;
overflow:hidden;
width: 0px; 
height: 0px;
margin:7px 7px 0 370px;
padding-left: 21px;     
padding-top:20px;        
background:url(/img/decoracion/popup-btn-cerrar.gif) left top no-repeat #000;       
position: absolute;      
}
.verTarifas .top{
background:url(/img/decoracion/popup-carro.gif) 10px 7px no-repeat #333;
width:400px;
height: 35px;
}
.verTarifas .top h2,
.codigoPromocion .top h2{
color:#fff;
font-size: 1.4em;
font-weight: bold;  
width:100px;             
padding-left: 50px;
padding-top: 6px;       
}     
.verTarifas ul{
padding-top:3px;
padding-left:3px;
}        
.verTarifas ul li{
margin:10px;
padding:5px;
border:solid 1px;
width:360px;
font-size:1em;
}
.verTarifas ul li .zona{
text-align:right;
margin-right:10px;
font-weight:bold;
font-size:1.1em;
}
.verTarifas ul li .precio{
color:#F00000;
font-weight:bold;
}
/* fin vertarifas */
.codigoPromocion span.mensaje{
display:block;
font-size:1.2em;
font-weight:bold;
text-align:center;
margin:20px;
}
.codigoPromocion span.resultado{
display:block;
font-size:1.2em;
font-weight:bold;
text-align:center;
margin:10px 5px;
}

.previsualizarProducto .contenedor .producto img{
margin:20px 10px;
float:left;
}
.previsualizarProducto .contenedor .producto span{
font-weight:bold;
font-size:2.0em;
margin:10px 0;
display:block;
}
.previsualizarProducto .contenedor .producto p{
display:block;    
}

.errorPasoPedido ul{
margin:10px;
}
.errorPasoPedido ul li{
margin:5px 10px;
padding-left:10px;
background:url(/img/decoracion/bullet-mini-extra.gif) no-repeat 0 5px;
}

.campo.campoSubcategorias .selectorDestinoVisual{
height:200px;
}
.campo.campoSubcategorias .selectorDestinoVisual ul{
padding:0;
margin:0;
}
.campo.campoSubcategorias .selectorDestinoVisual ul li{
padding:3px 0;
margin:1px 0;
border:solid 1px #ddd;
}
.campo.campoSubcategorias .selectorDestinoVisual ul li a.botonEliminar{
background:url(/img/iconos/p/delete2.gif) no-repeat;
margin-top:0;
}

/**********/
#middle .content .contenido .bloqueDatosCliente .campo input.check{
width:auto;
float:left;
border:none;
}
#middle .content .contenido .bloqueDatosCliente .campo.campoInformacion{
width:490px;
height:40px;        
float:left;
margin:10px 0 0 15px;
}
#middle .content .contenido .bloqueDatosCliente .campo.campoInformacion label{
width:435px;
float:right;
text-align:justify;
padding:0 15px 10px 0;
margin:0;
}
#middle .content .contenido .bloqueDatosCliente .campo.campoInformacion check{    
float:left;
display:block;
}
#middle .content .contenido .bloqueDatosCliente .campo.campoPolitica{
width:480px;
height:40px;
float:left;
margin:10px 0 0 15px;
}
#middle .content .contenido .bloqueDatosCliente .campo.campoPolitica label{
width:430px;
float:right;
text-align:justify;
padding:0 10px 0 0;
}
/***/

/*zona privada*/
#campoFechaNacimiento.campo{
width:150px;
}
#fechaNacimientoVisual.selectorDestinoVisual.selectorDestinoVisualFecha{
width:100px;
}