/* CSS Document */
body, html{ overflow:hidden;}
body{ 
	margin-left: -450px; 
	margin-top: -250px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 900px; 
	height: 600px;
}
#main{ margin:auto; height:auto; width:900px;}
.cabecera{ height:68px;}
.titulo_portada{ float:right; margin-right:170px; position:relative; top:5px;}
.idiomas_portada{ float:left; position:absolute; top:40px; text-decoration:none;}
.qualitat_balear{float:right; margin-right:120px; position:absolute; right:0px; top:0px;}
.logos_balear{float:right; margin-right:40px; position:absolute; right:0px; top:0px;}
	
.imagen_derecha, .imagen_izquierda{ width:454px; height:340px;}
.imagen_centro{ width:454px; height:340px;}

.tooltip{position: absolute; visibility: hidden; z-index:90; width:600px;}

.tooltip_titulo{font-weight: bold; width: 600px; font-family: arial; border: 1px solid #A5CFE9; padding: 5px; font-size: 14px; color: #4B7A98; background: #D5EBF9; filter: alpha(opacity=90); /* IE*/ opacity: 0.90; /* FF */}

.tooltip_cuerpo{ border-bottom: 1px solid #A5CFE9; border-left: 1px solid #A5CFE9; border-right: 1px solid #A5CFE9; width:600px; font-family: arial; font-size: 13px; padding: 5px; color: #1B4966; background: #FFFFFF; filter: alpha(opacity=90); /* IE */ opacity: 0.90; /* FF */}

.leer_mas{ color:#0066CC; text-decoration:none;}
.leer_mas:hover{ color:#0099CC; text-decoration:underline;}
.leer_mas:active{ color:#CC0000;}

.leer_tarifas{ color:#CC3300; text-decoration:none; font-size:14px; font-weight:bold;}
.leer_tarifas:hover{ color:#0066CC; text-decoration:underline;}
.leer_tarifas:active{ color:#CC0000;}

.marco_imagen{ width:454px; height:340px; position:absolute; z-index:90;}
.marco_imagen_izq{ width:20px; height:340px; position:absolute; top:68px; z-index:90;}
.marco_imagen_der{ width:20px; height:340px; position:absolute; top:68px; z-index:90; right:166px;}
.marco_imagen_izq_lite{ width:20px; height:340px; position:absolute; top:68px; z-index:90;}
.marco_imagen_der_lite{ width:20px; height:340px; position:absolute; top:68px; right:180px; z-index:90;}

.formulario_reserva{ font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px; width:750px;}

/**************VERDE*******************/
	
.verde{ background:#CACA66;}
	.verde .titulo_seccion{ color:#FFFFFF;}
	.verde .leer_mas{color:#FFFFFF;}

/**************AZUL*******************/
	
.azul{ background:#01BEBE;}
	.azul .titulo_seccion{ color:#CAE276;}
	.azul .leer_mas{color:#FFFFFF;}

/**************ROSA*******************/
	
.rosa{ background:#FF9DDF;}
	.rosa .titulo_seccion{ color:#FFFFFF;}
	.rosa .leer_mas{color:#FFFFFF;}
	
/*************AQUAMARINE*************/
	
.aquamarine{ background:#66DDAA; color:FFFFFF;}
	.aquamarine .titulo_seccion{ color:#CAE276;}
	.aquamarine .leer_mas{color:#FFFFFF;}

/************* SLIDER *****************/

#box1{	position:relative;}

.mask{	position:relative;	z-index:auto;	width:454px;	height:340px;	overflow:hidden;}
.mask img{	position:absolute;	z-index:auto;	display:block;	border:none;}


#disclaimer{ position:absolute; left:300px; top:100px; z-index:999; border:1px solid #FF0000; background:#FFFFFF; width:400px; text-align:left; padding:10px;}
	#disclaimer img{ float:left; margin-right:10px;}
	#disclaimer a{ text-decoration:none; border:0px;}
	#disclaimer a img{ text-decoration:none; border:0px;}