*{margin:0; padding:0;}

html, body{
background:#f2e5d4;
}

body {
background: url(i/bgpage.gif) left top repeat;
font-family: 'Lucida Grande', Verdana, Tahoma,  Arial, 'trebuchet ms', trebuchet, serif;
font-size:100%;
color:#000;
text-align:center;
}

a img{ border:none; margin:0; padding:0;}

hr{
position: absolute;
top: -9999px;
left:-9999px;
}


div.clear{clear: left;}

div.clean{clear: both;}

div.clear, div.clean{
height:0;
border:none;
}


#head h1 span, #head h2 span,
#menu li.home span, 
#menu li.chisiamo span, 
#menu li.appartamenti span,  
#menu li.zona span, 
#menu li.dovesiamo span,  
#menu li.tariffe span,  
#menu li.contatti span,   
#menu li.link span, 

#menu li.activehome span,
#menu li.activechisiamo span,
#menu li.activeapp span, 
#menu li.activezona span, 
#menu li.activedove span,  
#menu li.activetariffe span, 
#menu li.activecontatti span,  
#menu li.activelink span,
#navigation h2 span
{
display: block;
width: 0; 
height: 0; 
overflow: hidden; 
clip: rect(0,0,0,0);  
}



/*============================================================STRUTTURA*/
#wrapper{/*general*/
margin:0 auto;
width: 846px;
text-align:left;
}

#head{
width: 816px;
height: 176px;
background: url(i/head.jpg) left top no-repeat;
}

#navigation, #navigation2{
width:816px;
height: 256px;
background: url(i/bgnavigation.jpg) 212px 0 no-repeat #fff;
float:left;
text-align:left;
}

#navigation2{background: url(i/bgnavigation2.jpg) 212px 0 no-repeat #fff;}

#navigation2 img.mappa{
float:left;
margin: -249px 0 0 222px!important;
display:inline;
}

/*===========================================================================================MENU*/
#menu{
width:212px;
height: 256px;
background: url(i/bgmenu.gif) left bottom no-repeat;
}

#menu ul {
margin:0;
padding:0;
list-style:none;
}

#menu a {
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#menu li.home{ background: url(imenu/home.jpg) left top no-repeat; height:32px;}
#menu li.chisiamo{ background: url(imenu/chisiamo.jpg) left top no-repeat; height:30px;}
#menu li.appartamenti{background: url(imenu/appartamenti.jpg) left top no-repeat; height:30px;}
#menu li.zona{background: url(imenu/zona.jpg) left top no-repeat; height:30px; }
#menu li.dovesiamo{background: url(imenu/dovesiamo.jpg) left top no-repeat; height:30px; }
#menu li.tariffe{background: url(imenu/tariffe.jpg) left top no-repeat; height:30px; }
#menu li.contatti{background: url(imenu/contatti.jpg) left top no-repeat; height:30px; }
#menu li.link{background: url(imenu/link.jpg) left top no-repeat; height:32px;}

#menu li.home a:link, 
#menu li.chisiamo a:link, 
#menu li.appartamenti a:link, 
#menu li.zona a:link, 
#menu li.dovesiamo a:link,  
#menu li.tariffe a:link, 
#menu li.contatti a:link,  
#menu li.link a:link{ 
text-decoration:none; 
color:#e2f0f4;
font-size:1px;
}

#menu li.home a:link, #menu li.home a:visited{background: url(imenu/home.jpg) left top no-repeat; }
#menu li.chisiamo a:link, #menu li.chisiamo a:visited{ background: url(imenu/chisiamo.jpg) left top no-repeat; }
#menu li.appartamenti a:link,  #menu li.appartamenti a:visited{background: url(imenu/appartamenti.jpg) left top no-repeat;}
#menu li.zona a:link, #menu li.zona a:visited{background: url(imenu/zona.jpg) left top no-repeat;}
#menu li.dovesiamo a:link,  #menu li.dovesiamo a:visited{background: url(imenu/dovesiamo.jpg) left top no-repeat;}
#menu li.tariffe a:link,  #menu li.tariffe a:visited{background: url(imenu/tariffe.jpg) left top no-repeat;}
#menu li.contatti a:link,  #menu li.contatti a:visited{ background: url(imenu/contatti.jpg) left top no-repeat;}
#menu li.link a:link, #menu li.link a:visited{background: url(imenu/link.jpg) left top no-repeat;}

#menu li.home a:hover, #menu li.home a:focus, #menu li.home a:active, 
#menu li.link a:hover,  #menu li.link a:focus,  #menu li.link  a:active{
text-decoration:none; 
background-position:  0 -32px;
}

#menu li.chisiamo a:hover,  #menu li.chisiamo a:focus,  #menu li.chisiamo a:active,
#menu li.appartamenti a:hover,   #menu li.appartamenti  a:focus,  #menu li.appartamenti a:active,
#menu li.zona a:hover,  #menu li.zona a:focus,  #menu li.zona  a:active,
#menu li.dovesiamo a:hover,  #menu li.dovesiamo a:focus,   #menu li.dovesiamo a:active,
#menu li.tariffe  a:hover,  #menu li.tariffe a:focus,   #menu li.tariffe a:active,
#menu li.contatti a:hover,  #menu li.contatti a:focus,  #menu li.contatti a:active{
text-decoration:none; 
background-position:  0 -30px;
}

#menu li.activehome{
height:32px;
background: url(imenu/home.jpg) 0 -32px  no-repeat;
}

#menu li.activechisiamo{
height:30px;
background: url(imenu/chisiamo.jpg) 0 -30px  no-repeat;
}

#menu li.activeapp{
height:30px;
background: url(imenu/appartamenti.jpg) 0 -30px  no-repeat;
}


#menu li.activezona{
height:30px;
background: url(imenu/zona.jpg) 0 -30px  no-repeat;
}

#menu li.activedove{
height:30px;
background: url(imenu/dovesiamo.jpg) 0 -30px  no-repeat;
}

#menu li.activetariffe{
height:30px;
background: url(imenu/tariffe.jpg) 0 -30px  no-repeat;
}

#menu li.activecontatti{
height:30px;
background: url(imenu/contatti.jpg) 0 -30px  no-repeat;
}

#menu li.activelink{
height:32px;
background: url(imenu/link.jpg) 0 -32px  no-repeat;
}

/*==========================================================================================FINE MENU*/

div#zoom{
float:left;
margin: -249px 0 0 222px!important;
display:inline;
}

div#zoom h3{
margin:0;
padding:0;
font-size:1px;
}

div#zoom img{
display:block;
width: 366px;
height:230px;
}

div#minipics{
margin: -180px 32px 0 0!important;
width:166px;
float: right;
display:inline;
}

div#minipics ul{
list-style-type: none;
margin: 0;
padding: 0;
}

div#minipics li{
float:  left;
width: 47px;
height:47px;
}

div#minipics li.uno{
float:left;
margin: 0 13px 5px 0;
}

div#minipics li.due{
float:left;
margin: 0 12px 5px 0;
}

/*====================================================================CONTENUTI*/
#content{
margin:256px 0 0 0!important;
width:846px;
height: 458px;
background: url(i/sfondo1.jpg) left top no-repeat #fff;
}


#content_small{
margin:256px 0 0 0!important;
width:846px;
height: 358px;
background: url(i/sfondo2.jpg) left top no-repeat #fff;
}


#content_small a:link, #content_small a:visited, #content_small a:hover, #content_small a:focus, #content_small a:active{
color:#2d4e81;
text-decoration:underline;
background: transparent;
}


#content_big{
margin:256px 0 0 0!important;
width:846px;
height: 915px;
background: url(i/sfondo4.jpg) left top no-repeat #fff;
}


#content_verybig{
margin:256px 0 0 0!important;
width:846px;
height: 1315px;
background: url(i/sfondo5.jpg) left top no-repeat #fff;
}

#content p, #content_small p, #content_big p, #content_verybig p{
color:#2d4e81;
font-size: .75em;
line-height: 1.6;
padding: 5px 0 0 0;
margin: 0 262px 0 225px ;
}

#content img{
margin: 5px 0 5px 222px ;
}

div#video{
float:left;
width:212px;
}

#content div#video h3{
padding: 20px 0 17px 25px;
margin:0;
color: #b72126;
font-size: .85em;
background: transparent;
}

div#video ul{
list-style:none;
}

div#video li{
margin:0 0 14px 25px;
color:#2d4e81;
font-size: .75em;
}


div#video li a:link, div#video li a:visited{
font-weight: bold;
color:#2d4e81;
text-decoration:underline;
}

div#video li a:hover, div#video li a:focus, div#video li a:active{
text-decoration:none;
}

dl{/*per pag. tariffe*/
width:597px;
padding-top: 2px!important;
}

dt{
font-weight:bold;
color: #36C;
width:200px;
text-align: right;
margin-top: 5px;
color:#2d4e81;
font-size: .75em;
}

dd{
margin: 0  0 .4em 225px;
color: #444;
line-height: 1.3em;
color:#2d4e81;
font-size: .7em;
}

/*=============================================================FINE CONTENUTI*/


#footer{
width:816px;
height: 73px;
background: url(i/footer.jpg) left top no-repeat;
}


#footer p{
color:#2d4e81;
font-size: .7em;
padding: 15px 0 0 28px;
background: transparent;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:focus, #footer a:active{
color:#2d4e81;
text-decoration:underline;
background: transparent;
}
/*===============================================================================*/




#intro {
position:absolute;
top:25%;
left:50%;
width:400px;
height:300px;
margin-left:-200px;
margin-top: -150px;
color:#fff;
font-weight:bold;
padding:0;
background:#fff url(i/index.gif) center center no-repeat;
text-align: center;
}

#intro h1 span{
display: block;
width: 0; 
height: 0; 
overflow: hidden; 
clip: rect(0,0,0,0);  
}

#intro p.entra{
color: #858383;
font-size: .75em;
margin:210px 0 0 -100px;
padding:0;
}


#intro p.enter{
color: #858383;
font-size: .75em;
margin: -15px 0 0 100px;
padding:0;
}

#intro a:link, #intro a:visited{
text-decoration:none;
color: #858383;
font-weight:bold;
}

#intro a:hover, #intro a:focus, #intro a:active{
color:#f7941d;
}

#intro p.mauro{
color: #858383;
font-size: .75em;
margin:30px  0 0 0;
font-weight:normal;
}

#banner{
   	position:absolute;
	top:50%;
	left:40%;
	text-align:center;
}
#banner p a{
	font-size: .9em;
	color:#858383;
	font-weight:bold;
	line-height:25px;
}
#banner p a:hover{
	color:#f7941d;
}