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

html {
	height				: 100%;
	
}

body {
	color				: #3b3b3b;
	height				: 100%;
	background			: #42c629 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			: #dffe94;
	border-top			: 2px solid #FFF;
	margin				: 13px 0 0 0;
}


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

#cabe {
	position			: relative;
}

#idiomes {
	padding				: 0 20px 0 0;
	position			: absolute;
	right				: 0;
	top					: 50px;
}

#idiomes a {
	display				: inline-block;
	padding				: 5px;
	border				: 1px solid #1d4d0d;
}

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

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

#logo {
	display				: block;
	width				: 414px;
	height				: 91px ;
	font-size			: 0.0;
	line-height			: 0.0;
	text-indent			: -9999px;
	overflow			: hidden;
	background			: url(../img/logo_delfin_verde.png) left top no-repeat;
	z-index				: 9;
	margin				: 0 auto;
}

#slide,
#slideHome{
		border				: 2px solid #FFF;
		position			: relative;
}


#slide #slideShow{
	
	width				: 966px;
	height				: 122px;
	overflow			: hidden;
}


#slideHome #slideShow{
	
	width				: 966px;
	height				: 378px;
	overflow			: hidden;
}


/*---------------------------------------------
//  Menu Superior
//---------------------------------------------
*/

#menuSuperior {
	background			: url(../img/back_menu_superior.png) left top repeat-x;
	height				: 54px;
}

#menuSuperior ul{
	width				: 100%;
	overflow			: hidden;
}

#menuSuperior li{
	float				: left;
	margin				: 0 3px 0 3px;
}

#menuSuperior li a, #menuSuperior li a:link, #menuSuperior li a:visited{
	display				: inline-block;
	height				: 1%; /* per ie 6 */
	font				: normal bold 12px/41px "Arial Black", Helvetica, sans-serif;
	text-transform		: uppercase;
	padding				: 0 18px;
	color				: #FFF;
}

#menuSuperior li#menuHome a, #menuSuperior li#menuHome a:link, #menuSuperior li#menuHome a:visited{
	padding				: 0 10px 0 10px;
}

#menuSuperior li a:hover {
	background			: #68b154;
	text-decoration		: none;
}


#menuSuperior li.selected {
	border-left			: 1px solid #75bf61;
	border-right		: 1px solid #75bf61;
	background			: #3dd022;
}

#menuSuperior li.selected a:hover{
	background			: #3dd022;	
}


#menuSuperior li#menuReserves a {
	color				: #d6de00;
}


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

#menuLateral {
	float				: left;
	width				: 180px; 
}

#menuLateral ul{
	padding				: 15px 12px 50px 20px;
}

#menuLateral li {
	font				: normal bold 12px/14px Arial, Helvetica, sans-serif;
	padding				: 2px 0 2px 0;
}

#menuLateral li a, #menuLateral li a:link, #menuLateral li a:visited {
	color				: #266a14;
	display				: block;
	height				: 1%;
	padding				: 2px 2px 2px 4px;
}

#menuLateral li.selected a {
	color				: #d7de00;
	background			: #266a14;
}




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

#pagina {
	width				: 790px;
	overflow			: hidden;
	float				: right;
}

#paginaLlistat {
	width				: 950px;
	overflow			: hidden;
	float				: right;

}


#titPagina {
	padding				: 7px 0 7px 30px;
}

#titPagina h1{
	color				: #266a14;
	font				: normal bold 40px/46px "Arial Black", Impact, sans-serif;
	text-transform		: uppercase;
}

#contePagina {
	background			: #FFF url(../img/back_conte_pagina.png) top left repeat-y;
	width				: 790px;
	overflow			: hidden;
	border-top			: 1px solid #3d8226;
}

#conteLlistat {
	background			: #FFF url(../img/back_conte_llistat.png) top left repeat-y;
	width				: 100%;
	overflow			: hidden;
	border-top			: 1px solid #3d8226;
}

#textePagina,
.texteLlistat{
	padding				: 13px 0 50px 30px;	
	margin				: 0 245px 0 0;
}



#textePagina h2,
.texteLlistat h2{
	font				: normal bold 24px/30px Arial, Helvetica, sans-serif;
	color				: #3d8226;
	padding				: 0 0 27px 0;
}

#textePagina h3 {
	font				: normal bold 14px/26px Trebuchet MS, Helvetica, sans-serif;	
}

#textePagina ul.condicions {
	padding				: 0 0 0 10px;
	font-size			: 11px;
	line-height			: 14px;
}
#textePagina ul.condicions li {
	padding				: 0 0 5px 10px;
	background			: url(../img/back_li.png) left top no-repeat;
}

.imgLeft {
	float				: left;		
}

.imgLeft img{
	margin				: 0 10px 0 0;	
}

.imgTop img,
.imgBottom img {
	max-width			: 500px;
	padding				: 2px;
	border				: 1px solid #6e6e6e;	
}
.llistat .imgTop {
	text-align			: center;
}
.llistat .imgTop img,
.llistat .imgBottom img {
	max-width			: 670px;
}

.imgTop img {
	margin				: 0 0 15px 0;	
}

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

#grupOfertesHome {
	border				: 1px solid #6e6e6e;
	background			: #FFF;
	padding				: 2px;
	float				: right;
	margin				: 0 0 0 15px;
}

.links {
	width				: 100%;
	overflow			: hidden;
	background			: url(../img/back_links.png) left bottom repeat-x;
	padding				: 0 0 10px 0;
}

.links h3 {
	font				: normal bold 14px/18px Arial, Helvetica, sans-serif;	
}

.links a {
	display				: inline-block;
	line-height			: 14px;
	background			: url(../img/ico_fletxa.png) right center no-repeat;
	color				: #266a14;
	padding				: 2px 20px 2px 2px;
}


.links .texte2 {
	margin				: 0 0 0 130px;	
}
.botons {
	padding				: 20px 0;
}

.botons  li {
	display				: inline;
	padding				: 0 15px 0 0;
}

.botons a {
	background			: url(../img/back_boto_tarifes.png) right top no-repeat;
	display				: inline-block;
	font				: normal normal 14px/35px "Arial black", Helvetica, sans-serif;
	padding				: 0 30px 0 10px;
	border-left			: 1px solid #565900;
	color				: #3b3d00;
}

.botons a:hover {
	background-position	: right bottom;
	text-decoration		: none;
}


/*---------------------------------------------
//  Lateral Reserves
//---------------------------------------------
*/

#lateralReserves {
	float				: right;
	width				: 217px;
}

#lateralReserves dt,
#promosHome dt{
	font				: normal bold 12px/16px "Arial Black", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #d6de00;
	margin				: 10px 0 0 0;
}

#lateralReserves dd,
#promosHome dd{
	padding				: 0 0 10px 0;
}

#latReserves dt {
	background			: url(../img/ico_reserves-trans.png) left top no-repeat;
	padding				: 0 0 6px 26px;
}

#latPromos dt {
	background			: url(../img/ico_promos-trans.png) left top no-repeat;
	padding				: 3px 0 6px 26px;
}

#latAgenda dt {
	background			: url(../img/ico_agenda-trans.png) left top no-repeat;
	padding				: 3px 0 6px 26px;
}

#latEcologia dt {
	background			: url(../img/ico_ecologia-trans.png) left top no-repeat;
	padding				: 3px 0 6px 26px;
}

dl#latReserves{
	background			: url(../img/back_dl_reserves.png) left bottom no-repeat;
	padding				: 20px 15px 10px 15px;
}

dl#latPromos {
	border-bottom		: 1px solid #0b2b01 ;
	padding				: 10px 0 5px 0;
	margin				: 0 15px 0 15px;
}

dl#latAgenda,
dl#latEcologia,
dl#latVideo{
	border-top			: 1px solid #3d8226 ;
	padding				: 10px 0 0 0;
	margin				: 0 15px 0 15px;
	border-bottom		: 1px solid #0b2b01 ;
}



#latPromos dd a,
#latAgenda dd a,
#latEcologia dd a,
#promosHome dd a{
	color				: #FFF;
	display				: block;
	padding				: 0 12px 0 0;
	height				: 1%;
	background			: url(../img/ico_fletxa.png) right 2px no-repeat;
	font-size			: 12px;
	line-height			: 14px;
}

#latPromos dd a:hover,
#latAgenda dd a:hover,
#latEcologia dda:hover,
#promosHome dd a:hover {
	color				: #d6de00;
	text-decoration		: none;
}

#latVideo dt {
	padding				: 3px 0 6px 26px;
}

#latVideo img {
	max-width			:180px;	
}

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

#grupPagHome {
	width				: 100%;
	overflow			: hidden;
}


#esquerraHome {
	width				: 645px;	
}

#dretaHome {
	float				: right;
	background			: #a7f710 url(../img/back_lateral_home.png) left bottom repeat-x;
	width				: 289px;
	margin				: 20px 10px 20px 0;
}

/* flash */

#conteFlash {
	position			: absolute;
	left				: 10px;
	bottom				: 20px;
	z-index				: 11;
}


/* promocions */

#fondoPromosHome {
	position			: absolute;
	right				: 0;
	z-index				: 11;
	background			: #123c04;
	width				: 210px;
	height				: 378px;
	opacity				: 0.9;
	-ms-filter			: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" /* IE8 */
}


#promosHome{
	position			: absolute;
	right				: 0;
	z-index				: 11;
	width				: 210px;
}

/* banners */

#bannersHome {
	width				: 100%;
	overflow			: hidden;
	padding				: 20px 0;
	border-bottom		: 1px solid #359b1f;
}

#bannersHome dl{
	float				: left;
	width				: 149px;
	padding				: 0 0 0 10px;
	color				: #FFF;
}


#bannersHome dt img {
	border				: 1px solid #FFF;
	width				: 147px;
}

#bannersHome dt a span{
	color				: #d6de00;
	font-weight			: bold;
	font-size			: 15px;
	line-height			: 20px;
	background			: url(../img/ico_fletxa.png) right 4px no-repeat;
	padding				: 0 25px 0 0;
	display				: inline-block;	
}

#bannersHome dt a:hover {
	text-decoration		: none;	
}

#bannersHome dt a:hover span{
	color				: #FFF;
	background			: url(../img/ico_fletxa_blanca.png) right 4px no-repeat;
}

#bannersHome dd{
	line-height			: 15px;
}

#bannersHome dt a:hover img {
	border				: 1px solid #d6de00;
}

/* intro */

#introHome {
	color				: #FFF;
	line-height			: 15px;
	border-top			: 1px solid #b2fd0d;
	padding				: 20px 10px 20px 10px;
}

#linksHome {
	float				: right;
}

#linksHome a{
	display				: block;
	background			: #266a14 url(../img/ico_fletxa.png) 135px 5px no-repeat;
	color				: #d7de00;
	font				: normal bold 14px/18px Arial, Helvetica, sans-serif;
	width				: 121px; /*=150-25-4 */
	padding				: 2px 25px 2px 4px;
	margin				: 0 0 5px 0;
}

#linksHome a:hover{
	background			: #266a14 url(../img/ico_fletxa_blanca.png) 135px 5px no-repeat;
	color				: #FFF;
	text-decoration		: none;
}


#dretaHome #latReserves{
	background			: url(../img/back_reserves_home.png) left bottom no-repeat;
	margin				: 0 0 5px 0;

}
#dretaHome dl {
		padding				: 10px;
}

#dretaHome dt {
	color				: #1d4d0d;
	font				: normal bold 12px/16px "Arial Black", Helvetica, sans-serif;
	text-transform		: uppercase;
	padding				: 3px 0 6px 26px;
}

#dretaHome dt#titVideo,
dt#titVideo{
	background			: url(../img/ico_video-trans.png) left top no-repeat;
}

/*---------------------------------------------
//  Peu
//---------------------------------------------
*/



#peu #conteAdreca{
	color				: #FFF;
	background			: #1d4d0d;
	padding				: 20px 0;
	width				: 100%;
}

#menuInferior ul{
	width				: 100%;
	text-align			: center;
	padding				: 20px 0;
}

#menuInferior li{
	display				: inline;
	font				: normal bold 14px/14px Arial, Helvetica, sans-serif;
	text-transform		: uppercase;
	padding				: 0 10px;
}

#peu address {
	width				: 950px;
	border				: 1px solid #42c629;
	padding				: 15px 0 15px 15px;
	background			: #143b07;
	margin				: 0 auto;
	overflow			: hidden;
}

#peu address p {
	float				: left;
	padding				: 0 30px 0 0;
	min-width			: 260px;
}

#menuInferior a {
	color				: #3b3d00;
}

/*---------------------------------------------
//  Widget
//---------------------------------------------
*/

#bookings-widget_Esperando {
	text-align			: center;
	height				: 100px;
}

#widget select,
#widget input[type=text]{
	font				: normal normal 11px Arial, sans-serif;
}

#widget select {
	width				: 140px;
}

#widget div {
	text-align			: right;
	padding				: 2px 30px 2px 0;
	vertical-align		: bottom;
	width				: 160px;
	overflow			: hidden;
	margin				: 0 auto;
}

#grupPag #widget label {
	color				: #FFF;	
}

#widget label {
	font-size			: 11px;	
}

#widget div a {
	display				:inline-block;
	vertical-align		: bottom;
	width				: 25px;
}

/*---------------------------------------------
//  Carrusel cabecera
//---------------------------------------------
*/

#grupBannerHome,
#bannerHome{
	width				: 755px;
	height				: 375px;
	overflow			: hidden;
	position			: relative;
}

#grupBannerHome {
	margin				: 0px 0 0 0;
	border				: 1px solid #b5e655;
}

#bannerHome div{       
	position			: relative;
}

#bannerHome div div{
	width				: 755px;
	height				: 375px;
	float				: left;
}

#bannerHome blockquote {
	position			: absolute;
    left				: 30px;     
	width				: 650px;
	top					: 250px;
	height				: 125px;
	padding				: 30px 30px 30px 30px;
	/* z-index				: 10; */
	overflow			: hidden;
	font				: normal normal 26px/30px "Arial Black", Arial, sans-serif;
	text-shadow			: 2px 2px 3px #3b3b3b;

}


#bannerHome h3 {
	font-size			: 30px;
	padding				: 0 0 12px 0;
	color				: #FFF;
}


#grupBannerHome a#previous,
#grupBannerHome a#next{
	position			: absolute;
	bottom				: 10px;
	z-index				: 10;
	cursor				: pointer;
}

#grupBannerHome a#previous {
	left				: 20px;
}

#grupBannerHome a#next {
	right				: 20px;
}



#texteInici {
	color				: #FFF;
	position			: relative;
	margin				: 35px 0 10px 50px;
	height				: 205px;
	overflow			: hidden;
}

#texteInici h1{
	font-size			: 24px;
	line-height			: 30px;
	padding				: 0 0 15px 0;
}