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


body {
	background			: #e8e7de url(../img/back_body.png) top left repeat-x;	
	color				: #3b3b3b;	
}

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


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


#logo {

}

#cabe {
	position			: relative;
	background			: url(../img/back_cabe.png) left top no-repeat;
	height				: 210px;
}

#social{
	margin-right		: 320px;
	margin-top			: 40px;
	float				: right;
	*position			: absolute;
	*margin-left		: 110px;
}

#social ul {
	list-style-type		: none;
	text-align			: center;
}

#social ul li {
	display				: inline;
	padding				: 10px;
}

#cabeDireccio {
	position			: absolute;
	bottom				: 110px;
	right				: 20px;
	font-size			: 14px;
	color				: #5b750a;
}

#cabeDireccio a {
	color				: #5b750a;
}



#idiomes {
	position			: absolute;
	left				: 820px;
	top					: 100px;	
	padding				: 3px;
	width				: 150px;
	z-index				:99;	
}

#idiomes a {
	display				: none;
	color				: #3b3b3b;	
	margin				: 0 5px 0 0;
	padding				: 4px;
	background			: url(../img/back_idiomes.png) top center no-repeat;
}
#idiomes a#idiomaActual {
	display				: block;
}
#idiomes a.selected {
	
}
#idiomes:hover  {
	background			: #FFF;
		z-index				: 99;
}

#idiomes:hover a {
	display				: block;
	posiiton			:relative
	zoom				: 1;
}


#idiomes img {
	border				: 1px solid #FFF;
	margin				: 0 5px 0 0;
}

#menuLogo {
	width				: 100%;
	overflow			: hidden;
	font				: normal bold 18px Arial, Verdana, Sans-serif;
}

#menuLogo li {
	display				: inline;
	padding				: 0 15px 0 0;
}

#menuLogo li a {
	color				: #5b750a;
}	

#menuSuperior {
	overflow			: hidden;
	width				: 930px;	
	font				: normal bold 14px/34px "Arial", Helvetica, sans-serif;
	text-transform		: uppercase;
	background			: url(../img/back_menu_superior.png) center left no-repeat;
	position			: absolute;
	right				: 20px;
	top					: 165px;
	z-index				: 10;
}

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

#menuSuperior a{
	 display			: block;
	 height				: 1% /* per ie6 */;
	 float				: left /* per ie6 */;
	 color				: #FFF;
	 text-decoration	: none;
}

#menuSuperior li.selected {
	background			: url(../img/back_menu_superior_li_selected.png) top left no-repeat;
	padding				: 0 0 0 10px;
}

#menuSuperior li.selected a{
	 display			: block;
	 color				: #3b3b3b;
	 text-decoration	: none;
	 background			: url(../img/back_menu_superior_a_selected.png) top right no-repeat;
	 padding			: 0 15px 0  0;
}

#menuSuperior a:hover{
	color				: #b4e554;
	text-decoration		: none;
}
 
 
/*---------------------------------------------
//  grupPag
//---------------------------------------------
*/


#grupPag,
#grupPag.home {
	background			: url(../img/back_grup_pagina.png) left top no-repeat;	
	width				: 100%;
	overflow			: hidden;
}

#grupPag.home {
	background			: url(../img/back_grup_pagina_home.png) left top no-repeat;	
}

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



#menuLateral {
	float				: left;
	position			: relative;
	
}

.home #menuLateral {
	width				: 350px;
}

#menuLateral ul {
	border				: 1px solid #d0e3e5;
	border-top			: none;
	margin				: 20px 0 20px 20px;
}


#menuLateral li {
	background			: #fcfcfc url(../img/back_menu_lateral_li.png) left bottom repeat-x;
	border-top			: 1px solid #d0e3e5;
	width				: 100%;
	overflow			: hidden;
	width				: 270px;
	font-size			: 16px;
}

#menuLateral li a {
	display				: block;
	height				: 1%; /* for ie6 */
	padding				: 5px 5px 7px 5px;
	color				: #647678;
}

#menuLateral li img {
	float				: left;
	width				: 40px;
	height				: 40px;
	margin				: 0 10px 0 0;
	border				: 1px solid #FFF;
}

#menuLateral li a span {
	display				: block;	
	font-size			: 12px;
	color				: #385401;

}

#menuLateral li.selected {
	background			: #364702 url(../img/back_menu_lateral_li_selected.png) left bottom repeat-x;	
}


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

#menuLateral li.selected span{
	color			: #b3e452;	
}

/*banner Newsletter */

a#newsletter {
	background			: #96ca2d url(../img/back_newsletter_small.jpg) left top no-repeat;	
	width				: 269px;
	height				: 137px;
	display				: block;
	color				: #FFF;
	margin				: 0 0 20px 20px;
}

.home a#newsletter {
	background			: #96ca2d url(../img/back_newsletter_big.jpg) left top no-repeat;
	width				: 346px;
	height				: 172px;
}

a#newsletter strong {
	font-size			: 11px;
	line-height			: 120%;
	display				: block;
	width				: 140px;
	padding				: 70px 0 0 30px;
}
.home a#newsletter strong {
	font-size			: 12px;
	padding				: 90px 0 0 30px;
}


/*---------------------------------------------
//  Pagina
//---------------------------------------------
*/
.home #pagina {
	margin				: 0 0 30px 390px;	
}

#pagina {
	margin				: 0 0 30px 310px;	
}

#titPagina {
	padding				: 30px 0 15px 0;
	position			: relative;
	width				: 99%;
	overflow			: hidden;
}

#titPagina h1{
	font-size			: 50px;
	line-height			: 50px;
	color				: #273b00;
}

#titPagina h2 {
	font-size			: 22px;
	line-height			: 22px;
	color				: #FFF;
}


#textePagina {
	margin				: 20px 30px 0 0;
}
#textePagina ul {
	padding				: 0 0 5px 0;	
}
#textePagina li {
	background			: url(../img/back_li_texte.png) 3px 9px no-repeat;
	padding				: 1px 0 1px 15px;
}

#textePagina .imgTop,
#textePagina .imgBottom{
	text-align			: center;	
}

#textePagina .imgTop img,
#textePagina .imgBottom img{
	max-width			: 620px;
	padding				: 2px;
	border				: 1px solid #d0e3e5;
	margin				: 0 0 20px 0;
}

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

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

#grupBannerHome,
#bannerHome{
	width				: 552px;
	height				: 310px;
	overflow			:	hidden;
	position			: relative;
}

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

#bannerHome div{       
	position			: relative;
}

#bannerHome div div{
	width				: 552px;
	height				: 310px;
	float				: left;
}

#bannerHome blockquote {
	position			: absolute;
	right				: 0;
	top					: 20px;
	width				: 235px;
	height				: 60px;
	padding				: 40px 5px 10px 20px;
	/* z-index				: 10; */
	overflow			: hidden;
	background			: url(../img/back_banner_home_texte-trans.png) left top no-repeat;
}

#bannerHome {
	font-size			: 12px;
}

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

#bannerHome blockquote span {
	font-size			: 14px;
	line-height			: 16px;
}

#bannerHome blockquote p {
	display				: inline-block;
	padding				: 0 0 30px 0;
	line-height			: 16px;
}


#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;
}



/*---------------------------------------------
//  Carrusel llistat home
//---------------------------------------------
*/
#grupLlistatHome h2{
	font-size			: 24px;
	line-height			: 120%;
	color				: #385401;
	padding				: 26px 0 5px 0 ;
}

.detallLlistatHome {
	float				: left;
	margin				: 0 25px 30px 0;
	_margin				: 0 22px 30px 0; /* per ie6*/
	width				: 257px; 
	overflow			: hidden;
	position			: relative;
	padding				: 3px;
}

.detallLlistatHome:hover {
	background			: #a0bcc0;

}
.detallLlistatHome img{
	width				: 255px;
	border				: 1px solid #4bb5c1;
}


.detallLlistatHome strong {
	display				: none;	
}

.detallLlistatHome h4 {
	padding				: 3px 0 0 0;
	font-size			: 16px;
	color				: #647678;
}

.detallLlistatHome:hover h4 {
	color				: #FFF;
}

.detallLlistatHome em {
	color				: #96ca2d;	
}

.detallLlistatHome:hover em {
	color				: #2f3738;	
}

.detallLlistatHome .resumHome {
	position			: absolute;
	right				: 3px;
	top					: 113px;
	height				: 26px;
	overflow			: hidden;
}

.detallLlistatHome p {
	font-size			: 11px;	
	line-height			: 13px;
}

.detallLlistatHome a {
	display				: block;
	height				: 102px;
	overflow			: hidden;
}


/*---------------------------------------------
//  Detall Casa
//---------------------------------------------
*/

#grupIntroCasa {
	width				: 100%;
	_width				: 99%;
	overflow			: hidden;
	padding				: 0 0 20px 0;
}


#imatgeCasa {
	float				: left;
	border				: 2px solid #4bb5c1;
	margin				: 0 20px 0 0;
	
}

#imatgeCasa img {
	width				: 395px;
}
#resumCasa{
	margin				: 0 0 0 425px;	
}


#introCasa {
	margin				: 15px 0 0 425px;	
}

#resumCasa p{
	border-bottom		: 1px solid #ccdadc;
}

#resumCasa p strong {
	display				: inline-block;
	width				: 110px;
	color				: #647678;
	font-weight			: normal
}

#grupBucleCasa {
	width				: 98%;
	overflow			: hidden;
}


.bucleCasa h3,
#preuCasa h3{
	font-size			: 18px;
	line-height			: 22px;
	color				: #92c52a;
	padding				: 0 0 10px 0;
}

.bucleCasa,
#preuCasa{
	width				: 100%;
	overflow			: hidden;
	border-top			: 1px solid #a0bcc0;
	padding				: 20px 0 10px 0;
}


.bucleCasa strong{
	color				: #647678;
}


.bucleCasa .imatgesBucle {
	float				: right;	
}

.imatgesBucle img {
	border				: 1px solid #4bb5c1;
	margin				: 0 0 0 10px;
}

#preuCasa {
	background			: #eef3f4;	
	padding				: 20px 10px 10px 15px;
	width				: 600px;
}

.botoReserves, .botoReservesCabe {
	text-align			: center;
	padding				: 25px;
	font-size			: 16px;
	line-height			: 44px;
}

.botoReservesCabe {
	padding				: 0;
	position			: absolute;
	top					: 70px;
	right				: 25px;
}


.botoReserves a, .botoReservesCabe a{
	display				: inline-block;
	background			: url(../img/back_boto_reserves_esquerra.png) left top repeat-x;
	padding				: 0 0 0 30px;
	color				: #2f3738;
}
.botoReservesCabe a{
	background			: url(../img/back_boto_reserves_cabe_esquerra.png) left top repeat-x;
	color				: #FFF;
}

.botoReserves a strong, .botoReservesCabe a strong {
	display				: inline-block;
	background			: url(../img/back_boto_reserves_dreta.png) right top no-repeat;
	padding				: 0 30px 0 0;
}

.botoReservesCabe a strong {
	background			: url(../img/back_boto_reserves_cabe_dreta.png) right top no-repeat;
}

.botoReserves a:hover, .botoReservesCabe a:hover {
	text-decoration		: none;
	color				: #007784;
}

.botoReservesCabe a:hover {
	text-decoration		: none;
	color				: #a6e131;
}




/*---------------------------------------------
//  FAQ's
//---------------------------------------------
*/
.capaFaq h3{
	font-size			: 24px;
	line-height			: 120%;
	color				: #385401;
	padding				: 26px 0 5px 0 ;	
}


.capaFaq h4 {
	padding				: 3px 0 3px 25px;
	font-size			: 12px;
}
.capaFaq h4 a {
	color				: red;
}


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


#eltemps{
	background			: url(../img/back_eltemps.png) center top repeat-y;
	text-align			: center;
}

#eltemps .ancho {
	margin				: auto;
	width				: 970px;
}


#menuInf {
	background			: #647678 url(../img/back_peu.png) center top no-repeat;
}

#menuInf ul {
	width				: 970px;
	margin				: 0 auto;
	padding				: 50px 0;
	font-size			: 16px;
	font-weight			: bold;
}

#menuInf li {
	display				: inline-block;
	*display			: inline; /* for ie6 & ie7*/
	padding				: 0 15px 0 0;
}

#menuInf li a {
	color				: #FFF;	
}


/*---------------------------------------------
//  buscador
//---------------------------------------------
*/
	
#capabusquedaesperando {
	display:none;
	min-height:500px;
	text-align: center;
}
#mennohayresultados {
	display:none;
	min-height:500px;
	text-align: center;
}

#grupbuscador  {
    background-color:#395500;
    color: #FFFFFF;
    height: 286px;
    margin: 0 0 20px 20px;
    width: 250px;
}

#grupbuscador {
    padding: 30px 0 0 20px;
}



#grupbuscador h3 {
    font-size: 20px;
}

#grupbuscador h4 {
    color: #A9E139;
    padding: 0 0 2px;
}
#grupbuscador h4 em, #grupbuscador h4 strong {
    display: none;
}


#grupbuscador select, #grupbuscador input[type="text"] {
    font: 12px Arial,sans-serif;
	width: 180px;
}

#grupbuscador label {
    color: #A9E139;
    display: block;
    margin: 0 5px 0 0;
}

.botontexto {
    margin: 6px 67px 0 0;
    text-align: right;
}

.botontexto a {
    background: url("../img/back_boto_widget_reserves_esquerra.png") no-repeat scroll left top transparent;
    color: #2F3738;
    display: inline-block;
    padding: 0 0 0 15px;
}
.botontexto a span {
    background: url("../img/back_boto_widget_reserves_dreta.png") no-repeat scroll right top transparent;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    padding: 0 15px 0 0;
}
.botontexto a:hover {
    color: #007784;
    cursor: pointer;
    text-decoration: none;
}
	</style>