@charset "utf-8";
/* CSS Document */
html,body {
    margin: 0;
    padding: 0;
}
body {
    background: #434554 url(../images/bg.jpg) repeat-x;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;
}
h1,h2,p,ul,li,form {
    margin: 0;
    padding: 0;
}
a, a:visited {
    color: #9900CC;
    font-weight: bold;
    text-decoration: underline;
}
a:hover {
    color: #9900CC;
}
a img {
    border: 0;
}
div.clearer {
    clear: both;
}
p {
    font-size: 1.1em;
}
/* layout */
#container {
 position:relative;
}
#container, #container_contenuto {
    width: 920px;
    margin: 0 auto;
}
#container_contenuto {
    background: transparent url(../images/bg_pagina.jpg) repeat-y;
}
#wrapper {
    text-align: left;
}
#header {
    padding: 0 9px;
    height: 104px;
}
#header div {
    height: 100%;
    background: transparent url(../images/bg_header.jpg) bottom repeat-x;
    position: relative;
}
/* logo */
a#logo {
    position: absolute;
    top: 0;
    left: 10px;
}
/* slogan */
img#slogan {
    position: absolute;
    top: 0;
    right: 0;
}
/* contenitore immagine principale */
div#top_container {
    height: 296px;
    background: transparent url(../images/background_top.jpg) no-repeat;
    text-align: center; 
}
/* box con i punti salienti */
div#punti_salienti {
    background: transparent url(../images/punti_salienti_middle.jpg) repeat-y;
    margin: 0 10px 50px 10px;
    border-bottom: 1px solid #EFEFEF;
}
div#punti_salienti div#ps_a {
    background: transparent url(../images/onda.jpg) no-repeat top;
}
div#punti_salienti div#ps_b {
    background: transparent url(../images/punti_salienti_bottom.jpg) no-repeat bottom;
    padding: 0 0 15px 0;    
}
div#punti_salienti div.primo {
    float: left;
    width: 176px;
    padding: 5px 30px 10px 30px;
}
div#punti_salienti div.secondo {
    float: left;
    width: 155px;
    padding: 5px 30px 10px 30px;    
}
div#punti_salienti div.terzo {
    float: left;
    width: 155px;
    padding: 5px 30px 10px 30px;    
}
div#punti_salienti div.quarto {
    float: left;
    width: 174px;
    padding: 5px 30px 10px 30px;    
}
div#punti_salienti h2 {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 1.4em;
    color: #FFF;
    margin-bottom: 0.8em;
    padding-left: 0;
}
div#punti_salienti h1 {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #339966;
    margin: 1em 0 0.3em 0;
    font-weight: bold;
    /*text-align: center;   */
}
div#punti_salienti p {
    text-align: justify;
    font-size: 1.15em;
    line-height: 1.3em;
    /*text-align: center;   */
}
div#punti_salienti ul {
    margin: 10px 0 5px 12px;
}
div#punti_salienti ul li {
    list-style: url(../images/spunta.gif);
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0.5em;
}
/* Altro contenuto */
div#altro_contenuto {
    margin: 0 10px;
    padding-bottom: 20px;
}
div#altro_contenuto div.primo {
    float: left;
    width: 391px;
    padding: 5px 30px 0 30px;
    text-align: center;
}
div#altro_contenuto div.secondo {
    float: left;
    width: 389px;
    padding: 5px 30px 0 30px;   
}
div#altro_contenuto h2 {
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size: 1.7em;
    color: #565656;
    margin-bottom: 0.8em;
}
div#altro_contenuto p {
    text-align: justify;
    font-size: 1.15em;
    line-height: 1.3em;
    margin: 0.4em 0;
}
/* menu */
ul#menu {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    z-index: 99;
}
ul#menu li {
    float: left;
    display: block;
    height: 38px;
    line-height: 42px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/ling_middle.jpg) repeat-x;
}
ul#menu li a, ul#menu li a:visited {
    display: block;
    height: 100%;
    background: transparent url(../images/ling_left.jpg) left no-repeat;
    text-decoration: none;
    color: #76787E; 
}
ul#menu li a:hover {
    color: #9900CC;
}
ul#menu li a span {
    display: block;
    height: 100%;
    background: transparent url(../images/ling_right.jpg) right no-repeat;
    padding: 0 10px;
    cursor: pointer;
}
ul#menu li.active, ul#menu li.active_interna {
    background: transparent url(../images/ling_middle_active.jpg) repeat-x;
}
ul#menu li.active a {
    background: transparent url(../images/ling_left_active.jpg) left no-repeat;
    color: #434554;
}
ul#menu li.active a span {
    padding-left: 14px;
}
ul#menu li.active_interna a {
    background: transparent url(../images/ling_left_active_interna.jpg) left no-repeat;
    color: #416276;
}
ul#menu li.active a span, ul#menu li.active_interna a span {
    background: transparent url(../images/ling_right_active.jpg) right no-repeat;
}
ul#menu li.ombra_active a {
    background: transparent url(../images/ling_left_shadow.jpg) left no-repeat;
}
ul#menu li.ombra_active_prima a span {
    background: transparent url(../images/ling_right_shadow_prima.jpg) right no-repeat;
}
/* footer */
div#footer_top {
    height: 19px;
    padding: 7px 0;
    margin: 45px 10px 0 10px;
    color: #9900CC;
    font-size: 0.9em;
    text-align: center;
}
div#footer_bottom {
    background-color: #EDEDED;
    padding: 7px 0;
    margin: 0 10px;
    color: #434554; 
    font-size: 0.75em;  
    text-align: center; 
}
div#footer_top a, div#footer_bottom a, div#footer_top a:visited, div#footer_bottom a:visited {
    color: #9900CC;
}
/* fotina */
#fotina {
    position:relative;
    left:-30px;
}
ul#lingue {
position:absolute;
right:7px;
top:10px;
color:#464646;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 3px 0 0;
z-index:99;
}


ul#lingue li {
display:block;
float:left;
height:25px;
line-height:22px;
margin-left:4px;

}

ul#lingue li a.ita { 
background:transparent url(../images/flag_ita.gif) no-repeat scroll left center;
padding:0 4px 0 19px !important;
}
ul#lingue li a.eng { 
background:transparent url(../images/flag_eng.gif) no-repeat scroll left center;
padding:0 4px 0 19px !important;
}
ul#lingue li a, ul#lingue li a:visited { 
color:#464646;
padding:0 4px;
text-decoration:none;
}
ul#lingue li a, ul#lingue li a:visited { 
color:#464646;
padding:0 4px;
text-decoration:none;
}