/* CSS Document */

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%;
	font-family:Myriad, Gillsans, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	font-weight:normal;
}

ul{margin:0 0 0 8px; padding:0 0 0 7px;}
a{ color:#f68324; }

#peu{
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%;
	height: 27px; /*Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: #00547e;
	color: white;
	padding:5px;
	z-index:25;
}

#tot{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 27px; /*Set bottom value to HeightOfFrameDiv*/
	overflow: auto;
	z-index:10;
}


#foto{
	position:absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:2;
}

#fons{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; /*Set bottom value to HeightOfFrameDiv*/
	z-index:1;
}

#fons2{
	position: absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:1;
}

.marges{
	margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
	padding: 0 0 27px 0; /*Set value to (0 0 HeightOfFrameDiv 0)*/
}

* html #tot{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

#contenidor_menu{
	position:absolute;
	top:190px;
	left:20px;
	width:169px;
	/*padding-top:190px;
	background:url(../img_web/logo_satuna2.gif) no-repeat;*/
	z-index:15;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80;
	opacity:0.80;
}

#contenidor_logo{
	position:absolute;
	top:0px;
	left:20px;
	z-index:15;
}

.gran{
	font-size:17px;
	font-weight:bold;
}

#taronja_esq{
	background:url(../img_web/taronja_esq.gif) no-repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	width:167px;
	height:60px;
	z-index:200;
}

#taronja_dreta{
	background:url(../img_web/taronja_dret.gif) no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
	width:292px;
	height:315px;
	z-index:200;
}

#franja_blava{
	/* 
	Color segur x web: #006699;
	Color logo + fosc: #005398;
	Color proposta (+fosc,+serio): #00547e;
	Color blau del logo: #0060af;
	Color alternatiu: #135b96;
	*/
	background: #005398; 
	color: white;
	width:100%;
	height:80px;
	position:absolute;
	bottom:0px;
	overflow:hidden;
	z-index:10;
}

#submenu{
	position:absolute;
	top:17px;
	left:30px;
	z-index:210;
	height:80px;
	vertical-align:middle;
}

#texte{
	position:absolute;
	top:15px;
	left:35px;
	right: 150px;
}

h3{
	margin:0 0 3px 0;
	padding:0px;
	color:#f78a2f;
}
.clearer{
	float:none;
	clear:both;
}

/***************** SERVEIS *****************/

#img1, #img2, #img3, #img4, #img5, #img6{
	position:absolute;
	z-index:25;
}
#img1{ right:0px; bottom:0px; }
#img2{ right:55px; bottom:0px; }
#img3{ right:110px; bottom:0px; }
#img4{ right:55px; bottom:55px; }
#img5{ right:0px; bottom:55px; }
#img6{ right:0px; bottom:110px; }

.thumbs{
	width:50px;
	height:50px;
	z-index:20p;
	margin-right:5px;
	margin-bottom:5px;
}


#texte_serveis{
	position:absolute;
	top:12px;
	left:55px;
	right:180px;
}

.icones_serveis{
	float:left;
	margin:5px 5px 5px 0px;
}
/***************** FI SERVEIS *****************/


/*************** CUINA *****************/

#texte_restaurant{
	position:absolute;
	top:12px;
	left:210px;
	right:180px;
}

#foto_cuiner{
	position:absolute;
	left:20px;
	bottom:20px;
	width:169px;
	height:200px;
	border:1px solid black;
	background:url(../img_web/cuiner.jpg);
	z-index:11;
}

/***************** RESTAURANT - MENU *****************/

#texte_menu{
	position:absolute;
	top:12px;
	height:125px;
	left:340px;
	right:180px;
	border-left:1px dotted #FF6600;
	padding-left:12px;
}

.text_submenu a{
	text-decoration:none !important;
	color:white;
	font-size:10px;
	font-style:italic;
	margin-bottom:50px;
}
.invisible{
	display:none;
}
#textes_submenus{
	position:absolute;
	top:12px;
	left:265px;
	right:180px;
	height:125px;
	border-left:1px dotted #FF6600;
	padding-left:12px;
}
.scrol{
	width:468px;
	height:110px;
	overflow:auto;
}

.scrol2{
	width:70%;
	padding-left:100px;
	height:110px;
	overflow:auto;
}

/***************** RESERVES *****************/

#temporades{
	padding-left:11px;
	line-height:25px;
}

#q_baixa, #q_mitja, #q_alta, #q_tancat
{
	margin-top:6px;
	width:10px;
	height:10px;
	border:1px solid #013a6a;
	float:left;
}

#q_mitja{ background:url(../img_web/tatxat_tm.gif); }
#q_alta{ background:url(../img_web/tatxat_t.gif);} 
#q_tancat{ background:url(../img_web/tatxat.gif);}

#data_arribada{
	border:#000066 solid 1px;
	background-color:#005398;
	position:absolute;
	bottom:104px;
	left:205px;
	z-index:200;
	padding:5px;
}

#data_sortida{
	border:#000066 solid 1px;
	background-color:#005398;
	position:absolute;
	bottom:74px;
	left:205px;
	z-index:200;
	padding:5px;
}

#texte_reserves{
	position:absolute;
	top:8px;
	left:25px;
	right:60px;
}

/***************** CONTACTE *****************/

#texte_contacte{
	position:absolute;
	top:10px;
	height:125px;
	left:20px;
	right:20px;
}
.taronja{
	color:#f68324 !important;
	border-right:1px dotted #f68324;
	padding-right:8px;
}


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

/***************** COM ARRIBAR-HI *****************/

#mapa
{
	z-index:500;
	position:absolute;
	left:20px;
	bottom:15px;
}

#foto_entorn{
	position:absolute;
	left:20px;
	bottom:-200px;
	width:338px;
	height:200px;
	/*border:1px solid black;
	background:url(../img_web/cuiner.jpg);*/
	z-index:11;
}