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

html {
	height				: 100%;
	background			: #FFF url(../img/back_html.jpg) top left repeat-x;
}

body {
	color				: #3b3b3b;
	height				: 100%;
	background			: url(../img/back_body.jpg) top center no-repeat;
}

#contenidor {
	width				: 960px; 
	margin				: 0 auto 0 auto;
	padding				: 0;
	background			: url(../img/back_contenidor.png) top center repeat-y;
}

#subContenidor {
	background			: url(../img/back_sub_contenidor.jpg) top left no-repeat;
	width				: 100%;
	overflow			: hidden;
}

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


/*---------------------------------------------
//  cabe
//---------------------------------------------
*/
#cabe {
	height				: 230px;
	position			: relative;
}

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

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

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

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

#logo {
	position			: absolute;
	display				: block;
	width				: 230px;
	height				: 125px;
	top					: 25px;
	left				: 25px;
	line-height			: 9999px;
	overflow			: hidden;
	
}

/*---------------------------------------------
//  menuLateral
//---------------------------------------------
*/

#menuLateral {
	width				: 225px;
	padding				: 30px 0 0 0;
	float				: left;
}

#menuLateral ul {
	padding				: 0 15px 0 40px;
}

#menuLateral li {
	font				: normal bold 17px/20px Arial, Verdana, sans-serif;
	background			: url(../img/back_menu_lateral_li.png) left bottom repeat-x;
}

#menuLateral li a  {
	color				: #c1ad4b;
	display				: block;
	background			: url(../img/back_menu_lateral.png) right 8px no-repeat;
	padding				: 4px 30px 10px 0;
	height				: 1%; /* per ie 6*/
}

#menuLateral li a:hover  {
	color				: #FFF;
	text-decoration		: none;
}

#menuLateral li.selected a {
	color				: #96ca2d;	
}

#menuLateral li ul {
	padding				: 0 0 15px 0;
	margin				: 0;
}
#menuLateral li li {
	font				: normal bold 13px/14px Arial, Verdana, sans-serif;
	background			: none;
}

#menuLateral li li a {
	padding				: 0 0 7px 10px;
	background			: none;
}

#menuLateral li.selected li a{
	color				: #FFF;	
}

#menuLateral li.selected li.selected a{
	color				: #96ca2d;	
}


ul#menuReserves {
	border				: 1px solid #cde855;
	border-top			: none;
	padding				: 0;
	margin				: 0 5px 50px 25px;
	background			: #8ba612 url(../img/back_menu_reserves.png) left top repeat-x;
}

ul#menuReserves li {
	border-top			: 1px solid #cde855;
	border-bottom		: 1px solid #728a0b;
	background			: none;
}

ul#menuReserves li a {
	color				: #FFF;
	height				: 1%;
	background			: url(../img/back_menu_lateral_reserves.png) 168px 8px no-repeat;
	padding				: 5px 0 7px 14px;
}

ul#menuReserves li a:hover {
	color				: #483e0a ;
}

.banner {
	padding				: 0 0 0 40px;
}

/*---------------------------------------------
//  menu Educacio
//---------------------------------------------
*/

ul#menuEducacio {
	background			: #d2bf5e url(../img/back_menu_educacio.png) left top no-repeat;
	width				: 168px;
	padding				: 90px 0 30px 0;
	margin				: 0 0 0 40px;
}

ul#menuEducacio>li {
	font				: normal bold 14px/18px Arial, Verdana, sans-serif;
	background			: url(../img/back_menu_educacio_li.png) left bottom repeat-x;
	margin				: 0 13px;
}


ul#menuEducacio li a  {
	background			: url(../img/back_menu_educacio_single.png) right 8px no-repeat;
color: #877934;
}

ul#menuEducacio li.selected a  {
	color				: #483e0b;
}

ul#menuEducacio li.selected li a {
	background			: none;
	color				: #877934;
}

ul#menuEducacio li.selected li.selected a {
	color				: #483e0b;
}

ul#menuEducacio li a:hover {
	color				: #9cb141;	
}

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

#pagina {
	margin				: 0 0 0 280px;
	width				: 600px;
	overflow			: hidden;
}

#paginaHome {
	margin				: 0 0 0 234px;
	width				: 689px;
}

* html #paginaHome  { /* bug 3px IE 6 */
	margin				: 0 0 0 231px;
}

#titPagina {
	padding				: 0 0 4px 0;
	background			: url(../img/back_tit_pagina.png) left top no-repeat;
	margin				: 20px 0 0 0;
}

#titPagina h1 {
	font				: normal bold 36px/36px Arial, Helvetica, sans-serif;
	color				: #483e0a;
	padding				: 0 0 10px 65px;
}

#textePagina {
	margin				: 20px 0 0 0;
	width				: 100%;
	overflow			: hidden;
}

.texte p {
	padding				: 0 0 6px 0;
}

.texte ul{
	margin				: 10px 10px 20px 10px;
}
	
.texte li{
	padding				: 2px 0 4px 14px;
	background			: url(../img/back_li_texte.png) no-repeat left 7px;
}

.texte h2 {
	font				: normal bold 14px Arial, sans-serif;	
}

.imgTop {
	float				: right;
}

.imgBottom {
	text-align			: center;
}

.imgTop img,
.imgBottom img {
	margin				: 0 0 10px 15px;
	padding				: 5px;
	background			: #e6f3aa;
	border				: 1px solid #d3e28f;
}

.imgBottom img {
	margin				: 0 0 10px 0;
}
.imgBottom img {
	max-width			: 588px;
	margin				: 15px 0 0 0;
}

/* llistat */
.llistat {
	padding				: 0 0 25px 0;
	width				: 100%;
	overflow			: hidden;
}

.llistat h2 {
	font				: normal bold 18px Arial, sans-serif;
	color				: #96ca2d;
	padding				: 0 0 10px 0;
}

.llistat .imgTop {
	float				: left;
	padding				: 0 15px 0 0;
}

.llistat .imgTop img {
	max-width			: 150px;	
}



/* home */


#grupTexteHome {
	background			: url(../img/back_texte_home.jpg) left bottom no-repeat;
	padding				: 20px 50px 100px 50px;
	overflow			: hidden;
}

#grupTexteHome h1 {
	font				: normal bold 36px/36px Arial, Helvetica, sans-serif;
	color				: #483e0a;
	padding				: 0 0 35px 65px;
	background			: url(../img/back_tit_pagina.png) left top no-repeat;
}



.texteHome {
	width				: 270px;
	float				: left;
}

.linksHome {
	margin				: 0 0 0 300px;	
}

.linksHome div {
	width				: 100%;
	overflow			: hidden;
	padding				: 0 0 20px;
}

.linksHome h2 {
	font-size			: 13px;
	font-weight			: bold;
	color				: #483e0a;
	margin				: 0 0 0 68px;
}


.linksHome p {
	font-size			: 11px;
	line-height			: 14px;
	margin				: 0 0 0 68px;
}

.linksHome img {
	float				: left;	
}

.linksHome a {
	display				: inline-block;
	background			: url(../img/back_fletxa_small.png) right 50% no-repeat;
	font-size			: 10px;
	text-transform		: uppercase;
	color				: #cde855;
	height				: 1%;
	padding				: 0 15px 1px 5px;
	margin				: 2px 0 0 0;
}

.linksHome a:hover {
	text-decoration		: none;
	color				: #FFF;
}


#ofertesHome {
	background			: #cdecf9;
	background			: #d8caa8 url(../img/back_ofertes.png) left top repeat-x;
	padding				: 15px 5px 30px 45px;
	font-size			: 13px;
	line-height			: 15px;
	overflow			: hidden;
	border-bottom		: 1px solid #b5a171;
}

#ofertesHome h4{
	font				: normal bold 16px Arial, Helvetica, sans-serif;
	padding				: 0 0 10px 0;
	color				: #483e0a;
}
.unaOferta {
	float				: left; 
	width				: 280px;
	padding				: 0 20px 0 0;
}

.unaOferta img {
	width				: 50px;
	float				: left;
	margin				: 0 10px 0 0;
	border				: 2px solid #637707;
}

.unaOferta a {
	font				: normal bold 13px Arial, Helvetica, sans-serif;
	color				: #637707;
}

.unaOferta a:hover {
	text-decoration		: none;
	color				: #483e0a;
}

#bannersAllotjaments,
#bannersInstalacions {
	padding				: 20px 0 20px 50px;
	overflow			: hidden;
	background			: #ebe4d3;
	border-bottom		: 1px solid #d8caa8;
}

#bannersInstalacions {
	background			: none;
	border				: none;
	
}

#bannersAllotjaments h2,
#bannersInstalacions h2{
	font-size			: 24px;
	font-weight			: bold;
	color				: #483e0a;
	padding				: 0 0 25px 0;
}



#bannersAllotjaments a,
#bannersInstalacions a{
	float				: left;
	position			: relative;
	display				: block;
	margin				: 0 20px 0 0;
	padding				: 0 0 21px 0;
	background			: url(../img/back_banners_home_marro.png) 50% bottom no-repeat;
	color				: #d0b533;
}

#bannersInstalacions a{
	margin				: 0 15px 0 0;
	background			: url(../img/back_banners_home_gris.png) 50% bottom no-repeat;
}

#bannersAllotjaments a:hover,
#bannersInstalacions a:hover{
	text-decoration		: none;
	color				: #FFF;
}


#bannersAllotjaments img,
#bannersInstalacions img{
	border				: 3px solid #a7c520;	
	width				: 180px;
	height				: 98px;
}

#bannersInstalacions img {
	width				: 132px;
}

#bannersAllotjaments strong,
#bannersInstalacions strong{
	position			: absolute;
	top					: 75px;
	left				: -8px;
	display				: inline-block;
	background			: red;
	background			: url(../img/back_fletxa_big.png) right 50% no-repeat;
	font				: normal bold 11px/20px Arial, Helvetica, sans-serif;
	padding				: 0 20px 0 8px;
}

/*---------------------------------------------
//  tarifes
//---------------------------------------------
*/


.tarifes {
	font-size			: 14px;
	color				: #483e0a;
	border-top			: 1px solid #483e0a;
	border-bottom		: 1px solid #483e0a;
}

.tarifes td {
	border-bottom		: 1px solid #d8caa8;
	padding				: 4px;
	
}
.tarifes tbody th {
	border-bottom		: 1px solid #d8caa8;
}

.tarifes thead th {
	padding				: 10px 4px 4px 10px;
	font-size			: 14px;
	font-weight			: normal;
	vertical-align		: top;
	text-align			: center;
}


.tarifes thead th.temporada {
	text-align			: left;
	
}


.tarifes p.inclou {
	font-size			: 11px;	
	line-height			: 14px;
}


.tarifes thead th h2 {
	color				: #7b9502;
	font-size			: 24px;
}


.tarifes td.t1, .tarifes td.t2 { 
	background			: #d8caa8;
	border-bottom		: 1px solid #FFF;
	border-right		: 1px solid #FFF;
	font-size			: 20px;
	font-weight			: bold;
	padding				: 8px 20px 4px 4px;
	text-align			: right;
}

.tarifes td.t2 {
	background			: #cad65a;
}

.tarifes td.t1 em, .tarifes td.t2 em {
	font-size			: 12px;	
}
.temporada th {
	background			: #FFF;
	font-size			: 16px;
	text-align			: center;
	padding				: 20px 5px 5px 5px;
}

.tarifes .nits {
	font-size			: 14px;
	font-weight			: bold;
	color				: #FFF;
}


.condicionsReserves {
	background			: #cdecf9;
	border				: 1px solid #9fdaf3;
	padding				: 15px;
	font-size			: 11px;
	line-height			: 14px;
}

.condicionsReserves p {
	padding				: 0 0 3px 0;
}

.botoReserves {
	text-align			: center;
	overflow			: hidden;
	width				: 100%;
}

.botoReserves a {
	color				: #FFF;
	display				: inline-block;
	margin				: 5px 5px 15px 5px;
	font-size			: 14px;
	font-weight			: bold;
	padding				: 5px 20px;
}


a.linkReserves {
	background			: #0c50c7 url(../img/back_boto_reserves.png) left top repeat-x;
	border				: 2px solid #0c50c7;
}

a.linkReserves:hover {
	text-decoration		: none;
	background			: #0c50c7;
}

a.linkTarifes {
	background			: #96ca2d url(../img/back_boto_tarifes.png) left top repeat-x;
	border				: 2px solid #96ca2d;
}

a.linkTarifes:hover {
	text-decoration		: none;
	background			: #96ca2d;
}


/*---------------------------------------------
//  faqs
//---------------------------------------------
*/

.capaFaq {
	padding				: 0 0 25px 0;
	width				: 100%;
	overflow			: hidden;
}

.capaFaq h2 {
	font				: normal bold 18px Arial, sans-serif;
	color				: #96ca2d;
	padding				: 0 0 10px 0;
}

.capaFaq p {
	padding				: 0 0 10px 0;
	width				: 100%;
	overflow			: hidden;
}


/*---------------------------------------------
//  Links
//---------------------------------------------
*/

.capaFaq img {
	max-width			: 100px;
	margin				: 0 10px 5px 0;
	float				: left;
}



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

#peu {
	background			: url(../img/back_peu.png) left top no-repeat;
	padding				: 50px 40px 0 230px;
	height				: 66px;
}

#peu address,
#peu address a{
	color				: #a7ecfd;
	text-align			: center;
}


#logosPeu {
	text-align			: center;	
}
/*---------------------------------------------
//  Widget
//---------------------------------------------
*/

#widget, #bookings-widget_Esperando {
	background			: url(../img/back_widget.png) left top no-repeat;
	height				: 100px /*=152-20 */;
	margin				: 0 0 30px 40px;
	color				: #FFF;
	padding				: 15px 0 0 0;
}

#bookings-widget_Esperando {
	text-align			: center;	
}

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

#widget select {
	width				: 170px;
}

#widget div {
	text-align			: left;
	vertical-align		: bottom;
	overflow			: hidden;
	margin				: 0 auto;
	padding				: 3px 0 1px 0;
}


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

#widget label {
	font-size			: 11px;
	width				: 65px;
	display				: inline-block;
}

#widget #bookings-widget_submit {
	margin				: 0 0 0 50px;
}