@charset "iso-8859-1";

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

#contenedor{
	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: 50px;
		font: normal bold 22px "Arial Narrow", Arial, Helvetica, sans-serif;
		padding: 0 0 0 55px;
		margin: 5px 10px 0 10px;
		float:left;
	}

	#menuSuperior span{
		display:block;
		font-size:14px;
		font-weight: normal;
	}

	#menuSuperior a{
		color: #424242;
	}
	#menuSuperior a:hover{
		color: #1977d6;
		text-decoration:none;
	}

li#menuOferta{
	background: url(../img/ico_oferta.png) left top no-repeat;
}
li#menuReserva{
	background: url(../img/ico_reserva.png) left top no-repeat;
}
li#menuMesInfo{
	background: url(../img/ico_mesinfo.png) left top no-repeat;
}

/* 	############ 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:10px;
	width: 175px;
	float:right;
	margin: 0 0 0 20px;
}


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 img{
	float:left;
	margin: 0 15px 0 0;
}

.paginaHome span{
	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;
}