/*
--------------------------------------------
CSP - Stylesheet.
--------------------------------------------
*/

html {height: 100%;}

body{
height: 100%;
background: #E3E3E3;
margin: 0;
padding: 0;
}

*:first-child+html #header { margin-left: -20px; }

#header{
height: 100%; 
position:fixed; 
top:10px;
overflow: visible;
left: 27px;
background: #E3E3E3;
width: 747px;
height: 138px;
z-index: 1;
}

#toolbar{
height: 100%; 
overflow: visible;
position:absolute; 
top:148px;
background: #E3E3E3;
width: 747px;
left: 27px;
height: 36px;
z-index: 2;
}

#CompanyProfile, #Servizi {
position:absolute; 
visibility:hidden; 
z-index: 1
}

#main{
height: 100%; 
position:absolute; 
overflow: visible;
background: #E3E3E3;
width: 746px;
top:184px;
left: 27px;
height: 300px;
}

#immagine{
height: 300px;
position: absolute;
width: 324px;
top: 185px;
left:27px
}

#contenuti, #divorganigramma{
height: 290px;
position: absolute;
width: 402px;
top: 185px;
left: 364px;
background: #E3E3E3;
color : #003174; 
padding : 4px; 
font-family: Arial, Verdana, Arial, sans-serif;
font-size: 11px;
text-align: justify;
overflow : auto;
/* Solo per IE */
scrollbar-face-color: #8CA8D0;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #003366;
scrollbar-shadow-color: #D1DCED;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #8CA8D0;
scrollbar-darkshadow-color: #404040;
}
#contenuti a:link {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: bold;}

#outsourcing, #progetti, #longlease, #assicurazioni, #banche, #inte, #pa, #comunif{
height: 270px;
position: absolute;
width: 402px;
top: 25px;
background: #E3E3E3;
color : #003174; 
font-family: Arial, Verdana, Arial, sans-serif;
font-size: 11px;
text-align: justify;
overflow : auto;
/* Solo per IE */
scrollbar-face-color: #8CA8D0;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #003366;
scrollbar-shadow-color: #D1DCED;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #8CA8D0;
scrollbar-darkshadow-color: #404040;
overflow-x:hidden;
}
#outsourcing a:link {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: bold;}
#assicurazioni label {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: underline;}
#banche label {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: underline;}
#inte label {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: underline;}
#pa label {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: underline;}
#comunif label {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: underline;}

#attimo, #clausolario, #emergency, #preventivi, #portauto, #portvita, #sinistri, #soluzioni, #competenze, #serviziint, #nirvana, #astra, #raisat, #abbonamenti, #alpt, #flussi, #rendiconto, #siop, #tributi{
width: 380px;
position: absolute;
background: #E3E3E3;
color : #003174; 
font-family: Arial, Verdana, Arial, sans-serif;
font-size: 11px;
text-align: justify;
overflow : auto;
/* Solo per IE */
scrollbar-face-color: #8CA8D0;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #003366;
scrollbar-shadow-color: #D1DCED;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #8CA8D0;
scrollbar-darkshadow-color: #404040;
}
#attimo, #clausolario, #emergency, #preventivi, #portauto, #portvita, #sinistri {top: 120px; height: 270px; left: 0px;}
#soluzioni, #competenze, #serviziint {top: 70px; height: 270px;}
#nirvana, #astra, #raisat, #abbonamenti, #alpt, #flussi, #rendiconto, #siop {top: 100px; height: 270px;}
#tributi  {top: 100px; height: 310px;}

#footer{
height: 100%; 
overflow: visible;
position:absolute; 
top:484px;
background: #E3E3E3;
width: 746px;
left: 27px;
height: 74px;
z-index: 1;
font-family: Arial, Verdana, Arial, sans-serif;
font-size: 11px;
color : #003174; 
padding : 4px; 
}
#footer a:link {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003174; text-decoration: bold;}

#header_s{
height: 100%; 
overflow: visible;
margin: 0 auto;   /* align for good browsers */
background: #E3E3E3;
/* width: 432px; */
width: 545px;
height: 109px;
z-index: 1;
}

#main_s{
height: 100%; 
overflow: visible;
margin: 0 auto;   /* align for good browsers */
background: #E3E3E3;
width: 545px;
height: 300px;
z-index: 1;
}

#footer_s{
height: 100%; 
overflow: visible;
margin: 0 auto;   /* align for good browsers */
background: #E3E3E3;
width: 432px;
height: 50px;
z-index: 1;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003174;
text-align: center; 
}

#footer_s a:link {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; color: #2fa209; text-decoration: none;}
#footer_s a:visited {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; color: #003174; text-decoration: none;}
#footer_s a:hover {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; color: #2fa209; text-decoration: none; border: none;}
#footer_s a:active {font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003174; font-weight: 500;}

label
{
font-family: Arial, Verdana, Arial, sans-serif;
font-size: 14px;
text-align: justify;
color: #ffff00;
z-index: 10;
}
img{
border: 0;
}
a:link {
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 300;
color: #7F7F00;
text-decoration: none;
}
a:visited {
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 300;
color: #7F7F00;
text-decoration: none;
}
a:hover {
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 300;
color: #ffff00;
text-decoration: none;
border: none;
}
a:active {
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFF00;
font-weight: 300;
}
i{
font-family: Arial, Verdana, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: 900;
color: #FFF;
text-decoration: underline;
text-align: center;
}
h1{
font-family: Arial, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #ffff00;
text-decoration: underline;
text-align: center;
}
h2{
font-family: Arial, Verdana, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: 700;
color: #FF0000;
text-decoration: underline;
text-align: center;
}
h3{
font-family: Arial, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: red;
text-decoration: underline;
text-align: center;
}
li{
list-style-position: outside;
list-style-type: square;
}
h{
font-size: 16px;
font-weight: 900;
color: #FFF;
text-decoration: underline;
text-align: center;
}
p{
text-indent: 20px;
}