/******************
Azzurro > #1798BB
Verde > #8CE530
Grigio > #868B85
Grigio Scuro > #606060
******************/

body {
padding: 0px;
margin: 0px; /* IE */
min-width:425px;
background: #000000;
color: white;
font-size: 12px;
}

a, a:active, a:visited {
color: #8CE530;
}

a:hover {
color: #ffffff;
}


#header {
width: 100%;
height: 85px;
background-image: url('images/header_4color_strips.gif');
}

#logotxt, #logoimg {
border: 0px;
}

#logotxt {
position: absolute;
top:0px;
left:0px;
float: left;
z-index: 5;
}

#logoimg {
position: absolute;
top:0px;
right:0px;
float: right;
}

#menuheader {
position: absolute;
left: 0px;
top: 46px;
width: 75%;
text-align: right;
font-family: Verdana,sans-serif;
font-size: 12px;
white-space: nowrap;
background-color: #1798BB; /* IE #1798BB  O|F|N #1798BB */
border-bottom: 1px solid white;
font-weight: bold;
}

#menuheader a {
color: white;
text-decoration: none;
border-left: 1px solid white;
border-right: 1px solid white;
padding-left: 10px;
padding-right: 10px;
}

#menuheader .here a{
color: black;
}

#menuheader a:hover {
border-left: 1px solid #8CE530;
border-right: 1px solid #8CE530;
border-bottom: 9px solid #FFFFFF;
background: #1798BB;
color: #8CE530;
}

 
#header2 {
position: absolute;
top: 71px; /* IE 68px | O+F+N 71px */
right: 15%;
height: 30px;
text-align: right;
font-family: Verdana,sans-serif;
font-size: 11px;
white-space: nowrap;
margin:0px;
padding:0px;
}

#header2 ul {
margin:0px;
padding:0px;
}

li.submenu {
display: inline;
padding-left: 15px;
padding-right: 15px;
height: 17px; /* IE 17px */
line-height: 14px; /* IE 14px */
border-left: 1px solid #8CE530;
border-bottom: 1px solid #8CE530;
background: #868B85;
}

li.submenu a {
text-decoration: none;
color: #ffffff;
}

li.submenu a:hover {
color: #8CE530;
}

.pipe { /* chiude l'ultimo li.submenu con un border dx */
height: 17px;
width: 1px;
border-left: 1px solid #8CE530;
border-bottom: 1px solid #8CE530;
}


#men1, #men2, #men3, #men4 {
margin-left: 5%;
}

#men1.here, #men2.here, #men3.here, #men4.here {
background: #FFFFFF;
}

#youarehere {
position: absolute;
top: 71px;
left: 3px;
font-family: Verdana,sans-serif;
font-size: 9px;
color: #000000;
}

#youarehere a {
color: #8CE530;
text-decoration: none;
}

#youarehere a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#content {
position: absolute;
top: 85px;
left: 0px;
width: 100%;
height: 400px;
background-image: url('images/body_3color_strips.gif');
background-position: bottom;
background-repeat: repeat-x;
}

#visualhome {
background-image: url('images/visual_and_claims.gif');
}

#visualcosa {
background-image: url('images/cosa_facciamo/immagine_di_sezione.gif');
}

#visualchi {
background-image: url('images/chi_siamo/immagine_di_sezione.gif');
}

#visualcontattaci {
background-image: url('images/contattaci/immagine_di_sezione.gif');
}

#visualclienti {
background-image: url('images/clienti/immagine_di_sezione.gif');
}

#visualOpenOffice {
background-image: url('images/cosa_facciamo/open_office_assistenza_italiano_gratis.gif');
}

#visualhome, #visualcosa, #visualchi, #visualcontattaci, #visualclienti, #visualOpenOffice {
position: absolute;
z-index:1;
top: 48px;
left: 30px;
right: 30px;
width: 90%;
height: 350px;
background-repeat: no-repeat;
background-position: left;
}

#visualcosa, #visualchi, #visualcontattaci, #visualclienti, #visualOpenOffice {
height: 316px;
}

#visualmask {
position: absolute;
z-index:2;
top: 48px;
left: 30px;
right: 30px;
width: 90%;
height: 316px;
background-image: url('images/mask_subpage.gif');
background-repeat: repeat-y;
}

#signature {
position: absolute;
z-index: 5;
top: 330px;
right: 30px;
font-family: Verdana,sans-serif;
font-size: 9px;
color: #ffffff;
background: #000000;
text-align: right;
}

#signature a {
color: #8CE530;
}

#submenunojs {
position: absolute;
z-index: 5;
top: 38px;
right: 10%;
margin-right: 330px;
}


#buttonlist {
color: #FFFFFF;
font-family: Verdana,sans-serif;
font-size: 11px;
font-weight: bold;
}

#buttonlist li
{
list-style: none;
margin: 0;
}

#buttonlist a
{
display: block;
text-decoration: none;
margin-bottom: 1px;
margin-top: 1px;
color: white;
background: #1798BB;
border-width: 1px;
border-style: solid;
border-color: red yellow green purple;
border-color: #5bd #035 #068 #6cf;
border-left: 15px solid #868B85; 
padding: 1px 2px 2px 3px;
}

#buttonlist #active a {
border-left: 15px solid; 
color: #8CE530;
border-color: #0D5B70 #66ccff #55bbdd #8CE530;
padding: 1px 2px 2px 3px;
}

#buttonlist a
{
width: 130px;
}

#buttonlist a:hover, #buttonlist a#current:hover
{
background: #28b;
border-color: #0D5B70 #66ccff #55bbdd #FFFFFF;
padding: 1px 2px 2px 3px;
}

#buttonlist a:active, #buttonlist a#current:active
{
background: #17a;
border-color: #0D5B70 #66ccff #55bbdd #FFFFFF;
padding: 1px 2px 2px 3px;
}

#first h1 {
font-family: Verdana,sans-serif;
font-size: 14px;
color: #8CE530;
}

#first {
font-family: Verdana,sans-serif;
font-size: 10px;
color: #FFFFFF;
background: #606060;
position: absolute;
z-index: 5;
top: 25px;
right: 5%;
width: 350px;
}

#second {
font-family: Verdana,sans-serif;
font-size: 10px;
color: #FFFFFF;
background: #606060;
/*position: absolute;
z-index: 5;
top: 125px;*/
padding-top: 0px;
padding-left: 10%;
right: 3%;
width: 350px;
}

#second p {
 margin-bottom: 0px;
}