body{
margin:0;
color:#A3793A;
font:11px verdana,tahoma,arial,sans-serif;
/*behavior: url(../../css/web/csshover.htc);*/
overflow-x:hidden;
background-color:#fff;

}

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;
}
#rss
{
    float:right;
    position:relative;
    top:0;
    right:0;
}

/*--- HOTEL ---*/
#context_hotels { position:relative; left:300px; width:650px; min-height:300px; background-color:#FFFFFF; padding:10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#context_hotels h1 { color:#D18E02; font-size:14px; font-weight:bold; margin-top:20px; }
#context_hotels a { color:#000000; text-decoration:underline; font-weight:bold; }
#context_hotels a:hover { color:#000000; text-decoration:underline; font-weight:bold; }
#context_hotels .pagina a { color:#000000; text-decoration:underline; }
#context_hotels .pagina a:hover { color:#000000; text-decoration:underline; }
#context_hotels input, select { border:1px solid #808080; font-size:11px; }
#context_hotels .tornar { text-align:right; margin-bottom:5px; right:15px; _top:100px; top:85px; position:absolute }

.button { background-color:#ECE9D8; font-weight:bold; font-size:11px; }
.info { width:20px; position:absolute }
.textHotel { left:20px; position:relative; }
.opcions { color:#4767CA; font-weight:bold; }


.textHotel ul {
padding-left:15px;
font-size:10px;
font-weight:normal;
height:20px;
}
.textHotel li {
float:left;
padding:2px 5px 0 10px
}

/*--- EVENTS ---*/
#context_events { position:relative; width:1002px; padding:10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;background:#466FB8;}
#context_events h1 { color:#D18E02; font-size:14px; font-weight:bold; margin-top:20px; }
#context_events a { color:#000000; text-decoration:underline; font-weight:bold; }
#context_events a:hover { color:#000000; text-decoration:underline; font-weight:bold; }
#context_events .pagina a { color:#000000; text-decoration:underline; }
#context_events .pagina a:hover { color:#000000; text-decoration:underline; }
#context_events input, select { border:1px solid #808080; font-size:11px; }
#context_events .tornar { right:175px; margin-bottom:5px; _top:110px; top:95px; position:absolute }


/*--- TOP ---*/
#top{
background:url(../../img/web/top-bgr.jpg) repeat-x top
}
#hcol1{
padding:10px 0 0 25px;
width:460px;
float:left
}
#hcol2{
background:url(../../img/web/pic-meteo.gif) no-repeat;
margin:10px 0 0;
float:right;
width:250px;
height:97px;
font-size:10px;
}
#hcol2 p{
padding:0 0 0 30px
}
#hcol2 form{
margin:20px 0px 0 75px
}

#hcol2 input{
float:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:0 5px 0 0
}

#hcol2 .btn{
margin:1px 0 0 0
}


/*--- 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
}
#fotos{
background-color:#EFB00A;
background-repeat:no-repeat;
background-position:top;
}
#fotos_menu{float:left;}
#contenedor_fotos{height:368px;width:765px;float:left;margin-top:14px;margin-left:47px;}
#contenedor_fotos img{padding-top:3px;}
#paginacion_fotos{float:right; width:50%; text-align:right; padding-right:100px;}
#webcam{
background-color:#EFB00A;
background-repeat:no-repeat;
background-position:top;
height:430px;
}
.foto_galeria{
width:131px;
/*height:103px;*/
min-height:103px;
height:auto;
float:left;
margin-right:20px;
margin-bottom:20px;
background-color:#FFFFFF;
text-align:center;
}
/* for Internet Explorer */
/*\*/
* html .foto_galeria {
height: 103px;
}
/**/
.foto_gran
{
text-align:center;
}
.foto_gran h1{font-size:16px;color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px;}
.foto_gran img{
border:10px solid white;
background-color:#FFFFFF;
}
#webcam_esquerra
{
height:100%;
float:left;
width:295px;
text-align:left;
}
#webcam_esquerra p
{
padding-left:26px;
color:#000000;
line-height:20px;
}
.#webcam .cambrils{
border:0px;
height:460px;
width:600px;
}

#nav{
height:79px
}
/* Home columns */
.ccol li{
padding:0 10px 0 30px;
width:300px;
float:left;
color:#ffffff;
font-size:9px;
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
}
.inici{
border:0px;
height:110px;
width:300px;
align:center;
}
/* 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;
}

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


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

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

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

#titolturisme{
background:  url("../../img/web/idioma/t-turisme-familiar.jpg") #EFB00A no-repeat top
}

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

#titolpostal{
background:  url("../../img/web/idioma/t-postal.jpg") #EFB00A no-repeat top
}
#titolresolucio{
background:  url("../../img/web/idioma/t-resolucio.jpg") #EFB00A no-repeat top
}

/* presentacio */
#presentacio{
background: url("../../img/web/fons-presentacio.gif") #EFB00A no-repeat 168px 0px;
height:472px;
}
#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:13px;
text-align:justify
}
#presentacio .btn1{
float:left;
padding:50px 0px 0px 96px;
}
#presentacio .btn2{
text-align:right;
padding:55px 0px 0px 0px;
}
#presentacio .img1{
padding:340px 0px 0px 41px;
}
#presentacio .img2{
padding:10px 0px 0px 18px;
}

/* patronat */
#patronat{
background: url("../../img/web/fons-presentacio.gif") #EFB00A no-repeat 168px 0px;
height:472px;
}
#patronat ul{
padding:0px 0px 0px 40px;
}
#patronat li{
float:left;
padding:0px 0px 0px 0px;
}
#patronat h2{
padding:35px 0px 15px 0px;
}
#patronat p{
padding:10px 0px 0px 0px;
}
#patronat .text{
float:left;
width:470px;
padding:0px 8px 0px 0px;
line-height:13px;
text-align:justify
}
#patronat .btn1{
float:left;
padding:68px 0px 0px 110px;
}
#patronat .btn2{
text-align:right;
padding:68px 0px 0px 0px;
}
#patronat .img1{
padding:340px 0px 0px 41px;
}
#patronat .img2{
padding:30px 0px 0px 11px;
}
/* contactepresentacio */
#contactepresentacio{
background: url("../../img/web/fons-contacte-presentacio.gif") #EFB00A no-repeat 138px 8px;
height:372px;
}
#contactepresentacio ul{
padding:0px 0px 0px 160px;
}
#contactepresentacio li{
float:left;
padding:0px 0px 0px 0px;
}
#contactepresentacio h2{
padding:25px 0px 15px 0px;
}
#contactepresentacio p{
padding:10px 0px 0px 0px;
}
#contactepresentacio .text{
float:left;
width:434px;
height:250px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify
}
#contactepresentacio .btn1{
float:left;
padding:60px 0px 0px 76px;
}
#contactepresentacio .btn2{
padding:60px 0px 0px 0px;
}
#contactepresentacio .img1{
padding:0px 0px 0px 0px;
}

/* 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 .fonsplanol {
background: url("../../img/web/i-planol-ciutat-1.jpg")  no-repeat 0px 0px;
height:424px;
width:255px;
}
#planol .ajuda {
padding:20px 0px 10px 20px;
}
#planol .cerca {
padding:0px 0px 0px 20px;
}
#planol .cerca input{
font:10px arial,tahoma,verdana,sans-serif;
}

#planol .text {
padding:310px 30px 0px 30px;
}
#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:450px;
}
#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:402px;
}
#comarribar .form{
padding:80px 0px 0px 40px;
}
#comarribar input[type="text"]{
width:80px;
font:10px verdana,arial,tahoma,sans-serif;
}
#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;
}
#route_description {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF; 
margin-left:100px;
width:820px;
}
/* comarribarcotxe */
#comarribarcotxe{
background: url("../../img/web/fons-com-arribar-cotxe.gif") #EFB00A no-repeat 350px 30px;
height:650px;
}
#comarribarcotxe ul{
padding:0px 0px 0px 80px;
}
#comarribarcotxe li{
float:left;
padding:0px 0px 0px 0px;
}
#comarribarcotxe h2{
padding:10px 0px 20px 0px;
}
#comarribarcotxe p{
padding:10px 0px 0px 0px;
}
#comarribarcotxe .text{
float:left;
width:347px;
padding:0px 8px 0px 8px;
line-height:14px;
font:11px verdana,arial,tahoma,sans-serif;
color:#000000;
}
#comarribarcotxe .img1{
padding:0px 20px 0px 0px;
}
#comarribarcotxe .img1 img{
border:0px;
}
#comarribarcotxe .img1 p{
text-align:center;
}
#comarribarcotxe .img2{
padding:120px 0px 0px 12px;
}

/* comarribartransports */
#comarribartransports{
background: url("../../img/web/fons-com-arribar-transports.gif") #EFB00A no-repeat 350px 30px;
height:372px;
}
#comarribartransports ul{
padding:0px 0px 0px 80px;
}
#comarribartransports li{
float:left;
padding:0px 0px 0px 0px;
}
#comarribartransports h2{
padding:10px 0px 20px 0px;
}
#comarribartransports p{
padding:10px 0px 0px 0px;
}
#comarribartransports .text{
float:left;
width:347px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify;
font:11px verdana,arial,tahoma,sans-serif;
color:#000000;
}
#comarribartransports .img1{
padding:0px 20px 0px 0px;
}
#comarribartransports .img1 img{
border:0px;
}

#comarribartransports .img2{
padding:120px 0px 0px 12px;
}

/* comarribaravio */
#comarribaravio{
background: url("../../img/web/fons-com-arribar-avio.gif") #EFB00A no-repeat 350px 30px;
height:672px;
}
#comarribaravio ul{
padding:0px 0px 0px 80px;
}
#comarribaravio li{
float:left;
padding:0px 0px 0px 0px;
}
#comarribaravio h2{
padding:10px 0px 20px 0px;
}
#comarribaravio p{
padding:10px 0px 0px 0px;
}
#comarribaravio .text{
float:left;
width:347px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify;
font:11px verdana,arial,tahoma,sans-serif;
color:#000000;
}
#comarribaravio .img1{
padding:0px 20px 0px 0px;
}
#comarribaravio .img1 img{
border:0px;
}

#comarribaravio .img2{
padding:120px 0px 0px 12px;
}

/* comarribartren */
#comarribartren{
background: url("../../img/web/fons-com-arribar-tren.gif") #EFB00A no-repeat 350px 30px;
height:500px;
}
#comarribartren ul{
padding:0px 0px 0px 80px;
}
#comarribartren li{
float:left;
padding:0px 0px 0px 0px;
}
#comarribartren h2{
padding:10px 0px 20px 0px;
}
#comarribartren p{
padding:10px 0px 0px 0px;
}
#comarribartren .text{
float:left;
width:347px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify;
font:11px verdana,arial,tahoma,sans-serif;
color:#000000;
}
#comarribartren .img1{
padding:0px 20px 0px 0px;
}
#comarribartren .img1 img{
border:0px;
}

#comarribartren .img2{
padding:120px 0px 0px 12px;
}



/* 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 .tornar{
text-align:right;
}
#platges .planol{
padding:10px 0px 0px 100px;
}
#platges .bandera{
padding:10px 0px 0px 105px;
}
#platges .pdf{
padding:15px 0px 0px 100px;
}

#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
}
#platges  p.imgpeu{
padding:50px 0px 0px 70px;
}
#platges  p.imgpeu2{
padding:30px 0px 0px 70px;
}

/* platgesactivitats */
#platgesactivitats{
background: url("../../img/web/fons-platges-activitats.jpg") #EFB00A no-repeat 90px 12px;
background-color:#EFB00A;
height:465px;
}
#platgesactivitats ul{
padding:0px 0px 0px 0px;
}
#platgesactivitats li{
float:left;
padding:0px 0px 0px 0px;
}
#platgesactivitats h2{
padding:30px 0px 5px 0px;
}
#platgesactivitats p{
padding:10px 0px 0px 8px;
}
#platgesactivitats .menu{
padding:16px 30px 0px 0px;
float:left;
width:281px;
}
#platgesactivitats .menu p{
padding:0px 0px 0px 20px;
}
#platgesactivitats .menu p.sel{
padding:0px 0px 0px 0px;
}
#platgesactivitats .tornar{
text-align:right;
}

#platgesactivitats .text{
float:left;
width:360px;
line-height:13px;
text-align:justify
}
#platgesactivitats  p.imgpeu{
padding:50px 0px 0px 70px;
}

/* gastronomia */

#gastronomia{
background: url("../../img/web/fons-gastronomia.gif") #EFB00A no-repeat 182px 25px;
height:520px;
}

#gastronomia .col1 { width:205px; float:left; }
#gastronomia .col2 { width:472px;  float:left;}
#gastronomia .col-peu { height:43px; background: url("../../img/web/fons-gastronomia_peu.gif") #EFB00A no-repeat 182px 0;border:1px solid }
#gastronomia .col3 { width:345px; float:left; }


#gastronomia a { color:#000000; text-decoration:underline; font-weight:bold; }
#gastronomia a:hover { color:#000000; text-decoration:underline; font-weight:bold; }
#gastronomia h1 { color:#D18E02; font-size:14px; font-weight:bold; margin-top:20px; }
#gastronomia .pagina a { color:#000000; text-decoration:underline; }
#gastronomia .pagina a:hover { color:#000000; text-decoration:underline; }
#gastronomia input, select { border:1px solid #808080; font-size:11px; }

#gastronomia ul{
padding:0px 0px 0px 0px;
}
#gastronomia li{
float:left;
padding:0px 0px 0px 0px;
}
#gastronomia h2{
padding:5px 0px 20px 5px;
}
#gastronomia p{
padding:10px 0px 0px 0px;
}
#gastronomia .text{
float:left;
width:452px;
line-height:13px;
text-align:justify;
padding:0px 10px 0px 10px;

}
.col2 .tornar2 { text-align:right; right:0px; top:-10px; position:relative }
#gastronomia .tornar{
text-align:right;
}

#gastronomia .img1{
padding:0px 0px 0px 23px;
}
#gastronomia .img2{
padding:30px 0px 0px 4px;
}
#gastronomia .img3{
padding:30px 0px 0px 2px;
}
#gastronomia .menu{
padding:10px 28px 0px 0px;
float:left;
}
#gastronomia .menu p{
padding:0px 0px 0px 20px;
}
#gastronomia .menu p.sel{
padding:0px 0px 0px 0px;
}
#gastronomia .icona{
padding:10px 0px 0px 50px;
}



.img3-tv{
background:url(../../img/web/fons-congres-gastronomia.jpg) no-repeat 1px 30px;
width:316px;
height:430px;
margin:0px 0px 0px 3px;
padding:30px 0 0 0;
}

#tv-forum{
	margin:60px 0 0 15px;	
}


/* allotjament */
#allotjament {
background-color:#466FB8;
padding:0px 70px 0px 0px;
float:left;
width:200px;
}
#allotjament h2{
padding:0px 0px 10px 20px;
}
#allotjament p{
padding:0px 0px 10px 20px;
}
#allotjament p.sel{
padding:0px 0px 10px 0px;
}
#allotjament .frame{
border:0px;
height:400px;
width:600px;

}

/* comer */
#comerc{
background: url("../../img/web/fons-comerc.gif") #EFB00A no-repeat 169px 31px;
background-color:#EFB00A;
height:1200px;
}
#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 li.img2{
padding:33px 0px 0px 4px;
}
#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
}
#comerc .icona{
padding:10px 0px 0px 70px;

}

/* transports */
#transports{
background: url("../../img/web/fons-transports.gif") #EFB00A no-repeat 285px 31px;
background-color:#EFB00A;
height:950px;
}
#transports ul{
padding:0px 0px 0px 11px;
}
#transports li{
float:left;
padding:0px 0px 0px 0px;
}
#transports li.img1{
float:left;
padding:161px 0px 0px 12px;
}
#transports li.img2{
padding:130px 0px 0px 0px;
}
#transports h2{
padding:10px 0px 10px 20px;
}
#transports p{
padding:10px 20px 0px 20px;
}
#transports .text{
float:left;
width:520px;
line-height:13px;
text-align:justify
}
/* propostes */
#propostes {
background: url("../../img/web/fons-propostes.gif") #EFB00A no-repeat 10px 0px;
background-color:#EFB00A;
height:460px;
}

#propostes .col1{
float:left;
width:230px;
line-height:13px;
margin-top:88px;
padding:0px 0px 0px 30px;
height:300px;
overflow: auto;
}

#propostes .col2{
float:left;
width:380px;
text-align:justify;
line-height:13px;
padding:0px 2px 0px 30px;
}
#propostes .col2 p{
padding:10px 0px 0px 0px;
}

#propostes .col2 p.peu{
padding:170px 0 0 0;font-size:10px;text-align:right
}

#propostes .col3{
padding:52px 0px 0px 5px;
}

#propostes h2{
padding:32px 0px 20px 0px;
}
#propostes h3{
font:13px verdana,tahoma,arial,sans-serif;
}
#propostes p{
padding:5px 0px 0px 0px;
}
/* visites */
#visites {
background: url("../../img/web/fons-rutes-a-peu.gif") #EFB00A no-repeat 202px 0px;
background-color:#EFB00A;
height:310px;
}

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

#visites li.img2{
width:198px;
padding:0px 0px 0px 0px;
float:left;
}
#visites h2{
padding:15px 0px 10px 0px;
}
#visites p{
padding:10px 25px 0px 10px;
}

/* visites guiades rutes*/
#visitesrutes {
background: url("../../img/web/fons-turisme-familiar.gif") #EFB00A no-repeat 202px 0px;
background-color:#EFB00A;
height:341px;
}

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

#visitesrutes li.img2{
widht:198px;
padding:10px 0px 0px 0px;
}
#visitesrutes .pdf{
padding:10px 0px 0px 20px;
}
#visitesrutes h2{
padding:15px 0px 5px 0px;
}
#visitesrutes p{
padding:10px 25px 0px 10px;
}


/* rutes en bici */
#rutesbici {
background: url("../../img/web/fons-rutes-bici.gif") #EFB00A no-repeat 90px 2px;
background-color:#EFB00A;
height:310px;
}

#rutesbici ul{
padding:0px 0px 0px 110px;
}

#rutesbici li {
float:left;
padding:0px 0px 0px 0px;
}

#rutesbici li.img{
width:198px;
padding:0px 0px 0px 0px;
}

#rutesbici .text{
float:left;
width:450px;
text-align:justify;
line-height:13px;
}

#rutesbici h2{
padding:15px 0px 10px 0px;
}
#rutesbici p{
padding:10px 25px 0px 10px;
}

/* nautiques*/
#nautiques {
background: url("../../img/web/fons-nautica.gif") #EFB00A no-repeat 176px 37px;
background-color:#EFB00A;
height:430px;
}

#nautiques ul{
padding:0px 0px 0px 14px;
}
#nautiques li.img1{
float:left;
padding:55px 0px 0px 0px;
}
#nautiques .text{
float:left;
width:415px;
text-align:justify;
height:280px;
}

#nautiques li.img2{
widht:198px;
padding:13px 0px 0px 0px;
}
*html #nautiques li.img2{ /* corregir error IE6 */
widht:198px;
padding:0px 0px 0px 0px;
}
#nautiques .pdf{
padding:10px 0px 0px 20px;
}
#nautiques h2{
padding:15px 0px 10px 0px;
}
#nautiques p{
padding:10px 10px 0px 0px;
}


/* entorn */
#entorn {
background: url("../../img/web/fons-entorn.gif") #EFB00A no-repeat 10px 0px;
background-color:#EFB00A;
height:460px;
}

#entorn .col1{
float:left;
width:230px;
line-height:13px;
margin-top:88px;
padding:0px 0px 0px 30px;
height:300px;
overflow: auto;
}

#entorn .col2{
float:left;
width:380px;
text-align:justify;
line-height:13px;
padding:0px 2px 0px 30px;
}
#entorn .col2 .txt
{
    height:334px;
    padding-right:10px;
    overflow: auto;
}    

#entorn .col2 p{
padding:10px 0px 0px 0px;
}


#entorn .col3{
padding:52px 0px 0px 5px;
}

#entorn h2{
padding:30px 0px 20px 0px;
}
#entorn h3{
font:12px verdana,tahoma,arial,sans-serif;
}
#entorn h5{
font:13px verdana,tahoma,arial,sans-serif;

}

#entorn p{
padding:4px 0px 0px 0px;
}
#entorn p.foto {
font:10px verdana,arial,tahoma,sans-serif;
}

/* que s'hi pot fer familiar */
#quefer{
background: url("../../img/web/fons-turisme-familiar.gif") #EFB00A no-repeat 202px 36px;
background-color:#EFB00A;
height:380px;
}

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

#quefer li.img2{
widht:198px;
padding:40px 0px 0px 0px;
}
#quefer h2{
padding:45px 0px 5px 0px;
}
#quefer p{
padding:10px 25px 0px 10px;
}
#quefer .pdf{
padding:10px 0px 0px 20px;
}
/* turisme familiar */
#turismefamiliar {
background: url("../../img/web/fons-turisme-familiar.gif") #EFB00A no-repeat 202px 0px;
background-color:#EFB00A;
height:330px;
}

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

#turismefamiliar li.img2{
width:198px;
padding:10px 0px 0px 0px;
float:left;
}
#turismefamiliar h2{
padding:15px 0px 5px 0px;
}
#turismefamiliar p{
padding:10px 25px 0px 10px;
}
#turismefamiliar .pdf{
padding:10px 0px 0px 20px;
}

/* agenda */
#agenda {
float:left;
padding:10px 40px 0px 60px;
width:108px;
color:#FFFFFF;
}
#agenda p{
padding:10px 0px 0px 0px;
}
#agenda a{
color:#FFFFFF;
}
/* resum setmanal */
#resum{
background: url("../../img/web/fons-noticies.gif") #EFB00A no-repeat 110px 25px;
height:560px;
}
#resum ul{
padding:0px 0px 0px 0px;
}
#resum li{
float:left;
padding:0px 0px 0px 0px;
}
#resum h2{
padding:0px 0px 45px 0px;
}
#resum h4{
padding:0px 0px 0px 0px;
font:12px verdana,arial,tahoma,sans-serif;
font-weight:bold;

}
#resum p{
padding:10px 0px 0px 0px;
}
#resum .video{
float:left;
width:380px;
padding:0px 0px 0px 0px;
line-height:14px;
text-align:justify
}
#resum .text{
float:left;
width:338px;
padding:72px 0px 0px 0px;
line-height:14px;
text-align:justify
}
#resum .img1{
padding:365px 0px 0px 28px;
}
#resum .img2{
padding:457px 0px 0px 0px;
}

.pagresum{
padding:466px 0px 0px 10px;
background: url("../../img/web/i-noticies-02.jpg")  no-repeat 0px 457px;
width:111px;
height:88px;
}

/*fotos*/
#fotos{
background-color:#EFB00A;
height:430px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
}

/* 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;
}
/* salvapantalles */
#salvapantalles{
background: url("../../img/web/fons-salvapantalles.gif") #EFB00A no-repeat 300px 20px;
background-color:#EFB00A;
height:430px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
}

#salvapantalles ul{
padding:0px 0px 0px 55px;
}
#salvapantalles li{
float:left;
height:380px;
}
#salvapantalles li.txt1{
width:236px;
background: url("../../img/web/fons-text-extres.gif") #EFB00A no-repeat 0px 300px;
}
#salvapantalles .flash{
float:left;
width:460px;
height:380px;
padding:0px 0px 0px 20px;
}
#salvapantalles h2{
padding:0px 0px 10px 0px;
}

#salvapantalles li.img2{
width:165px;
padding:40px 0px 0px 10px;
}

#salvapantalles p.txt1{
width:170px;
padding:0px 0px 0px 15px;
}


/* video */
#video{
background: url("../../img/web/fons-video.gif") #EFB00A no-repeat 300px 40px;
background-color:#EFB00A;
height:400px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
}

#video ul{
padding:0px 0px 0px 55px;
}
#video li{
float:left;
height:380px;
}
#video li.txt1{
width:236px;
background: url("../../img/web/fons-text-extres.gif") #EFB00A no-repeat 24px 245px;
}
#video .flash{
float:left;
width:460px;
height:380px;
padding:22px 0px 0px 107px;
}
#video h2{
padding:20px 0px 0px 100px;
}

#video .img1{
width:242px;
padding:00px 0px 0px 0px;
}

#video li.img2{
width:165px;
padding:40px 0px 0px 10px;
}

#video p{
width:150px;
padding:0px 10px 0px 45px;
}
/* manualitats */
#manualitats{
/*background: url("../../img/web/fons-video.gif") #EFB00A no-repeat 300px 40px;*/
background-color:#EFB00A;
height:400px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
}

#manualitats img{
padding:0px 0px 0px 55px;
border:0px;
}

/* contacte */
#contacte{
background: url("../../img/web/fons-contacte.jpg") #EFB00A no-repeat 20px 0px;
height:572px;
}
#contacte ul{
padding:0px 0px 0px 220px;
}
#contacte li{
float:left;
padding:80px 0px 0px 0px;
}
#contacte h2{
padding:25px 0px 15px 0px;
}
#contacte p{
padding:10px 0px 0px 0px;
}
#contacte .text{
float:left;
width:265px;
height:250px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify
}
#contacte .img{
padding:100px 0px 0px 0px;
}
#contacte input{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:200px;
margin:2px;
}
#contacte .boto{
width:60px;
height:15px;
border:0px;
}
#contacte textarea{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:220px;
margin:2px;
}


/* postal */
#postal{
background: url("../../img/web/fons-postal.jpg") #EFB00A no-repeat 20px 0px;
height:572px;
}
#postal ul{
padding:0px 0px 0px 220px;
}
#postal li{
float:left;
padding:80px 0px 0px 0px;
}
#postal h2{
padding:25px 0px 5px 0px;
}
#postal p{
padding:10px 0px 0px 0px;
}
#postal .text{
float:left;
width:265px;
height:250px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify
}
#postal .img{
margin:25px 0px 0px 12px;
border:1px solid #706f6e;
}
#postal input{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:200px;
margin:2px;
}
#postal .boto{
width:60px;
height:15px;
border:0px;
}
#postal textarea{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:220px;
margin:2px;
}
#postal .col1{
float:left;
width:250px;
height:15px;
border:0px;
padding:10px 0px 0px 10px;
}

#postal .col1 input{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:230px;
margin:2px;
}

/* resolucio */
#resolucio{
background: url("../../img/web/fons-postal.jpg") #EFB00A no-repeat 20px 0px;
height:572px;
}
#resolucio ul{
padding:0px 0px 0px 220px;
}
#resolucio li{
float:left;
padding:80px 0px 0px 0px;
}
#resolucio h2{
padding:25px 0px 5px 0px;
}
#resolucio p{
padding:10px 0px 0px 0px;
}
#resolucio .text{
float:left;
width:265px;
height:250px;
padding:0px 8px 0px 8px;
line-height:14px;
text-align:justify
}
#resolucio .img{
margin:15px 0px 0px 12px;
text-align:center
}
#resolucio input{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:200px;
margin:2px;
}
#resolucio .boto{
width:60px;
height:15px;
border:0px;
}
#resolucio textarea{
padding:0px;
font:10px verdana,arial,tahoma,sans-serif;
color:#666666;
width:200px;
height:40px;
margin:2px;
}

#resolucio p.enviar{
text-align:right;
margin:-10px 30px 0 0
}

#resolucio .col1{
float:left;
width:320px;
height:15px;
border:0px;
padding:5px 0px 0px 10px;
font:10px verdana,arial,tahoma,sans-serif;
text-align:justify;
color:#666666;
}



/* 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;
}
.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
}

/*--- BOTTOM,FOOTER ---*/
/* Home bottom */
#bottomhome{
padding:0 0 20px 0;
background:#466FB8;
}
#bottomhome ul{
padding:0px 0px 0px 0px;
}
#bottomhome li{
float:left;
padding:0px 0px 0px 20px;
}
#bottomhome .col1{
    float:left;
    width:640px;
    
}
#bottomhome .col2{
		background: url("../../img/web/bgr-video.gif") #466fb8 no-repeat 0px 0px;
        width:289px;
		height:213px;
        float:right;
        padding:10px 0px 0px 20px;
		margin:10px 5px 0 0;
}
#bottomhome .webcam{
   float:left;
width:330px;
height:110px;
padding:0px 0px 0px 20px;
}
#bottomhome .noticia{
     float:left;
width:220px;
padding:0px 0px 0px 10px;
}

/* Content bottom */
#bottom{
padding:0 0 20px 0;
background:#466FB8
}
#bottomallotjament{
padding:20px 0px 20px 0px;
background:#466FB8
}

.bcol li{
padding:10 10px 15px 30px;
width:320px;
float:left;
color:#92b0da
}
.bcol p{
padding:0 0 5px 0
}
.bcol p strong{
color:#cad9ec
}
.bcol a{
	color:#95ADDB;
}
.bcol a:hover{
	color:#95ADDB;
}

#footer{
background:url(../../img/web/logo-container.gif) no-repeat center;
text-align:center;
height:72px
}
#footer img{
margin:0px 7px 0px 7px;
}
/* correcio explorer */
*html #footer img{
margin:2px 7px 0px 7px;
}
/* nota home */
#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;
}
/* 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;
}

/* Interior bottom container */

/* 2 columnes */
#bottom2{
padding:0px 0px 20px 30px;
background:#466FB8;
height:170px;
}
#bottom2 ul{
padding:0px 0px 0px 15px;
}
#bottom2 li{
background:url(../../img/web/caixa-2-col.gif) no-repeat top;
padding:5px 0px 0px 20px;
width:440px;
height:170px;
float:left;
color:#FFFFFF;
font-size:11px;
}
#bottom2 h3{
padding:10px 0px 0px 14px;
}
#bottom2 h4{
padding:0px 0px 0px 0px;
width:240px;
text-align:right;
}

#bottom2 h5{
padding:0px 0px 0px 0px;
width:400px;
text-align:right;
}

#bottom2 p{
width:400px;
padding:10px 0px 0px 14px;
text-align:justify
}

/* 3 columnes */
#bottom3{
padding:0px 0px 20px 30px;
background:#466FB8;
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 */
#bottom4{
padding:0px 0px 20px 30px;
background:#466FB8;
height:300px;
}
#bottom4 ul{
padding:0px 0px 0px 15px;
}
#bottom4 li{
background:url(../../img/web/caixa-4-col.gif) no-repeat top;
padding:5px 0px 0px 0px;
width:220px;
height:290px;
float:left;
color:#FFFFFF;
font-size:11px;
}
#bottom4 h3{
padding:10px 20px 0px 25px;
}
#bottom4 h4{
padding:0px 0px 0px 0px;
width:189px;
text-align:right;
}
#bottom4 p{
padding:10px 30px 0px 30px;
height:120px;
}

/* 5 columnes */
#bottom5{
padding:0px 0px 20px 0px;
background:#466FB8;
float:left
}
#bottom5 ul{
padding:10px 0px 0px 10px;
}
#bottom5 li{
background:url(../../img/web/caixa-4-col.gif) no-repeat top;
padding:5px 0px 0px 0px;
width:200px;
height:290px;
float:left;
color:#FFFFFF;
font-size:11px;
}
#bottom5 h3{
padding:10px 20px 0px 15px;
}
#bottom5 h4{
padding:0px 0px 0px 0px;
width:189px;
text-align:right;
}
#bottom5 p{
padding:10px 15px 0px 15px;
height:120px;
}


/* 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
}

.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #6B5C1E;
	}
/* Primer nivel */
.sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;

}

.sitemap li { margin: 0 0 0px 0; }

.sitemap a
{
display: block;
padding:3px 10px 2px 12px; 
border-bottom: solid 2px #EFB00A;
text-decoration:none;
color:#6B5C1E;
font-weight:bold;
font-size:12px;
background-color:#F6D47A;
background-image:url(../../img/web/bg_corner.gif);
background-repeat:no-repeat;
background-position:133px 0px;
}

.sitemap a:hover
{
color: #808080;
text-decoration: none;
}
.sitemap a.active
{
	color: #575754;
}


/* Segundo nivel */
.sitemap ul li { margin: 0px 0px 0px 0px; }

.sitemap ul a
{
display: block;
padding:3px 10px 3px 22px; 
border-bottom: solid 2px #EFB00A;
text-decoration:none;
color:#000000;
font-weight:normal;
font-size:11px;
background-color:#FFFFFF;
}

.sitemap ul a:hover
{
color: #000000;
background-color: #D7D7D7;
text-decoration: none;
}




/* Navegacio galeries*/

.navegacion{position:relative; color:#F6D47A; width:500px;margin:0px;padding:0px; font-size:12px; left:45px; height:15px; }
.navegacion a{ color:#6B5C1E;font-size:12px; font-weight:bold;}
.navegacion ul { float:left; list-style:none; margin:0px;}
.navegacion ul  li {display:inline; padding:0 2px 0 0; font-size:12px;}
.navegacion ul  a { text-decoration:none; }
.navegacion ul  a:hover {text-decoration:underline;color:#6B5C1E;font-size:12px; font-weight:bold;}

#google_translate_allotjament{
background:#FFF;margin:5px 0 0 0;padding:5px 0 0 20px;width:230px;height:55px
}


#google_translate_allotjament{
background:#FFF;margin:5px 0 0 0;padding:5px 0 0 20px;width:230px;height:55px
}



/* Slide de imatges */
#frame{
	background-color:#efb00a;
	text-align:center;
	padding:0px;
	margin:0px;
}

#slide{
	text-align:center;
	background:url(../../img/web/bgr-slide.gif) #efb00a no-repeat top;
}


#slidehome{
	text-align:center;
	background:url(../../img/web/bgr-slide-home.gif)  no-repeat 0px 0px;
    margin:0 0 0 25px;
}

.frameslide{
	background-color:#efb00a;
}

#allotjament .frame{
border:0px;
height:400px;
width:600px;

}

#cercador{
	color:#000; 
	background-color:#466fb8;
}

#cercador .resultats{
	width:650px;
	margin:auto;
	background-color:#fff;
	padding:20px;
	min-height:530px;
	
}

#cercador .form{
	width:610px;
	margin:auto;
	background-color:#CBDCF5;
	padding:20px;
}

#cercador input,select{
	width:150px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 10px 0 0 
}

#cercador h1 { 
	color:#D18E02; 
	font-size:14px; 
	font-weight:bold; 
	padding:0 0 5px 0; 
}

#cercador a { 
	color:#2b4b83;
}

#videosaborea
{
    background:url(../../../video/bg_saborea_video.gif) no-repeat;
    width:254px;
    height:207px;
    margin:30px 0 0 4px;
    padding:15px 0 0 10px;
}