/* CSS Document */

body{
margin:0;
padding:0;
width:918px;
margin:auto;
position:relative;
background-color:#FFF;
}

img, textarea, input{
	margin:0;
	padding:0;
border:0;
}

a{
outline:none;
border:none;
text-decoration: none;
font-family:Tahoma, Geneva, sans-serif;
}

div, p, h5, h1, h2, h3, h6, h4, img, ul, li, a, ol, object, span, input{
	margin:0;
	padding:0;
	list-style:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:normal;
}

#index{
	text-indent:-9999px;
	position:absolute;
	top:31px;
	left:31px;
	width:330px;
	height:68px;
}

h1{
	text-indent:-9999px;
		}
	
	#header img{
	position:absolute;
	top:32px;
	left:28px;
	width:330px;
	height:68px;
	}
	
	
#contenuto1{
	min-height:420px;
height: auto !important;
height: 420px;
background-image: url(img/layout/Sanpaolo_HP.jpg);
margin-top:13%;
position:relative;
	}
	
#contenuto1 ul{
	margin-left:50%;
	margin-right:50%;
	width:500px;
	position:absolute;
	top:345px;
}
	
#contenuto1 li{
	display:inline;
	margin-right:80px;
}
	
#contenuto1 a{

	letter-spacing:1px;
	color:#414042;}
	
#contenuto1 a:hover{
	
	color:#ffffff;}
	
#contenuto1 a img{
position:absolute;
top:31px;
left:31px;}

	
	#banner{
		position:absolute;
		top:65px;
		left:65px;}
		
		
/*********************** Homepage ***********************/
#content{
min-height: 950px;
height: auto !important;
height: 950px;
background-image: url(img/layout/sf_dx2.jpg);
background-position:100% 90%;
background-repeat:repeat-y;
margin-top:10px;
position:relative;
width:918px;
font-family:Tahoma, Geneva, sans-serif;
background-color:#cdcdcc;
margin-bottom:20px;
float:left;
	}

#header{
	background-image:url(img/layout/header_.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	width:918px;
	height:351px;
	position:relative;
	font-family: Tahoma, Geneva, sans-serif;
}

#validation{
	display:none;}

.main_menu{
	width:620px;
	position:absolute;
	bottom:-8px;
	right:48px;
	
	
}

.main_menu li{
	
	float:left;
	text-align:center;
	display:inline-block;}
	
	
.main_menu a{
	color:#FFF;
	padding:9px 0 0 0;
	min-width:118px;
width: auto !important;
width:118px;
display:inline-block;
background-repeat:repeat-x;
background-image:url(img/menu/grigio.jpg);
margin-right:6px;
font-size:15.5px;
font-family:"Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
height:37px;
}

.main_menu a:hover{
	background-repeat:repeat-x;
	}

.hotel.corrent_page_h a{
	background-image: url(img/menu/verde.jpg);
}

.ambienti.corrent_page_a a{
	background-image: url(img/menu/marrone.jpg);
}

.ristorante.corrent_page_r a{
	background-image: url(img/menu/rosso.jpg);
}

.servizi.corrent_page_s a{
	background-image: url(img/menu/blu.jpg);
}

.dovesiamo.corrent_page_d a{
	background-image: url(img/menu/viola.jpg);
}

.hotel a:hover{
	background-image:url(img/menu/verde.jpg);
	}

.ambienti a:hover{
	background-image:url(img/menu/marrone.jpg);
	}

.ristorante a:hover{
	background-image: url(img/menu/rosso.jpg);
	}
	
.servizi a:hover{
	background-image: url(img/menu/blu.jpg);
	}
.dovesiamo a:hover{
	background-image: url(img/menu/viola.jpg);
	}
	
#corpo{
	width:482px;
	float:right;
	margin-right:59px;
	margin-top:47px;
	font-family:"Tahoma", Geneva, sans-serif;
	color:#414042;
	font-size:13px;
	min-height: 453px;
height: auto !important;
height: 453px;
background-image:url(img/layout/sf_P_bott.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:50px;
	
}
	
h2{
	font-family: "Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:35px;
	font-style:italic;
	color:#FFF;
	text-align:center;
	padding:19px 0 20px 0;
	background-image:url(img/layout/sf_h2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#hotel_img{
	position:absolute;
	left:35px;
	top:450px;
	z-index:100;}
	
#ristorante_img{
	position:absolute;
	left:45px;
	top:395px;
	z-index:100;}
	
#dovesiamo_img{
	position:absolute;
	left:53px;
	top:405px;
	z-index:100;
	}

.verde{
	color:#009640;}
	
.rosso{
	color:#a74d73;}
.blu{
	color:#7792ce;
}

.viola{
	color:#8c659b;
}
.marrone{
	color:#a38063;}

#corpo p{
	padding: 5px 30px 25px 35px;
	background-image:url(img/layout/riga.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
h2 + p{
	margin-top:10px;
	}
	
#image{
	width:250px;
	height:550px;
	background-image:url(img/layout/SX_RET.png);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	z-index:70;
	color:#FFF;
	margin:0;

	}
	

	
#image img{
	padding:6px 13px 13px 7px;
	background:url(img/layout/cornice_media.png) no-repeat 50% 50%;
	margin:25px 0 0 210px;
	position:relative;
	}
	
#map{
	padding:6px 13px 13px 7px;
	width:120px;
	height:114px;
	background:url(img/layout/cornice_media.png) no-repeat 50% 50%;
	margin:25px 0 0 210px;
	float:left;
	position:relative;
	z-index:70;
	overflow:hidden;
	}
	
iframe{
width:120px;
height:114px;
overflow:hidden;}
	
#map a span{
color:#333;
font-weight:bold;
position:absolute;
bottom:15px;
right:15px;
font-family:"Tahoma", Geneva, sans-serif;
font-size:12px;
cursor: pointer;
background-color:#FFFFFF;
}
	
#image h3 span{	
	font-family:"Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: italic;
	font-size:16px;
	letter-spacing:0.2px;
	position:absolute;
	right:67px;
	width:70px;
	text-align:right;
	}

	
#image li span{	
	font-family:"Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: italic;
	font-size:15px;
	letter-spacing:0.2px;
	position:absolute;
	right:63px;
	width:70px;
	text-align:right;
	}
#image a{
	color:#FFF;}
	
	
#image li a:hover {
	color:#a38063;}

#image li img {
	width:56px;
	height:54px;
	background:url(img/layout/cornice_pic.png) no-repeat 50% 50%;
	padding:5px 10px 10px 7px;
	margin:19px 0 0 210px;
	}
	
#image li img:hover{
	width:75px;
	height:72px;
	background: url(img/layout/cornice_HOVER.png) no-repeat 50% 50%;
	padding:10px 13px 10px 7px;
	margin-top:-4px;}
	
	
#cam{
	top:73px;
		}
#sal_os{
	top:157px;
	}
#par{
	top:247px;
	}	
#sal_con{
	top:339px;
	}
#rist{
	top:441px;
	}

#did_1{
	top:95px;
		}
#did_2{
	top:247px;
	}
#did_3{
	top:407px;
	}	
	
#image>h3:first-child{
	margin-top:25px;}
#image>ul>li:first-child{
	margin-top:33px;}
	
#image>img:first-child{
	margin-top:48px;}
	
#footer{
	float:left;
width:918px;
height:103px;
background-image:url(img/layout/BOTTOM2.jpg);
background-repeat:no-repeat;
z-index:50;
margin-top:-50px;
}

#footer p{
	font-family:Tahoma, Geneva, sans-serif;
	color:#888;
	width:460px;
	padding:5px 20px;
	font-size:11px;
	float:right;
	text-align:center;
	margin-right:6%;
	line-height:17px;
	}
#footer a{
	color:#888;
}
#footer a:hover{
	color:#888;
	text-decoration:underline;
}
	
#corpo h3{
	text-align:center;
	font-size:25px;
	letter-spacing:0.2px;
	position:relative;
	}
	
input{
	position:absolute;
	right:295px;
	width:137px;
	padding:2px;
	border:1px #e5e2e4   double;
	color:#8c659b;
	font-family:"Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;}
textarea{
	position:absolute;
	right:96px;
	height:75px;
	width:335px;
	border:2px #e5e2e4   double;
	padding:2px;
	font-family:"Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#8c659b;}
	
		
#corpo p.spazio{
	margin:0;
	background-image:none;
	margin-bottom:-20px;}
#invia{
	position:absolute;
	right:105px;
	margin-top:67px;
	background-image:url(img/layout/invia.png);
	background-repeat:no-repeat;
	width:63px;
	height:24px;
	background-color:transparent;
	font-weight:bold;
	border:0;
	font-family:"Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	letter-spacing:0.3px;
	}
	
#invia:hover{
	background-image: url(img/layout/inviaH.png);
}

#msg_correct{
	font-size:22px;
	text-align:center;
	margin:45px 0 0 0;
	font-weight:normal;
	font-style:italic;
	color:#fff;
	letter-spacing:0.2px;}
	
.viola.underlined:hover{
	text-decoration:underline;}
	
	
/*________________________galleria_________________________*/

#galleria {
	font-family: "Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
position:relative; 
width:443px; 
height:370px;
margin:0 auto;
padding-left:13px;
margin-top:-10px;
}

a.galleria span {
display:block; 
position:absolute;
width:1px; 
height:1px; 
top: 5px; 
left: 5px;
overflow:hidden;
}

#galleria p{
	font-size:22px;
	text-align:center;
	margin:110px 0 0 0;
	font-weight:normal;
	font-style:italic;
	color:#fff;
	width:400px;
	letter-spacing:0.3px;
	position:absolute;
	top:0px;
	left:0;
}

a.galleria, a.galleria:visited {
display:block; 
font-weight:bold;
text-decoration:none;
border:2px solid #a38063; 
width:46px;
	height:40px;
	padding:5px 10px 10px 7px;
	float:left; 
margin:10px 7px 0px 10px;
z-index:100;
}

a.galleria:hover {
border:2px solid #fff;
z-index:0;
}

a.galleria:hover img {
position:relative; 
z-index:0;
text-indent:-9999px;
}

a.galleria:active img, a.galleria:focus img {
position:relative; 
z-index:200;
}

a.galleria:hover span {
display:block; 
position:absolute; 
width:399px; 
height:267px; 
top:85px;
left: 27px;
background:transparent; 
z-index:100;
border:none;
color: #CCCCCC;
overflow:hidden;
}

a.galleria:active span, a.galleria:focus span {
display:block; 
position:absolute; 
width:399px; 
height:277px; 
top:71px;
left:22px; 
padding:5px; 
color: #666;
z-index:200;
text-align:center;
line-height:18px;
font-family: "Lucida Sans Std", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
overflow:hidden;
}

a.mini1 {background: url(img/foto/camera_1_mini.jpg);}
a.mini2 {background:url(img/foto/camera_2_mini.jpg);}
a.mini3 {background:url(img/foto/camera_3_mini.jpg);}
a.mini4 {background:url(img/foto/camera_4_mini.jpg);}
a.mini5 {background:url(img/foto/camera_5_mini.jpg);}

a.miniA {background: url(img/foto/colazione_1_mini.jpg);}
a.miniB {background:url(img/foto/colazione_2_mini.jpg);}
a.miniC {background:url(img/foto/colazione_3_mini.jpg);}
a.miniD {background:url(img/foto/colazione_4_mini.jpg);}
a.miniE {background:url(img/foto/colazione_5_mini.jpg);}

a.mini_p1 {background: url(img/foto/piscina_1_mini.jpg);}
a.mini_p2 {background:url(img/foto/piscina_2_mini.jpg);}
a.mini_p3 {background:url(img/foto/piscina_3_mini.jpg);}
a.mini_p4 {background:url(img/foto/piscina_4_mini.jpg);}
a.mini_p5 {background:url(img/foto/piscina_5_mini.jpg);}

a.mini_s1 {background: url(img/foto/sala_riunioni_1_mini.jpg);}
a.mini_s2 {background:url(img/foto/sala_riunioni_2_mini.jpg);}
a.mini_s3 {background:url(img/foto/sala_riunioni_3_mini.jpg);}
a.mini_s4 {background:url(img/foto/sala_riunioni_4_mini.jpg);}
a.mini_s5 {background:url(img/foto/sala_riunioni_5_mini.jpg);}

a.mini_r1 {background: url(img/foto/ristorante_1_mini.jpg);}
a.mini_r2 {background:url(img/foto/ristorante_2_mini.jpg);}
a.mini_r3 {background:url(img/foto/ristorante_3_mini.jpg);}
a.mini_r4 {background:url(img/foto/ristorante_4_mini.jpg);}
a.mini_r5 {background:url(img/foto/ristorante_5_mini.jpg);}

.image {
display:block; 
position:absolute; 
width:394px; 
height:267px;
top:60px;
left:30px;
padding:5px 0 0 0;
text-indent:-9999px;
}

a{
outline:none;}