body{
margin:0;
background:url(../../img/web/bgr.gif) fixed;
color:#A3793A;
font:11px verdana,tahoma,arial,sans-serif;
}
.linia-vacances { background:url(../../img/web/linea-separa-vacances.gif) repeat-x top; }
a img{
border:0 none
}
a{
color:#5683C3;
text-decoration:none
}
a:hover{
color:#5683C3;
text-decoration:underline;
}
input,select,textarea{
padding:1px;
color:#000000;
font:11px tahoma,arial,sans-serif
}
select{
padding:0
}
.checkbox{
border:0
}
div,h1,h2,h3,h4,h5,h6,p,ul,li,form{
margin:0;
padding:0
}
li{
list-style:none
}
h2 span,h3 span{
display:none
}
#page{
margin:0 auto;
width:1022px
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 5; 
    clear: both; 
    visibility: hidden;
}

/*--- VIDEO ---*/
#video { position:relative; }
#video_play { position:absolute; top:50px; width:330px; height:400px; }
#video_list { position:absolute; top:50px; left:380px; width:330px; height:400px; }
#bvideo { position:absolute; top:0; left:718px; padding:462px 0px 0px 10px;
background: url("../../img/web/i-noticies-02.jpg")  no-repeat 0px 457px;
width:111px;
height:88px;
}

/*--- TOP ---*/
#top{
background:url(../../img/web/top-bgr.jpg) repeat-x top
}
#hcol1{
padding:10px 0 0 25px;
width:460px;
float:left
}
#hcol2{
padding:5px 0 0;
float:right;
width:250px;
font-size:10px;
text-align:center
}
#hcol2 p{
padding:0 0 0 30px
}
/*--- CONTAINER ---*/
#home{
padding:0 0 12px 0;
background:url(../../img/web/home-middle-bgr.jpg) #fab000 no-repeat top
}
#actualitat{
background: url(../../img/web/fons_actualitat.jpg) #EFB00A no-repeat top
}
#extres{
background: url(../../img/web/fons_extres.jpg) #EFB00A no-repeat top
}
#nav{
height:79px
}
/* Home columns */
.ccol li{
padding:0 10px 0 30px;
width:300px;
float:left;
color:#ffffff;
font-size:10px;
height:103px
}
.ccol h2{
margin:5px 0 3px 0
}
ul.allotj-form{
width:165px;
float:left
}
.ccol .allotj-form li{
width:auto;
padding:1px 3px 0 0;
float:left;
font:9px arial,tahoma,verdana,sans-serif;
height:auto
}
/* Interior column*/
.ccol2{
width:630px;
padding:0 0 20px 75px;
color:#3d2902;
font-size:12px
}
.ccol2 p{
padding:0 0 9px 0;
line-height:14px;
text-align:justify
}
.ccol2 h2{
margin:0 0 13px 0
}
/* titols apartats */
#titolpresentacio{
background:  url("../../img/web/idioma/t-presentacio.jpg") #EFB00A no-repeat top;
height:85px;
}

#titolconeix{
background:   url("../../img/web/idioma/t-coneix-cambrils.jpg") #EFB00A no-repeat top;
height:85px;
}

#titolextres{
background:   url("../../img/web/idioma/t-extres.jpg") #EFB00A no-repeat top;
height:85px;
}
#titolextres_ca{
background:   url("../../img/web/idioma/t-extres.jpg") #EFB00A no-repeat top;
height:85px;
}
#titolextres_es{
background:   url("../../es/img/web/idioma/t-extres.jpg") #EFB00A no-repeat top;
height:85px;
}
#titolextres_fr{
background:   url("../../fr/img/web/idioma/t-extres.jpg") #EFB00A no-repeat top;
height:85px;
}
#titolextres_en{
background:   url("../../en/img/web/idioma/t-extres.jpg") #EFB00A no-repeat top;
height:85px;
}
#titolextres_de{
background:   url("../../de/img/web/idioma/t-extres.jpg") #EFB00A no-repeat top;
height:85px;
}
#titolextres_ru{
background:   url("../../ru/img/web/idioma/t-extres.jpg") #EFB00A no-repeat top;
height:85px;
}

#titolquepotfer{
background: url("../../img/web/fons_quepotfer.jpg") #EFB00A no-repeat top
}

#titolnoticies_ca{
background:  url("../../img/web/idioma/t-actualitat.jpg") #EFB00A no-repeat top;
}

#titolnoticies_es{
background:  url("../../es/img/web/idioma/t-actualitat.jpg") #EFB00A no-repeat top;
}

#titolnoticies_en{
background:  url("../../en/img/web/idioma/t-actualitat.jpg") #EFB00A no-repeat top;
}

#titolnoticies_fr{
background:  url("../../fr/img/web/idioma/t-actualitat.jpg") #EFB00A no-repeat top;
}

#titolnoticies_de{
background:  url("../../de/img/web/idioma/t-actualitat.jpg") #EFB00A no-repeat top;
}
#titolnoticies_ru{
background:  url("../../ru/img/web/idioma/t-actualitat.jpg") #EFB00A no-repeat top;
}

/* presentacio */
#presentacio{
background: url("../../img/web/fons-presentacio.jpg") #EFB00A no-repeat 168px 0px;
height:372px;
}
#presentacio ul{
padding:0px 0px 0px 40px;
}
#presentacio li{
float:left;
padding:0px 0px 0px 0px;
}
#presentacio h2{
padding:35px 0px 15px 0px;
}
#presentacio p{
padding:10px 0px 0px 0px;
}
#presentacio .text{
float:left;
width:454px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify
}
#presentacio .btn1{
float:left;
padding:46px 0px 0px 96px;
}
#presentacio .btn2{
text-align:right;
padding:46px 0px 0px 0px;
}
#presentacio .img1{
padding:243px 0px 0px 40px;
}
#presentacio .img2{
padding:30px 0px 0px 12px;
}

/* historia */
#historia{
background: url("../../img/web/fons-breu-historia.jpg") #EFB00A no-repeat 150px 0px;
height:395px;
}
#historia ul{
padding:0px 0px 0px 0px;
}
#historia li{
float:left;
padding:0px 0px 0px 0px;
}
#historia h2{
padding:15px 0px 4px 0px;
}
#historia p{
padding:10px 8px 0px 8px;
}
#historia .menu{
width:181px;
padding:10px 40px 0px 0px;
float:left;
}
#historia .menu p{
padding:0px 0px 0px 0px;
}
#historia .text{
float:left;
width:447px;
padding:0px 8px 0px 8px;
line-height:13px;
text-align:justify
}
#historia .img1{
padding:10px 0px 0px 0px;
}

/* planol */
#planol{
background: url("../../img/web/fons-planol.gif") #EFB00A no-repeat 30px 0px;
height:520px;
}
#planol ul{
padding:0px 0px 0px 37px;
}
#planol li{
float:left;
padding:7px 0px 0px 0px;
}
#planol h2{
padding:0px 0px 0px 20px;
}
#maparea{
padding:0px 0px 0px 0px;
width:700px;
height:500px;
}

/* comarribar */
#comarribar{
background:  url("../../img/web/idioma/fons-com-arribar.gif") #EFB00A no-repeat 280px 25px;
background-color:#EFB00A;
height:400px;
}
#comarribar{
background:  url("../../img/web/idioma/fons-com-arribar.gif") #EFB00A no-repeat 280px 25px;
background-color:#EFB00A;
height:400px;
}
#comarribar ul{
padding:0px 0px 0px 0px;
}
#comarribar li{
float:left;
padding:7px 0px 0px 10px;
}
#comarribar h2{
padding:0px 0px 0px 10px;
}
#comarribar p{
padding:10px 8px 0px 8px;
}
#mapaarribar{
padding:2px 0px 0px 0px;
width:466px;
height:352px;
}
#comarribar .form{
padding:80px 0px 0px 40px;
}
#comarribar input[type="text"]{
width:80px;
}
#comarribar .text{
width:200px;
padding:40px 2px 0px 2px;
text-align:justify;
font:10px verdana,arial,tahoma,sans-serif;
}
#comarribar .text span{
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
}

/* platges */
#platges{
background: url("../../img/web/fons-platges.jpg") #EFB00A no-repeat 90px 12px;
background-color:#EFB00A;
height:465px;
}
#platges ul{
padding:0px 0px 0px 0px;
}
#platges li{
float:left;
padding:0px 0px 0px 0px;
}
#platges h2{
padding:30px 0px 5px 0px;
}
#platges p{
padding:10px 0px 0px 8px;
}
#platges .menu{
padding:16px 30px 0px 0px;
float:left;
width:281px;
}
#platges .menu p{
padding:0px 0px 0px 20px;
}
#platges .menu p.sel{
padding:0px 0px 0px 0px;
}
#platges .text{
float:left;
width:360px;
line-height:13px;
text-align:justify
}
/* gastronomia */
#gastronomia{
background: url("../../img/web/fons-gastronomia.gif") #EFB00A no-repeat 169px 25px;
background-color:#EFB00A;
height:465px;
}
#gastronomia ul{
padding:0px 0px 0px 10px;
}
#gastronomia li{
float:left;
padding:0px 0px 0px 0px;
}
#gastronomia h2{
padding:5px 0px 20px 20px;
}
#gastronomia p{
padding:10px 0px 0px 0px;
}
#gastronomia .text{
float:left;
width:460px;
line-height:13px;
text-align:justify
}
#gastronomia .img{
padding:21px 0px 0px 10px;
}

/* allotjament */
#allotjament {
background-color:#5683C3;
padding:0px 120px 0px 0px;
float:left;
width:140px;
}
#allotjament p{
padding:0px 0px 10px 20px;
}
#allotjament p.sel{
padding:0px 0px 10px 0px;
}
/* comer */
#comerc{
background: url("../../img/web/fons-comerc.gif") #EFB00A no-repeat 169px 31px;
background-color:#EFB00A;
height:420px;
}
#comerc ul{
padding:0px 0px 0px 3px;
}
#comerc li{
float:left;
padding:0px 0px 0px 0px;
}
#comerc li.img1{
float:left;
padding:99px 0px 0px 0px;
}

#comerc h2{
padding:10px 0px 5px 20px;
}
#comerc p{
padding:10px 0px 0px 10px;
}
#comerc .text{
float:left;
width:460px;
line-height:13px;
text-align:justify
}
/* transports */
#transports{
background: url("../../img/web/fons-transports.gif") #EFB00A no-repeat 285px 31px;
background-color:#EFB00A;
height:450px;
}
#transports ul{
padding:0px 0px 0px 0px;
}
#transports li{
float:left;
padding:0px 0px 0px 0px;
}
#transports li.img1{
float:left;
padding:110px 0px 0px 0px;
}
#transports li.img2{
width:198px;
padding:68px 0px 0px 0px;
}
#transports h2{
padding:10px 0px 10px 20px;
}
#transports p{
padding:10px 20px 0px 20px;
}
#transports .text{
float:left;
width:521px;
line-height:13px;
text-align:justify
}
/* turisme familiar */
#turismefamiliar {
background: url("../../img/web/fons-turisme-familiar.gif") #EFB00A no-repeat 202px 20px;
background-color:#EFB00A;
height:340px;
}

#turismefamiliar ul{
padding:0px 0px 0px 14px;
}
#turismefamiliar li.img1{
float:left;
padding:88px 0px 0px 0px;
}
#turismefamiliar .text{
float:left;
width:435px;
text-align:justify;
line-height:13px;
}

#turismefamiliar li.img2{
width:198px;
padding:30px 0px 0px 0px;
}
#turismefamiliar h2{
padding:35px 0px 10px 0px;
}
#turismefamiliar p{
padding:10px 25px 0px 10px;
}

/* vacances */
/* vacances */
#vacancesform{
background: url("../../img/web/fons-vacances.jpg") #EFB00A no-repeat 20px 0px;
height:572px;
}
#vacancesform ul{
padding:0px 0px 0px 220px;
}
#vacancesform li{
float:left;
padding:80px 0px 0px 0px;
}
#vacancesform h2{
padding:25px 0px 15px 0px;
}
#vacancesform p{
padding:10px 0px 0px 0px;
}
#vacancesform .text{
float:left;
width:265px;
height:250px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify
}
#vacancesform .img{
padding:100px 0px 0px 0px;
}
#vacancesform input{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:200px;
margin:2px;
}
#vacancesform textarea{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:220px;
margin:2px;
}
#formulari_txt{
width:270px;padding-top:120px; text-align:justify; color:#000000;
}
#vacancesform .checkbox{
width:15px;
height:150x;
}
#vacancesform .condicions{
padding-top:0px
}
*html #vacancesform .condicions{ /* corregir error IE*/
padding-top:5px
}

#vacancesform .captcha{
width:120px;
}
#vacancesform .btn{
width:60px;height:15px;border:0px;
}

/* noticies */
#noticies{
background: url("../../img/web/fons-noticies.gif") #EFB00A no-repeat 110px 45px;
height:560px;
}
#noticies ul{
padding:0px 0px 0px 0px;
}
#noticies li{
float:left;
padding:0px 0px 0px 0px;
}
#noticies h2{
padding:10px 0px 30px 0px;
}
#noticies h3{
padding:0px 0px 0px 0px;
font:12px verdana,arial,tahoma,sans-serif;
font-weight:bold;

}
#noticies p{
padding:10px 0px 0px 0px;
}
#noticies .text{
float:left;
width:718px;
padding:0px 0px 0px 0px;
line-height:14px;
text-align:justify
}
#noticies .img1{
padding:370px 0px 0px 28px;
}
#noticies .img2{
padding:467px 0px 0px 0px;
}
.fonscap{
height:15px;
}
.caixanoticia{
	float:left;
	width:310px;
	height:105px;
	padding:2px 20px 0px 25px;
}
.fotonoticia {
	float:left;
	margin-right:5px;
}
.mesinfo {
	height:15px;
	text-align:right;
}
.descpnoticia{
	height:70px;
}
.caixavacances{
	float:left;
	width:310px;
	height:105px;
	padding:2px 20px 0px 25px;
}
.fotovacances {
	float:left;
	margin-right:5px;
}

.descpvacances{
	height:75px;
	color:#333333;
}
.separadorvacances {
	height:15px;
	background: url("../../img/web/separadornoticia.gif") #EFB00A repeat-x;
}
.pagina{
padding:0px 0px 10px 650px;
}
.bnoticia{
padding:462px 0px 0px 22px;
background: url("../../img/web/i-noticies-02.jpg")  no-repeat 0px 457px;
width:111px;
height:88px;
}

/* detallnoticies */
#detallnoticies{
background:#EFB00A;
padding:0px 0px 20px 110px;
}
#detallnoticies h2{
padding:0px 0px 30px 40px;
}

#detallnoticies h3{
padding:0px 0px 4px 40px;
font:14px verdana,arial,tahoma,sans-serif;
font-weight:bold;
}
#detallnoticies h4{
padding:0px 0px 0px 0px;
font:14px verdana,arial,tahoma,sans-serif;
font-weight:bold;
}
#detallnoticies p{
padding:10px 0px 0px 0px;
}
#detallnoticies .content{
background: url("../../img/web/fons-detall.gif")  repeat-y;
width:792px;
line-height:14px;
text-align:justify;
overflow: hidden;

}
#detallnoticies .text{
width:718px;
line-height:14px;
text-align:justify;
padding:10px 0px 20px 40px;
}

/* vacances */
#vacances{
background: url("../../img/web/fons-noticies.gif") #EFB00A no-repeat 110px 45px;
height:560px;
}
#vacances ul{
padding:0px 0px 0px 0px;
}
#vacances li{
float:left;
padding:0px 0px 0px 0px;
}
#vacances h2{
padding:0px 0px 30px 0px;
}
#vacances h3{
padding:0px 0px 0px 0px;
font:12px verdana,arial,tahoma,sans-serif;
font-weight:bold;

}
#vacances p{
padding:10px 0px 0px 0px;
}
#vacances .explica{
float:left;
width:327px;
color:#000000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px 20px 0px 20px;

}
#vacances .recomana{
color:#000000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#vacances .recomana p{
text-align:center;
}
#vacances .text{
float:left;
width:718px;
padding:0px 0px 0px 0px;
line-height:14px;
text-align:justify
}
#vacances .img1{
padding:390px 0px 0px 28px;
}

/* detallnoticies */
#detallvacances{
background:#EFB00A;
padding:0px 0px 20px 110px;
}
#detallvacances h2{
padding:0px 0px 4px 40px;
}
#detallvacances h4{
padding:0px 0px 0px 0px;
font:14px verdana,arial,tahoma,sans-serif;
font-weight:bold;
}
#detallvacances p{
padding:10px 0px 0px 0px;
}
#detallvacances .cap{
height:15px;
}

#detallvacances .content{
background: url("../../img/web/fons-detall.gif")  repeat-y;
width:792px;
line-height:14px;
text-align:justify;
overflow: hidden;

}
#detallvacances .text{
width:718px;
line-height:14px;
text-align:justify;
padding:10px 0px 20px 40px;
}


/* extres */
#extres{
background-color:#EFB00A;
height:430px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
}
#extres ul{
padding:0px 0px 0px 55px;
}
#extres li{
float:left;
height:380px;
}
#extres li.txt1{
width:236px;
background: url("../../img/web/fons-text-extres.gif") #EFB00A no-repeat 0px 300px;
}
#extres li.txt2{
width:323px;
background: url("../../img/web/fons-text-extres.gif") #EFB00A no-repeat 90px 300px;
}
#extres li.txt3{
width:319px;
background: url("../../img/web/fons-text-extres.gif") #EFB00A no-repeat 108px 300px;
}
#extres p.txt1{
width:170px;
padding:0px 0px 0px 15px;
}
#extres p.txt2{
width:170px;
padding:0px 0px 0px 105px;
}
#extres p.txt3{
width:170px;
padding:0px 0px 0px 123px;
}
/* fotos */
#layer_galeries{
width:136px;
}
.ccol3{
width:630px;
padding:20px 0px 0px 300px;
color:#3d2902;
font-size:12px
}
.ccol3 p{
padding:0 0 0px 0;
line-height:14px;
text-align:justify
}
.ccol3 h2{
margin:0 0 13px 0
}
/* Interior column creat per la maquetacio a ensenyar als clients no es la definitiva*/
.ccol4{
width:630px;
padding:0px 0px 0px 0px;
color:#3d2902;
font-size:12px
}
.ccol4 p{
padding:0 0 0px 0;
line-height:14px;
text-align:justify
}
.ccol4 h2{
margin:0 0 13px 0
}
/*--- FLASH CONTAINERS ---*/
#home-flash1{
clear:both;
height:143px
}
#home-flash2{
clear:both;
height:112px
}
#interior-flash1{
clear:both;
height:105px
}
#interior-flash2{
clear:both;
height:38px
}
/* nota */
#nota{
	padding-left:30px;
	background-color:#466FB8;
	height:72px;
	color:#95ADDB;
	font:10px verdana,tahoma,arial,sans-serif;
	text-align:center;
}
#nota a{
	color:#95ADDB;
}
#nota a:hover{
	color:#95ADDB;
}
/* nota  */

#nota{
	padding-left:30px;
	background:#466FB8;
	height:72px;
	color:#95ADDB;
	font:10px verdana,tahoma,arial,sans-serif;
	text-align:center;
}
#nota a{
	color:#95ADDB;
}
#nota a:hover{
	color:#95ADDB;
}


/*--- BOTTOM,FOOTER ---*/
/* Home bottom */
#bottomhome{
padding:0 0 20px 0;
background:#466FB8;
}
/* Content bottom */
#bottom{
padding:0px 0px 20px 0px;
background:#466FB8;
}
.bcol li{
padding:0 10px 15px 30px;
width:460px;
float:left;
color:#92b0da
}
.bcol p{
padding:0 0 10px 0
}
.bcol p strong{
color:#cad9ec
}
#footer{
background:url(../../img/web/logo-container.gif) no-repeat center;
text-align:center;
height:72px
}
#footer img{
margin:5px 15px 0px 15px
}
/* Interior bottom container */
/* 3 columnes */
#bottom3{
padding:0px 0px 20px 30px;
background:#5683C3;
height:251px;
}
#bottom3 ul{
padding:0px 0px 0px 15px;
}
#bottom3 li{
background:url(../../img/web/caixa-3-col.gif) no-repeat top;
padding:5px 0px 0px 20px;
width:270px;
height:251px;
float:left;
color:#FFFFFF;
font-size:11px;
}
#bottom3 h3{
padding:10px 0px 0px 14px;
}
#bottom3 h4{
padding:0px 0px 0px 0px;
width:240px;
text-align:right;
}
#bottom3 p{
width:220px;
padding:10px 0px 0px 14px;
text-align:justify
}


/* 4 columnes */
.col4 li{
padding:0 0 0 53px;
width:190px;
float:left;
color:#2a4368;
font-size:12px
}
.col4 h3{
padding:0 0 0 15px
}
.col4 p{
padding:0 0 10px 0;
text-align:justify
}
.box4{
width:189px;
background:url(../../img/web/box-bgr.gif) no-repeat top;
height:auto
}
.box4 .spacer{
height:130px
}

/* borrar */
.bcol2 li{
padding:0 0 0 53px;
width:190px;
float:left;
color:#2a4368;
font-size:12px
}
.bcol2 h3{
padding:0 0 0 15px
}
.bcol2 p{
padding:0 0 10px 0;
text-align:justify
}
.box{
width:189px;
background:url(../../img/web/box-bgr.gif) no-repeat top;
height:auto
}
.box .spacer{
height:130px
}

/*--- Misc. styles ---*/
.fix{
clear:both;
line-height:1px;
height:1px
}
.spacer{
padding:20px
}
.ac{
text-align:center
}
.fl{
float:left
}
img.fl{
margin:0 10px 0 0
}
.fr{
float:right
}
.hl{
border-bottom:1px solid #d7d7d7;
margin:0 0 10px 0
}
.blue{
color:#234bb8
}
.dblue{
color:#0c233b
}
.red{
color:#ff0000
}
.ra{
width:13px;
margin:0;
height:13px
}


#google_translate_noticies{
padding:0px 0 0 500px;height:25px;margin:-60px 0 0 0;
}
#google_translate_detall{
padding:0px 0 0 540px;height:35px;margin:-60px 0 0 0;
}

