/*http://www.html.it/articoli/niftycube/index.html*/
img.gas{
	border:2px solid #FFFFFF;
	margin-top:15px;

}

body{
	background-color:#000000;
	height:100%;
}
#map{
	float:left;
	border:thick solid #FFFFFF;
	margin:auto;
	width:410px;
	height:250px;
	color:#333333;
}
#content{
	width:950px;
	/*height:600px;*/
	margin:auto;
	background-image:url('imatges/franja.jpg');
	background-repeat:repeat-y;
	
}

#esq{
	width:121px;
	height:388px;
	text-align:left;
	background-image:url('imatges/franjas.jpg');
	background-repeat:no-repeat;
	margin:0px;
	float:left;
	border:0px solid #FFFFFF;
}

#esq ul{
	width:100px;
	list-style-type:none;
	margin: 0px;
	padding-left:0px;
	display:block;
	border:0px solid #FFFFFF;
}

#esq ul li{
	width:95px;
	margin-bottom:10px;
	border:0px solid #FFFFFF;
}

#esq ul li a{
	width:98px;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	border:0px solid #FFFFFF;
	display:block;
	padding-left: 20px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#esq ul li a:hover{
	width:98px;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:#ffffff;
	padding-left: 20px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	display:block;
	background-color:#240000;
	/*filter: alpha(opacity=50); opacity: .6;*/
}

#esq img{
	margin-left:21px;
	border:0px solid #000000;
}

#central{
	width:829px;
	/*height:410px;*/
	border:0px solid #FFFFFF;
	float:right;
	background-image:url('imatges/centre.jpg');
	background-repeat:no-repeat;
}

#central h3{
	font-family:verdana;
	font-size:15px;
	color:#FFFFFF;
	border:0px solid #FFFFFF;
	padding-top:250px;
	padding-left:14px;
	margin-top:0px;
}

#central p{
	width:295px;
	padding-left:14px;
	margin-top:0px;
	color:#FFFFFF;
	font-family:verdana;
	font-size:12px;
	text-align:left;
	border:0px solid #FFFFFF;
}

#central img{
	margin-top:135px;
	padding-top:0px;
	float:right;
	border:0px solid #FFFFFF;
	margin-right:2px;
}

#central img.tit{
	margin-top:0px;
	padding-top:0px;
	float:right;
	border:0px solid #FFFFFF;
	margin-right:2px;
	padding-bottom:5px;
}

#central object{
	margin-top:135px;
	padding-top:0px;
	float:right;
	border:0px solid #FFFFFF;
	margin-right:2px;
}

#cap{
	border:0px solid #000000;
	height:110px;
	width:950px;
	background-image:url('imatges/cap.jpg');
	background-repeat:no-repeat;
}

#final{
	border:0px solid #ffffff;
	height:117px;
	width:950px;
	background-image:url('imatges/final.jpg');
	background-repeat:no-repeat;
	margin-top:0px;
	margin:auto;
}

.sep{
	clear:both;
}

.sep4 {	
	height:0px;
	clear:both;
	margin:0px;
	padding:0px;
	font-size:0px;	
	overflow:hidden; 

}

#peu{
	color:#FFFFFF;
	margin:auto;
	text-align:center;
	font-family:verdana;
	font-size:11px;
}

#peu a{
	text-decoration:none;
	color:#FFFFFF;
}

#peu a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

/******interior********/
#centralint2{
	width:829px;
	height:159px;
	border:0px solid #FFFFFF;
	float:right;
	background-image:url('imatges/caprestaurant.jpg');
	background-repeat:no-repeat;
}
#centralint03{
	width:829px;
	height:159px;
	border:0px solid #FFFFFF;
	float:right;
	background-image:url('imatges/capgastronomia.jpg');
	background-repeat:no-repeat;
}
#centralint04{
	width:829px;
	height:159px;
	border:0px solid #FFFFFF;
	float:right;
	background-image:url('imatges/capreserves.jpg');
	background-repeat:no-repeat;
}
#centralint05{
	width:829px;
	height:159px;
	border:0px solid #FFFFFF;
	float:right;
	background-image:url('imatges/capnoticies.jpg');
	background-repeat:no-repeat;
}

#centralint06{
	width:829px;
	height:159px;
	border:0px solid #FFFFFF;
	float:right;
	background-image:url('imatges/capsituacio.jpg');
	background-repeat:no-repeat;
}

#centralint07{
	width:829px;
	height:159px;
	border:0px solid #FFFFFF;
	float:right;
	background-image:url('imatges/capcontacte.jpg');
	background-repeat:no-repeat;
}

#central2{
	width:790px;
	border:0px solid #FFFFFF;
	float:right;
	padding-left:14px;
	padding-right:20px;
	margin-top:15px;
	margin-bottom:15px;
	color:#FFFFFF;
	font-family:verdana;
	font-size:12px;
	text-align:justify;
}

#central2 h3{
	font-family:verdana;
	font-size:15px;
	color:#FFFFFF;
	border:0px solid #FFFFFF;
	/*padding-top:250px;*/
	padding-left:10px;
	margin-top:0px;
}

#central2 p{
	width:400px;
	padding-left:10px;
	margin-top:0px;
	color:#FFFFFF;
	font-family:verdana;
	font-size:12px;
	text-align:justify;
	border:0px solid #FFFFFF;
	float:left;
}

#central2 img{

}

#esq2{
	width:121px;
	height:388px;
	text-align:left;
	background-image:url('imatges/franja.gif');
	background-repeat:no-repeat;
	margin:0px;
	float:left;
	border:0px solid #FFFFFF;
}

#esq2 ul{
	width:100px;
	list-style-type:none;
	margin: 0px;
	padding-left:0px;
	display:block;
	border:0px solid #FFFFFF;
}

#esq2 ul li{
	width:95px;
	margin-bottom:10px;
	border:0px solid #FFFFFF;
}

#esq2 ul li a{
	width:98px;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	border:0px solid #FFFFFF;
	display:block;
	padding-left: 20px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#esq2 ul li a:hover{
	width:98px;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:#ffffff;
	padding-left: 20px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	display:block;
	background-color:#240000;
}

#esq2 img{
	margin-left:21px;
	border:0px solid #000000;
}

/*********noticies********/

.noticia{
	border:0px solid #000000;
	width:600px;
	float:left;
	margin-bottom:8px;
	color:#fbe0d0;
}

.arxiu{
	width:150px;
	padding:5px;
	border:1px dotted #000000;
	float:right;
}

#central2 .noticia img{
	border:1px solid #000000;
	margin-left:10px;
	float:right;
}

#central2 .arxiu ul{
	list-style-type:none;
	border:0px solid #000000;
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
	padding-top:0px;
}

#central2 .arxiu ul li{
	border:0px solid #000000;
	margin:0px;
	padding:0px;
}

#central2 .arxiu a{
	text-decoration:none;
	color:#000000;
	display:block;
	padding:5px;
}

#central2 .arxiu a:hover{
	background-color:#DD3300;
	display:block;
	padding:5px;
}

/************onsom**********/

#central3{
	width:760px;
	border:0px solid #FFFFFF;
	float:right;
	padding-left:25px;
	padding-right:25px;
	margin-top:15px;
	margin-bottom:15px;
	color:#FFFFFF;
	font-family:verdana;
	font-size:12px;
	text-align:justify;
}

#central3 img{
	border:1px solid #000000;
}

.horaris{
	border:0px solid #000000;
	width:280px;
	float:right;
	padding-right:5px;
	padding-left:10px;
}

.horaris a{
	color:#ffffff;
	text-decoration:none;
}

.horaris a:hover{
	color:#ffffff;
	text-decoration:underline;
}




/**********reserves**********/

#central4{
	float:left;
	border:0px solid #000000;
	width:400px;
	padding-left:20px;
	padding-top:10px;
	font-family:verdana;
	font-size:12px;
}

#central4 h4{
	border:0px solid #000000;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#f4ede9;
	font-size:15px;
}

#central4 strong{
	display:block;
	width:130px;
	float:left;
	border:0px solid #000000;	
	margin-bottom:5px;
	margin-top:0px;
	color:#f4ede9;
}

#cen{
	border:0px solid #000000;	
	float:right;
	width:400px;
	padding-top:10px;
	font-family:verdana;
	font-size:12px;
}

#cen h4{
	border:0px solid #000000;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#320000;
	font-size:15px;
}

#cen strong{
	display:block;
	width:130px;
	float:left;
	border:0px solid #000000;	
	margin-bottom:5px;
	margin-top:0px;
	color:#fff1e8;
}

input, textarea, select {
	border:1px solid #441c02;
	margin-bottom:5px;
	font-size:12px;
}

.caixa2{
	border:1px solid #441c02;
	margin-bottom:5px;
	font-size:15px;
}

select { 
 background-color: #FFFFFF; 
 color: #000000;
border:1px solid #441c02;
	 
}
.caixa3{
	border:1px solid #441c02;
	margin-bottom:5px;
	font-size:15px;
	width:300px;
	height:85px;
}