*{margin:0; padding:0;}

html, body{
background:#f2e5d4;
}

body {
background: url(../i/bgpage.gif) left top repeat;
font-family: 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/headen.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(emenu/home.jpg) left top no-repeat; height:32px;}
#menu li.chisiamo{ background: url(emenu/chisiamo.jpg) left top no-repeat; height:30px;}
#menu li.appartamenti{background: url(emenu/appartamenti.jpg) left top no-repeat; height:30px;}
#menu li.zona{background: url(emenu/zona.jpg) left top no-repeat; height:30px; }
#menu li.dovesiamo{background: url(emenu/dovesiamo.jpg) left top no-repeat; height:30px; }
#menu li.tariffe{background: url(emenu/tariffe.jpg) left top no-repeat; height:30px; }
#menu li.contatti{background: url(emenu/contatti.jpg) left top no-repeat; height:30px; }
#menu li.link{background: url(emenu/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(emenu/home.jpg) left top no-repeat; }
#menu li.chisiamo a:link, #menu li.chisiamo a:visited{ background: url(emenu/chisiamo.jpg) left top no-repeat; }
#menu li.appartamenti a:link,  #menu li.appartamenti a:visited{background: url(emenu/appartamenti.jpg) left top no-repeat;}
#menu li.zona a:link, #menu li.zona a:visited{background: url(emenu/zona.jpg) left top no-repeat;}
#menu li.dovesiamo a:link,  #menu li.dovesiamo a:visited{background: url(emenu/dovesiamo.jpg) left top no-repeat;}
#menu li.tariffe a:link,  #menu li.tariffe a:visited{background: url(emenu/tariffe.jpg) left top no-repeat;}
#menu li.contatti a:link,  #menu li.contatti a:visited{ background: url(emenu/contatti.jpg) left top no-repeat;}
#menu li.link a:link, #menu li.link a:visited{background: url(emenu/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(emenu/home.jpg) 0 -32px  no-repeat;
}

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

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

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

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

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

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

#menu li.activelink{
height:32px;
background: url(emenu/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;
}

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

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

div#video li{
margin:0 0 12px 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;
}