/* 
eLogic S.r.l. - www.elogic.it
CSS Document  Overtech
Paola Guerrini 
*/

/* --> General */
body {font-size: 11px; color: #666; font-family:Tahoma, Verdana, Arial, sans-serif; background-color: #F3C201; text-align:center; margin:0px auto 10px auto; padding: 0;background-image:url(../images/bkg_body.jpg); background-position:top; background-repeat:repeat-x; }

h1 {font-size:13px; /*padding:0; margin:0;*/ text-align:left; color:#666}
h2 {font-size:12px; /*padding:0; margin:0;*/ text-align:left; color:#666}
h3 {font-size:12px; /*padding:0; margin:0;*/ text-align:left; color:#666}
h4 {font-size:11px; padding:0; margin:0; text-align:left; color:#666}
h5 {font-size:11px; padding:0; margin:0; text-align:left; color:#666}
h6 {font-size:10px; padding:0; margin:0; text-align:left; color:#666}

a, a:link, a:active, a:visited, a:hover {color:#3A68A0; background-color:inherit;}

td, th { color:inherit; font-size:inherit;}

input, textarea, select { font-size: 10px;font-family: Arial, sans-serif;}
 

img { border: 0px;}
img.right {float: right}
img.left {float: left}

hr.linehidden {visibility: hidden; display:none; padding:0; margin:0;}

/* --> Layout */
#container {width: 780px; height:auto; margin: 0 auto; padding: 0; color:inherit; background-color:none; text-align:center; position:relative;}
#header { border-top:1px solid #63A4D2;}
#header p {margin:0px; padding: 0px;}
#animazione {margin: 21px auto 0 auto;}


#content {width: 750px; height:auto; text-align:left; margin: 0 auto; position:relative; clear: both; border:0; background-color:#FFF; color:inherit; background-image:url(../images/closer_page.gif); background-position:bottom; background-repeat:no-repeat; padding: 0px 0px 15px 0px;}

#content #colSX {float:left; width:515px; text-align:left; border:0; margin-left:10px;}
#content #colDX {float:left; width:200px; text-align:left; border-left:1px dotted #999; margin-left:10px; padding-left:0px}

#footer {clear:both; width: 750px; margin: 0px auto; font-size:10px; text-align:center; padding-top:15px; color: #FFF;}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover {font-size:9px; color:#FFF; text-decoration:underline; background: inherit; font-weight:bold;}
#footer .info {}
#footer .info a, #footer .info a:link, #footer .info a:active, #footer .info a:visited, #footer .info a:hover {font-size:9px; color:#FFF; text-decoration:none; background: inherit; display: block; text-align:center}

div.clear{clear: both;}

/* ----> home */
.boxContainer {clear: both; width:100%; margin: 0px; padding:0px;}
.boxContainer .boxNews {float: left; width:255px; background-image:url(../images/tit_news.gif); background-position:top; background-repeat:no-repeat; padding-top: 30px; margin-left: 0px}
.boxContainer .boxEvidenza {float: left; width:255px; background-image:url(../images/tit_evidenza.gif); background-position:top; background-repeat:no-repeat; padding-top: 30px; margin-left: 3px}

.box { border-top: 1px dotted #999; text-align: center; margin: 5px; padding: 10px}
.boxCentro { padding: 10px; margin-bottom: 10px; padding-top: 0px; margin-top: 0px;}
.boxEvidenza img { border: 2px solid #e4e4e4; float: left; margin: 0 10px 10px 0;}
.boxEvidenza h1 { font-size:11px; color: #3A68A0; margin: 2px; padding: 0 10px;}
.boxEvidenza p { text-align:justify;  padding: 0 10px;}
table.scheda {  clear:both; font-size:10px; width:90%; margin: 0 10px;}
table.scheda th { background-image:url(../images/pin_sun.gif); background-position:left; background-repeat:no-repeat; vertical-align:top; text-align:left; padding: 2px; padding-left: 20px; margin: 3px; font-weight:normal;}
table.scheda td { vertical-align:top; text-align:right; padding:2px; margin: 3px}

.boxServizi {background-image:url(../images/tit_servizio_clienti.gif); background-position:top; background-repeat:no-repeat; padding-top: 30px}
ul.elencoServizi { list-style-image:none; list-style:none; margin:0px 5px; padding:0px}
ul.elencoServizi li {border: 0px; display: block; margin: 4px; padding-left: 20px; background-image:url(../images/pin_sun.gif); background-position:top left; background-repeat:no-repeat;}
ul.elencoServizi li a { font-weight:bold; color:#666; text-decoration:none;}
ul.elencoServizi li a:hover { text-decoration:underline}

/*----> Per le news */
h4.dataNews {font-size:11px; font-weight:bold; color:#666; background-color:inherit; padding:0 10px 0px 10px}
h1.titoloNews, h1.titolo2 {font-size:11px; font-weight:bold; color: #3A68A0; background-color:inherit;  padding:0 10px 0px 10px; text-decoration: none; margin-bottom: 5px}
h1.titolo2 {font-size: 12px;}
a.titoloNews:hover {text-decoration:underline; text-transform:uppercase}
a.titoloNews, a.titoloNews:link, a.titoloNews:active, a.titoloNews:visited, a.titoloNews:hover { font-size:11px; font-weight:bold; color: #3A68A0; background-color:inherit;  padding:0 10px 0px 10px; text-decoration: none;}
a.titoloNews:hover {text-decoration:underline;}
div.abstractNews {margin:0; padding:0 10px 10px 10px; text-align: left;}
div.abstractNews p {margin: 0px; padding: 0px;}
a.moreInfo { font-size:11px; font-weight:bold; color: #3A68A0; background-color:inherit; margin:0 0 0px 20px; padding:0 0 0px 10px; font-weight:bold; background-image:url(../images/freccia_destra.gif); background-position: 0px 4px; background-repeat:no-repeat; text-decoration:none;}
a.moreInfo:hover { text-decoration:underline;}
div.testo {margin:0; padding:0 10px 10px 10px; text-align: left;}


/* ------------------- prodotti / realizzazioni -------------------------- */
table.prodotti { border: 0px; border-collapse:collapse; margin: 5px auto; float:left; width:100%;}
table.prodotti td { text-align:left; vertical-align:top;}
table.prodotti td.foto { text-align:left; padding: 0px; padding-left:10px;}
table.prodotti td.foto img {/* border:1px solid #45413B*/ margin-bottom:10px; border: 0px;}
table.prodotti h2 {margin: 0px; padding: 0px;}
table.prodotti p {margin: 0px; padding: 0px; text-align: justify}
table.prodotti a.moreInfo { font-size:11px; font-weight:bold; color: #3A68A0; background-color:inherit; margin:5px 0 0 0; padding-left:10px; font-weight:bold; background-image:url(../images/freccia_destra.gif); background-position: 0px 4px; background-repeat:no-repeat; text-decoration:none; display: block;}
table.prodotti a.moreInfo:hover { text-decoration:underline;}

/* ---> Lista faq ---- */
div.faq {}
div.faq a.question { font-size:11px; font-weight:bold; color: #3A68A0; background-color:inherit; margin:5px 0 0 0; padding-left:10px; font-weight:bold; background-image:url(../images/freccia_destra.gif); background-position: 0px 4px; background-repeat:no-repeat; text-decoration:none; display: block;}
div.faq a.question:hover {text-decoration: underline}
div.faq div.answer {padding-left:10px;}

/* form contatti */
fieldset#contatti {border:0; padding: 10px;}
fieldset#contatti legend {display:none;}
fieldset#contatti label {display: block; float: left; width:130px; margin:2px}
fieldset#contatti .ErrorLabel { color:#FF0000}
fieldset#contatti input { width:150px; margin:2px}
fieldset#contatti textarea { width:250px; margin:2px}
fieldset#contatti select { margin:2px}
 .FormButton {display: block; float:none; margin-left: 110px;width:150px;}
fieldset#contatti .privacy {margin: 10px 0; padding:2px; overflow:auto; width:100%; border: 1px solid #CCC; color:inherit; height:50px; font-size:90%; font-weight:normal}
fieldset#contatti p {margin:0px; padding: 0px;}


/* --> BreadCrumbs */
#breadcrumbs { position: absolute; top: 220px; left: 45px; font-size:90%; z-index:100}
#breadcrumbs a { text-decoration:none; background-image:url(../images/freccia.gif); background-position:0px 5px; background-repeat:no-repeat; padding-left:7px; padding-right:2px;}