html{
width:100%;
height:100%;
}
body{
width:100%;
height:100%;
margin:0px 0px 0px 0px;
background:#FFFFF0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#A5A08B;
text-align:justify;
}
input, select, textarea{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #6F5E55;
font-weight:bold;
}
.inputButton{
color:#333333;
}
.error{
color:orange;

}
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#A5A08B;
padding:0px;
margin:0px 0px 5px 0px;
}
a{
color:orange;
font-weight:bold;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#FF6600;
}
#menu a{
color:#00CEDF;
text-decoration:none;
font-weight:normal;
}
#menu a:hover{
color: #00ACBF;
background:#FFFFFF;
outline:10px solid #FFFFFF;
font-weight:normal;
}
#extWrapper{
}
#wrapper{
width:950px;
}
#top{
height:322px;
background:url(../gfxsito/topimage.jpg) center repeat-x #222222;
}
#menu{
background:url(../gfxsito/bgmenu.gif) repeat-x;
height:90px;
word-spacing:6px;
padding-top:10px;
color:#CCCCCC;
}
#map{
width:99%;
height:350px;
float:left;

}
#reset{
padding-left:10px;
display:none;
width:30%;

overflow:auto;
float:left;

}


#directions{
display:none;
width:33%;
height:320px;
overflow:auto;
float:left;

}

#sx{
width:370px;
margin-right:10px;
/*margin-top:-20px;*/
float:left;
text-align:justify;
}
#dx{
width:560px;
margin-left:10px;
/*margin-top:-20px;*/
float:right;
}
#foot{
margin-top:40px;
padding-bottom:40px;
background:url(../gfxsito/bgfoot.gif) no-repeat;
float:left;
height:47px;
width:950px;
font-size:12px;
padding-top:13px;
color:#847F6A;
}
#top{
position:relative;
}
#bollini{
position:absolute;
background:url(../gfxsito/trans.png);
bottom:0px;
right:12.5%;
padding:13px;
}
.articleImage{
border:1px solid #CCCCCC;
background:#FFFFFF;
margin:0 5px 0 0;
padding:5px;
}
#extWrapper1{
background:url(../gfxsito/topimage.jpg) center repeat-x;
height:100%;
width:100%;
}
#extWrapper2{
background:url(../gfxsito/footer.png) center no-repeat;
height:100%;
width:100%;
cursor:pointer;
}

#mappaDinamica{
background:url(../gfxsito/mappa.png);
width:752px;
height:763px;
position:relative;
}
#mapCancello{
position:absolute;
width:154px;
height:79px;
right:106px;
top:25px;
z-index:50;
}
#mapCancello:hover{
border:1px dotted #1B6AEA;
cursor:pointer;
}
#mapRistorante{
position:absolute;
width:190px;
height:79px;
right:0px;
top:233px;
z-index:50;
}
#mapRistorante:hover{
border:1px dotted #1B6AEA;
cursor:pointer;
}
#mapTerrazzo{
position:absolute;
width:150px;
height:79px;
left:383px;
top:275px;
z-index:50;
}
#mapTerrazzo:hover{
border:1px dotted #1B6AEA;
cursor:pointer;
}
#mapCamere{
position:absolute;
width:145px;
height:79px;
left:443px;
top:420px;
z-index:50;
}
#mapCamere:hover{
border:1px dotted #1B6AEA;
cursor:pointer;
}
#mapPiscina{
position:absolute;
width:148px;
height:79px;
right:126px;
top:533px;
z-index:50;
}
#mapPiscina:hover{
border:1px dotted #1B6AEA;
cursor:pointer;
}