html { margin: 0px; padding: 0px; height:100%;  }
body { background-color:#003893; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:100%;}

h1{font-family:Trebuchet MS; color:#004A83; font-weight:normal; font-size:18px; padding:0 0 10px 0; margin:0 0 10px 0; }
h2{font-family:Trebuchet MS; color:#009EDF; font-weight:bold; font-size:14px; padding:0 0 0 0; margin:0 0 0 0; }
a{font-family:Trebuchet MS; color:#ffffff;}

input, textarea, select, textarea{font-family:Arial; color:#000000; font-size:13px;}
div.Content div.frm_contattaci textarea{width:350px;}

.alert{font-family:Arial; color:#ff0000; margin-bottom:10px;}

img{border:none;}

.floatRight{float:right; margin:0px 0px 10px 10px;}

.clear_both{clear:both;}

div.bg_Container { }

div.Container { width:100%; height:100%;}

div.ColCenter{width:78%; position: absolute; left:0; padding:10px 0px 0px 20px;}
div.ColCenter #logo{background: url(/assets/images/logo.jpg) 50% 0 no-repeat; width:100%; height:47px; margin-bottom:40px;}

div.ColCenter #box-elenco{min-height:420px; height:auto !important; height:420px;  }
div.ColCenter div.box-content{width:100%; padding: 0 0 0 0; font-family:"Trebuchet MS"; font-size:13px; color:#ffffff; line-height:20px;  margin:0 0 20px 0;}
div.ColCenter div.box-titolo{font-size:20px; color:#ffffff; margin-bottom:20px;  background: url(/assets/images/arrow-white.jpg) 0 6px no-repeat; padding:0 0 0 20px; }
div.ColCenter div.box-area-riservata{font-size:20px; color:#ffffff; margin:5px 0 5px 0; background: url(/assets/images/arrow-white.jpg) 0 6px no-repeat; padding:0 0 0 20px; }

div.ColCenter div.box-gallery{width:100%; }
div.ColCenter div.box-gallery td{border:1px solid #ffffff; text-align:center; margin:0 0 0 0; padding:0 0 0 0;}
div.ColCenter div.box-gallery td img{padding:5px 5px 5px 5px;}


div.ColCenter #footer{ width:100%; font-family:"Trebuchet MS"; font-size:12px; color:#CCCCCC; line-height:15px; text-align:center;}
div.ColCenter #footer a{color:#CCCCCC;}

/*
div.ColMenu{width:180px; height:100%; background: #1B181C url(/assets/images/bg_ColDx.gif) center top no-repeat; position: absolute; left:100%; margin-left:-180px; padding:0px 0px 0px 0px;}
*/
div.ColMenu{width:180px; height:100%; background-color: #666D70; position: absolute; left:100%; margin-left:-180px; padding:0px 0px 0px 0px;}
div.ColMenu #menu{margin-top:20px; font-family:"Trebuchet MS"; font-size:18px; z-index:100 }
div.ColMenu div.voce{ width: 100%; height:18px; color:#ffffff; }
div.ColMenu div.voce a{ color:#B5B5B5; text-decoration:none; padding:0px 0 0 15px;}
div.ColMenu div.voce_selected{ background: url(/assets/images/arrow-blue.png) 0 6px no-repeat; width: 100%; height:20px;  color:#ffffff; }
div.ColMenu div.voce_selected a{ color:#ffffff; text-decoration:none; padding:0px 0 0 15px;}
div.ColMenu div.voce a:hover {color:#ffffff;}
div.ColMenu div.separator {padding:8px 0 8px 15px; width:100px; height:2px; }
div.ColMenu div.separator img {width:150px; }

div.ColMenu #change_lingua{margin:20px 0 0 20px;}
#change_lingua select{width:150px}

div.ColMenu #logo{z-index:1; background: url(/assets/images/logo_dx.png) no-repeat; width:147px; height:256px; margin:30px 0 0 20px;}


@media screen
  {
  div.ColMenu
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    }
  * html div.ColMenu
    {
    position: absolute;  
    }
  /* All done. */
  }