html, body {height:100%; background:#000;}
body {
margin:0; padding:0;
font-size:.9em; background:#000;
font-family: "Times New Roman", Times, serif;
}
h1, h2, h3, p, ol, ul{margin:0; padding:0;}
a img {border:none;}
/** ESTRUCTURA *************************************************************************************************************************************************************************************** ESTRUCTURA ***/
#contentTop{min-width:960px; width:auto; margin:0 auto; background:url("../images/bg-top-index.jpg") no-repeat top center;}
#contentTopIn{min-width:960px; width:auto; margin:0 auto; background:url("../images/bg-top-equipaments.jpg") no-repeat top center;}
#top{width:960px; margin:0 auto; height:404px;}
#topIn{width:960px; margin:0 auto; height:339px;}
.logo1{padding:148px 0 0 128px; display:block;}
.logo1In{padding:106px 0 0 114px; display:block;}
#contentCenter{min-width:960px; height:; margin:0 auto; background:url("../images/bg-center.jpg") repeat-y top center;}
#contentDatos{margin:0 auto ; width:960px; height:; padding:0 0 0 20px;}
#contentDatos2{margin:0 auto; width:960px; height:850px; padding:0 0 0 20px;}
.barana{margin:0 auto; width:960px; height:35px; background:url("../images/bg-barana.png") center;}
.footer{width:700px; height:80px;}
#contentBase{min-width:960px; height:118px; width:auto; margin:0 auto; background:url("../images/bg-base.jpg") repeat-y top center;}
#contentDatosBase{margin:0 auto; width:960px; height:;}
#apEscut {
position:absolute; top:376px; z-index:5; display:block; overflow:;
margin:0 0 0 765px; //margin:0 0 0 0;
width:160px; height:234px;
background:url("../images/escut-cal-ball.png") no-repeat;
}
#apEscutIn {
position:absolute; top:312px; z-index:5; display:block; overflow:;
margin:0 0 0 765px; //margin:0 0 0 0;
width:160px; height:234px;
background:url("../images/escut-cal-ball.png") no-repeat;
}
#apTinter {
position:absolute; top:780px; z-index:2;
margin:0 0 0 700px;
width:120px; height:254px;
background:url("../images/ilu-ploma.png") no-repeat;
}
/********************************************************************************************************************************************************* LLISTATS TEXTUALS, NO MENU ***/
#contentDatos h1{margin:0 0 0 24px;}
#contentDatos .paragPresentacio{
width:650px; height:439px; margin:17px 0 0 3px; padding:35px 35px 0 35px;
background:url("../images/bg-text-presentacio.jpg") no-repeat;
color:#FFF; font-size:1.2em; line-height:1.15em; text-align: justify;
}
.contentThumbs{
margin:-15px 0 0 50px; padding:0; display:inline-block;
}
/** MENU *************************************************************************************************************************************************************************************************** MENU ***/
#menuUL-ca{list-style-type:none; margin:55px 0 0 25px;}
#menuUL-ca li{float:left; margin:0 19px 0 0; height:23px; display:block; text-indent:-10000px; background:;}
#menuUL-ca li a{height:23px; display:block; background:url("../images/menu-ca.png") no-repeat; outline:none;}
#menuUL-ca li .btn1{width:95px; height:23px; display:block; background-position:0 0;}
#menuUL-ca li .btn1:hover{background-position:0 -23px;}
#menuUL-ca li .btn1Current{width:95px; height:23px; display:block; background-position:0 -23px;}
#menuUL-ca li .btn2{width:101px; height:23px; display:block; background-position:-95px 0;}
#menuUL-ca li .btn2:hover{background-position:-95px -23px;}
#menuUL-ca li .btn2Current{width:101px; height:23px; display:block; background-position:-95px -23px;}
#menuUL-ca li .btn3{width:131px; height:23px; display:block; background-position:-196px 0;}
#menuUL-ca li .btn3:hover{background-position:-196px -23px;}
#menuUL-ca li .btn3Current{width:131px; height:23px; display:block; background-position:-196px -23px;}
#menuUL-ca li .btn4{width:62px; height:23px; display:block; background-position:-328px 0;}
#menuUL-ca li .btn4:hover{background-position:-328px -23px;}
#menuUL-ca li .btn4Current{width:62px; height:23px; display:block; background-position:-328px -23px;}
#menuUL-ca li .btn5{width:58px; height:23px; display:block; background-position:-392px 0;}
#menuUL-ca li .btn5:hover{background-position:-392px -23px;}
#menuUL-ca li .btn5Current{width:58px; height:23px; display:block; background-position:-392px -23px;}
#menuUL-ca li .btn6{width:68px; height:23px; display:block; background-position:-451px 0;}
#menuUL-ca li .btn6:hover{background-position:-451px -23px;}
#menuUL-ca li .btn6Current{width:68px; height:23px; display:block; background-position:-451px -23px;}
#menuUL-ca li .btn7{width:73px; height:23px; display:block; background-position:-519px 0;}
#menuUL-ca li .btn7:hover{background-position:-519px -23px;}
#menuUL-ca li .btn7Current{width:73px; height:23px; display:block; background-position:-519px -23px;}
#menuUL-es{list-style-type:none; margin:55px 0 0 25px;}
#menuUL-es li{float:left; margin:0 8px 0 0; height:23px; display:block; text-indent:-10000px; background:;}
#menuUL-es li a{height:23px; display:block; background:url("../images/menu-es.png") no-repeat; outline:none;}
#menuUL-es li .btn1{width:105px; height:23px; display:block; background-position:0 0;}
#menuUL-es li .btn1:hover{background-position:0 -23px;}
#menuUL-es li .btn1Current{width:105px; height:23px; display:block; background-position:0 -23px;}
#menuUL-es li .btn2{width:117px; height:23px; display:block; background-position:-107px 0;}
#menuUL-es li .btn2:hover{background-position:-107px -23px;}
#menuUL-es li .btn2Current{width:117px; height:23px; display:block; background-position:-107px -23px;}
#menuUL-es li .btn3{width:150px; height:23px; display:block; background-position:-222px 0;}
#menuUL-es li .btn3:hover{background-position:-222px -23px;}
#menuUL-es li .btn3Current{width:150px; height:23px; display:block; background-position:-222px -23px;}
#menuUL-es li .btn4{width:78px; height:23px; display:block; background-position:-372px 0;}
#menuUL-es li .btn4:hover{background-position:-372px -23px;}
#menuUL-es li .btn4Current{width:78px; height:23px; display:block; background-position:-372px -23px;}
#menuUL-es li .btn5{width:71px; height:23px; display:block; background-position:-451px 0;}
#menuUL-es li .btn5:hover{background-position:-451px -23px;}
#menuUL-es li .btn5Current{width:71px; height:23px; display:block; background-position:-451px -23px;}
#menuUL-es li .btn6{width:81px; height:23px; display:block; background-position:-521px 0;}
#menuUL-es li .btn6:hover{background-position:-521px -23px;}
#menuUL-es li .btn6Current{width:81px; height:23px; display:block; background-position:-521px -23px;}
#menuUL-es li .btn7{width:78px; height:23px; display:block; background-position:-600px 0;}
#menuUL-es li .btn7:hover{background-position:-600px -23px;}
#menuUL-es li .btn7Current{width:78px; height:23px; display:block; background-position:-600px -23px;}
#menuUL-fr{list-style-type:none; margin:55px 0 0 25px;}
#menuUL-fr li{float:left; margin:0 8px 0 0; height:23px; display:block; text-indent:-10000px; background:;}
#menuUL-fr li a{height:23px; display:block; background:url("../images/menu-fr.png") no-repeat; outline:none;}
#menuUL-fr li .btn1{width:105px; height:23px; display:block; background-position:0 0;}
#menuUL-fr li .btn1:hover{background-position:0 -23px;}
#menuUL-fr li .btn1Current{width:105px; height:23px; display:block; background-position:0 -23px;}
#menuUL-fr li .btn2{width:117px; height:23px; display:block; background-position:-107px 0;}
#menuUL-fr li .btn2:hover{background-position:-107px -23px;}
#menuUL-fr li .btn2Current{width:117px; height:23px; display:block; background-position:-107px -23px;}
#menuUL-fr li .btn3{width:150px; height:23px; display:block; background-position:-222px 0;}
#menuUL-fr li .btn3:hover{background-position:-222px -23px;}
#menuUL-fr li .btn3Current{width:150px; height:23px; display:block; background-position:-222px -23px;}
#menuUL-fr li .btn4{width:78px; height:23px; display:block; background-position:-372px 0;}
#menuUL-fr li .btn4:hover{background-position:-372px -23px;}
#menuUL-fr li .btn4Current{width:78px; height:23px; display:block; background-position:-372px -23px;}
#menuUL-fr li .btn5{width:71px; height:23px; display:block; background-position:-451px 0;}
#menuUL-fr li .btn5:hover{background-position:-451px -23px;}
#menuUL-fr li .btn5Current{width:71px; height:23px; display:block; background-position:-451px -23px;}
#menuUL-fr li .btn6{width:81px; height:23px; display:block; background-position:-521px 0;}
#menuUL-fr li .btn6:hover{background-position:-521px -23px;}
#menuUL-fr li .btn6Current{width:81px; height:23px; display:block; background-position:-521px -23px;}
#menuUL-fr li .btn7{width:78px; height:23px; display:block; background-position:-600px 0;}
#menuUL-fr li .btn7:hover{background-position:-600px -23px;}
#menuUL-fr li .btn7Current{width:78px; height:23px; display:block; background-position:-600px -23px;}
#menuUL-en{list-style-type:none; margin:55px 0 0 25px;}
#menuUL-en li{float:left; margin:0 8px 0 0; height:23px; display:block; text-indent:-10000px; background:;}
#menuUL-en li a{height:23px; display:block; background:url("../images/menu-en.png") no-repeat; outline:none;}
#menuUL-en li .btn1{width:105px; height:23px; display:block; background-position:0 0;}
#menuUL-en li .btn1:hover{background-position:0 -23px;}
#menuUL-en li .btn1Current{width:105px; height:23px; display:block; background-position:0 -23px;}
#menuUL-en li .btn2{width:117px; height:23px; display:block; background-position:-107px 0;}
#menuUL-en li .btn2:hover{background-position:-107px -23px;}
#menuUL-en li .btn2Current{width:117px; height:23px; display:block; background-position:-107px -23px;}
#menuUL-en li .btn3{width:140px; height:23px; display:block; background-position:-232px 0;}
#menuUL-en li .btn3:hover{background-position:-232px -23px;}
#menuUL-en li .btn3Current{width:140px; height:23px; display:block; background-position:-232px -23px;}
#menuUL-en li .btn4{width:68px; height:23px; display:block; background-position:-372px 0;}
#menuUL-en li .btn4:hover{background-position:-372px -23px;}
#menuUL-en li .btn4Current{width:68px; height:23px; display:block; background-position:-372px -23px;}
#menuUL-en li .btn5{width:87px; height:23px; display:block; background-position:-441px 0;}
#menuUL-en li .btn5:hover{background-position:-441px -23px;}
#menuUL-en li .btn5Current{width:87px; height:23px; display:block; background-position:-441px -23px;}
#menuUL-en li .btn6{width:81px; height:23px; display:block; background-position:-526px 0;}
#menuUL-en li .btn6:hover{background-position:-526px -23px;}
#menuUL-en li .btn6Current{width:81px; height:23px; display:block; background-position:-526px -23px;}
#menuUL-en li .btn7{width:78px; height:23px; display:block; background-position:-600px 0;}
#menuUL-en li .btn7:hover{background-position:-600px -23px;}
#menuUL-en li .btn7Current{width:78px; height:23px; display:block; background-position:-600px -23px;}
.menuQue-ca{position:relative; top:0px; left:-15px; height:23px; text-indent:-10000px; background:url("../images/que-ca.png") 0px 0px no-repeat; width:121px; display:inline-block;}
.menuQue-ca:hover{background:url("../images/que-ca.png") 0px -23px no-repeat;}
.menuQue-es{position:relative; top:0px; left:-15px; height:23px; text-indent:-10000px; background:url("../images/que-es.png") 0px 0px no-repeat; width:121px; display:inline-block;}
.menuQue-es:hover{background:url("../images/que-es.png") 0px -23px no-repeat;}
.menuQue-en{position:relative; top:0px; left:-15px; height:23px; text-indent:-10000px; background:url("../images/que-en.png") 0px 0px no-repeat; width:121px; display:inline-block;}
.menuQue-en:hover{background:url("../images/que-en.png") 0px -23px no-repeat;}
#idioma{
float:right; width:73px; height:22px; display:inline; margin:-20px 5px 0 0; padding:1px 0 0 32px;
background:url("../images/btn-idioma.png") no-repeat;
text-decoration:none; letter-spacing:1px;
font: normal small-caps bold .9em/1.2em Arial, Helvetica, sans-serif;
color:#ffe9c5; cursor:pointer;
}
#apIdioma{
width:83px; height:46px; display:block;
position:absolute; top:335px; z-index:3;
margin:0 0 0 -9px; //margin:0 0 0 -58px;
background: url("../images/btn-idioma-desplega.png") no-repeat;
}
#idioma a{text-indent:-10000px; outline:none;}
#apIdiomaIn{
width:83px; height:46px; display:block;
position:absolute; top:270px; z-index:3;
margin:0 0 0 -9px; //margin:0 0 0 -58px;
background: url("../images/btn-idioma-desplega.png") no-repeat;
}
#idiomaIn a{text-indent:-10000px; outline:none;}
#ca{width:32px; height:11px; display:block; background:url("../images/btn-banderes.png") no-repeat; float:left; margin:9px 3px 0 5px;}
#es{width:32px; height:11px; display:block; background:url("../images/btn-banderes.png") no-repeat 0 -15px; float:left; margin:9px 0 0 3px;}
#en{width:32px; height:11px; display:block; background:url("../images/btn-banderes.png") no-repeat -33px 0; float:left; margin:9px 0 0 5px;}
#fr{width:32px; height:11px; display:block; background:url("../images/btn-banderes.png") no-repeat -33px -15px; float:left; margin:9px 0 0 5px;}
/** EXTRES *************************************************************************************************************************************************************************************************** EXTRES ***/
.emailEscut{margin:157px 0 0 28px;}
.firmaBase{
padding:30px 0 0 28px; display:block;
color:#ffdea5; font-size:.9em;
text-shadow: 5px 5px 2px #000;
}
.logoFacebook{width: 109px; height: 33px; background:url("../images/facebook.jpg"); float:left; display: block; text-indent: -10000px; margin: -60px 0 0 830px;}
.titulars{
font-family:'Tangerine', serif;color:#ffdea5; font-size:3em;text-shadow: 1px 1px 3px #000;
width:670px; text-align:center; line-height:.85em;
padding:10px 0 0 0; display:block; font-weight:normal;
}
.segle{font-family:serif; font-size:.6em; }
.thumbs{width:150px; height:112px; float:left; margin:3px 10px 0 0; background:url("../images/bg-thumb.png") no-repeat;display:block;}
.thumbs img{padding:11px 0 0 11px;}
.mesFotos{width:93px; height:31px; float:left; padding:2px 0 0 8px; margin:135px 0 0 -100px; background:url("../images/btn-fotos.png") no-repeat; font-size:.75em; letter-spacing:-0.005em; color:#3b2a13; font-weight:bold; text-decoration:none;}
.mesFotos:hover{background:url("../images/btn-fotos.png") no-repeat 0 -32px;}
.ampliar{width:123px; height:28px; display:block; padding:4px 0 0 15px; margin:-25px 0 0 594px; background:url("../images/btn-ampliar.png") no-repeat; font-size:.9em; letter-spacing:-0.005em; color:#3b2a13; font-weight:bold; text-decoration:none;}
.ampliar:hover{background:url("../images/btn-ampliar.png") no-repeat 0 -32px;}
/** SECCIO equipaments *************************************************************************************************************************************************************************************************** SECCIO equipaments ***/
#equipamentsUL01{color:#FFF; list-style-type:none; margin:35px 0 0 100px; float:left; display:block;}
#equipamentsUL01 li{padding:9px 0 0 45px; height:45px; font-size:1.3em;}
.eq01{background:url("../images/ico-equip-flor.png") no-repeat;}
.eq02{background:url("../images/ico-equip-piscina.png") no-repeat 2px 4px;}
.eq03{background:url("../images/ico-equip-sauna.png") no-repeat 3px -2px;}
.eq04{background:url("../images/ico-equip-jacuzzi.png") no-repeat;}
#equipamentsUL02{color:#FFF; list-style-type:none; margin:-20px 0 0 30px;}
#equipamentsUL02 li{padding:9px 0 0 53px; height:45px; font-size:1.3em;}
.eq05{background:url("../images/ico-equip-gim.png") no-repeat 7px 2px;}
.eq06{background:url("../images/ico-equip-bici.png") no-repeat 2px 4px;}
.eq07{background:url("../images/ico-equip-karts.png") no-repeat 0 2px;}
.eq08{background:url("../images/ico-equip-cavall.png") no-repeat 0 2px;}
#equipamentsUL03{color:#FFF; list-style-type:none; margin:-20px 0 0 40px;}
#equipamentsUL03 li{padding:9px 0 0 53px; height:45px; font-size:1.3em;}
.eq09{background:url("../images/ico-equip-llit.png") no-repeat 6px 2px;}
.eq10{background:url("../images/ico-equip-celler.png") no-repeat 7px 2px;}
.eq11{background:url("../images/ico-equip-sopar.png") no-repeat 7px 4px;}
.eq12{background:url("../images/ico-equip-cates.png") no-repeat 13px 2px;}
.eq13{background:url("../images/ico-equip-suite.png") no-repeat 6px 2px;}
#equipamentsUL04{color:#FFF; list-style-type:none; margin:15px 0 0 68px; width:700px;}
#equipamentsUL04 li{padding:0 0 15px 19px; margin:0 0 0 52px; height:; font-size:1.2em; background:url("../images/ico-llistat.png") no-repeat 0 5px; text-align: justify;}
#equipamentsUL05{color:#FFF; list-style-type:none; margin:5px 0 0 88px; width:650px;}
#equipamentsUL05 li{padding:0 0 5px 29px; margin:0 0 0 62px; height:; font-size:1.2em; background:url("../images/ico-llistat.png") no-repeat 10px 5px;}
#equipamentsUL0101{color:#FFF; list-style-type:none; margin:15px 0 20px 120px;}
#equipamentsUL0101 li{padding:9px 0 0 15px; height:25px; font-size:1.3em;}
.eq20{background:none;}
#equipamentsUL0202{color:#FFF; list-style-type:none; margin:15px 0 20px 50px;}
#equipamentsUL0202 li{padding:9px 0 0 53px; height:25px; font-size:1.3em;}
.eq20{background:none;}
#equipamentsUL0303{color:#FFF; list-style-type:none; margin:15px 0 20px 40px;}
#equipamentsUL0303 li{padding:9px 0 0 53px; height:25px; font-size:1.3em;}
.eq20{background:none;}
.textMini{font-size:65%;}
.titularEquipaments{
font-family:'Tangerine', serif;color:#ffdea5; font-size:3em;text-shadow: 1px 1px 3px #000;
width:670px; padding:10px 0 0 0; display:block; font-weight:normal; margin:0 0 0 40px;
}
.titularEquipaments2{
font-family:'Tangerine', serif;color:#ffdea5; font-size:2.5em; text-shadow:1px 1px 3px #000;
width:370px; padding:20px 0 0 40px; font-weight:normal;
}
.titularEquipaments3{
font-family:'Tangerine', serif;color:#ffdea5; font-size:2.5em; text-shadow:1px 1px 3px #000;
width:370px; font-weight:normal; position:relative; top:-535px; left:600px; height:50px;
}
.titularImatges{
font-family:'Tangerine', serif;color:#ffdea5; font-size:2.5em; text-shadow:1px 1px 3px #000;
width:670px; padding:25px 0 13px 20px; display:block; font-weight:normal;
}
/** SECCIO entorn *************************************************************************************************************************************************************************************************** SECCIO entorn ***/
.entornP{color:#ffdea5; font-size:1.1em; width:670px; margin:5px 0 15px 30px; display:inline-block;}
.entornP a{color:#FFF; font-size:1em; text-decoration:;}
.entornP a:hover{color:#ffdea5;}
/** SECCIO reserves *************************************************************************************************************************************************************************************************** SECCIO reserves ***/
.reservesP{color:#fff; font-size:1.2em; width:670px; margin:15px 0 15px 80px; display:inline-block;}
.reservesP a{color:#FFF; font-size:1em; text-decoration:;}
.reservesP a:hover{color:#ffdea5;}
.tarifesTit{color:#fff; font-size:1.1em; width:670px; margin:15px 0 5px 70px !important; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; color:#ffdea5;}
/*#calendari{display:block; float:left; width:700px; height:220px; margin:15px 0 30px 70px; background:url("../../eventcal/img/bg-table.jpg") no-repeat 0 0;}*/
#calendari{display:block; float:left; width:242px; height:220px; margin:0px; background:url("../../eventcal/img/bg-table.jpg") no-repeat 0 0;}
.reservesQ{color:#ffdea5; font-size:1.1em; width:auto; margin:-30px 0 15px 40px; display:inline-block;}
.tarifesTaula{float:left; display:inline; width:700px; margin:10px 0 0 70px;}
.tarifesCol{float:left; border:1px solid #666; width:250px;}
.textTarifes{float:left; color:#fff; padding:7px; height:15px; width:250px; font-weight:bold; font-size:1.4em; }
.textTarifesb{float:left; color:#ffdea5; padding:7px; height:15px; width:500px; font-weight:bold; font-size:1.2em; margin:10px 0 0 0;}
.textTarifes2{float:left; color:#fff; padding:7px; height:10px; width:300px; font-size:1.2em; }
.textTarifes2b{float:left; color:#fff; padding:7px; height:10px; width:500px; font-size:1.2em; margin:0 0 45px 0;}
.textTarifes2bb{float:left; color:#fff; padding:7px; height:5px; width:600px; font-size:1.2em; margin:0 0 35px 0;}
.textTarifes3{float:left; color:#fff; padding:7px; height:15px; width:250px; font-weight:bold; font-size:1.4em; margin:15px 0 15px 0;}
/** SECCIO ubicació *************************************************************************************************************************************************************************************************** SECCIO ubicació ***/
.googleMapBG{width:694px; height:435px; margin:20px 0 0 27px; padding:30px 0 0 13px; display:block; background:url("../images/bg-map.png") no-repeat;}
/*****************************************************************************************
FORMULARIS
*****************************************************************************************/
#contentForm{width:700px; height:350px; margin:0 0 0 6px; padding:57px 0 0 65px; background:url("../images/bg-formulari.jpg") no-repeat;}
.contacteP{color:#ffdea5; font-size:1.1em; width:670px; height:50px; margin:5px 0 15px 30px; display:inline-block; text-align: justify;}
.contactForm{width:; height:260px; margin:0;float:left;}
.formTx2{font-size:1em !important; color:#241700 !important; font-family:"Times New Roman", Times, serif !important; font-weight:;}
.contactForm input, textarea{border:none; margin:0 10px 4px 0; display:; color:#ffeed1!important; font-size:1em;}
.inputLlarg{width:210px; height:28px; padding:7px 0 0 12px; background:url("../images/bg-formulari-input.png") no-repeat;}
.textarea{width:360px; height:195px; padding:6px 0 0 12px; background:url("../images/bg-formulari-text.png") no-repeat; font-family:"Arial", Helvetica, sans-serif !important; font-size:1em;}
.errormsg{height:; display:inline-block; padding:3px; background:#FC6 url("../images/ico-error.png") no-repeat; color:#000 !important; font:bold 1em/1.15em "Arial", Helvetica, sans-serif;}
.asterisc{color:#241700!important; display:inline-block; float:left; padding:3px 0 20px 11px; margin:5px 0 0 0; background:url("../images/ico-asterisc.gif") no-repeat; !important; font:normal .7em/1.15em "Arial", Helvetica, sans-serif !important; width:150px; height:20px;}
.asteriscIco{font-size:1.8em!important; color:#241700!important;}
#send{cursor:pointer; width:93px; height:39px; margin:-35px 0 0 280px; font-size:.9em; text-align:left; padding:0 0 0 10px; background:url("../images/btn-fotos.png") no-repeat 0 7px!important; color:#241700!important;}
.iluContactar{margin:10px 0 0 -10px; display:inline-block;}
.errorTD{height:30px;}
.resposta{
width:600px; float:left; margin:0; display:inline-block; color:#000;
font:normal 1em/1.15em "Arial", Helvetica, sans-serif !important;
}