@charset "iso-8859-1";

/* 	############ contingut       ############  
	###########################################
	###########################################
*/

#contenedor,
.bannerHome{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}


/* 	############ capscalera        ############  
	###########################################
	###########################################
*/
#cabecera{
background: url(../img/back_cabe.png) left top repeat-y;
padding: 0 5px;
}

#logo{
position:absolute;
left:20px;
}

#aniversari {
position: absolute;
left: 225px;
top:165px;
}

/* 	############ menu superior     ############
	###########################################
	###########################################
*/
#grupoPagina{
	background: url(../img/back_menu_superior.png) left top no-repeat;
	padding: 0 0 0 20px;
	overflow:hidden;
	position:relative;
}
#menuSuperior{
	float:left;
	width:710px;
	position:relative;
}
	#menuSuperior ul{
		float:left;
	}
	#menuSuperior li{
		height: 60px;
		font: normal bold 18px "Arial Narrow", Arial, Helvetica, sans-serif;
		padding: 0 0 0 45px;
		margin: 5px 8px 0 8px;
		float:left;
	}

	#menuSuperior span{
		display:block;
		font-size:13px;
		font-weight: normal;
	}
	
	#menuSuperior a{
		color: #424242;
	}
	
	#menuSuperior a:hover{
		color: #1977d6;
		text-decoration:none;
	}

li#menuReserva{
	background: url(../img/ico_reserva.png) -15px top no-repeat;
	padding: 0 0 0 35px;
margin: 5px 0 0 8px;
    max-width: 120px;
}
   
li#menuOferta{
	background: url(../img/ico_oferta.png) left top no-repeat;
    max-width: 80px;
}
li#menuMesInfo{
	background: url(../img/ico_mesinfo.png) left top no-repeat;
    max-width: 80px;
}

li#menuSubscriures{
	background: url(../img/ico_subscriures.png) left top no-repeat;
    max-width: 70px;
}

li#menuCamp{
	background: url(../img/ico_subscriures.png) left top no-repeat;
    max-width: 60px;
}



/* 	############ menu lateral      ############  
	###########################################
	###########################################
*/
#idiomes{
	text-align:right; padding:10px 5px 0 0;
}
	#idiomes a, #idiomes a.idiomaES{background: url(../img/back_idiomes.png) left top no-repeat;color:#FFF;}
	#idiomes a.idiomaCA{background-position: left -15px;}
	#idiomes a.idiomaEN{background-position: left -30px;}
	#idiomes a.idiomaFR{background-position: left -45px;}
	#idiomes a.idiomaDE{background-position: left -60px;}
	#idiomes a.idiomaNL{background-position: left -75px;}
	#idiomes a.idiomaIT{background-position: left -90px;}

#menuLateral{
	font: normal normal 14px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #FFF;
	border: 1px solid #1a5189;
	background: #4b80b6;
	margin: 0 0 21px 0;
	width: 260px; /* temp */
	float:left;
	position:relative;
}

	#menuLateral a{color: #FFF;}
	
	#menuLateral h3{
		padding:4px 5px 4px 10px;
		font-weight:bold;
		font-size: 16px;
		text-transform:uppercase;
	}
	#menuLateral a:hover{
		text-decoration:none;
		color: #e6e6e6;
	}

	
#menu01, #menu02, #menu03{
	background:url(../img/back_menu_01.png) left top repeat-x #366ba1;
	padding:15px 5px;
}
	.submenu01, .subsubmenu01, .submenu02, .subsubmenu02, .submenu03, .subsubmenu03 {
		padding: 4px 0 6px 25px;
		background: url(../img/back_node_menu_01.png) 10px 11px no-repeat;
	}
	
	
	#menu01 h3{background: #1a5189;}

	.submenu01, .subsubmenu01{
		border-top: 1px solid #629bd4;
		border-bottom: 1px solid #0d4175;
		background-image: url(../img/back_node_menu_01.png);
	}
	
	.subsubmenu01{
		border:none;
	}
	

#menu02{
	background:url(../img/back_menu_02.png) left top repeat-x #4096ee;
}
	#menu02 h3{
		background: #1977d6;
	}

	.submenu02, .subsubmenu02{
		border-top: 1px solid #a0cffe;
		border-bottom: 1px solid #2d83da;
		background-image: url(../img/back_node_menu_02.png);
	}
	
	.subsubmenu02{border:none;}
	
#menu03{background:url(../img/back_menu_03.png) left top repeat-x #5aacfb;}

	#menu03 h3{background: #50a3fa;}
	
	.submenu03, .subsubmenu03{
		border-top: 1px solid #aedbfa;
		border-bottom: 1px solid #3981c6;
		background-image: url(../img/back_node_menu_02.png);
	}
	
	.subsubmenu03{border:none;}
	
/* 	############ pagina     ###################
	###########################################
	###########################################
*/

#pagina{
	padding: 80px 0 0 0;
	margin: 0 20px 0 300px;
}



h1{
	font: normal bold 38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#1977d6;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #706f6f;
	margin: 0 0 20px 0;
}

h2{
	font: normal normal 14px/10px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #706f6f;
	text-transform: uppercase;
}

.imgTop, .imgBottom{
	text-align:center;
}
	.imgTop img, .imgBottom img{
	background: #FFF;
	padding: 3px;
	margin: 0 0 20px 0;
	border: 1px solid #dfe2e3;
}

	.imgBottom img{
	margin: 20px 0 20px 0;
	}

#pagina img{
vertical-align:middle;
}

/* 	############ principal ####################
	###########################################
	###########################################
*/

.grupHomePromocions{
	background: #efefef;
	padding: 5px;
	width: 275px;
	float:right;
	margin: 0 0 0 20px;
}

.grupHomePromocions h2{
    text-align: center;
}

h4.tithomePromocio{
	background: #b5d5f6;
	font: normal bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 10px 0;
	padding: 0 0 0 5px;
}

.homePromocions{
	padding: 0 0 20px 0;
}

.homePromocions  a{
    display:block;
    background: url(../img/bullet_ofertas.png) left 5px no-repeat;
    padding: 0 0 0 10px;
    font-size:13px;
    font-weight: bold;
}

.homePromocions a span{
    display:block;
    text-align: right;
    color: #000;
}

.homePromocions a:hover span{
    color: #1977d6;
    text-decoration:none;
}

.paginaHome {
    float: left;
    display: inline;
    width: 310px;
	padding-bottom:100px;
}

.paginaHome img{
    display:block;
	margin: 0 15px 0 0;
}

.paginaHome span{
    margin-top: 20px;
    display:block;
	font-size:12px;
}

/* 	############ tarifas      #################
	###########################################
	###########################################
*/

.tarifas{
	font-size:12px;
}
.tarifas td, .tarifas th.colLateral{
	padding:5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #cfd1d0;
	border-right:1px solid #FFF;
	background:url(../img/back_tarifas.png) left bottom repeat-x #f6f6f6;
	font-weight:normal;
	text-align:center;
}
.tarifas th.colSuperior{
	background:url(../img/back_menu_01.png) left top repeat-x #366ba1;
	color: #FFF;
	font-weight: bold;
	padding:5px;
	border-right:1px solid #FFF;
	text-align:center;
}

 .tarifas th.colLateral{
	font-weight: bold;
	color:#1977d6;
}

.tarifas img{
	vertical-align:middle;
}

/* 	############ descargas    #################
	###########################################
	###########################################
*/

h4.descarga{
	background:url(../img/back_tarifas.png) left bottom repeat-x #f6f6f6;
	border-bottom: 1px solid #cfd1d0;
	border-top:1px solid #FFF;
	padding: 2px 2px 2px 10px;
	font-weight: bold;
	color:#1977d6;
	text-align:center;
	vertical-align:middle;
}

h4.descarga img{
	vertical-align:middle;
	padding: 0 0 0 5px;
}

.grupoDescargas{
	background: #FFF;
	padding: 3px;
	margin: 0 0 20px 0;
	border: 1px solid #dfe2e3;
}
/* 	############ enlaces   ####################
	###########################################
	###########################################
*/

.grupEnllac{
margin: 20px 0 0 0;
}

	.grupEnllac h4{
		font: normal bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;
		color:#1977d6;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #706f6f;
		color:#706f6f;
		margin: 0 0 20px 0;
	}

	.grupEnllac h5{
		font-weight:bold;
		font-size	: 12px;
	}

.enllac{
	border-bottom:1px solid #FFF;
	background: url(../img/back_enlaces.png) top left no-repeat;
	padding: 0 0 10px 50px;
	margin: 0 0 0 20px;
	overflow:hidden;
	width: 500px; /* per ie6*/
	font-size:11px;
}


.enllac img{
	float:left;
	background:#FFF;
	padding:2px;
	border: 1px solid #dfe2e3;
	margin: 0 10px 10px 0;
}

/* 	############ formulari  feina ##############
	###########################################
	###########################################
*/


td.txtBlau {
	color: #1a5189;
	font: normal bold 20px"Arial Narrow", Arial, sans-serif;
}

.text2 {
	font: normal normal 13px Arial, sans-serif;
	padding: 3px;
}

#pagina input {
	margin : 5px;
}


/* 	############ promociones    ###############
	###########################################
	###########################################
*/


.grupPromocions{

}

.promocio{
	padding: 0 0 50px 0;
}

h4.titPromocio{
	background: url(../img/back_tit_promociones.png) bottom left repeat-x;
	font: normal bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#1977d6;
	border-bottom: 1px solid #dfe2e3;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}


/* 	############ peu      #####################
	###########################################
	###########################################
*/


#peu{
	background: #706f6f;
	color: #FFF;
	padding:10px;
	text-align:center;
	margin: 20px 0;
	clear:both;
}

#peu a{
color: #FFF;
text-decoration: underline;
}

.bannerPeu{
	background			: #FFF;
	text-align			: center;
}


/* HOME - SOCIAL */

#home-social{
    text-align:center; 
    margin-top: 15px; 
    margin-bottom: 15px;
}

#home-social div{
    display:inline; 
    padding: 10px;
}

#home-social img{
    width: 64px; 
    height: 64px; 
}

/* HOME - BANNERS */
.grupHomeBanners{
	background: #efefef;
	padding:5px; 
	width: 320px;
	float:right;
	margin: 0 0 0 20px;
    text-align: center;
}

.grupHomeBanners h2{
	text-align: center;
}

.grupHomeBanners img{
	max-width: 295px;
    max-height: 110px;
    padding: 5px;
}

.grupHomeBanners p a{
    font-size: 10px;
    margin-top:5px;
    display: block;
	text-decoration: none;
    color: #000000;
    background: #efefef;
}

.grupHomeBanners p a:hover {
    color: #000000;
    text-decoration: none;
    background: #1977d6;
}

.grupHomeBanners p a span{
    display: block;
    text-align: left;
    padding:10px;
}



/* RESERVA EN ALOJAMIENTOS */
a.botReservaAlojamiento {
	display				: inline-block;
    margin-top		    : 10px;
    margin-bottom	    : 10px;
	padding				: 5px;
	background			: #71acf0;
	border				: 2px solid #0b599a;
	color				: #FFF;
	
    font-size			: 18px;
    
	width				: 200px;
    height				: 20px;
    
    text-decoration     : none;
    text-align          : center;
    vertical-align      : middle;
}

a.botReservaAlojamiento:hover {
	background			: #0b599a;
}