/* inicialitzacions */
body, p, ul, h1, h2, h3, h4, h5, h6, h7, form
{
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

body {
	background-color:#333333;	
}

div.gran0 {font-size:100%;}
div.gran1 {font-size:105%;}
div.gran2 {font-size:117%;}


/*body.gran0 p {font-size:0.7em;}
body.gran1 p {font-size:0.74em;}
body.gran2 p {font-size:0.79em;}
body.gran3 p {font-size:0.83em;}*/

p {
	font-size: 0.7em;
	text-align:justify;
	/*line-height: 1em;*/
}

#main{
	position:relative; 
	margin-right:auto; 
	margin-left:auto; 
	z-index:0; 
	width:966px; 
	height:800px;
	margin-top:40px;
}

#superior{
	height:17px;
	width:951px;
	padding-right:15px;valign:bottom;
}

#fons_pagina { 
	background:url(../img/cos.jpg); 
	background-repeat:no-repeat; 
	width:966px; 
	height:651px;
}

#peu{
	position:absolute;
	bottom:30px;
	width:942px;
	padding-right:15px;
	padding-left:9px;
}
#desti2{
	position:absolute;
	z-index:300;
	top:180px;
	left:300px;
}

/* fonts */
.arial9 { 
	font-family:arial; 
	font-size:0.55em; 
}

.arial10 { 
	font-family:arial; 
	font-size:0.625em; 
}

.arial11 { 
	font-family:arial; 
	font-size:0.7em; 
}

.arial12 { 
	font-family:arial; 
	font-size:0.75em; 
}

.arial14 { 
	font-family:arial; 
	font-size:0.875em; 
}

.arial16 { 
	font-family:arial; 
	font-size:1em; 
}

.arial18 { 
	font-family:arial; 
	font-size:1.125em; 
}

.arial20 { 
	font-family:arial; 
	font-size:1.25em; 
}

.arial24 { 
	font-family:arial; 
	font-size:1.5em; 
}

.verdan9 { 
	font-family:verdana; 
	font-size:0.55em; 
}

.trebu11{
	font-family:Trebuchet MS,Helvetica,Jamrul,sans-serif;
	font-size:0.7em;
}

.trebu12{
	font-family:Trebuchet MS,Helvetica,Jamrul,sans-serif;
	font-size:0.75em;
}

.trebu16{
	font-family:Trebuchet MS,Helvetica,Jamrul,sans-serif;
	font-size:1em;
}


/* colors */
.negre { 
	color:#000000; 
}

.blanc { 
	color:#ffffff; 
}

.verd1 { 
	color:#990000; 
}

.verd2 { 
	color:#21544B; 
}

.gris1 { 
	color:#999999; 
}

.gris2 { 
	color:#CCCCCC; 
}

.gris3 { 
	color:#666666; 
}

.bBlanc { 
	background-color:#ffffff; 
}

.bGris1 { 
	background-color:#999999; 
}

.fleft { 
	float:left; 
}

.fright { 
	float:right; 
}

.brclear { 
	clear:both; 
}

.border{
	border:1px solid #FF0000;
}

.separacio5{
	padding-top:5px;
}

.padding10{
	padding-right:10px;
}

.scroll{
	scrollbar-arrow-color:#FFFFFF ;
	scrollbar-darkshadow-color: #666666;
	scrollbar-base-color:#666666;
	scrollbar-face-color:#666666;
	scrollbar-highlight-color:#666666;
	scrollbar-shadow-color:#666666;
	scrollbar-3d-light-color:#666666;
	scrollbar-track-color :#000000;
}

/* separadors */
#separadorBlanc { 
	font-size: 1px; 
	line-height: 1px; 
	background-color:#ffffff; 
	height:1px; 
}

#separadorGris1 { 
	font-size: 1px; 
	line-height: 1px; 
	background-color:#1F1F1F; 
	height:1px; 
}

#separadorGris2 { 
	font-size: 1px; 
	line-height: 1px; 
	background-color:#666666; 
	height:1px; 
}

/* varis */
#fons_menu{
	position:absolute; 
	z-index:300;
	top:149px;
	left:10px; 

}
#fons_menu2{
	position:absolute; 
	z-index:400;
	top:130px;
	left:24px;
	width:180px; 
	height:286px;
}

#quad_res { 
	position:absolute; 
	left:5px; 
	/*top:454px;*/
	z-index:100;
	bottom:166px;
}

#quad_res2 { 
	position:absolute; 
	left:20px; 
	/*top:505px;*/
	z-index:200;
	bottom:170px;
}

#quadre_contacte{
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:100;
	width:460px;
	height:409px;
}

#quadre_contacte2{
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:200;
	width:424px;
	height:373px;
	padding:18px;
}

#quadre_registre{
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:100;
	width:460px;
	height:487px;
}

#quadre_registre2{
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:200;
	width:424px;
	height:451px;
	padding:18px;
}

#imatge_fons{
	padding-left:11px;
	padding-top:12px;
}

.Nova_capsalera{
	padding-top:-12px;
}

#fons_oferta_home{
	position:absolute; 
	right:35px; 
	top:260px;
	z-index:100 
}

#fons_oferta_home2 { 
	position:absolute; 
	right:55px; 
	top:280px;
	z-index:200;
	width:270px;
	height:170px;
}

#fons_text_home{
	background:url(../img/fons_text_home.png); 
	background-repeat:no-repeat;
	width:444px; 
	height:107px; 
	padding:18px;
	position:absolute; 
	right:45px; 
	top:450px;
	z-index:90
}

#fons_text_home2{
	width:444px; 
	height:107px;
	padding:18px;
	position:absolute; 
	right:45px; 
	top:450px;
	z-index:90
}

#fons_text_hotel{
	background:url(../img/fons_text_hotel.png); 
	background-repeat:no-repeat;
	width:286px; 
	height:80px; 
	padding:18px;
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90
}

#fons_text_hotel2{
	width:286px; 
	height:80px; 
	padding:18px;
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90
}

#fons_text_habitacions{
	background:url(../img/fons_text_habitacions.png); 
	background-repeat:repeat-y;
	behavior: url(includes/iepngfix.htc);
	width:434px; 
	height:90px; 
	padding:18px;
	position:absolute; 
	right:30px; 
	bottom:184px;
	z-index:90
}

#fons_text_habitacions2{
	width:434px; 
	height:97px; 
	padding:18px;
	position:absolute; 
	right:30px; 
	bottom:169px;
	z-index:90
}


#fons_text_serveis{
	background:url(../img/fons_text_serveis.png); 
	background-repeat:no-repeat;
	width:286px; 
	height:278px; 
	padding:18px;
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90
}

#fons_text_serveis_2{
	width:286px; 
	height:278px; 
	padding:18px;
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90
}

#fons_text_serveis2{
	background:url(../img/fons_text_unservei.png); 
	background-repeat:repeat-y;
	width:322px; 
	height:280px; 
	padding-bottom:18px;
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90
}

#fons_text_serveis2_2{
	width:322px; 
	height:280px; 
	padding-top:19px;
	padding-bottom:18px;
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90
}

#fons_text_bonrotllo2{
	background:url(../img/fons_text_bonrotllo.png); 
	background-repeat:repeat-y;
	width:680px; 
	height:500px; 
	padding-bottom:18px;
	position:absolute; 
	right:30px; 
	top:100px;
	z-index:90
}

#fons_text_bonrotllo2_2{
	width:680px; 
	height:500px; 
	padding-top:10px;
	padding-bottom:18px;
	position:absolute; 
	right:30px; 
	top:100px;
	z-index:90
}


#fons_text_galeria{
	background-color:#000000;
	width:317px; 
	height:27px; 
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90;
	padding-top:5px;
	padding-left:5px;
}

#fons_text_localitzacio{
	background:url(../img/fons_text_localitzacio.png); 
	background-repeat:repeat-y;
	width:654px; 
	height:492px; 
	padding-left:18px;
	position:absolute; 
	right:30px; 
	top:130px;
	z-index:90
}

#mapa_localitzacio{
	position:absolute;
	top:180px;
	right:50px;
	z-index:100;
}

#fons_text_tarifes{
	background:url(../img/fons_text_tarifes.png); 
	background-repeat:no-repeat;
	width:626px; 
	height:401px; 
	padding:18px;
	position:absolute; 
	right:30px; 
	top:130px;
	z-index:90
}

#fons_text_tarifes2{
	width:646px; 
	height:401px; 
	padding-top:18px;
	padding-bottom:18px;
	position:absolute; 
	right:30px; 
	top:130px;
	z-index:90
}

#motor_reserves{
	position:absolute;
	top:97px;
	right:60px;
	z-index:100;
	width:557px;
	height:390px;
}

#fons_text_mapa{
	background:url(../img/fons_text_mapa.png); 
	background-repeat:repeat-y;
	width:644px; 
	height:500px; 
	padding-left:18px;
	position:absolute; 
	right:30px; 
	top:97px;
	z-index:90
}

#fons_text_mapa2{
	position:absolute;
	top:97px;
	right:30px;
	z-index:100;
	width:411px;
	height:328px;
	padding-top:48px;
}

.img_transparent { behavior: url(includes/iepngfix.htc); }
.doble { margin-top:2px; margin-left:2px; }
.auto_dreta { margin-right:auto; }
.auto_esq { margin-left:auto; }
.cursor { cursor:pointer; }
.no_mostris { display:none; }
.mostras { display:block; }
.barra_desplas { overflow:auto; }
.barra_desplasY { overflow-y:scroll; overflow-x:hidden; }

/* vores */
.vprova1 { border: solid 1px red; }
.vprova2 { border: solid 1px yellow; }
.vprova3 { border: solid 1px green; }
.vprova4 { border: solid 1px blue; }
.vBlanc { border: solid 1px white; }
.vMarro1 { border: solid 1px #7D5200; }

/* format text */
.majuscules { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }
.sense_deco { text-decoration:none; }
.subrallat { text-decoration:underline; }
.justificat { text-align:justify; }
.negreta { font-weight:bold; }
.normal { font-weight:normal; }
.text_centrat { text-align:center; }
.text_esq { text-align:left; }
.text_dret{ text-align:right; }


/* menús */
/*#vertical_slide { margin-left:16px; background:url(../img/menuCos.png); background-repeat:no-repeat;  width:246px; height:308px; position:relative; z-index:300; }*/
#vertical_slide {
	position:relative;background:url(../img/fons_menu.jpg);background-repeat:no-repeat;background-color:#FFFFFF;
}
#vertical_slide ul { padding-top:10px; }
#vertical_slide ul li { display:block; line-height:20px; }
/*#vertical_slide li a:hover { font-size:0.75em; font-family:arial; color:#333333; font-weight:bold; margin-right:10px; }*/
#itMen1 { font-size:0.75em; font-family:arial; color:#999999; font-weight:bold; margin-right:10px; }
#itMen1:hover { color:#000000; }
#itMen2 { font-size:0.75em; font-family:arial; color:#333333; font-weight:bold; margin-right:10px; }

.fons_pestanya_menu{
	/*background:url(../img/pestanyaMenu.png); 
	background-repeat:no-repeat;*/
	width:252px; 
	height:150px; 
	line-height:25px; 
	position:absolute; 
	z-index:900; 
	left:24px;
	top:300px;
}

.fons_submenu{
	background:url(../img/fons_submenu.jpg); 
	background-repeat:repeat-y;
	width:144px;
}

.logo{
	position:absolute; 
	z-index:100; 
	left:0px;
	top:0px;
}

/* formularis */
.casella1 { 
	font-size:10px; 
	font-family:arial; 
	width:106px; 
	background-color:#E0DFE3; 
	border-left:1px solid #000000; 
	border-top:1px solid #000000; 
	border-right:1px solid #ffffff; 
	border-bottom:1px solid #ffffff; 
}

.casella2 { 
	font-size:10px; 
	font-family:arial; 
	width:38px; 
	background-color:#E0DFE3; 
	border:1px solid #ffffff; 
}

.input1{
	border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:178px;
	height:16px;
	background-color: #CCCCCC;
}

.input1_1{
	border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:178px;
	height:20px;
	line-height:20px;
	background-color: #CCCCCC;
}

.input1_2{
	border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:56px;
	height:20px;
	line-height:20px;
	background-color: #CCCCCC;
}

.input2{
	border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:366px;
	height:16px;
	background-color: #CCCCCC;
}

.input3{
	border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:372px;
	height:78px;
	background-color: #CCCCCC;
}

.caixa_mini2 { 
	font-size: 10px; 
	color: #666666; 
	font-famliy: Arial, Verdana, sans-serif; 
	text-decoration: none; 
	width: 40px; 
}

.caixa_mini3 { 
	font-size: 10px; 
	color: #666666; 
	font-family: Arial, Verdana, sans-serif; 
	text-decoration: none; 
	width: 100px; 
}


#num_fotos{
	position:absolute;
	bottom:91px;
	right:18px;
	z-index:90;
}

#num_fotos li{
	float:left;
	width:37px;
	height:37px;
}
.num_sel{
	display:block;
	line-height:37px;
	/*padding-left:10px;
	padding-right:10px;*/
	background-color:#FFFFFF;
	width:37px;
	height:37px;
	color:#000000;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	text-align:center;
}

.num_nosel{
	display:block;
	line-height:37px;	
	/*padding-left:10px;
	padding-right:10px;*/
	background-color:#990000;
	width:37px;
	height:37px;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	text-align:center;
}

#continentp {
	background-color: #CCCCCC;
	/*position: absolute;
	left: 450px;
	top:20px;*/
	margin: 4px;
	z-index:2000;
}

#contingutp {
	background-color: #FFFFFF;
	border: solid 1px #666666;
	position: relative;
	padding:5px;
}

.casellacalns { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none; background-color: #FFFFFF; text-align: center; height: 18px; width: 20px; }
.casellacalp { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none; background-color: #FFFFFF; border: 1px solid #E9E9E9; text-align: center; height: 18px; width: 20px; }

.casellacal { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }
.casellacal:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }
.casellacal:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }
.casellacal:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }

.casellacals { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }
.casellacals:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }
.casellacals:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }
.casellacals:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }

#imatge_peu {
background: url(../img/logo_generalitat.jpg) no-repeat;
height: 35px;
width: 142px;
}

#imatge_peu:hover {
background: url(../img/logo_generalitat2.jpg) no-repeat;
height: 35px;
width: 142px;
}