/* CSS Document */

body {
    margin:0px auto;
    padding:0px;
    background:#4C94C0;
    font-family: "Lucida Sans", "Times New Roman", Georgia;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    text-align:center;
}

/* ------------------ top pagine */


div#top {
    padding:0;
    background: #62A3CA url(images/sfondi/sfondo-top.jpg) repeat-x;
    height: 150px;
}

div#top div#bandiera {
    margin:0;
    padding:0;
    position:absolute;
    top: 30px;
    left: 20px;
}

div#toppagina {
    margin:0 auto;
    width: 960px;
    height: 150px;
    text-align: left;   
}

/* ------------------ logo */

div#logo {
    height: 125px;
    width: 250px;
    background: #f0f0f0 url(images/logo-essegi.jpg) no-repeat;
    text-align: center;
    float: left;
}

div#logo a:link, div#logo a:visited {
    color: #428DBC;
    text-decoration: none;
}

div#logo a:hover {
    color: #8F0001;
}

div#logo #active {
    color: #000000;
}

/*  ------------------  menu selezione lingua */
div#menulingua{
    width: 300px;
    height:30px;
    float: right;
    background: #ffffff url(images/sfondi/menu-lingue.gif);
}

div#menulingua p{
    margin:0;
    padding:0;
    margin-top:5px;
    margin-left: 10px;
    float: left;
}

div#menulingua ul {
    margin:0;
    padding:0;
    float: right;
    margin-top: 5px;
    margin-right:10px;  
}

div#menulingua li {
    margin:0;
    padding:0;
    float:left;
    list-style-type: none;  
}

div#menulingua li a:link, div#menulingua li a:visited {
    padding: 6px;
    color: #AE0001; 
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

div#menulingua li a:hover{
    text-decoration: underline;
}

div#menulingua li #active {
    color: #418EBC;
}

/*  ------------------  menu principale (usa rollover js) */

#navigation {
    float: right;
    width: 673px;
    height: 55px;
    color: #ffffff;
    margin: 65px 0 0 0;
    padding:0;  
}

#navigation a{
    float: left;
    margin:0 0 0 0;
}


/* ------------------  linea bianca di separazione top */

div#lineabianca {
    height: 10px;
    background: #ffffff;
    font-size: 0px;
    padding:0;
    margin:0 auto;
    width: 100%;
    display: block;
}

div#linearossa {
    height: 10px;
    background: #AB0000;
    font-size: 0px;
    padding:0;
    margin:0 auto;
    width: 100%;
    display: block;
    display: none;  
}

div#lineanera {
    height: 10px;
    background: #000000;
    font-size: 0px;
    padding:0;
    margin:0 auto;
    width: 100%;
    display: block;
}

/* ------------------  parte centrale pagine */
/* banda con sfondo sfumatura rossa */

div#bandarossa {
    padding:0;
    background: #CB0600 url(images/sfondi/sfondo-bandarossa.jpg) top left repeat-x;
    text-align: center;
    height: auto!important; height: 310px; min-height: 310px;
    float: left;
    width:100%;
}

div#bandarossapag {
    padding:0;
    background: #ffffff url(images/sfondi/sfondo-bandarossa.jpg);
    text-align: center;
    height: 150px;
    float: left;
    width:100%;
    display: none;
}

/* ------------------   box sulla banda rossa */

div#banner {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    padding:0;
}

.blocco1 {
    margin:0;
    padding:0;
    float: left;
    text-align: left;
    width: 320px;
/*     height: 70px; */
/*     background-image: url(images/sfondi/sfondobox_.jpg) top left no-repeat; */
}

.blocco1 p, .blocco2 p, .blocco3 p, .bloccopag p {
    font-size: 12px;
    color: #ffffff;
    margin:10px;
    line-height: 13px;
    margin-top: 10px;
}

.blocco1 a:link, .blocco1 a:visited, .blocco2 a:link, .blocco2 a:visited, .bloccopag a:link, .bloccopag a:visited {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

.blocco1 a:hover, .blocco2 a:hover, .bloccopag a:hover {
    background: #4C94C0;
}

.blocco2 {
    margin:0;
    padding:0;
    text-align: left;   
    float: left;
    width: 320px;
/*     height: 70px; */
    background-image: url(images/sfondi/sfondobox-2_.jpg);
}

.blocco3{
    margin:0;
    padding:0;
    float: left;
    width: 320px;
/*     height: 70px; */
    text-align: left;
/*     background-image: url(images/sfondi/sfondobox-pag.jpg); */
}

.blocco3 p{
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

.blocco3 h1 {
    color: #000000;
    font-size: 13px;
    padding: 0px 20px ;
    margin-top: 0px;
    padding-bottom: 10px;
}

.blocco1 ul {
    margin:0;
    padding:0;
/*     padding-top: 65px; */
    padding-left: 40px;
    list-style-type: none;
}

.blocco1 ul li {
/*   border-right:1px solid #FAC7C4; */
    margin:0;
    padding:0;
}

.blocco1 ul li a:link, .blocco1 ul li a:visited  {
    width: 220px;
    display:block;
    margin:0;
    padding:0;
    padding-left: 5px;
    line-height: 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight:bold;
    text-decoration: none;
    border-bottom: 1px dotted #ffffff;
}

.blocco1 ul li a:hover { 
    background: #9ECCE8;
    color: #2B75A3; 
}

/* blocco 2 */

.blocco2 ul {
    margin:0;
    padding:0;
    padding-top: 0px;
    padding-left: 40px;
    list-style-type: none;
}

.blocco2 ul li { /* border-right:1px solid #FAC7C4; */
    margin:0;
    padding:0;
}

.blocco2 ul li a:link, .blocco2 ul li a:visited  {
    width: 220px;
    display:block;
    margin:0;
    padding:0;
    padding-left: 5px;
    line-height: 30px;
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px dotted #ffffff;
}

.blocco2 ul li a:hover {
    background: #9ECCE8;
    color: #2B75A3; 
}

/* blocco 3 su pagine interne */

.bloccopag {
    margin:0;
    padding:0;
    float: left;
    text-align: left;
    width: 320px;
    height: 150px;
    background-image: url(images/sfondi/sfondobox-pag.jpg);
}

/* contenitore testi principale (sfondo bianco) */
div#container {
    width: 100%;
    float: left;
    /*height: 215px;*/
    display: block;
    background:#F4F5F6;
    text-align: center;
}

div#containerpag {
    width: 100%;
    float: left;
    /*height: 215px;*/
    display: block;
    background:#ffffff;
    text-align: center;
}

div#contenuti {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    /*height: 200px;*/
}

div#fotousato {
    float: left;
    width: 280px;
}

div#testousato {
    float:left;
    width: 350px;
    height: 213px;
    padding-left: 10px;
}

div#testousato a:link, div#testousato a:visited {
    color: #ffffff;
    background: #3D0000;
    padding:5px;
    margin-top: 3px;
}

div#telefono {         
    float: left;
    width: 320px;
/*     background-image: url(images/sfondi/telefono.jpg); */
    height: 70px;
}

div#telefono p {
    padding-left: 30px;
    padding-top: 0px;
/*     padding-bottom: 0; */
}

div#telefono h1 {
    color: #4C94C0;
    font-size: 26px;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: 50px;
    font-weight: normal;
}

/* ------------------  menu secondario */
div#menusecondario {
    width: 320px;
    /*background: #F4F5F6;*/
    margin:0;
    padding-top:30px;
    padding-bottom:20px;
    float: left;
    /*filter: Alpha(Opacity=0.50);*/
}

div#menusecondario ul {
    margin: 0 20px 0 20px;
    padding: 10px 20px 10px 20px;
}

div#menusecondario li {
    line-height: 22px;
    margin: 2px 0 2px 10px;
    border-bottom: 1px solid #C8CFD7;
    padding: 0;
    color: #408DBB;
    list-style-type: square;
}

div#menusecondario li a:link, div#menusecondario li a:visited{
    color: #408DBB;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-weight: bold;
    background: #ffffff;
    display:block;
    height: 30px;
    line-height: 30px;  
}

div#menusecondario li a:hover{
    color: #920001;
}

div#menusecondario li #active{
    color: #ffffff;
    padding-left: 5px;
    background: #333333;
    display:block;
    height: 30px;
    line-height: 30px;
}

/* ------------------  sottomenu innestato */

div#menusecondario li ul{
    margin: 0;
    padding: 0 0 0 15;
}

div#menusecondario li ul li{
    line-height: 15px;
    margin: 2px 0 2px 5px;
    padding: 0;
    color: #333333;
    list-style-type: square;
    border:0;
    font-size: 12px;    
}

div#menusecondario li ul li a:link, div#menusecondario li ul li a:visited {
    color: #333333;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

div#menusecondario li ul li a:hover {
    color: #FFffff;
    background: #91C3E1;
}

/* ------------------  pagina - il contenuto del frame centrale delle pagine interne */
div#pagina {
    margin:0;
    padding:0;
    font-family: "Lucida Sans", "Times New Roman", Georgia;
    font-size: 12px;
    padding: 10px 20px;
}

div#pagina h1 {
    margin:0;
    padding:0;
    color: #FF423D;
    font-size: 32px;
    margin-top: 20px;
/*     margin-left: 20px; */
    font-weight: normal;
    padding-top:6px;
    padding-bottom:6px;
    padding-left: 50px;
    background: #ffffff url(images/italia.gif) no-repeat;
    display:block;
}

div#pagina h2 {
    margin:0;
    padding:0;
    color: #569BC5;
    font-size: 24px;
    margin-top: 5px;
/*     margin-left: 20px; */
    font-weight: normal;
}

div#pagina h3 {
    margin:0;
    padding:0;
    color: #000000;
    font-size: 18px;
    margin-top: 5px;
    margin-left: 20px;
    font-weight: normal;
}

div#pagina h4 {
    margin:0;
    padding:0;
    color: #AF0001;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

div#pagina p {
    font-family: "Lucida Sans", "Times New Roman", Georgia;
    font-size: 12px;
}

div#pagina ul li {
    font-family: "Lucida Sans", "Times New Roman", Georgia;
    font-size: 12px;    
}

div#gallery p{
    color: #ff0000;
}

.etichetta {
    color: #4690BD;
    font-size: 20px;
}

/* ------------------ indirizzo pagina contatti */
#contatti {
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "Lucida Sans", "Times New Roman", Georgia;
    font-size: 12px;
    background: #418EBC;
    padding: 12px 8px 15px 8px;
    color: #ffffff;
    float: right;
    width: 300px;
}

#contatti:hover, #contatti:focus, #contatti:active {
    background: #80B8D9;
}

#contatti h1 {
    font-size: 20px;
    color: #ffffff;
    margin:0;
    padding:0;
    border-bottom: 1px solid #ffffff;
}

#contatti a:link, #contatti a:visited {
    color: #000000;
}

/* stili per form contatti */

.info {
    margin:0;
    padding:0;
    margin-left: 15px;
    margin-bottom: 15px;    
    font-family: "Lucida Sans", "Times New Roman", Georgia; 
}


.info fieldset{
    width: 450px;
    margin: 10px 0 0 0;
    border: 0;
    font-size: 1.3em;
    font-weight: bold;
    color: #000000;;
    border: 1px solid #ff423d;
    padding: 15px;
}

.info input, .info select, .info textarea{
    font-size: .7em;
    margin: 0;
    padding: 0;
    width: 300px;
    background: #E4E9EB;    
    border:1px solid #cccccc;
}

.info input#bottone {
    background: #ffffff;
    height: 25px;
    color:#ff423d;
    width: 100px;
    font-weight: bold;
    font-size: 11px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.info input#bottone:hover{
    background: #ff423d;
    height: 25px;
    color:#ffffff;
    width: 100px;
    font-weight: bold;
    font-size: 11px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.info label {
    font-size: .7em;
    margin: 0;
    padding: 0;
    float: left;
    width: 300px;
}

.info input {
    position: relative;
    left: 0;
}

.info fieldset p{
    width: 100%;
    position: relative;
    top: -15px;
    left: 0;
}

.info fieldset.dati{
    background: #FFF;
}
.info fieldset.dati:hover, fieldset.dati-persone:focus{
    background: #ff423d;
    color: #FFF;
}

.info legend{
    margin: 0 0 10px 0;
    font-size: 23px;
    font-weight: bold;
    color: #ff423d;
}

/* ------------------  bottom pagine */

div#bottom {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    margin-top: 10px;   
    color: #ffffff;     
}

div#indirizzo {
    float:left;
}

div#indirizzo a:link, div#indirizzo a:visited {
    color: #ffffff;
    text-decoration:none;
}

div#indirizzo a:hover {
    background: #91C3E1;
    color: #105884;
}

div#credits {
    float: right;
    text-align: right;
}

div#credits a:link, div#credits a:visited {
    color: #ffffff;
    text-decoration:none;
}

div#credits a:hover {
    background: #91C3E1;
    color: #105884;
}

/* stili per tabella mappa sito */

.mappasito table {
    padding: 0;
    margin:0;
    margin-left: 15px;
}

.mappasito td a:link, .mappasito td a:visited{
    line-height: 20px;
    color: #154F79;
    font-size: 13px;
    text-decoration: none;
}

.mappasito td a:hover {
    color: #AE0001;
    text-decoration: underline;
}

.mappasito td #active{
    color: #2B83B1;
    font-weight: bold;
    font-size: 20px;
}

.mappasito td #active2{
    color: #154F79;
    font-weight: bold;
}

/* stili path */

#path {
    margin: 15px 0 0 20px;
    padding: 0px;
    font-size: 13px;
    color: #FF423D; 
    font-weight: bold;
    border-bottom: 1px dotted #FF423D;
}

#path a:link, #path a:visited {
    text-decoration: none;
    color: #FF423D; 
}

#path a:hover {
    color: #569BC4;
}

/* stili animazione javascript prodotti */

#slideshow {
    overflow: hidden;
    position: relative;
    width: 500px;
    height: 237px;

}
#slideshow img {
    width: 500px;
    height: 237px;
    margin-left: 20px;
}