@charset "utf-8";

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
background: url('/themes/advanced/imgs/layout_top_sx.png') top left no-repeat,
            url('/themes/advanced/imgs/layout_top_center.png') top center no-repeat,
            url('/themes/advanced/imgs/bg_espanso_unsupervised_dark.jpg') no-repeat center center fixed,
            url('/themes/advanced/imgs/bg.jpg') top left repeat;
-webkit-background-size: auto, auto, cover, auto;
-moz-background-size: auto, auto, cover, auto;
-o-background-size: auto, auto, cover, auto;
background-size: auto, auto, cover, auto;
}

body img{
    object-fit: cover;
}

#framecontentLeft, #framecontentRight{
position: absolute;
top: 0;
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentLeft{
left: 0;
right: auto;
width: 190px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: none;
}

#framecontentRight{
left: auto;
right: 0;
width: 190px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/* La grafica destra è ancorata alla stessa colonna dei suoi contenuti.
 * In questo modo rotazione e modali non possono lasciarla sulla vecchia
 * larghezza del body/viewport. */
background: url('/themes/advanced/imgs/layout_top_dx.png') top right no-repeat;
background-size: auto;
}

#framecontentTop, #framecontentBottom{
position: absolute;
top: 0;
left: 190px; /*Set left value to WidthOfLeftFrameDiv*/
right: 190px; /*Set right value to WidthOfRightFrameDiv*/
width: auto;
height: 107px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentTop{
position: absolute;
top: 0;
left: 190px; /*Set left value to WidthOfLeftFrameDiv*/
right: 190px;
height: 107px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: transparent;
}

#framecontentBottom{
position: absolute;
top: auto;
left: 190px; /*Set left value to WidthOfLeftFrameDiv*/
bottom: 10px;
right: 190px;
height: 0px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: none;
}

#maincontent{
position: fixed;
top: 107px !important; /*Set top value to HeightOfTopFrameDiv*/
bottom: 10px !important; /*Set bottom value to HeightOfBottomFrameDiv*/
left: 190px; /*Set left value to WidthOfLeftFrameDiv*/
right: 190px; /*Set right value to WidthOfRightFrameDiv*/
min-width: 0;
min-height: 0;
overflow: hidden;
}

#menu_diviso{
    left: 190px;
    position: absolute;
    right: 190px;
    top: 0;
    width: auto;
}

#centeredmenu {
   float:left;
   width:100%;
   background: #transparent;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin: 0;
   padding: 0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin: 0;
   padding: 0px 10px;
   position:relative;
   right:50%;
   filter: drop-shadow(0px -3px 4px #1c1c1ad4);
}

#centeredmenubottom {
   float:left;
   width:100%;
   background: #transparent;
   overflow:hidden;
   position:relative;
}
#centeredmenubottom ul {
   clear:left;
   float:left;
   list-style:none;
   margin: 0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenubottom ul li {
   display:block;
   float:left;
   list-style:none;
   margin: 0;
   padding:0;
   position:relative;
   right:50%;
}

.colonne_sx{
position: absolute;
top:0;
}

.colonne_dx{
position: absolute;
top:0;
right: 0;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innertube_bottom {
    margin: 15px 100px 15px 100px;
}

* html body{ /*IE6 hack*/
padding: 107px 190px 10px 190px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}