/* CSS Document */

/* palette colori
verde scuro #316503
verde medio #8FAF0F
verde chiaro #A2C31F
giallo scuro #DEBC1C
giallo chiaro #FBD834
blu #233A6E
grigio chiaro #ECEBEB
grigio scuro #CBCACA
*/

div {
border-bottom:0px solid #000000;
}

/********************                    Bottom                    *************************/

#DatiEidos {
float:left;
margin:-10px 0px -1px 0px;
background-color: #ECEBEB;
width:749px;
border-left:1px solid #CECDCD;
border-right:1px solid #CECDCD;

}

#Disclaimer {
float:right;
margin:-40px 4px 0px 0px;
}

/********************                    Box model                    *************************/

/* il div che racchiude tutto il contenuto della pagina e determina il posizionamento centrato */
#Canvas {
border:0px solid #000000;
width:751px;
height:660px;
margin-left:auto;
margin-right:auto;
}

#Top {
width:751px;
height:210px;
padding-top:22px;
background-image: url('../ImagesEidos/FasciaHp.jpg');
background-position: 0px 30px;
background-repeat:no-repeat;
}

#TopLeft {
width:155px;
margin-top:-15px;
float:left;
}

#TopRight {
width:560px;
float:right;
}

#MenuLiv1 {
text-align:right;
width:555px;
height:20px;
float:right;
}

#MenuServizio {
font-size: 85%;
font-weight:bold;
padding-right:5px;
margin-top:152px;
text-align:right;
width:746px;
float:left;
}

#Aggiornamento {
color: #505050;
width:506px;
position:relative;
z-index:100;
margin:2px 0px 0px 0px;
}

/**********   Colonna sinistra   **********/
#ContentMain {
border:0px solid #000000;
width:506px;
float:left;
margin-top:-26px;
position:relative;
z-index:100;
}

#Servizi {
height:268px;
background-image: url('../ImagesEidos/Hr.gif');
background-repeat: repeat-x;
background-position:bottom;
}

#Servizi p {
font-size: 90%;
line-height:120%;
margin:6px 0px 10px 0px;
text-align:left;
line-height:110%;
border-left:1px solid #9FC302; padding-left:5px;
}

.Servizio {
padding-right:10px;
float:left;
width:155px;
height:180px;
}

#Clienti {
border:0px solid #000000;
float:left;
width:245px;
height:180px;
padding:12px 0px 0px 0px;
}

#Clienti p{
font-size: 85%;
margin:00px 0px 0px 0px;
}

#Job {
border:0px solid #000000;
float:left;
width:230px;
height:90px;
padding:12px 0px 0px 8px;
}

#Job p{
font-size: 85%;
margin:0px 0px 0px 0px;
}

#Catalogo {
border:1px solid #FBD834;
float:left;
width:230px;
height:54px;
padding:6px 0px 5px 5px;
margin: 0px 0px 0px 8px;
background-color: #FEF5CC;

}

.titCatalogo  {
font-size: 90%;
text-transform:uppercase;
font-weight:bold;
padding:0px 0px 4px 0px;
border:0px;
}

#Catalogo p{
font-size: 85%;
margin:0px 0px 0px 0px;
}

#Catalogo2 p{
font-size: 85%;
margin:0px 0px 0px 0px;
}

#Catalogo2 {
width:200px;
padding:5px 5px 5px 5px;
height:54px;
margin: 15px 0px 6px -5px;
/*background-color: #F2F6E0;
border:1px solid #A2C21F;*/
background-color:#FEF5CC;
border-top:1px solid #FBD834;
border-right:1px solid #FBD834;
border-bottom:1px solid #FBD834;
border-left:4px solid #FBD834;


}




/**********   Colonna destra   **********/
#ContentSide {
border:0px solid #000000;
width:210px;
float:right;
margin-top:9px;
position:relative;
z-index:100;

}

#News {
border:0px solid #000000;
width:210px;
height:205px; /* 195px Aumentare se si aggiungono altre news*/
float:right;
}

#News p {
font-size: 85%;
line-height:120%;
margin:0px 0px 6px 0px;
}

#News a {
font-size: 95%;
font-weight:bold;
border-left:4px solid #FBD834;
padding-left:5px;
margin:4px 0px 2px 0px;
}

#News a:hover{
font-size: 95%;
font-weight:bold;
border-left:4px solid #316503;
padding-left:5px;
margin:4px 0px 2px 0px;
}

#News a:active{
font-size: 95%;
font-weight:bold;
border-left:4px solid #316503;
padding-left:5px;
margin:4px 0px 2px 0px;
/* background-image: url(/ImagesEidos/DotMenuLiv3Over.gif);
background-position: 5px 4px;
background-repeat:no-repeat; */
}

#News img {
float:right;
margin-right:5px;
}



#Calendar {
color:#000000;
background-color:#E6F0C1;
border-top:1px solid #BAD257;
border-right:1px solid #BAD257;
border-bottom:1px solid #BAD257;
border-left:4px solid #BAD257;
height:80px;
width:200px;
padding:8px 5px 5px 5px;
background-image: url(../Images/SfBoxCal.gif);
background-position:top right;
background-repeat: no-repeat;
margin-left:-5px;
display:block;
clear:both;
margin-bottom:5px;
line-height:18px;

}

#Newsletter {
color:#000000;
background-color:#ECEBEB;
border-top:1px solid #D7D6D6;
border-right:1px solid #D7D6D6;
border-bottom:1px solid #D7D6D6;
border-left:4px solid #D7D6D6;
width:200px;
padding:8px 5px 5px 5px;
background-image: url(../Images/SfBoxNewsletter.gif);
background-position:top right;
background-repeat: no-repeat;
height:95px;
margin-left:-5px;
}

#Newsletter p {
font-size: 85%;
line-height:120%;
margin:0px 0px 10px 0px;
text-align:justify;
}

#AreaRiservata p {
font-size: 85%;
margin:9px 0px 0px 0px;
text-align:right;
}

/********************                    Titoli                    *************************/

h1 {
font-size: 90%;
text-transform:uppercase;
font-weight:bold;
color:#316503;
padding:0px 0px 6px 5px;
margin:5px 0px 6px 0px;
border-left:4px solid #A2C21F;
}

h2 {
font-size: 100%;
font-weight:bold;
color:#316503;
background-color:#ffffff;
margin:30px 0px 6px 0px;
}

h3 {
font-size: 90%;
font-weight:bold;
margin:0px 0px 6px 0px;
line-height:120%;
}

h4 {
font-size: 90%;
font-weight:bold;
margin:0px 0px 6px 0px;
line-height:120%;
}

h5 {
font-size: 85%;
margin:0px 0px 6px 0px;
font-weight:bold;
line-height:120%;
}