/* Archivo de estilo ejemplo para selectores */

/**********************ESTILOS GENERICOS****************************/
/*Estilo mas externo*/
.selectorBloque{
	background-color: #000;
	color:#fff;
}

/*Estilo de los botones*/
.selectorBloque .selectorBotones{

}

/*Estilo del div con la representación visual*/
.selectorBloque .selectorDestinoVisual{	
	background-color: #000;
	color:#fff;
    float:left;
}

/*Popups de los selectores*/
#selectorVentanaPopup{
	color:#000;
	background-color: #aaa;
	border:outset 2px #fff;
}

/*boton de cerrar de la ventana*/
#selectorVentanaPopup a.botonCerrar{
	position:absolute;
	right:2px;
	top:0px;
}

/*boton de volver de la ventana*/
#selectorVentanaPopup a.botonVolver{
	position:absolute;
	right:20px;
	top:0px;
}

/*Estilo del contenido de la ventana*/
#selectorVentanaPopup #selectorVentanaPopupContenido{
	position:absolute;
	border:1px solid #000;
	margin:10px;
	margin-top:20px;
	color:#000;	
	background-color: #fff;
}

#selectorVentanaPopupContenido a{
	color:#000;
}

#selectorVentanaPopupContenido h1.titulo{
	position:absolute;
	left:-1px;
	top:-19px;
	font-size:11px;
	display:block; 
}
/*FIN Estilo del contenido de la ventana*/



/**********************ESTILO DE FECHAS****************************/
/*Estilo del div con la representación visual*/
#selectorVentanaPopupContenido table.calendario{
	width:100%;
	height:180px;
	color:#fff;
}

table.calendario td{
    text-align:center;      
}

table.calendario td.calendarioDia{ 
    border:1px solid #fff;
    background-color:#eee;
}

#selectorVentanaPopupContenido .calendarioBloque{
	background-color:#900;  
}

/**************************************************/
                                                       
.selectorBloque .selectorDestinoVisual#archivosVisual{   
    width: 500px;
    height: 350px;
    overflow:auto;
    float:none;
    background-color: #ddd;
    color:#000;
    border:1px solid #000;
}   

.selectorDestinoVisual#archivosVisual a{
    float:left;
    margin-left:5px;
}              

.selectorDestinoVisual#archivosVisual .elemListaSelector{
    float:left; 
    margin-left:3px;
    width:150px;
    height:200px; 
    text-align:center;     
}

.selectorDestinoVisual#archivosVisual .elemListaSelector .barra{
    width:150px;
    height:18px;    
    padding:0px;          
}

.selectorDestinoVisual#archivosVisual .elemListaSelector .barra a,.selectorDestinoVisual#archivosVisual .elemListaSelector .barra span{
    float:left;
    margin-left:6px;  
}     

.selectorDestinoVisual#archivosVisual .elemListaSelector .barra img{ 
    width:16px;
    height:16px;
}

.selectorDestinoVisual#archivosVisual .elemListaSelector a.imagen img{
    border:none;
    width:150px;
    height:150px;
}        
                                      
/************************SELECTOR DE HABITACIONES********************************/
.selectorBloqueHabitaciones .selectorDestinoVisual{   
    width: 300px;
    height: 150px;
    overflow:auto;
    float:none;             
    color:#fff; 
    border:1px solid #333;  
    padding:2px;
    display:block;               
}  

.selectorBloqueHabitaciones .selectorBotones{
    width:300px;
}
    
.selectorDestinoVisualHabitaciones a{
    color:#55f;
}

.selectorDestinoVisualHabitaciones table th{
    background-color:#900;
}

.selectorDestinoVisualHabitaciones table tr.fila0{
    background-color:#ddd;
}

.selectorDestinoVisualHabitaciones table tr.fila1{
    background-color:#aaa;
}

.selectorDestinoVisualHabitaciones table td{
    margin:0px;
    padding:0px;
}

#selectorVentanaPopupContenido .habitacionesBloque{
    overflow: scroll;
    height: 450px;
    width: 100%;
}

.habitacionesBloque .elementoHabitacion{
    margin-left:3px;
    margin-top:3px;
    width:450px;
    height:210px;
    overflow:visible;
    background-color:#ddd;
    border:1px solid #000;
    clear:both;
}

.elementoHabitacion p{
    margin: 2px 2px 2px 160px;
}

.elementoHabitacion span{
    font-size:12px;
    color:#a00;
}

.elementoHabitacion h2 a, .elementoHabitacion h2 a:link, .elementoHabitacion h2 a:visited{ 
    text-decoration:underline;     
}

.elementoHabitacion h2 a:hover{   
    text-decoration:none;  
}

.elementoHabitacion img{
    float:left;
    border:none;
    margin-left:2px;
}

.elementoHabitacion h2{
    display:block; 
    font-size:14px;
}

/************************SELECTORES DE FECHAS********************************/
.selectorDestinoVisual#fechaEntradaVisual, .selectorDestinoVisual#fechaSalidaVisual{   
    font-size: 14px;               
}