/* GLOBAL */
* {margin:0;padding: 0;}
body{font-family: 'Helvetica','Sans-serif';color:#333;font-size: 11px;margin: 0px;text-align: center;}
a {text-decoration: none; color: #B27039;}
a:hover {text-decoration: none; color: #B27039;}
p strong{color:#4299A9; }

/* CONTAINER */
#container {position: relative;width: 1006px;padding:0;margin:0 auto;text-align: left;}

/* BACKGROUND*/
#container #background {position:absolute;top:15px;left:15px;width: 975px;height:456px;z-index:0;}
#container #background img#mask{position:absolute;top:0px;left:0;z-index:2;}
#container #background #flash{position:absolute;top:40px;left:244px;z-index: 1;}
#container #background #flash.map{z-index: 100;top:42px;left:245px;}

/* MENU */
#container #menu{position: absolute;width: 162px;height: 506px;left: 84px;top:83px;background: url(img/bgMenu.png) top left no-repeat;z-index:12;}
#container #menu ul, #container #subMenu ul{list-style-position: outside; list-style-type: none;} 
#container #menu #main{position: absolute; top:154px; left: 20px;z-index:6;}
#container #subMain{position: absolute;width: 150px;height: 107px;top: 29px; left: 0px;background: url(img/subMenu.png) no-repeat; padding:3px 0 0 13px; z-index:1;}  
#container #subMain.open{left:136px;}

#container #subMain.listino li{height: auto;width:108px;margin-bottom: 5px;}
#container #menu #sub{position: absolute; top:380px; left: 20px;}


#container #menu #main li{width:118px; padding: 2px 0;}
#container #menu #main li a{display: block; width: 118px; color: #333; background: none;}
#container #menu #main li a:hover, #container #menu #main li.active a{display: block; width: 118px; color: #4299A9;background: url(img/menuLine.gif) no-repeat right center;}
#container #subMain li{background: none;line-height: 11px;  border:0px solid red;padding-top:0px;margin-top:0px;margin-bottom: 1px;}
#container #subMain li a{color:#999;height:1%;}
#container #subMain a{color: #333;}
#container #subMain .active a, #container #subMain a:hover{color: #B27039;}
#container #subMenu{z-index: 10;position: absolute;top:100px;left: 91px;}
#container #menu #sub li a{color: #333;}
#container #menu #sub li a:hover,#container #menu #sub li.active a{color: #B27039;}
#container #subMain li.large{padding:3px 0pt;}

/* CONTENT */
#content {position: absolute;top:435px;left: 15px; width: 975px; height: 100px;background: url(img/divisore.gif) 0px 23px no-repeat;z-index:6;}
#content h2{position:absolute;left:601px;color:#4299A9;font-size: 12px;}
#content #colA{width: 572px; position: absolute; left: 0px;top:52px; text-align: right;}
#content #colA #contatti{text-align: left;margin-left: 245px;}
#content #colA #contatti p{margin-bottom: 2px;}
#content #colA a{padding: 0 120px 5px 0; border-bottom: 1px #4299A9 dashed; background: url(img/freccinaSx.gif) no-repeat right; }
#content #colA h2{left:300px;top:26px;}
#content #colA #map{left:0px;}
#content #colA #map a,#content #colA #map span{display:none;}
#content #colB{width: 250px; position: absolute; left: 595px;top:52px;padding: 0 5px;}
#content .blue{color:#4299A9;}
#content #colB p{padding-bottom: 5px;line-height: 11px;}
#content #colC{width: 119px; position: absolute; left: 862px;top:52px;padding: 0 5px;}
#content #colC ul.classifica{list-style: none;margin-left: 18px;color:#B27039;}
#content #colC ul.classifica li {width:85px;height: 15px; display: block;}
#content #colC ul.classifica li.treStelle{background: url(img/stelle.jpg) top right no-repeat; } 
#content #colC ul.classifica li.dueStelle{background: url(img/stelle.jpg) right -17px no-repeat;} 
#content #colC ul.classifica li.unaStella{background: url(img/stelle.jpg) right -35px no-repeat;} 
#content #colC ul.classifica li.distanza{padding-top:10px;margin-top: 5px; border-top:1px dashed #ddd;}
#content #colC ul.classifica li span{display:none;}
#content #colC ul.classifica li span.metri{display:block;float: right;color:#333}
#content #colC ul.classifica li span.etichetta{display:block;float: left;}
#footer{position:absolute;width: 117px; top:522px;left: 104px;z-index:12; font-size: 9px;color:#C1C1BF;}
#footer span{display: block;}
#footer a{color:#C1C1BF;}
#footer a:hover{text-decoration: underline;}

#container h1 a{display: block; position: absolute; left: 98px; top: 94px; padding-top: 3px; width: 130px; height: 130px;z-index:13; background: url(img/logoH1.jpg) no-repeat center; text-indent: -999px;}

/* FORM */
#container #colA form p{text-align: left;padding-left: 350px;}
#container #colA form p label{display:block; margin: 2px 0;}
#container #colA form p input{border:0px;background-color: #ddd;padding: 2px;margin-bottom: 4px;}
#container #colA form p input.testo{width: 203px;height: 14px;}
#container #colA form p input.button{display: block;font-size:11px;float:right;border:1px solid #ddd;color:#4299A9;text-transform: uppercase; background-color: #fff;}
#container #colB form textarea{font-family: 'verdana';font-size: 11px; width:246px;height:100px;border:0px;background-color: #ddd;padding: 2px;margin-bottom: 4px;}
#container #colB form span{color:#4299A9;display:block;margin-top: 3px;}
#container #colB form input{font-size:11px;float:right;border:1px solid #ddd;color:#4299A9;text-transform: uppercase; background-color: #fff;padding: 2px;margin-bottom: 4px;}
#container #mask{position:absolute;width:974px;height:436px;top:16px;left:15px;background: url(img/mask.png) no-repeat top left;z-index: 10;}

/* LISTINO */
#container #listino{position:absolute;z-index: 12;top:20px;left:386px;text-align: left;color:#4299A9}
#container #listino table{border-collapse: collapse;width:200px; text-align:right;}
#container #listino table tr{padding: 0;margin: 0;}
#container #listino table tr th{font-weight: normal; background-color:#1d707b;color:#fff; padding:5px 5px 5px 4px;line-height : 11px; }
#container #listino table tr td{padding: 4px;color:#4299A9;background-color:#cccccc;margin: 0px;line-height : 11px; }
#container #listino table tr td.center{text-align: center;}
#container #listino table tr.dark td{background-color:#dddddd;}