﻿/*Include del Reset de Yahoo!*/
@import url(reset.css);

/*Elementos generales*/
body
{
	background-color: #d3d1d1;
	font-family: Verdana;
}

#total {
	position: relative;	
	margin: 0 auto;
	width: 780px;	
	background-color:white;
	border: solid 1px #502e29;
}

#datos 
{
    background: url('../Images/cabecera.jpg') no-repeat;
    width: 780px;   
    height:120px;
    }

#footer
{
	padding:2px 0px 5px 0px; 
	margin-top:20px;
    background-color:#ffffff;
    width: 780px; 
    text-align: center !important;
    clear: both;
    }

/* EXCLUSIVO PARA IE6: corrige las transparencias de los PNG */
img
{
    behavior: url(iepngfix.htc);
}



a{
	 font: 11px Tahoma;
	 color: #949393; 
}

p
{
    padding: 1px 0;
    text-align: right !important;
}

p.centrado
{
    padding: 6px 0;
    text-align: center !important;
}

p.izquierda
{
    padding: 1px 0;
    text-align: left !important;
}

.labels
{
    color: #949393; 
    font: 11px Tahoma;
}

.labelsderecho
{
	text-align:right;
    color: #949393; 
    font: 11px Tahoma;
}

#loadingGrid
{		
	background-color: #666;
	filter: alpha(opacity=50);	
	opacity: 0.5;
	position:absolute; 	
	top:0; 
	left:0; 	
	width:100%;
	min-height:100%;
	overflow:auto; 	
	text-align: center;		
	z-index: 100 ;
	cursor: wait;	
}

#loadingGrid img
{
	margin-top: 250px;
}

.lnkBotones 
{
	background: url(Images/FondoButton.jpg) repeat-x;
	border: 1px solid #AEAEAE;
	color: #333 !important;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 8px;
	text-decoration: none;
}

.lnkBotones:hover 
{
	border-color: #356AA0;	
}
.enlaceConfimacion{
	 font: 11px Tahoma ;	
	 color: #333333 !important;
}


.labelstitulo
{
    color: #50524b; 
    font: bold 13px Tahoma;
}
.labelssubtitulo
{
    color: #50524b; 
    font: bold 11px Tahoma;
}
.inputs
{
    border: 1px solid #50524b;
    font: 11px Tahoma;
    padding: 1px;    
}

.botonh
{
    border: 1px solid #7a750e;
    font: 11px Tahoma;
    padding: 1px;

}

.check
{   
    border-style:none;        
    font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	color:Black;               
} 
.combo
{   
    background-color:White;
    border-style:solid;
    border-width:1px;
    border-color:#504D4D;
    font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:	8pt;
	color:Black;               
}

/***************************/
/***   VENTANAS MODALES  ***/
/***************************/
.Popup
{
    background-color: #666;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.VentanaModal
{	
    border: 1px solid #999;   
    width: 600px;
    height:420px;
    background: #FFF url(../Images/icono-ventana-modal.gif) no-repeat 25px 50%;
}

.divBarra
{
	background: #575757 url(../Images/cabecera-pdf.png) no-repeat top left;
    height: 26px;
    padding: 3px 3px 0 0;
    text-align:right;
    width: 597px;
}
.divAviso
{	
	display: block; 	
    height: 26px;
    padding: 15px 15px 15px 100px;
    height:350px;
    width: 484px;  
	overflow:auto;
}


/* ESTILOS PARA EL CALENDARIO DE INFRAGISTICS */
.CalendarStyleCal
{
    background-color: #f2f2f1;
    color: #555;  
    font: 11px Tahoma;
}

.SelectedDayStyleCal
{
    background-color: orange !important;
    display: block;
    color: #000 !important;
    font-weight: bold; 
}

.OtherMonthDayStyleCal
{    
    color: #cbcac9;     
    text-decoration: line-through;
}

.DayHeaderStyleCal 
{
    background-color: #f2f2f1;
    color: #333;
}                            

.FooterStyleCal
{
    background-color:#f2f2f1;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: center;
}

.TitleStyleCal
{
    background-color: #f2f2f1;
    color:#eb9309; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt; 
    font-weight: bold;
    padding: 6px 2px 6px;
    text-align: left;
}                        

.WeekendDayStyle
{
    color: #CC0000;
}


.asterisco
{      
    font-family:  Verdana, Helvetica, sans-serif;
	font-size:	12pt;
	color:#f94e62; 
	text-align:left;	           
}

.pnlCabecera
{
    background-color: #FFC;
    border: 1px solid #FF9;
    text-align: center;
    margin: 0 auto;
    padding: 5px 20px;
    width: 600px;
}

.divHab
{
    float: left;
    border-color: #555;
    border-style: dotted;
    border-width: 0 1px;
    padding: 0 10px;
    width: 90px;
}

.divReg
{
    float: right;
    padding: 0 5px;
    width: 170px;
}

.divFechas
{ 
    float: left;   
    padding: 0 5px;
    width: 120px;
}

.divtitulo
{
	border-bottom-color: #333333;
    border-bottom-style: solid;    
    border-bottom-width: 1px;
    padding: 0 5px;
    margin-bottom: 7px;
}

.divNotas
{   
	clear: both;
	font: italic 12px Tahoma;
    margin: 3px;
    color: #333;
    padding: 3px 15px;
    text-align: center;
}
  
.labelsinfo
{
    color: #333333; 
    font: 11px Tahoma;
    font-style:italic;
    border-style:none;
    width: 200px;    
    height:80px;    
}

#divAcomodaciones
{
	border:1px; 
	border-style:solid;
	border-color:#CCC;
	background-color:#EEE;	
	width: 380px; 	
	display: block;  
    margin:0 auto; 
    margin-top:10px;
    padding:3px 5px 3px 0px;  
	}
.divTexto
{
	width: 750px; 	
	display: block;    
    float:left; 
    padding:0px 5px;
    margin:2px 5px 2px 0px;  	   
	}
.pnlAcomodaciones
{ 
    float: left; 
    display: block;
    width: 380px;   
}
.divPrecio
{ 
    float:left; 
    display: block;
    width: 300px;   
}
.divBoton
{
	text-align:center;	
	width: 780px; 	
	display: block;    
    float:left;  
    margin-top:5px;
    margin-bottom:5px; 
	}
	
#pnlDatosPersonales
{ 
    float: left; 
    display: block;
    width: 380px;   
}

.ES
{
	border:0;
    background: url('../Images/Idiomas/es.gif') no-repeat;    
    width:24px;
    margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
.EN
{
	border:0;
    background: url('../Images/Idiomas/en.gif') no-repeat;    
    width:24px;
    margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
.CA
{
	border:0;
    background: url('../Images/Idiomas/ca.gif') no-repeat;    
    width:24px;
    margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
.PT
{
	border:0;
    background: url('../Images/Idiomas/pt.gif') no-repeat;    
    width:24px;
   margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
	
.ES_en
{
	border:0;
    background: url('../Images/Idiomas/es_en.gif') no-repeat;    
    width:24px;
    margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
.EN_en
{
	border:0;
    background: url('../Images/Idiomas/en_en.gif') no-repeat;    
    width:24px;
    margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
	
.CA_en
{
	border:0;
    background: url('../Images/Idiomas/ca_en.gif') no-repeat;    
    width:24px;
    margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
	
.PT_en
{
	border:0;
    background: url('../Images/Idiomas/pt_en.gif') no-repeat;    
    width:24px;
    margin: 2px 0px 2px 2px;
    height:20px;
    cursor:pointer;
	}
	
	

/* PANEL LOGIN 1 (PAGINA PRINCIPAL) */
.labelsLogin
{
	color: #000000; 
    font: 12px Tahoma;
	}

.pnlLogin
{
    behavior: url(./css/iepngfix.htc);
	background: url(../Images/fondo-login-ofitour.png) no-repeat;
	float: right;
	height: 90px;
	margin-bottom: 2px;
	margin-right: 6px;	
	padding: 0px 10px 10px;
	width: 190px;	
}

.lbidentificionagencias
{
	font-family:Verdana;
	color:#31373a;
	font-size:12px;	
	}
	
.pnlInformacion /* Ya logados */
{
    behavior: url(./css/iepngfix.htc);
	background: url(../Images/fondo-login-ofitour.png) no-repeat;
	float: right;
	height: 60px;
	margin-bottom: 2px;
	margin-left: 10px;
	overflow: hidden;
	padding: 10px 3px 0px 5px;
	width: 190px;	
	text-align:center;
}

.pnlInformacion p
{
	float: right;
	width: 50%;
}