@charset "utf-8";
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background:#d1d1d1 url(../img/bg.jpg) top repeat-x;
color:#333;
text-align:center;
margin:0;
padding:0;
}

h4{
font-weight:bold;
font-size:12px;
clear:both;
}

img{
border:1px solid #333;
}

a:link, a:visited{
color:#333;
}

a:hover,a:active,a:focus{
color: #010101;
}

#contenitore{
width:950px;
margin:auto;
}

#header{
height:130px;
margin:0;
padding:0;
}

#header h1{
position:relative;
font-size:1px;
text-indent:-2000em;
float:left;
width:130px;
height:100px;
margin:0;
padding:0;
}

#header h1 span{
background: url(../img/logo.jpg) no-repeat;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#menu{
float:right;
background:url(../img/menu-bg.jpg) repeat-x;
width:685px;
height:100px;
text-align:left;
margin:0;
padding:0;
}

#menu ul{
list-style:none;
border-right:1px solid #333;
height:100px;
margin:0;
padding:0;
}


#menu ul li{
width:170px;
height:100px;
float:left;
border-left:1px solid #333;
margin:0;
padding:0;
}


#menu ul li a{
width:160px;
height:55px;
display:block;
font-size:11px;
line-height:20px;
text-decoration:none;
background:url(../img/list-giallo.jpg) top right no-repeat;
color:#fff;
margin:0;
padding: 45px 0 0 10px;
}

#menu ul li a span{
font-weight:bold;
font-size:18px;
color:#fc0;
margin:0;
padding:0;
}

#menu ul li a strong{
font-size:13px;
text-transform:uppercase;
margin:0;
padding:0;
}


#menu ul li a:hover,#menu ul li a:focus,#menu ul li.selected a{
color:#fc0;
background:#000 url(../img/list-bianco.jpg) top right no-repeat;
}

#menu ul li a:hover span,#menu ul li a:focus span,#menu ul li.selected a span{
color:#fff;
}

#lang-button{
width:170px;
height:23px;
border:1px solid #999;
float:right;
}

.btn,#btn{
width:100%;
height:23px;
border:1px solid #999;
margin: 20px 0;
}

#btn{
width:185px;
}

#lang-button a,.btn a,#btn a{
height:23px;
width:100%;
display:block;
background:url(../img/btn-bg.jpg) top repeat-x;
text-align:center;
text-decoration:none;
line-height:23px;
text-transform:uppercase;
font-size:11px;
}


#lang-button a:hover,#lang-button a:focus,.btn a:hover,.btn a:focus,#btn a:hover,#btn a:focus{
color:#fff;
background-position: bottom;
}

#main{
clear:both;
text-align:justify;
margin: 10px 0;
}

#footer{
clear:both;
font-size:11px;
margin: 20px 0;
border-top:1px solid #333;
}

/* REALIZZAZIONI */

#colonna-sx{
width:250px;
float:left;
margin:0;
padding:0;
}

#colonna-dx{
width:680px;
float:right;
margin:0;
padding:0;
}

#lotti{
width:140px;
}

#planimetria {
position: relative;
width:680px;
height: 480px;
background:url(../img/planimetria.gif) no-repeat;
margin: 0;
padding: 0;
}

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

#planimetria li{
position: absolute;
list-style: none;
top: 0;
left: 0;
}

#planimetria li a{
text-decoration:none;
color:#010101;
font-size:14px;
font-weight:bold;
text-align:center;
}


#a {
display: block;
line-height:33px;
width: 35px;
height: 33px;
position: absolute;
/*border:1px solid #000;*/
left: 465px;
top: 203px;
/*text-indent: -2000em;  Phark Image Replacement */
}


#b {
display: block;
line-height:33px;
width: 35px;
height: 33px;
position: absolute;
/*border:1px solid #000;*/
left: 465px;
top: 170px;
}

#c {
display: block;
line-height:33px;
width: 35px;
height: 33px;
position: absolute;
/*border:1px solid #000;*/
left: 465px;
top: 137px;
}


#d {
display: block;
line-height:35px;
width: 30px;
height: 35px;
position: absolute;
/*border:1px solid #000;*/
left: 433px;
top: 93px;
}

#e {
display: block;
line-height:35px;
width: 30px;
height: 35px;
position: absolute;
/*border:1px solid #000;*/
left: 398px;
top: 93px;
}

#f {
display: block;
line-height:35px;
width: 30px;
height: 35px;
position: absolute;
/*border:1px solid #000;*/
left: 365px;
top: 93px;
}

#g {
display: block;
line-height:35px;
width: 30px;
height: 35px;
position: absolute;
/*border:1px solid #000;*/
left: 335px;
top: 93px;
}

#ih {
display: block;
line-height:35px;
width: 45px;
height: 35px;
position: absolute;
/*border:1px solid #000;*/
left: 285px;
top: 93px;
}


#li {
display: block;
line-height:35px;
width: 45px;
height: 35px;
position: absolute;
/*border:1px solid #000;*/
left: 238px;
top: 93px;
}


#m {
display: block;
line-height:35px;
width: 30px;
height: 35px;
position: absolute;
/*border:1px solid #000;*/
left: 204px;
top: 93px;
}

#n {
display: block;
line-height:25px;
width: 30px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 169px;
top: 138px;
}

#o {
display: block;
line-height:25px;
width: 30px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 187px;
top: 165px;
}

#p {
display: block;
line-height:25px;
width: 30px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 204px;
top: 192px;
}

#q {
display: block;
line-height:25px;
width: 30px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 224px;
top: 220px;
}

#k {
display: block;
line-height:25px;
width: 30px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 240px;
top: 248px;
}

#r {
display: block;
line-height:25px;
width: 25px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 325px;
top: 333px;
}

#s {
display: block;
line-height:25px;
width: 25px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 354px;
top: 315px;
}

#t {
display: block;
line-height:25px;
width: 25px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 379px;
top: 296px;
}

#u {
display: block;
line-height:25px;
width: 25px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 406px;
top: 277px;
}

#v {
display: block;
line-height:25px;
width: 25px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 432px;
top: 259px;
}

#z {
display: block;
line-height:25px;
width: 30px;
height: 25px;
position: absolute;
/*border:1px solid #000;*/
left: 462px;
top: 239px;
}

#p1 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 60px;
top: 5px;
}

#p2 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 118px;
top: 5px;
}

#p3 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 176px;
top: 5px;
}

#p4 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 232px;
top: 5px;
}

#p5 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 288px;
top: 5px;
}

#p6 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 342px;
top: 5px;
}

#p7 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 400px;
top: 5px;
}

#p8 {
display: block;
line-height:50px;
width: 53px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 455px;
top: 5px;
}

#p9 {
display: block;
line-height:50px;
width: 75px;
height: 70px;
position: absolute;
/*border:1px solid #000;*/
left: 514px;
top: 5px;
}

#p10 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 538px;
top: 98px;
}

#p11 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 538px;
top: 154px;
}

#p12 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 538px;
top: 209px;
}

#p35 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 101px;
top: 168px;
}

#p36 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 133px;
top: 217px;
}

#p37 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 163px;
top: 268px;
}
#p38 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 362px;
top: 375px;
}

#p39 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 413px;
top: 342px;
}

#p40 {
display: block;
line-height:50px;
width: 50px;
height: 50px;
position: absolute;
/*border:1px solid #000;*/
left: 461px;
top: 307px;
}


#planimetria li a:hover,#planimetria li a:focus {
color:#FFF;
/*text-indent: -2000em;  Phark Image Replacement */
}

/* INQUADRAMENTO */


#mappa-inquadram {
position: relative;
width:680px;
height: 520px;
background: url(../img/mappa-inquadramento.gif) no-repeat;
list-style: none;
margin: 0;
padding: 0;
}

#mappa-inquadram li{
position: absolute;
list-style: none;
top: 0;
left: 0;
}

#mappa-inquadram li a{
text-decoration:none;
color:#010101;
font-size:14px;
font-weight:bold;
text-align:center;
}


#inq1 {
display: block;
width: 30px;
height: 20px;
position: absolute;
border:1px solid #000;
left: 20px;
top: 35px;
text-indent: -2000em;
}


#inq2 {
display: block;
width: 30px;
height: 20px;
position: absolute;
border:1px solid #000;
left: 634px;
top: 397px;
text-indent: -2000em;
}

#inq3 {
display: block;
width: 30px;
height: 20px;
position: absolute;
border:1px solid #000;
left: 552px;
top: 212px;
text-indent: -2000em;
}


#inq4{
display: block;
width: 30px;
height: 20px;
position: absolute;
border:1px solid #000;
left: 442px;
top: 283px;
text-indent: -2000em;
}

#inq5 {
display: block;
width: 30px;
height: 20px;
position: absolute;
border:1px solid #000;
left: 194px;
top: 319px;
text-indent: -2000em;
}


/* CONTATTI */

#contact-form table{
border:none;
width:98%;
}

#contact-form table td{
vertical-align:top;
border:none;
}

label{
text-align:right;
}

/* VARI */

.gallery{
list-style:none;
margin: 10px 0;
padding:0;
}

.gallery li{
list-style:none;
float:left;
display:inline;
margin: 0 3px 0 0;
padding:0;
}

.gallery li img{
width:90px;
height:60px;
}


.colonna-sx{
float:left;
width:460px;
margin: 0;
}

.colonna-dx{
float:right;
width:460px;
margin: 0;
}

.sx{
float:left;
display:inline;
margin: 0 5px 5px 0;
}

.dx{
float:right;
display:inline;
margin: 0 0 5px 5px;
}

.center{
text-align:center;
}

.center img{
margin:auto;
}

.clr{
clear:both;
}

.spacer{
clear:both;
height:50px;
display:block;
}