/*monolitico con posizionamenti assoluti bottom finestra: 514x454*/
@import url("fancybox/jquery.fancybox.css?v=2.1.2");
* {padding:0;margin:0;}
html,body{margin: 0;padding:0;height:100%;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center;}
div#container{position:relative;height: 100%; margin: 0 auto;background-color:#3A6EA5;}
body>div#container{height:auto;min-height:100%;}
div#contenitore{padding:0px;margin:0;position:absolute;top:30px;left:200px; width:514px;height:454px; color:#000; text-align:center;}
div#menu{padding:0;margin:0; color: #fff;position: absolute;top:50px;left:0;width: 70px;height:200px;}
div#logo{position:absolute;left:0;top:0px;width: 157px;height:27px;}
div#indirizzo{color:#000; text-align:right;position:absolute;right:0;top:0px;height:27px;}
div#lingua{padding:0; color:#fff; text-align:right;position: absolute;right:0;top:30px;height:100px;width: 50px;}
div#stile{padding:0;background-color:#D4D0C8;background:url(img/desktop/panel.gif);color:#000;text-align:left;height:26px;position:absolute;left:0px;bottom:0px;width: 100%;}
div#validazione{font: normal 1em/0em arial,sans-serif;display: inline;padding-top:6px;color:#000;text-align:right;position:absolute;right:0px;bottom:0px;height:13px;}

/* contenitore */
div#contenitore p{text-align:center;padding-top:0.8em;line-height:1.3em;text-decoration: none; color: #666666}
div#contenitore li{margin-left:25px;text-align:left; color: #666666}
div#home {display:none}
div#tecnologie {margin:23px 5px 5px 5px;height:426px;overflow:auto;display:none}
div#servizi {margin:23px 5px 5px 5px;height:426px;overflow:auto;display:none}
div#servizi {margin:23px 5px 5px 5px;height:426px;overflow:auto;display:none}
div#filosofia {margin:23px 5px 5px 5px;height:426px;overflow:auto;display:none}
div#contatti {margin:23px 5px 5px 5px;overflow:auto;display:none}
div#galleria {margin:23px 5px 5px 5px;height:426px;overflow:auto;text-align:left;display:none}
div.clearer{clear: left;height:1px;}

/*menu*/
div#menu ul{margin-left:5px;padding: 0; list-style-type: none;}
div#menu li{padding-top: 55px;text-align:center;}
div#menu a{color:#fff;font: normal 1em arial,sans-serif;text-decoration: none;}
div#menu a:hover{background-color: #0A246A;text-decoration: none}
div#menu a#activelink{background-color: #0A246A;font-weight:bold;}
/*icone___________________________________________________*/  
li#filosofia_en a span{top:20px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/filosofia.gif") no-repeat;cursor: pointer;}
li#servizi_en a span{top:90px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/servizi.gif") no-repeat;cursor: pointer;}
li#tecnologie_en a span{top:160px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/tecnologie.gif") no-repeat;cursor: pointer;}
li#galleria_en a span{top:230px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/galleria.gif") no-repeat;cursor: pointer;}
li#contatti_en a span{top:300px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/contatti.gif") no-repeat;cursor: pointer;}
li#filosofia_it a span{top:20px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/filosofia.gif") no-repeat;cursor: pointer;}
li#servizi_it a span{top:90px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/servizi.gif") no-repeat;cursor: pointer;}
li#tecnologie_it a span{top:160px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/tecnologie.gif") no-repeat;cursor: pointer;}
li#galleria_it a span{top:230px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/galleria.gif") no-repeat;cursor: pointer;}
li#contatti_it a span{top:300px;left:20px;position: absolute;width: 32px;height: 32px;background: url("img/desktop/contatti.gif") no-repeat;cursor: pointer;}

/* logo*/
div#logo a { position: absolute;left:0px; width: 157px; height: 27px;}
div#logo span{position: absolute;left:0;width: 157px;height: 27px;cursor: pointer;background: url("img/logo2.gif") no-repeat;}

/*indirizzo*/
div#indirizzo p{display: inline;padding-left:8px;font: normal 0.8em arial,sans-serif;color:#fff}

/*lingua*/
div#lingua ul{margin-right:5px;padding: 0;list-style-type: none;}
div#lingua li{padding-top: 55px;text-align:center;font-weight:bold;}
div#lingua a{color:#fff;font: normal 1em arial,sans-serif;text-decoration: none;}
div#lingua a:hover{background-color: #0A246A;text-decoration: none}
li#lingua_it span{top:37px;right:20px;position: absolute;width: 20px;height: 14px;background: url("img/puntonet/it.gif") no-repeat;}
li#lingua_en span{top:107px;right:20px;position: absolute;width: 20px;height: 14px;background: url("img/puntonet/en.gif") no-repeat;}
li#lingua_it a span{cursor: pointer;}
li#lingua_en a span{cursor: pointer;}

/*stile*/
div#sceltastile {padding-top:3px;font: normal 1em arial,sans-serif;}
div#sceltastile select {font:  normal 1em arial,sans-serif; margin:0;height:20px;background-color: #fff; color: #000;}
div#sceltastile input {font:  normal 1em arial,sans-serif; margin:0;height:20px;color: #000;}

/*validazione*/
div#validazione a{margin-top:0px;color:#000;font: normal 1em/0.8em arial,sans-serif;text-decoration: none;}
div#validazione a:hover{background-color: #808080;text-decoration: none}

/* per dhtmlwindow */
.dhtmlwindow{
position: absolute;
border-width:4px;
border-color: #7A654C;
border-style: groove double;
visibility: hidden;
background-color: white;
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: italic 15px Arial;
background-color: #A48867;
color: white;
cursor: move;
overflow: hidden;
width: auto;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #000;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-contentarea img {float:left;height:45px;width:55px;border:1px solid #ccc; margin-right:4px;margin-top:3px;}
.drag-contentarea img.imglogo {float:none;text-align:center;margin-left:10px;margin-top:20px;width:auto;height:auto;border:0px;}
.drag-contentarea li{width:480px;list-style:none;text-align:left;margin-left:3px;}
.drag-contentarea li p{text-align:left;margin-left:54px;margin-top:0px;}
.drag-contentarea h3{margin-bottom:5px;text-align:center;}
.drag-contentarea h4{margin-bottom:0px;font: normal bold 1em/1em arial,sans-serif;}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #D1C0AC;
height: 5px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 5px; /*width of resize image*/
height: 5px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}