html, body
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10px; 
 margin: 0;
 background-color:#59abe8;
}

#contingut
{
 height:100%;
 margin: 0 auto;
 width:900px;
}

#principal
{
 height:100%;
 bottom:10px;
 top:10px;
 left:10px;
 width:860px;
 background-color:#FFFFFF;
 float:left;
 position:relative;
}

/* CAPÇALERA */

#cap
{
 height:102px;
 width:840px;
 top:10px;
 left:10px;
 float:left;	
 position:relative;
 background-color:#59abe8;
}

#banderes
{
 top:10px;
 left:680px;
 height:17px;
 width:135px;
 position:relative;
}

img.bandera
{
 height:17px;
 width: 22px;
 border:0px;
 float:left;
 position:relative;
 z-index:100;
}

input.bandera
{
 height:17px;
 width: 22px;
 border:0px;
 float:left;
 position:relative;
 z-index:100;
}

div.separador
{
 height:17px;
 width: 5px;
 float:left;
 position:relative;
}

img.cap
{
 top:-10px;
 height:95px;
 float:left;
 position:relative;
}

img.api
{
 height:44px;
 top:18px;
 left:120px;
 border:0px;
 float:left;
 position:relative;
}

img.direccio
{
 width:170px;
 top:15px;
 left:85px;
 float:left;
 position:relative;
 border:0px;
}

/* MENÚ */

#menu
{
 left:10px;
 top:20px;
 width:150px;
 height:100%;
 float:left;
 position:relative;
}

#menuIndex
{
 left:10px;
 top:20px;
 width:150px;
 height:100%;
 float:left;
 position:relative;
}

#menuReserva
{
 left:10px;
 width:150px;
 height:600px;
 float:left;
 position:relative;
}

#menuFormulari
{
 left:10px;
 width:150px;
 height:600px;
 float:left;
 position:relative;
}

#espaimenu
{
 left:10px;
 width:150px;
 height:70px;
 float:left;
 position:relative;
}

div.separadorBuscador
{
 width:150px;
	height:20px;
	float:left;
	position:relative;
}

div.separadorFormBuscador
{
 width:150px;
	height:20px;
	float:left;
	position:relative;
}

span.especial
{
 font-weight:bold;
	font-size:12px;
}

#infoEspecial
{
 left:320px;
	top:-15px;
 height:15px;
	width:100px;
	background-image: url('../imatges/botons/infoespecial.jpg');
	float:left;
	position:relative;
	color: #FFFFFF;
	font-weight:bold;
}

p.botoespecial
{
 left:20px;
	top:2px;
	position:relative;
	float:left;
}

#buscador
{ 
 width:150px;
 height:250px;
 float:left;
 position:relative;
 background-color:#59ABE8;
 color:#FFFFFF;
}

span.disponibilitat
{
 font-weight:bold;
 width:150px;
 height:20px;
 top:7px;
 text-align:center;
 float:left;
 position:relative;
}

span.entrada, span.sortida
{
 width:128px;
 height:17px;
 top:7px;
 left:10px;
 float:left;
 position:relative;
 font-weight:bold;
}

span.persones
{
 width:80px;
 height:17px;
 top:19px;
 left:10px;
 float:left;
 position:relative;
 font-weight:bold;
}

#persones
{
 top:14px;
 float:left;
 position:relative;
}

span.poblacio, span.allotjament
{
 width:128px;
 height:17px;
 top:19px;
 left:10px;
 float:left;
 position:relative;
 font-weight:bold;
}

#poblacio, #allotjament
{
 top:17px;
 left:10px;
 float:left;
 position:relative;
}

input.boto
{
 top:25px;
 left:29px;
 width:80px;
 float:left;
 position:relative;
}

div.contactar
{
 height:38px;
 width:150px;
 float:left;
 top:10px;
 position:relative;
 color:#FFFFFF;
 font-weight:bold;
 background-color:#59abe8;
}

div.contactar2
{
 height:38px;
 width:150px;
 float:left;
 top:10px;
 position:relative;
 color:#FFFFFF;
 font-weight:bold;
 background-color:#59abe8;
}

a.contactar:link, a.contactar:visited, a.contactar:active, a.contactar:hover
{
 text-decoration:none;
 color:#FFFFFF;
 font-weight:bold;
 top:12px;
 left:45px;
 text-align:center;
 float:left;
 position:relative;
}

#displayMenu
{
 height:40px;
 width:150px;
 float:left;
 top:20px;
 position:relative;
 color:#FFFFFF;
 font-weight:bold;
 background-color:#99c4e5;
}

#displayMenuIndex
{
 /*height:295px;*/
 height:253px;
 width:150px;
 float:left;
 top:20px;
 position:relative;
 color:#FFFFFF;
 font-weight:bold;
 background-color:#99c4e5;
}

div.displayMenu
{
 height:21px;
 width:145px;
 float:left;
 top:10px;
 left:2px;
 position:relative;
 background-image: url("../imatges/botons/boto.jpg");
 background-repeat:no-repeat;
}

a.menu:link, a.menu:visited, a.menu:active, a.menu:hover

{
 top:4px;
 text-decoration:none;
 font-weight:bold;
 left:4px;
 color:#FFFFFF;
 width:150px;
 height:16px;
 float:left;
 position:relative;
}

#contactaLateral
{
	top:20px;
 left:25px;
 width:150px;
 height:180px;
 float:left;
 position:relative;
}

#contactaForm
{
 left:25px;
 width:150px;
 height:180px;
 float:left;
 position:relative;
}

#enviarAmic
{
 height:380px;
 width:150px;
 float:left;
 top:30px;
 position:relative;
 color:#FFFFFF;
 font-weight:bold;
 background-color:#59abe8;
}

span.enviarAmic
{
 font-weight:bold;
 width:150px;
 height:20px;
 top:7px;
 text-align:center;
 float:left;
 position:relative;
}

span.nomEnviar, span.correuEnviar, span.correuAmicEnviar, span.comentarisEnviar
{
 width:128px;
 height:17px;
 top:7px;
 left:10px;
 float:left;
 position:relative;
 font-weight:bold;
}

input.nomEnviar, input.correuEnviar, input.correuAmicEnviar
{
 width:115px;
 height:15px;
 top:5px;
 left:10px;
 float:left;
 position:relative;
 font-size:10px;
}

input.botoEnviar
{
 width:80px;
 height:24px;
 top:10px;
 left:29px;
 float:left;
 position:relative;
}

textarea.comentarisEnviar
{
 width:115px;
 height:110px;
 top:5px;
 left:10px;
 float:left;
 position:relative;
 font-size:10px;
}

span.separador
{
 width:128px;
 height:3px;
 top:7px;
 left:10px;
 float:left;
 position:relative;
}

#separador
{
 height:50px;
 width:750px;
 top:10px;
 left:10px;
 float:left;	
 position:relative;
}

/* RESULTATS */

#resultats
{
 left:20px;
 top:20px;
 width:678px;
 height:100%;
 float:left;
 position:relative;
 font-size:11px;
}

#links
{
 text-align:center;
 height:100%;
 width:100%;
 float:left;
 position:relative;
}

a.links:link, a.links:visited, a.links:active, a.links:hover
{
 color:#0083e8;
 font-weight:bold;
 text-decoration: none;
}

span.disresultats
{
 width:678px;
 height:20px;
	font-weight:bold;
 float:left;
 position:relative;
}

span.disponible
{
 font-weight:bold;
}

div.resBusqueda
{
 width:678px;
 height:100%;
 float:left;
 position:relative;
}

div.thumbinfo
{
 width:110px;
 height:110px;
 float:left;
 position:relative;
}

div.thumbnail
{
 width:110px;
 height:83px;
 float:left;
 position:relative;
}

img.thumbnail
{
 width:110px;
 height:83px;
 border:0px;
 z-index:0;
 position:absolute;
}

input.thumbnail
{
 width:110px;
 height:83px;
 border:0px;
 z-index:0;
 position:absolute;
}

img.frame
{
 width:110px;
 height:83px;
 border:0px;
 z-index:1;
 position:absolute;
}

div.resultats
{
 height:100%;
 width:560px;
 left:10px;
 float:left;
 position:relative;
}

a.link:link, a.link:visited, a.link:active, a.link:hover
{
 color:#0083e8;
 font-weight:bold;
 text-decoration: none;
}

input.link
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#0083e8;
 background-color:#FFFFFF;
 background-image:none;
 font-weight:bold;
 text-decoration: none;
 border:0;
 width:80px;
 height:15px;
 left:-5px;
 cursor: pointer;
 font-size:11px;
 float:left;
 position:relative;
}

input.link2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#0083e8;
 background-color:#FFFFFF;
 background-image:none;
 font-weight:bold;
 text-decoration: none;
 border:0;
 cursor: pointer;
 font-size:11px;
 float:left;
 position:relative;
 width:400px;
 height:15px;
 text-align:left;
}

span.preu
{
 color:#0083e8;
 float: left;
 font-weight:bold;
 position:relative;
 font-size:11px;
}

span.dates
{
 font-weight:bold;
	color:#000000;
	position:relative;
}

div.caracteristiques
{
 top:10px;
 width:678px;
 height:110px;
 float:left;
 position:relative;
 background-image:url('../imatges/carac2.jpg');
 background-repeat:no-repeat;
}

div.caract3
{
 width:338px;
 height:80px;
 float:left;
 position:relative;
 border-right:1px solid #59abe8;
}

span.caracteristiques
{
 top:5px;
 left:15px;
 width:338px;
 height:15px;
 float:left;
 position:relative;
}

div.caract
{
 top:8px;
 left:15px;
 /*width:172px;*/
 height:100%;
 float:left;
 position:relative;
}

div.caract2
{
 top:8px;
 left:40px;
 /*width:172px;*/
 height:100%;
 float:left;
 position:relative;
}

img.tick
{
 width:10px;
 height:10px;
 border:0px;
}

span.caractitol
{
 top:8px;
 left:15px;
 width:172px;
 height:100%;
 float:left;
 position:relative;
}

span.activitats
{
 top:5px;
 left:15px;
 width:338px;
 height:15px;
 float:left;
 position:relative;
}

div.activitats2
{
 width:338px;
 height:80px;
 float:left;
 position:relative;
}

div.activitats
{
 top:5px;
 width:172px;
 height:100%;
 left:10px;
 float:left;
 position:relative;
}

div.act
{
 top:8px;
 left:15px;
 width:135px;
 height:100%;
 float:left;
 position:relative;
}

div.act2
{
 top:8px;
 left:30px;
 width:172px;
 height:100%;
 float:left;
 position:relative;
}

hr.separador
{
 width:690px;
 height:1px;
 color:#59abe8;
 float:left;
 position:relative;
 background-color:#59abe8;
}

div.separadorResultats
{
 width:690px;
 height:20px;
 float:left;
 position:relative;
}

/* INDEX */
div.textSuperior
{
 font-style: italic;
}

#botonsordenar
{
 width:678px;
 height:30px;
 float:left;
 position:relative;
}


div.ordenar
{
 left:150px;
 height:20px;
 width:136px;
 background-image: url('../imatges/botons/informacio.jpg');
 float:left;
 position:relative;
}

div.ordenar2
{
 left:148px;
 height:20px;
 width:136px;
 background-image: url('../imatges/botons/informacio.jpg');
 float:left;
 position:relative;
}

div.separaordenar
{
 left:200px;
 height:20px;
 width:56px;
 float:left;
 position:relative;
}

div.idindex
{
 top:-10px;
 height:auto;
 width:660px;
 text-align:right;
 float:left;
 position:relative;
}

a.linkid:link, a.linkid:visited, a.linkid:active, a.linkid:hover
{
 color:#0083e8;
 font-weight:bold;
 text-decoration: none;
}

input.linkid
{
 color:#0083e8;
 font-weight:bold;
 text-decoration: none;
 background-color:#FFFFFF;
 border:0;
 cursor: pointer;
}

a.textordena:hover, a.textordena:link, a.textordena:visited, a.textordena:active
{
 top:3px;
 width:136px;
 height:20px;
 text-align:center;
 font-weight:bold;
 color:#FFFFFF;
 float:left;
 text-decoration:none;
 position:relative;
}

div.allotjaments
{
 float: left;
	position:relative;
}

span.preuvenda
{
 font-weight:bold;
}

#comentarisLateral
{
 height:100%;
 width:150px;
 float:left;
 top:40px;
 position:relative;
 color:#000000;
 font-size:11px;
 text-align:center;
}

hr
{
 width:100%;
	color:#59abe8;
	background-color:#59ABE8;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* BUSCADOR ALLOTJAMENTS */

#descripcio
{
 width:675px;
 height:100%;
 float:left;
 position:relative;
}

span.nom
{
 font-weight:bold;
 font-size:14px;
 width:675px;
 float:left;
 position:relative;
}

#esquerra
{
 top:15px;
 width:310px;
 height:160px;
 float:left;
 position:relative;
}

#esquerraPre
{
 top:15px;
 width:350px;
 height:165px;
 float:left;
 position:relative;
}

#centre
{
 top:15px;
 width:220px;
 height:160px;
 float:left;
 position:relative;
}

#centrePre
{
 top:15px;
 width:180px;
 height:165px;
 float:left;
 position:relative;
}

#dreta
{
 top:15px;
 width:140px;
 height:160px;
 float:left;
 position:relative;
}

font.id
{
 font-weight:bold;
}

#dretaPre
{
 top:15px;
 width:140px;
 height:165px;
 float:left;
 position:relative;
}

span.esquerra
{
 left:25px;
 width:150px;
 height:20px;
 float:left;
 position:relative;
}

span.canvidates
{
 left:25px;
 width:300px;
 height:15px;
 float:left;
 position:relative;
 text-align:left;
 font-weight:bold;
 color:#0083e8;
}

span.canvidatesallotjament
{
 left:25px;
 top:20px;
 width:300px;
 height:15px;
 float:left;
 position:relative;
 text-align:left;
 font-weight:bold;
 color:#0083e8;
}

a.canvidates:link, a.canvidates:visited, a.canvidates:active, a.canvidates:hover
{
 text-decoration:none;
 cursor: pointer;
 font-weight:bold;
 color:#0083e8;
}

font.preu
{
 font-weight:bold;
	color:#0083e8;
	font-size:12px;
}

img.euro
{
 width: 12px;
	height: 12px;
	border:0px;
}

font.euro
{
 font-weight:bold;
 color:#0083e8;
 font-size:12px;
}

span.dreta
{
 width:160px;
 height:20px;
 float:left;
 position:relative;
}

#reservar
{
 top:3px;
 left:35px;
 height:20px;
 width:136px;
 background-image: url('../imatges/botons/reservat.jpg');
 float:left;
 position:relative;
}

#informacio
{
 top:3px;
 left:25px;
 height:20px;
 width:136px;
 background-image: url('../imatges/botons/informacio.jpg');
 float:left;
 position:relative;
}

#informacionodis
{
 top:3px;
 left:25px;
 height:20px;
 width:136px;
 background-image: url('../imatges/botons/informacio.jpg');
 float:left;
 position:relative;
}

#informacioAllotjaments
{
 top:5px;
 left:60px;
 height:20px;
 width:136px;
 background-image: url('../imatges/botons/informacio.jpg');
 float:left;
 position:relative;
}

#calendari
{
 top:5px;
 left:35px;
 height:20px;
	width:136px;
	background-image: url('../imatges/botons/informacio.jpg');
	float:left;
	position:relative;
}

div.infor
{
 top:5px;
 left:35px;
 height:20px;
	width:136px;
	background-image: url('../imatges/botons/informacio.jpg');
	float:left;
	position:relative;
}

span.reservar
{
 color:#FFFFFF;
	left:45px;
	top:5px;
	font-weight:bold;
 float:left;
	position:relative;
}

span.info
{
 color:#FFFFFF;
	left:20px;
	top:5px;
	font-weight:bold;
 float:left;
	position:relative;
}

span.calendari
{
 color:#FFFFFF;
	left:25px;
	top:5px;
	font-weight:bold;
 float:left;
	position:relative;
}

a.reservar:link, a.reservar:visited, a.reservar:active, a.reservar:hover
{
 text-decoration:none;
 cursor: pointer;
}

a.player:link, a.player:visited, a.player:active, a.player:hover
{
 text-decoration:none;
 cursor: pointer;
}

img.telefons
{
 top:-15px;
 border:0;
	width:110px;
	float: left;
	position:relative;
}

span.telefons
{
 top:-15px;
 left:5px;
 border:0;
	width:110px;
	height:20px;
	float: left;
	position:relative;
	z-index:0;
}

span.email
{
 top:-10px;
 left:-15px;
 width:110px;
 height:30px;
 float:left;
 position:relative;
 z-index:0;
}

#buscardispo
{
 height:40px;
 width:630px;
 left:25px;
 top:10px;
 float:left;
 position:relative;
 display:none;
}

div.mostracalendari
{
 float:left;
 position:relative;
 width:647px;
 left:37px;
 height:auto;
 display:none;
}

div.separadordispo
{
 width:100%;
 height:20px;
 float:left;
 position:relative;
}

span.mostrarcalendari
{
 left:130px;
 height:30px;
 top:12px;
 float:left;
 position:relative;
 width:100px;
 color:#000000;
 font-weight:bold;
}

#llegenda
{
 width:300px;
 height:20px;
 top:10px;
 left:10px;
 border: 1px solid #59abe8;
 float:left;
 position:relative;
}

#disponible
{
 top:3px;
 width:15px;
 height:15px;
 left:10px;
 background-color:#59abe8;
 float:left;
 position:relative;
}

#nodisponible
{
 top:3px;
 width:15px;
 height:15px;
 left:15px;
 background-color:#F36A0E;
 float:left;
 position:relative;
}

div.text
{
 top:5px;
 width:100px;
 height:20px;
 left:20px;
 float:left;
 position:relative;
}

span.entradain
{
 left:0px;
 top:12px;
 float:left;
 position:relative;
 width:60px;
 height:30px;
 color:#FFFFFF;
 color:#000000;
}

span.calentrada
{
 top:4px;
 height:30px;
 width:auto;
 float:left;
 position:relative;
}

span.sortidain
{
 left:40px;
 top:12px;
 float:left;
 position:relative;
 height:30px;
 width:80px;
 color:#FFFFFF;
 color:#000000;
}

span.calsortida
{
 top:4px;
 height:30px;
 width:auto;
 float:left;
 position:relative;
}

a.mcalendari:link, a.mcalendari:visited, a.mcalendari:active, a.mcalendari:hover
{
 text-decoration:none;
 cursor: pointer;
 font-weight:bold;
 color: #0083E8;
}

input.buscaAllot
{
 left:40px;
 top:8px;
 height:22px;
 width:auto;
 float:left;
 position:relative;
}

#superior
{
 width:675px;
 height:25px;
 background-image: url("../imatges/superiorGran.jpg");
 float:left;
 position:relative;
}

#galeria
{
 top:15px;
 background-image: url("../imatges/interiorGran.jpg");
 width:675px;
 height:100%;
 position:relative;
 float:left;
}

#lateral
{
 width:425px;
	height:100%;
	float:left;
 position:relative;
}

#preustemporada
{
 left:15px;
 top:20px;
 width:650px;
 height:100%;
 float: left;
 position:relative;
}

table.temporades
{
 width:530px;
 height:100%;
 float: left;
 position:relative;
}

td.titoltemporada
{
 height:25px;
 background-color: #59abe8;
 color:#FFFFFF;
 text-align:center;
 font-weight:bold;
 border-left: 1px solid #59abe8;
}

td.titoltemporadacentre
{
 height:25px;
 background-color: #59abe8;
 color:#FFFFFF;
 text-align:center;
 font-weight:bold;
 border-left: 1px solid #FFFFFF;
}

td.temporadaesquerra
{
 height:25px;
 border: 1px solid #59abe8;
}

td.temporada
{
 height:25px;
 border: 1px solid #59abe8;
 text-align:center;
}

#separadorTaula
{
 top:10px;
 width:675px;
 height:30px;
 float:left;
 position:relative;
}

div.pdf
{
 left:-1px;
 top:5px;
 width:225px;
 height:30px;
 float: left;
 border-left: 1px solid #59abe8;
 position:relative;
}

span.nompdf
{
 left:8px;
 top:3px;
 float:left;
 position:relative;
 font-weight:bold;
 cursor: pointer; 
}

img.pdf
{
 left:5px;
 width:22px;
 height:22px;
 float:left;
 position:relative;
}

a.pdf:link, a.pdf:visited, a.pdf:active, a.pdf:hover
{
 top:5px;
 left:10px;
 width:198px;
 height:20px;
 color:#0083e8;
 font-weight:bold;
 text-decoration: none;
 float:left;
 cursor: pointer;
 position:relative;
}

#inferior
{
 width:675px;
 height:25px;
 background-image: url("../imatges/inferiorGran.jpg");
 float:left;
 position:relative;
}

#fotog
{
 top:-10px;
 left:12px;
 width:425px;
 height:340px;
 float:left;
	z-index:0;
 position:relative;
 border-bottom: 1px solid #59abe8;
}

#arrodonit
{
 top:-10px;
 left:12px;
 width:425px;
 height:320px;
	z-index:10;
 position:absolute;
	visibility:visible;
}

img.fotog
{
 width:425px;
 height:340px;
 border:0;
 z-index:0;
 position:absolute;
}

img.frameg
{
 width:425px;
 border:0px;
 z-index:1;
 position:absolute;
}

img.fotoslide
{
 width:425px;
	height:319px;
 border:0;
 z-index:0;
 position:absolute;
}

#botons
{
 width:425px;
 left:12px;
 height:54px;
 float:left;
 position:relative;
}

img.botons
{
 width:85px;
	height:45px;
	border:0;
	float:left;
	position:relative;
}

img.botoPlay
{
 width:85px;
 height:45px;
 border:0;
 float:left;
 position:relative;
}

img.botoPausa
{
 width:85px;
 height:45px;
 border:0;
 float:left;
 position:relative;
 display:none;
}

img.botoprimerPlay
{
 width:85px;
 height:45px;
 border:0;
 float:left;
 position:relative;
 display:none;
}

img.load
{
 width:66px;
	height:66px;
 border:0;
	position:absolute;
	z-index:10;
	top:130px;
	left:180px;
	visibility:visible;
}

#video
{
 visibility:hidden;
}

div.separadorbotons
{
 width:10px;
	height:35px;
	float:left;
	position:relative;
}

#reservaformulari
{
 width:136px;
	left:8px;
 height:45px;
	float:left;
	position:relative;
}

#reservar2
{
 top:5px;
 height:20px;
	width:136px;
	background-image: url('../imatges/botons/reservat.jpg');
	float:left;
	position:relative;
}

#informacio2
{
 height:20px;
	width:136px;
	background-image: url('../imatges/botons/informacio.jpg');
	float:left;
	position:relative;
}

#informacio2nodis
{
 top:10px;
 height:20px;
 width:136px;
 background-image: url('../imatges/botons/informacio.jpg');
 float:left;
 position:relative;
}

#info2
{
 top:12px;
 height:20px;
	width:136px;
	background-image: url('../imatges/botons/informacio.jpg');
	float:left;
	position:relative;
}

#text
{
 width:425px;
 height:100%;
 left:12px;
 float:left;
 position:relative;
}

#tot
{
 width:425px;
	height:100%;
 float:left;
	position:relative;
	border-top: 1px solid #59abe8;
	
}

div.totescaract
{
 width:210px;
	height:100%;
 float:left;
	position:relative;
}

#totesact
{
 width:210px;
	height:100%;
 float:left;
	position:relative;
	border-bottom: 1px solid #59abe8;
}

#llit
{
 top:5px;
 width:425px;
	height:100%;
 float:left;
	position:relative;
	border-top: 1px solid #59abe8;
}

#separadorCaract
{
 top:5px;
 width:425px;
	height:10px;
 float:left;
	position:relative;
}

div.thumbnails
{
 top:-10px;
 left:22px;
 width:225px;
 height:100%;
 float:left;
 position:relative;
 border-left: 1px solid #59abe8;
}

div.fotop
{
 left:8px;
 width:110px;
 height:85px;
 float:left;
 position:relative;
}

div.fotoplay
{
 left:8px;
 width:110px;
 height:85px;
 float:left;
 position:relative;
}

div.fotopausa
{
 left:8px;
 width:110px;
 height:85px;
 float:left;
 position:relative;
 display:none;
}

div.fotoprimerplay
{
 left:8px;
 width:110px;
 height:85px;
 float:left;
 position:relative;
 display:none;
}

img.fotop
{
 height:70px;
 width:100px;
 border:0px;
 z-index:0;
 position:absolute;
}

img.framep
{
 height:70px;
 width:100px;
 border:0px;
 z-index:1;
 position:absolute;
}

#condicions
{
 top:20px;
 text-align:center;
 width:100%;
 height:10px;
 float:left;
 position:relative;
}

p.condicions
{
 top:-250px;
 text-align:justify;
 background-color:#59abe8;
 border: 1px double #000000;
 width:675px;
 height:225px;
 float:left;
 position:relative;
 display:none;
 z-index:100;
}

span.condicions
{
 top:10px;
	left:10px;
	width:650px;
	height:100%;
 float:left;
	position:relative;
	color:#FFFFFF;
	z-index:100;
}

a.tancar:link, a.tancar:visited, a.tancar:active, a.tancar:hover
{
 color:#FFFFFF;
 font-weight:bold;
	font-size:14px;
 text-decoration: none;
 left:640px;
	top:-5px;
	float:left;
	position:relative;
}

#peu
{
 top:15px;
 width:100%;
 height:50px;
 float:left;
 position:relative;
}

/* RESERVA */

#formsuperior
{
 width:675px;
 height:25px;
 background-image: url("../imatges/superiorGran.jpg");
 float:left;
 position:relative;
}

#forminferior
{
 width:675px;
 height:25px;
 background-image: url("../imatges/inferiorGran.jpg");
 float:left;
 position:relative;
}

#formcentre
{
 width:675px;
 height:100%;
 background-image: url("../imatges/interiorGran.jpg");
 float:left;
 position:relative;
}

#dadesgenerals
{
 width:520px;
	height:100%;
	float: left;
	position:relative;
}

span.dades
{
 left:15px;
	top:-10px;
	width:660px;
 color:#59abe8;
	font-weight:bold;
 float: left;
	position:relative;
	border-bottom: 1px solid #59abe8;
}

span.titols
{
 float:left;
	position:relative;
	height:20px;
	width:250px;
	left:170px;
	top:3px;
}

span.radio
{
 float:left;
	position:relative;
	height:20px;
	width:170px;
	left:170px;
}

input.quadres
{
 float:left;
	position:relative;
	height:20px;
	width:200px;
	left:70px;
	border: 1px solid #59abe8;
}

input.check
{
 float:left;
	position:relative;
	height:20px;
	width:50px;
	left:150px;
}

input.radio
{
 float:left;
	position:relative;
	height:20px;
	width:50px;
	left:70px;
}

span.separadorForm
{
 height:5px;
	width:675px;
	float: left;
	position:relative;
}

textarea.comentaris
{
 height:100px;
	width:350px;
	left:170px;
	top:5px;
	float: left;
	position:relative;
	border: 1px solid #59abe8;
}

span.check
{
 height:100%;
	width:100%;
 float: left;
	position:relative;
}

span.proteccio
{
 top:15px;
 height:30px;
	width:100%;
 float: left;
	position:relative;
}

span.protecciodades
{
 top:15px;
	left:20px;
 width:645px;
	height:100px;
	color:#59ACEF;
 font-size:9px;
 float: left;
	position:relative;
}

#botonsReserva
{
 height:50px;
 width:315px;
	top:35px;
	left:190px;
 float: left;
	position:relative;
}

input.enviar
{
 height:20px;
	width:136px;
 background-image: url('../imatges/botons/informacio.jpg');
	border:0;
	color:#FFFFFF;
	left:20px;
	cursor: pointer;
	float: left;
	position:relative;
}

input.borrar
{
 height:20px;
	width:136px;
	left:40px;
 background-image: url('../imatges/botons/informacio.jpg');
	border:0;
	color:#FFFFFF;
	cursor: pointer;
	float: left;
	position:relative;
}

span.obligatoris
{
 top:15px;
	left:20px;
 width:645px;
	height:30px;
 color:#CC0000;
 float: left;
	position:relative;
}

font.asterisc
{
 font-size:18px;
	font-weight:bold;
	color:#FF0000;
}

input.ocult
{
 display:none;
}

span.obligat
{
 top:15px;
 width:675px;
	height:30px;
	text-align:center;
 display:none;
 font-weight:bold;
 color:#FF0000;
 float:left;
	position:relative;
}

span.enviat
{
 width:675px;
	height:30px;
	text-align:center;
 font-weight:bold;
 color:#FF0000;
 float:left;
	position:relative;
}

div.descripcioOut
{
 font-size:10px;
}

p.botoreserva
{
 left:25px;
	top:3px;
	position:relative;
	float:left;
}

a.botonsreserva:link, a.botonsreserva:visited, a.botonsreserva:active, a.botonsreserva:hover
{
 text-decoration:none;
 cursor: pointer;
	color: #FFFFFF;
}

/* FORMULARI */

span.select
{
 float:left;
	position:relative;
	height:20px;
	width:250px;
	left:70px;
}


/* INPUTS I CALENDARI */

input.data1, input.data2, input.data3, input.data4
{
 background-color:#FFFFFF;
 height:17px;
 border:1px solid #000000;
 cursor:default;
 color:#000000;
 top:5px;
 left:20px;
 float:left;
 position:relative;
}

/*CALENDARI*/
a.calendari
{
	float: left;
	width: 16px;
	height: 15px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	position:relative;
	left:23px;
	top:7px;
	background: url("../imatges/calendari.gif") no-repeat; 
}

a.calendari.dp-disabled
{
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied 
{
	width: 85px;
	float: left;
}