@charset "utf-8";
/* CSS Document */

body {width: 1300px; padding: 0 0 0 0; margin-left:0px; margin-top:0px; margin-bottom: 0px; margin-right: 0px; background-color: #c4dfc6; overflow-x: hidden; font-family: Tahoma, Verdana, Arial, helvetica, sans-serif; font-style:normal; font-size:11px;}



#header,#menu {

overflow:auto;
overflow:hidden;
display:inline-block

}

/* safari and opera need this */


#header {margin:0 0 0 0; padding:0}


#header {width:110%; background-color: #c4dfc6;}

#content {width:110%; background-color: #c4dfc6}
#content #texte{width:450px; text-align:justify}
#content #texte h1 { font-size:14px; color:#1c5520; margin-left: 30px;}
#content #texte h2 { font-size:12px; color:#1c5520; margin-left: 30px; font-weight:normal}
#content #texte .verd { font-size:12px; color:#1c5520; font-weight:normal}
#content #texte p { font-size:12px; color:#1c5520; margin-left: 30px;}
#content #texte p { font-size:11px; color:#333333; margin-left: 30px;}
#content #texte .neg { font-size:12px; color:#000000; font-weight:normal}
#content #texte a { font-size:11px; color:#1c5520; margin-left: 30px;}
#content #texte a:hover { font-size:11px; color:#333333; margin-left: 30px;}

#content #texte-interior{width:760px; text-align:justify}
#content #texte-interior h1 { font-size:14px; color:#1c5520; margin-left: 30px;}
#content #texte-interior h2 { font-size:12px; color:#333333; margin-left: 30px; font-weight:normal}
#content #texte-interior h3 { font-size:12px; color:#1c5520; margin-left: 30px; font-weight:normal}
#content #texte-interior .verd { font-size:12px; color:#1c5520; font-weight:normal}
#content #texte-interior .llista {font-size:11px; border-bottom:1px solid #1c5520; color:#333333; padding:0 0 10px 0;}
#content #texte-interior p { font-size:12px; color:#1c5520; margin-left: 30px;}
#content #texte-interior p { font-size:12px; color:#333333; margin-left: 30px;}
#content #texte-interior .text { font-size:11px; color:#333333; margin-left: 40px; }
#content #texte-interior .neg { font-size:12px; color:#000000; font-weight:normal}
#content #texte-interior a { font-size:11px; color:#1c5520; margin-left: 30px;}
#content #texte-interior a:hover { font-size:11px; color:#333333; margin-left: 30px;}

#content #texte-interior2{width:990px; text-align:justify; margin-left:0px;}
#content #texte-interior-activitats{width:990px; min-height: 750px; text-align:justify; margin-left:0px;}
#content #texte-interior-activitats h1 { font-size:14px; color:#1c5520; margin-left: 30px;}
#content #texte-interior-activitats h2 { font-size:12px; color:#333333; margin-left: 30px; font-weight:normal}
#content #texte-interior-activitats h3 { font-size:12px; color:#1c5520; margin-left: 30px; font-weight:normal}
#content #texte-interior-activitats .verd { font-size:12px; color:#1c5520; font-weight:normal}
#content #texte-interior-activitats .llista {font-size:12px; border-bottom:1px solid #1c5520; color:#333333; padding:0 0 10px 0;}
#content #texte-interior-activitats p { font-size:12px; color:#1c5520; margin-left: 30px;}
#content #texte-interior-activitats .text { font-size:11px; color:#333333; margin-left: 40px; margin-top: -12px}
#content #texte-interior-activitats p { font-size:12px; color:#333333; margin-left: 30px;}
#content #texte-interior-activitats .neg { font-size:12px; color:#000000; font-weight:normal}
#content #texte-interior-activitats a { font-size:11px; color:#1c5520; margin-left: 30px;}
#content #texte-interior-activitats a:hover { font-size:11px; color:#333333; margin-left: 30px;}


#content #texte-interior2 h1 { font-size:14px; color:#1c5520; margin-left: 30px;}
#content #texte-interior2 h2 { font-size:12px; color:#333333; margin-left: 30px; font-weight:normal}
#content #texte-interior2 h3 { font-size:12px; color:#1c5520; margin-left: 30px; font-weight:normal}
#content #texte-interior2 h4 {font-size:13px; margin-left: 30px; font-weight:bold}
#content #texte-interior2 .verd { font-size:12px; color:#1c5520; font-weight:normal}
#content #texte-interior2 .llista {font-size:12px; border-bottom:1px solid #1c5520; color:#333333; padding:0 0 10px 0;}
#content #texte-interior2 p { font-size:12px; color:#1c5520; margin-left: 30px;}
#content #texte-interior2 .text { font-size:11px; color:#333333; margin-left: 40px; margin-top: -12px}
#content #texte-interior2 p { font-size:12px; color:#333333; margin-left: 30px;}
#content #texte-interior2 .neg { font-size:12px; color:#000000; font-weight:normal}
#content #texte-interior2 a { font-size:11px; color:#1c5520; margin-left: 30px;}
#content #texte-interior2 a:hover { font-size:11px; color:#333333; margin-left: 30px;}

#Fotos1 a img, #Fotos2 a img {border: solid 1px #1c5520!important; margin:auto}
#Fotos1 a:hover img, #Fotos2 a:hover img {border: solid 1px #333!important; margin:auto}
#Fotos3 {float:left; margin-top: 30px; margin-right: 10px; }
#Fotos3 a img, #Fotos3 a img {border: solid 1px #1c5520!important; margin:auto}
#Fotos3 a:hover img, #Fotos3 a:hover img {border: solid 1px #333!important; margin:auto}



#sub-section {
	width:537px;
	position:absolute;
	float:left;
	left: 470px;
	top: 518px;
}
#sub-section1 {width:169px; height: 220px; border-style:solid; border-width: 1px; border-color: #59925d; margin-right: 7px;margin-right: blue\8px;margin: 3 auto; background-color: #1c5520; float:left;}
#sub-section1 p {font-size:11px; color:#fff; padding-left: 10px;}
#sub-section1 a {font-size:11px; color:#fff; font-weight:bold;}
#sub-section1 a:hover {font-size:11px; color:#ccc;}
#sub-section1 #preu { height:36px; width:139px; border:none}
#sub-section1 .preu {font-size:11px; color:#ab0000; font-weight:bold; background-color:#ccc; margin:0 10px 0 0}
#sub-section1 .preu:hover {font-size:11px; color:#333; text-decoration:none}
#columnaDreta{ float:right; width:169px; margin:0 0 0 0; color:#fff}


#columnaDreta #reserves, #columnaDreta #reserves_cas, #columnaDreta #reserves_fra, #columnaDreta #reserves_ang{width:169px; height:159px; padding: 10px 10px 0 15px}

#columnaDreta #reserves select, #columnaDreta #reserves input,
#columnaDreta #reserves_cas select, #columnaDreta #reserves_cas input,
#columnaDreta #reserves_fra select, #columnaDreta #reserves_fra input,
#columnaDreta #reserves_ang select, #columnaDreta #reserves_ang input 
{font-size:10px; color:#6a6969; border:solid 1px #6a6969}

#columnaDreta #reserves select.hotel,
#columnaDreta #reserves_cas select.hotel,
#columnaDreta #reserves_fra select.hotel,
#columnaDreta #reserves_ang select.hotel
{height:16px}

#columnaDreta #reserves input, #columnaDreta #reserves_cas input,
#columnaDreta #reserves_fra input, #columnaDreta #reserves_ang input
{height:15px; width:95px}

#columnaDreta #reserves label, #columnaDreta #reserves_cas label,
#columnaDreta #reserves_fra label, #columnaDreta #reserves_ang label
{display:inline-block; width:70px}

#columnaDreta #reserves .botoCalendari,#columnaDreta #reserves_cas .botoCalendari,
#columnaDreta #reserves_fra .botoCalendari,#columnaDreta #reserves_ang .botoCalendari
{background:url(../img/boto_reservar.jpg) height:36px; width:139px; border:none}

#columnaDreta #reserves .bt_Reserves {background: url(../img/boto_reservar.jpg) no-repeat;}
#columnaDreta #reserves .bt_Reserves1 {background: url(../img/boto_reservar.jpg) no-repeat;}
#columnaDreta #reserves .bt_Reserves2 {background: url(../img/boto_reservar.jpg) no-repeat;}
#columnaDreta #reserves .bt_Reserves3 {background: url(../img/boto_reservar_fra.jpg) no-repeat;}
#columnaDreta #reserves .bt_Reserves4 {background: url(../img/boto_reservar_ang.jpg) no-repeat;}
#columnaDreta #reserves .bt_Reserves5 {background: url(../img/boto_reservar.jpg) no-repeat;}


#columnaDreta #reserves .bt_Reserves,.bt_Reserves1,.bt_Reserves2,.bt_Reserves3,.bt_Reserves4,.bt_Reserves5 {height:36px; width:149px; border:none; margin:0px 0px 0px -15px; display:block}

#sub-section2 {
	width:169px;
	position:absolute;
	float:right;
	left: 353px;
}
#sub-section2 {width:169px; height: 220px; border-style:solid; border-width: 1px; border-color: #59925d; margin-right: 5px;margin: 3 auto; background-color: #1c5520; float:left;}
#sub-section2 p {font-size:11px; color:#fff; padding-left: 10px;}
#sub-section2 a {font-size:11px; color:#fff; font-weight:bold;}
#sub-section2 a:hover {font-size:11px; color:#ccc;}


#footer {width:110%; background:url(../img/footer.jpg) repeat-x; height:110px; margin-right: 40px; color:#FFF; clear:both }
#footer #links{width:610px; margin-left: 30px}
#footer  #links a {color:#FFF; font-size: 11px; font-weight:normal; line-height: 30px; text-align:right}
#footer #links a:hover {color:#c4dfc6; text-decoration:none}

#footer #adresafooter { width:437px; margin-top: -77px; position:absolute; float:left; left:554px;}
#footer #adresafooter a, #adresa #logo a{color:#FFF; font-size: 11px;}
#footer #adresafooter p, #adresa {color:#FFF; font-size: 11px; text-align:right;}
#footer #adresafooter h1, #adresa {color:#FFF; font-size: 13px; margin-top:20px; text-align:right;}
#footer #adresafooter a:hover, #footer #logo a:hover{color:#c4dfc6; text-decoration:none}

/* MENU */
#menu ul {list-style:none; margin:0; padding:0}
#menu ul li{ margin:0 0 0 0}
#menu ul li a {height:29px; width:169px; display:block; border:none;}
#menu ul li a:hover{ }

#menu ul li a.inici{ background-image:url(../img/menu/inici.png)}
#menu ul li a.inici:hover{ background-image:url(../img/menu/inici_ov.png)}
#menu ul li a.apartaments{ background-image:url(../img/menu/apartaments.png) }
#menu ul li a.apartaments:hover{ background-image:url(../img/menu/apartaments_ov.png) }
#menu ul li a.serveis{ background-image:url(../img/menu/serveis.png)}
#menu ul li a.serveis:hover{ background-image:url(../img/menu/serveis_ov.png)}
#menu ul li a.activitats{ background-image:url(../img/menu/activitats.png)}
#menu ul li a.activitats:hover{ background-image:url(../img/menu/activitats_ov.png)}
#menu ul li a.tarifes{ background-image:url(../img/menu/tarifes.png)}
#menu ul li a.tarifes:hover{ background-image:url(../img/menu/tarifes_ov.png)}
#menu ul li a.ofertes{ background-image:url(../img/menu/ofertes.png)}
#menu ul li a.ofertes:hover{ background-image:url(../img/menu/ofertes_ov.png)}
#menu ul li a.reserves{ background-image:url(../img/menu/reserves.png)}
#menu ul li a.reserves:hover{ background-image:url(../img/menu/reserves_ov.png)}
#menu ul li a.ubicacio{ background-image:url(../img/menu/ubicacio.png)}
#menu ul li a.ubicacio:hover{ background-image:url(../img/menu/ubicacio_ov.png)}
#menu ul li a.visites{ background-image:url(../img/menu/visites.png)}
#menu ul li a.visites:hover{ background-image:url(../img/menu/visites_ov.png)}
#menu ul li a.contactar{ background-image:url(../img/menu/contactar.png)}
#menu ul li a.contactar:hover{ background-image:url(../img/menu/contactar_ov.png)}

.fleft{float:left}
.fright{float:right}

/* TARIFES */

#div_tarifa table{width:100%; border:none; border-collapse: collapse; border-spacing:0}
#div_tarifa .thead{color:#000; text-align:center}
#div_tarifa .tfoot{color:#000; text-align:center}

#content #calendari{width:760px; margin-left: 30px; text-align:justify}
#content #calendari h1 { font-size:14px; color:#1c5520; margin-left: 30px;}
#content #calendari h2 { font-size:12px; color:#333333; margin-left: 30px; font-weight:normal}
#content #calendari h3 { font-size:12px; color:#1c5520; margin-left: 30px; font-weight:normal}
#content #calendari .verd { font-size:12px; color:#1c5520; font-weight:normal}
#content #calendari .llista {font-size:11px; border-bottom:1px solid #1c5520; color:#333333; padding:0 0 10px 0;}
#content #calendari p { font-size:12px; color:#1c5520; margin-left: 30px;}
#content #calendari p { font-size:12px; color:#333333; margin-left: 30px;}
#content #calendari .neg { font-size:12px; color:#000000; font-weight:normal}
#content #calendari a { font-size:11px; color:#1c5520; margin-left: 30px;}
#content #calendari a:hover { font-size:11px; color:#333333; margin-left: 30px;}







/* FORMULARIO */
#formulari label {display:inline-block; width:120px; vertical-align:top; font-size:12px; text-align:right; margin:0 10px 20px 0; font-weight:bold}
#formulari input, #formulari textarea {border: solid 1px #1c5520;font-size:12px; }
#formulari input {width:374px}
#formulari select {width:345px}
#formulari textarea {width:374px; height:110px;font-size:11px; }
#formulari input.boto{ background:#fff;
    color:#000;
    border:solid 1px #8fb592;
    cursor:pointer;
    width:auto!important;
    float:right;
    margin:10px 129px 10px 0;
    height: 24px;
}
.contacta3{ float:left; color:#ff0000}
.contacta2{ font-size:12px}



/*ENTORNO*/

.entorno{ background-color:#8fb592; border-bottom:solid 1px #000; padding:10px; margin-left: 30px; min-height:100px;height:auto; height:100px; margin-bottom:15px; width: 740px; }
.entorno img{ float:left; margin:0 10px 10px 0 }



.item_galeria{ background-color:#fff; border-bottom:solid 1px #8fb592; padding:10px; min-height:180px;height:auto; height:180px; margin-bottom:15px; margin-left:20px }
.item_galeria img{ float:left; margin:0 10px 10px 0 }




.LlibreVisites{ margin-left: 30px}
.LlibreVisites thead{background:#8fb592; margin-left: 30px}
.LlibreVisites p{ color:#FFFFFF}
.LlibreVisites tr{height:20px; margin-left: 30px}
.LlibreVisites .impar{ background-color:#fff}
.botonLlarg{ background-image:url(../img/botons/boto-blanc.png); width:120px; height:20px; color:#c4dfc6; display:block; cursor:pointer}




/* RESTAURANT */

#restaurant{ background-color:#8fb592; margin-left: 30px;  padding:5px}
#restaurant h1{ font-size:14px; border-bottom: dashed 1px #000; font-weight:bolder;}
#restaurant h2 span{ font-size:12px; color:#006600; font-weight:bold;}
#restaurant h3{ color:#000; font-weight:bold}
#restaurant h3 span{ float: right; font-size:14px; font-weight:bolder;  color:#fff}

#restaurant blockquote p{ font-style:italic; color:#000000}


/*EL TEMPS*/
#temps{background-color:#c4dfc6; width:736px; margin-left: 30px;}
#temps img{}
#temps .temps{width:100px; height:56px; background-repeat:no-repeat; background-position:top left; margin:0 0 0 0;}
#temps .temps .Avui{}
#temps h1{ font-size:9px!important; color:#999; margin:36px 0 0px 0px!important; padding:0!important; text-align:right}
#temps p {font-size:11px!important; color:#999!important; margin-top:0px!important; text-align:right; font-weight:bold}
#temps p .max{
	color:#fc4040;
}
#temps p .min{ color:#1185e3;}

#temps a { color:#000; font-size:10px; text-decoration:underline; float: right}
#temps a:hover{ color:#333}

#content2 {width:960px; height:auto; margin:0 0 0 30px; color:#333333; clear:both; text-align:justify; font-size:12px}

.ItemNoticia {
    background-color:#bad4bc;
}


#textNoticies h2, .ItemNoticia h3{background-color:#1c5520;}
.boto_menu_2{color:#fff; background-color:#1c5520; padding:2px 10px; font-weight: bold; text-decoration:none}
.boto_menu_2:hover{ background-color:#333}


.boto{ display:block; background-color:#1c5520; text-align:center; padding:10px 0 0 0; height:25px; margin:20px 0 0 0; text-decoration:none; font-size:12px}
.boto:hover{ background-color:#666; color:#1c5520}