/*---------------------------------------------
//  estructura
//---------------------------------------------
*/

html {
	height				: 100%;
	background			: url(../img/back_html.png) top left repeat;
}

body {
	color				: #FFF;
	height				: 100%;
	background			: url(../img/back_body.png) top left repeat-x;
}

#contenidor {
	width				: 970px; 
	margin				: 0 auto 0 auto;
	padding				: 0;
	position			: relative;
}


#grupPag {
	width				: 100%;
	overflow			: hidden;
	background			: #004e68 ;
	border-top			: 6px solid #16a9d4;
}


/*---------------------------------------------
//  cabe
//---------------------------------------------
*/

#cabe {
	position			: relative;
	height				: 319px;
	background			: url(../img/back_cabe.png) left bottom no-repeat;
	width				: 950px;
}

#cabeRaim {
	position			: absolute;
	width				: 753px;
	height				: 175px;
	top					: 0;
	left				: 0;
	background			: url(../img/cabe_raim-trans.png) left top no-repeat;	
	z-index				: 1;
}

#cabeFotos {
	position			: absolute;
	width				: 263px;
	height				: 294px;
	top					: 0;
	right				: -50px;
	background			: url(../img/cabe_fotos-trans.png) left top no-repeat;	
	z-index				: 1;
}


#idiomes {
	text-align			: right;
	padding				: 0;
	position			: absolute;
	top					: 200px;
	left				: 150px;
}

#idiomes a {
	display				: inline-block;
	padding				: 5px;
}

#idiomes a.selected {
	border				: 1px solid #FFF;
}

#idiomes a img {
	border				: 1px solid #FFF;	
}

#logo {
	display				: block;
	width				: 349px;
	height				: 83px ;
	line-height			: 9999px;
	overflow			: hidden;
	background			: url(../img/logo.png) left top no-repeat;
	position			: absolute;
	top					: 100px;
}

#slide {
	width				: 574px;
	height				: 254px;
	padding				: 5px;
	background			: #FFF;
	border				: 1px solid #00506a;
	float				: right;
	margin				: 40px 0 0 0 ;
}


#slideShow{
	width				: 574px;
	height				: 254px;
	overflow			: hidden;
}




/*---------------------------------------------
//  Menu Lateral
//---------------------------------------------
*/

#menuLateral {
	float				: left;
	width				: 254px; /* =290-10-20*/
	background			: #00445b url(../img/back_menu_lateral.png) center top no-repeat;
	margin				: 20px 0 0 20px;
	_display			: inline; /* per ie6 evita doble margin*/
}

#menuLateral ul{
	padding				: 70px 0 60px 0;
	background			: url(../img/back_foot_menu_lateral.png) center bottom no-repeat;
}
#menuLateral li {
	font				: normal bold 14px/18px Georgia, Times, "Times New Roman", sserif;
	text-transform		: uppercase;
	border-bottom		: 1px solid #004e68;
}

#menuLateral li a, #menuLateral li a:link, #menuLateral li a:visited {
	color				: #FFF;
	display				: block;
	height				: 1%; /* per ie6 */ 
	padding				: 9px 2px 9px 35px;
}

/* reserves i info */
#menuLateral li#menuLat7 a, #menuLateral li#menuLat7 a:link, #menuLateral li#menuLat7 a:visited,
#menuLateral li#menuLat8 a, #menuLateral li#menuLat8 a:link, #menuLateral li#menuLat8 a:visited{
	color				: #94e7ff;
}


#menuLateral li a:hover {
	background			: #16a9d4;
	text-decoration		: none;
}

#menuLateral li.selected a, #menuLateral li.selected a:link, #menuLateral li.selected a:hover,#menuLateral li.selected a:visited {
	color				: #003e53;	
	background			: #94e7ff;
	text-decoration		: none;
}

#menuLateral ul ul {
	padding				: 15px 0 10px 10px;
	background			: #4a96ad;
	border-top			: 1px solid #e3e1c9;
}

#menuLateral li li {
	font-size			: 12px;
	font-weight			: normal;
	line-height			: 15px;
	text-transform		: none;
	padding				: 0 0 5px 25px;
	background			: none;
	border				: none;
}

#menuLateral li.selected li a, #menuLateral li.selected li a:link, #menuLateral li.selected li a:hover, #menuLateral li.selected li a:visited{
	background			: none;
	padding				: 2px 0 2px 0;
}



#direccio {
	background			: url(../img/back_address_top.png) left top no-repeat;
	margin				: 0 0 10px 15px;
	color				: #853602;
	font-size			: 11px;
	line-height			: 14px;
}

#direccio address {
	background			: url(../img/back_address_bottom.png) left bottom no-repeat;
	padding				: 15px 5px 13px 15px;
	
}

#direccio address a {
	color				: #853602;
}

/*---------------------------------------------
//  Pagina
//---------------------------------------------
*/

#pagina {
	margin				: 19px 50px 0 318px;
	overflow			: hidden;
	padding				: 0 0 20px 0;
	position			: relative;
	
}

#titPagina {
	background			: url(../img/back_tit_pagina.png) right 25px no-repeat;
	padding				: 15px 0 10px 0;
	margin				: 0 0 30px 4px;
	border-bottom		: 1px solid #FFF;
}


#titPagina h1{
	color				: #ffc881;
	font				: normal bold 40px/44px Georgia, Times, "Times New Roman", serif;
	padding				: 0;
}

#textePagina {
	margin				: 0;
}



#textePagina h2 {
	font				: normal bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #94e7ff;
	padding				: 0 0 3px 0;
	margin				: 0 0 5px 0;
}

.llistat {
	padding				: 0 0 10px 0;
	_width				: 99%; /*ie 6 */
	overflow			: hidden;
	border-bottom		: 1px solid #00445b;
	margin				: 0 0 20px 0;
}


#textePagina p {
	padding				: 0 0 4px 0;	
}

#textePagina ul {
	padding				: 0 0 5px 20px;
}
#textePagina ul li {
	padding				: 0 0 3px 20px;
	background			: url(../img/back_texte_li.png) left 5px no-repeat;
}

.imgLeft {
	float				: left;		
}

.imgLeft img{
	margin				: 0 10px 0 0;
	max-width			: 130px;
}

.imgTop {
	float				: right;	
}

.imgTop img,
.imgBottom img {
	max-width			: 525px;
	
}

.imgTop img {
	max-width			: 535px;
	margin				: 0 0 15px 15px;
}

.imgBottom img {
	margin				: 15px 0 0 0;
	padding				: 2px;
	border				: 1px solid #6e6e6e;	
}



.links {
	width				: 100%;
	overflow			: hidden;
}

#textePagina ul.botons {
	padding				: 20px;
	clear				: right;
}

#textePagina .botons li {
	display				: inline-block;
	*display			: inline; /* IE6 IE7 */
	background			: url(../img/back_botons_li.png) left top no-repeat;
	padding				:	0;
	margin				:	0 10px 0 0;
}

#textePagina .botons li a {
	display				: inline-block;
	background			: url(../img/back_botons_a.png) right top no-repeat;
	font				: normal normal 16px/18px "Arial Black", Arial, sans-serif;
	padding				: 10px 20px 20px 20px;
	color				: #53502d;
	margin				: 0;
	height				: 1%;
}

#textePagina .botons li.botTarifes a {
	color				: #8e3a02;
}



/*---------------------------------------------
//  Home
//---------------------------------------------
*/


#ofertesHome {
	padding				: 15px 20px 15px 15px;
	float				: left;
	font				: normal bold 13px/16px Arial, Helvetica, sans-serif;
	background			: #f7e6cf url(../img/back_ofertes.png) left top no-repeat;
	clear				: both;
	width				: 565px;
}


#ofertesHome h4 {
	color				: #5b3300;
	font				: normal bold 20px/24px Georgia, Times, serif;
	text-transform		: uppercase;
	padding				: 5px 0 5px 15px;
	float				: left;
	width				: 180px;
}

#ofertesHome ul {
	margin				: 10px 0 0 200px;	
}

#textePagina #ofertesHome li {
	background			: url(../img/back_li_ofertes.png) left top no-repeat;
}

#ofertesHome a, #ofertesHome a:link, #ofertesHome a:visited{
	color				: #5b3300;	
}

#ofertesHome a#linkOfertes, #ofertesHome a#linkOfertes:link, #ofertesHome a#linkOfertes:visited {
	color				: #5b3300;
	font-size			: 11px;
	display				: block;
	height				: 1%;
	text-align			: right;
}


#bannersHome {
	margin				: 20px 0;	
}

#bannersHome dl{
	background			: #003e53;
	width				: 125px;
	overflow			: hidden;
	padding				: 5px;
	float				: left;
	margin				: 0 5px 10px 0;
}

#bannersHome dt {
	float				: left;
}

#bannersHome dd {
	padding				: 5px;
	margin				: 0 0 0 40px;
}

#bannersHome dt img {
	width				: 35px;
	height				: 35px;
}

#bannersHome dt a {
	display				: block;
	border				: 1px solid #94e7ff ;
}

#bannersHome dd a {
	color				: #94e7ff;
}


/*---------------------------------------------
//  Tarifes
//---------------------------------------------
*/


.tarifes {
	width				: 99%;
	font				: normal normal 15px/26px Arial, Helvetica, sans-serif;	
	border-right		: 1px solid #00445b;
}

.tarifes th{
	font-weight			: bold;
	padding				: 2px;
	text-align			: center;
	
	color				: #494622;
}


.tarifes th,
.tarifes th[scope=col],
.tarifes th[scope=row]{
	font-weight			: normal;
	font-size			: 14px;
	line-height			: 16px;
	text-align			: center;
	color				: #ffc881;
	border-bottom		: 1px solid #00445b;
	border-left			: 1px solid #00445b;
}



.tarifes th[scope=row] {
	text-align			: right;
	color				: #94e7ff;
	border				: none;
	border-bottom		: 1px dashed #00445b;
	padding				: 4px 10px 4px 4px;
	font-weight			: bold;
}


.tarifes td {
	text-align			: left;
	padding				: 3px;
	border-bottom		: 1px solid #00445b;
	border-left			: 1px solid #00445b;
	text-align			: right;
	font-size			: 18px;
	padding				: 4px 10px 4px 4px;
}

.tarifes .preu {
	text-align			: right;	
}
/*---------------------------------------------
//  Peu
//---------------------------------------------
*/


#peu {
	background			: url(../img/back_peu.png) left top repeat-x;
	color				: #FFF;
	width				: 100%;
	overflow			: hidden;
}

#peuHotel {
	background			: url(../img/edifici-trans.png) left top no-repeat;
	width				: 221px;
	height				: 186px;
	margin				: -70px 0 0 0;
	float				: left;
}

#interPeu {
	margin				: 0 auto;
	background			: url(../img/back_inter_peu.png) left top repeat-x;
	width				: 970px;
	overflow			: hidden;
	padding				: 80px 0 20px 0;
}
#peu address {
	text-align			: center;
	padding				: 15px 0 0 0;
	max-height			: 150px;
}

#peu a, #peu a:link, #peu a:visited {
	color				: #FFF;	
}