body 
{
	background-color:#005286;
    margin: 0;
    padding: 0;
    height: 100%;
}

div#pagina 
{
    margin:0 auto 0 auto; 
	position:relative;
	width:1024px;
	height:709px;
	background-color:#005286;
}

/* intro */

div#intro_capsalera
{
	position:absolute;
	left:46px;
	width:932px;
	height:130px;
	background-image: url(../img/intro_capsalera.jpg);
	background-repeat:no-repeat;
}

div#fixe
{
	position:absolute;
	top:130px;
	left:46px;
	width:260px;
	height:316px;
	background-image: url(../img/intro_fixe.jpg);
	background-repeat:no-repeat;
}
	div#reserves
	{
		position:absolute;
		top:293px;
		left:27px;
		width:208px;
		height:23px;
		background-image: url(../img/intro_mouse.jpg);
		background-repeat:no-repeat;
		text-align:right;
	}
	
	.reserves
	{
		font-family:Verdana, Arial;
		font-size:10px;
		font-weight:bold;
		color:White;
	}
	
div#visor_intro
{
	position:absolute;
	top:130px;
	right:46px;
	float:right;
	width:672px;
	/*height:400px;*/
	height:316px;
	background-image: url(../img/intro/intro16.jpg);
	background-repeat:no-repeat;
}

div#intro_peu
{
	position:absolute;
	top:446px;
	left:46px;
	width:932px;
	height:85px;
	background-image: url(../img/intro_peu.jpg);
	background-repeat:no-repeat;
}

div#text_peu
{
	position:absolute;
	top:12px;
	left:26px;
	width:600px;
	height:75px;
}

.text_peu
{
	text-align:left;
	color:White;
	font-family: Verdana, Arial;
	font-size:11px;
}

div#intro_idiomes
{
	position:absolute;
	right:-30px;
	bottom:20px;
	width:230px;
	height:20px;
}

.intro_idiomes
{
	font-family: Verdana, Arial;
	color: White;
	font-size: 11px;
	font-weight:bold;
}

/* pagines */

	/* situacio */
	
	div#situacio_capsalera1
	{
		position:absolute;
		left:0px;
		width:318px;
		height:64px;
		background-color:#edec97;
		border:1px solid #e0c700;
		margin:auto;
	}
	
	div#situacio_capsalera2
	{
		position:absolute;
		left:320px;
		width:86px;
		height:66px;
		background-color:#e0c700;
	}
	
	div#mes1
	{
		position:absolute;
		left:9px;
		top:8px;
	}
	div#mes2
	{
		position:absolute;
		left:0px;
		top:192px;
	}
	div#mes3
	{
		position:absolute;
		left:69px;
		top:192px;
	}
	div#mes4
	{
		position:absolute;
		left:138px;
		top:192px;
	}

	div#situacio_text
	{
		position:absolute;
		left:0px;
		top:80px;
		width:400px;
		height:300px;
	}

div#links_capsalera
{
	position:relative;
	width:932px;
	height:70px;
	text-align:center;
	background-image: url(../img/links_capsalera1.jpg);
}
	div#links
	{
		position:absolute;
		right:0px;
		top:30px;
		background-color:#005286;
		width:370px;
		height:25px;
	}
	
	.links_capsalera
	{
		color: White;
		text-align: left;
		font-size:11px;
		font-family: Verdana, Arial, Times New Roman;
	}
	
div#img_capsalera_esq
{
	width:666px;
	height:227px;
	float:left;
	margin-left:46px;
	background-image: url(../img/hotel_capsalera_esq.jpg);
	background-repeat:no-repeat;
}

div#img_capsalera_dreta
{
	width:266px;
	height:227px;
	float:right;
	margin-right:46px;
	background-image: url(../img/hotel_capsalera_dreta.jpg);
	background-repeat:no-repeat;
}

div#links_menu
{
	margin-top:227px;
	/*margin-right:46px;*/
	width:932px;
	height:26px;
	background-color:white;
}

div#taula_links1
{
	float:left;
	width:665px;
	height:26px;
	background-color:#b8a514;
	text-decoration:none;
	font: 12px verdana, arial;
	font-weight:bold;
	color:white;
}
	
div#taula_links2
{
	float:right;
	margin-right:1px;
	width:265px;
	height:26px;
	background-color:#b8a514;
	text-decoration:none;
	font-size: 12px;
	font-family: verdana, arial;
	font-weight:bold;
	color:white;	
}
	
div#taula_links
{
	width:931px;
	height:26px;
	background-color:#b8a514;
	text-decoration:none;
	font-size: 12px;
	font-family: verdana, arial;
	font-weight:bold;
	color:white;
}
	taula_links a
	{
		height:100%;
	}
	
div#contingut_esquerra
{
	position:relative;
	width:666px;
	height:377px;
	float:left;
	margin-left:46px;
	background-color: White;
}

div#contingut_reserves
{
	position:relative;
	width:932px;
	height:777px;
	float:left;
	margin-left:46px;
	background-color: White;
	padding:0px;
}

div#text_reserves
{
	width:932px;
	float:right;
	margin-left:46px;
	padding:0px;
	font-family:Verdana;
	font-size:18pt;
	color:White;
}

div#marc_reserves
{
	position:relative;
	width:916px;
	height:758px;
	border:1px solid #e0c700;
	margin-top:9px;
	margin-left:2px;
	padding:0px;
}

div#webcam
{
	text-align:center;
	margin-top:40px;
}

div#marc
{
	position:relative;
	width:649px;
	height:358px;
	border:1px solid #e0c700;
	margin-top:9px;
	margin-left:2px;
}

div#separador
{
	position:absolute;
	right:0px;
	top:9px;
	background-image: url(../img/marc.jpg);
	background-repeat:repeat-y;
	width:1px;
	height:360px;
}
		
div#contingut_dreta
{
	width:266px;
	height:377px;
	float:right;
	margin-right:46px;
	background-color: White;
}

/* La pàgina del restaurant necessita més espai */

	div#contingut_esquerra_restaurant
	{
		position:relative;
		width:666px;
		height:620px;
		float:left;
		margin-left:46px;
		background-color: White;
	}

	div#marc_restaurant
	{
		position:relative;
		width:649px;
		height:601px;
		border:1px solid #e0c700;
		margin-top:9px;
		margin-left:2px;
	}

	div#separador_restaurant
	{
		position:absolute;
		right:0px;
		top:9px;
		background-image: url(../img/marc.jpg);
		background-repeat:repeat-y;
		width:1px;
		height:603px;
	}
			
	div#contingut_dreta_restaurant
	{
		width:266px;
		height:620px;
		float:right;
		margin-right:46px;
		background-color: White;
	}
	
/* La pàgina de la nota legal necessita més espai */
	
	div#contingut_esquerra_nota
	{
		position:relative;
		width:666px;
		height:500px;
		float:left;
		margin-left:46px;
		background-color: White;
	}

	div#marc_nota
	{
		position:relative;
		width:649px;
		height:481px;
		border:1px solid #e0c700;
		margin-top:9px;
		margin-left:2px;
	}

	div#separador_nota
	{
		position:absolute;
		right:0px;
		top:9px;
		background-image: url(../img/marc.jpg);
		background-repeat:repeat-y;
		width:1px;
		height:483px;
	}
			
	div#contingut_dreta_nota
	{
		width:266px;
		height:500px;
		float:right;
		margin-right:46px;
		background-color: White;
	}

/* La pàgina de banquets necessita més espai */
	
	div#contingut_esquerra_banquets
	{
		position:relative;
		width:666px;
		height:400px;
		float:left;
		margin-left:46px;
		background-color: White;
	}

	div#marc_banquets
	{
		position:relative;
		width:649px;
		height:381px;
		border:1px solid #e0c700;
		margin-top:9px;
		margin-left:2px;
	}

	div#separador_banquets
	{
		position:absolute;
		right:0px;
		top:9px;
		background-image: url(../img/marc.jpg);
		background-repeat:repeat-y;
		width:1px;
		height:383px;
	}
			
	div#contingut_dreta_banquets
	{
		width:266px;
		height:400px;
		float:right;
		margin-right:46px;
		background-color: White;
	}

/* La pàgina de confirmació */

	div#contingut_esquerra_confirmacio
	{
		position:relative;
		width:666px;
		height:377px;
		float:left;
		margin-left:46px;
		background-color: White;
	}

	div#marc_confirmacio
	{
		position:relative;
		width:649px;
		height:358px;
		border:1px solid #e0c700;
		margin-top:9px;
		margin-left:2px;
	}

	div#separador_confirmacio
	{
		position:absolute;
		right:0px;
		top:9px;
		background-image: url(../img/marc.jpg);
		background-repeat:repeat-y;
		width:1px;
		height:358px;
	}
			
	div#contingut_dreta_confirmacio
	{
		width:266px;
		height:377px;
		float:right;
		margin-right:46px;
		background-color: White;
	}

/* La pàgina del com arribar necessita més espai */

	div#contingut_esquerra_comarribar
	{
		position:relative;
		width:666px;
		height:600px;
		float:left;
		margin-left:46px;
		background-color: White;
	}

	div#marc_comarribar
	{
		position:relative;
		width:649px;
		height:581px;
		border:1px solid #e0c700;
		margin-top:9px;
		margin-left:2px;
	}

	div#separador_comarribar
	{
		position:absolute;
		right:0px;
		top:9px;
		background-image: url(../img/marc.jpg);
		background-repeat:repeat-y;
		width:1px;
		height:583px;
	}
			
	div#contingut_dreta_comarribar
	{
		width:266px;
		height:600px;
		float:right;
		margin-right:46px;
		background-color: White;
	}

div#peu_esquerra
{
	width:666px;
	height:30px;
	float:left;
	margin-left:46px;
	background-color:#005286;
}
	.peu_esquerra
	{
		color: White;
		text-align: left;
		font-size:11px;
		font-family: Verdana, Arial, Times New Roman;
	}

div#peu_dreta
{
	width:266px;
	height:30px;
	float:right;
	margin-right:46px;
	background-color:#005286;
}
	.peu_dreta
	{
		color:White;
		text-align: left;
		font-size:11px;
		font-family: Verdana, Arial, Times New Roman;
	}

div#img_esquerra_hotel
{
	position:absolute;
	top: 80px;
	left:8px;
	width:220px;
	height:319px;
	float:left;
	background-image: url(../img/hotel_esquerra.jpg);
	background-repeat: no-repeat;
}

div#img_esquerra
{
	position:absolute;
	top: 80px;
	left:0px;
	width:220px;
	height:319px;
	float:left;
}

div#google
{
	position:absolute;
	top: 70px;
	left:123px;
	width:91px;
	height:27px;
	float:left;
}

div#img_esquerra_situacio
{
	position:absolute;
	top: 100px;
	left:8px;
	width:220px;
	height:252px;
	float:left;
	background-image: url(../img/situacio_esquerra.jpg);
	background-repeat: no-repeat;
}

div#text_dreta
{
	position:absolute;
	top:70px;
	left:210px;
	right:8px;
	width:404px;
	height:319px;
	float:right;
	margin-left:20px;
}

div#text_dreta_restaurant
{
	position:absolute;
	top:44px;
    //top:50px;
	left:210px;
	right:8px;
	width:404px;
	height:619px;
	float:right;
	margin-left:20px;
}

	.text_dreta
	{
		font-family: Verdana, Arial, Times New Roman;
		font-size:10px;
		text-align:justify;
		color:#504e53;
	}

/* textes */

.gris
{
	font-family: Verdana, Arial;
	font-size:12px;
	color:#c4c5c4;
	font-weight:bold;	
}

.fons_groc
{
	background-color:#e0c700;
	font-size:12px;
	font-family: Verdana, Arial;
	color:White;
	font-weight:bold;
}

.fons_mapa
{
	background-color:#ffffae;
	font-size:11px;
	font-family: Verdana, Arial;
	font-weight:bold;
	border:1px solid #e0c700;
}

.text_groc
{
	font-family: Verdana, Arial;
	font-size:11px;
	color:#b8a514;
	font-weight:bold;
}

.text_groc_cursiva
{
	font-family: Verdana, Arial;
	font-size:9px;
	font-style:italic;
	color:#b8a514;
	font-weight:bold;
}

.text_groc_petit
{
	font-family: Verdana, Arial;
	font-size:9px;
	color:#b8a514;
}

.petit
{
	font-size: 4px;
}

/* imatges de la dreta */

.img_dreta_primera
{
	height:56px;
	width:257px;
	margin-top:9px;
}

.img_dreta
{
	height:56px;
	width:257px;
	margin-top:6px;
}

.img_dreta_gran
{
	height:112px;
	width:257px;
	margin-top:6px;
}

.taula_celes_esq
{
	font-family: Verdana, Arial;
	font-size:10px;
	color:#b8a514;
	font-weight:bold;
	background-color:#edec97;
	border:1px solid #e0c700;
}

.taula_celes_mig
{
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	background-color:white;
	border:1px solid #e0c700;
	color:#b8a514;
}

/* sense imatge a l'esquerra */

div#nomes_text
{
	position:absolute;
	top: 60px;
	left:8px;
	width:624px;
	height:319px;
	float:left;
}

.nomes_text
{
	text-align:justify;
	font-family: Verdana, Arial;
	font-size:11px;
	color:#504e53;
	margin-left:11px;
}

.nomes_text_negreta
{
	text-align:justify;
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	color:#504e53;
	margin-left:0px;
}

div#nomes_taula
{
	position:absolute;
	top: 70px;
	left:0px;
	width:624px;
	height:319px;
	float:left;
}

.cela_intermitja_vertical
{
	font-size: 2px;
}
.cela_intermitja_horitzontal
{
	font-size: 7px;
	background-image: url(../img/cela_horitzontal.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

/* formulari de contacte */

div#formulari
{
	margin: 0 auto 0 auto;
	position:relative;
}

.formulari
{
	font: 11px;
	font-family: Verdana, Arial;
}

.caixes
{
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color:#333333; /* color del text*/ 
	border-top: 1px solid #e0c700;
	border-right: 1px solid #e0c700;
	border-bottom: 1px solid #e0c700;
	border-left: 1px solid #e0c700;
	background-color:#ffffff; /* fons de la caixa*/ 
	width:250px; /* amplada del textbox*/
	height:15px;
	background-color:#f9f6d6;
}

.textArea
{
	font-style: normal;
	font-weight: normal;
	color:#333333; /* color del text*/ 
	border-top: 1px solid #e0c700;
	border-right: 1px solid #e0c700;
	border-bottom: 1px solid #e0c700;
	border-left: 1px solid #e0c700;
	background-color:#ffffff; /* fons de la caixa*/ 
	width:250px; /* amplada del textbox*/
	height:60px;
	background-color:#f9f6d6;
}

div#nom
{
	width:130px;
	height:26px;
	position:absolute;
	text-align:right;
	top:10px;
	
}

div#nom_text
{
	width:200px;
	height:26px;
	position:absolute;
	right:60px;
	top:10px;
}

div#mail
{
	width:130px;
	height:26px;
	position:absolute;
	text-align:right;
	top:40px;
}

div#mail_text
{
	width:200px;
	height:26px;
	position:absolute;
	right:60px;
	top:40px;
}

div#tel
{
	width:130px;
	height:26px;
	position:absolute;
	text-align:right;
	top:70px;
}

div#tel_text
{
	width:200px;
	height:26px;
	position:absolute;
	right:60px;
	top:70px;
}

div#comentaris
{
	width:130px;
	height:26px;
	position:absolute;
	text-align:right;
	top:100px;
}

div#comentaris_text
{
	width:200px;
	height:26px;
	position:absolute;
	right:60px;
	top:100px;
}

div#botons
{
	width:397px;
	height:14px;
	text-align:right;
	margin-top:170px;
}

a.taula_links:link { color:#b19e05; text-decoration: none; }
a.taula_links:visited { color:#b19e05; text-decoration: none; }
a.taula_links:hover { color:#b19e05; text-decoration: none; }
a.taula_links:active { color:#b19e05; text-decoration: underline; }

a.reserves:link { color:white; text-decoration: none; }
a.reserves:visited { color:white; text-decoration: none; }
a.reserves:hover { color:white; text-decoration: underline; }
a.reserves:active { color:white; text-decoration: underline; }

a.text_groc:link { color:#e0c700; text-decoration: underline; }
a.text_groc:visited { color:#e0c700; text-decoration: underline; }
a.text_groc:hover { color:#e0c700; text-decoration: none; }
a.text_groc:active { color:#e0c700; text-decoration: underline; }

a.text_groc_cursiva:link { color:#e0c700; text-decoration: underline; }
a.text_groc_cursiva:visited { color:#e0c700; text-decoration: underline; }
a.text_groc_cursiva:hover { color:#e0c700; text-decoration: none; }
a.text_groc_cursiva:active { color:#e0c700; text-decoration: underline; }

a.text_groc_petit:link { color:#b8a514; text-decoration: underline; }
a.text_groc_petit:visited { color:#b8a514; text-decoration: underline; }
a.text_groc_petit:hover { color:#b8a514; text-decoration: none; }
a.text_groc_petit:active { color:#b8a514; text-decoration: underline; }

a.fons_groc:link { color:white; text-decoration: none; }
a.fons_groc:visited { color:white; text-decoration: none; }
a.fons_groc:hover { color:white; text-decoration: none; }
a.fons_groc:active { color:white; text-decoration: none; }

a.intro_idiomes:link { color:white; text-decoration: none; }
a.intro_idiomes:visited { color:white; text-decoration: none; }
a.intro_idiomes:hover { color:white; text-decoration: underline; }
a.intro_idiomes:active { color:white; text-decoration: none; }

a.text_peu:link { color:white; text-decoration: underline; }
a.text_peu:visited { color:white; text-decoration: underline; }
a.text_peu:hover { color:white; text-decoration: none; }
a.text_peu:active { color:white; text-decoration: underline; }

a.links_capsalera:link { color:white; text-decoration: none; }
a.links_capsalera:visited { color:white; text-decoration: none; }
a.links_capsalera:hover { color:white; text-decoration: none; }
a.links_capsalera:active { color:white; text-decoration: none; }

a.peu_esquerra:link { color:white; text-decoration: underline; }
a.peu_esquerra:visited { color:white; text-decoration: underline; }
a.peu_esquerra:hover { color:white; text-decoration: none; }
a.peu_esquerra:active { color:white; text-decoration: underline; }