/*Onsitus.it - template css gratuito - esempio 5:
Altri layout gratuiti:
http://css.flepstudio.org/css-templates
Se usate questo template, grazie per lasciare queste informazione o un link back a onsitus.it è sempre il benvenuto*/
html, body{
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font: 10pt/14pt Georgia;
color: #FFFFFF;
}
html>body, html>body{
height: auto;
}
#sfondo{
position: absolute;
z-index: 1;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}
#sfondo_navbar{
position: absolute;
z-index: 2;
width: 18%;
height: 89%;
left: 4%;
top: 4%;
background-color: black;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
#navbar{
position: absolute;
z-index: 3;
width: 14%;
height: 38%;
top: 4%;
left: 5%;
padding: 1%;
}
#navbar ul { 
list-style: none; 
margin: 0; 
padding: 0;
}
#navbar li {  
border-bottom: 1px solid #FFFFFF; 
margin-bottom: 0.3em; 
}
#navbar li a:link, #navbar a:visited, a { 
text-decoration: none; 
color: #FFFFFF; 
}
#navbar li a:hover, #navbar a:hover, #navbar li.active { 
color: #DADA2D; 
}
#sfondo_contenuto{
position: absolute;
z-index: 4;
width: 69%;
height: 89%;
left: 24%;
top: 4%;
background-color: black;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
#contenuto{
position: absolute;
z-index: 5;
width: 68%;
height: 85%;
left: 24%;
top: 4%;
padding: 1%;
overflow: auto;
}
#contenuto a{
text-decoration: underline;
}
#contenuto p{
color: #FFFFFF;
}
#contenuto div.title, p.title{
font-weight: bold;
width: 98%;
color: #FFFFFF;
background-image: url('../img/line_blu_glossy.png');
padding: 3px;
}
#contenuto div.news{
width: 98%;
//visibility:hidden;
padding: 1px;
}
#sfondo_footer{
position: absolute;
z-index: 2;
width: 89%;
height: 5%;
left: 4%;
top: 95%;
background-color: black;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
#footer{
position: absolute;
z-index: 3;
width: 87%;
height: 5%;
top: 92%;
left: 4%;
padding: 1%;
}
#footer p{
text-align:center;
padding: 3px;
}
#footer a:link, #footer a:visited, a { 
text-decoration: none; 
color: #FFFFFF; 
}
#footer a:hover, #footer a:hover { 
color: #DADA2D; 
}
#footer span.title{
color: #00FF00;
}