@charset "utf-8";
/* CSS Document */

/* ------------------------ html ------------------------ */

body {font-size: 11px; color: #666; font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif; background-color:#E4E4E4; text-align:center; margin:0px auto 20px auto; padding: 0;}

h1 {font-size:18px; padding:0; margin:0 0 5px 0; text-align:left; color:#65B141; background-color:inherit; }
h2 {font-size:15px; padding:0; margin:0 0 5px 0; text-align:left; color:#65B141; background-color:inherit;}
h3 {font-size:13px; padding:0; margin:0 0 5px 0; text-align:left; color:#65B141; background-color:inherit;}
h4 {font-size:12px; padding:0; margin:0 0 5px 0; text-align:left; color:#0054A4; background-color:inherit;}
h5 {font-size:11px; padding:0; margin:0 0 5px 0; text-align:left;}
h6 {font-size:10px; padding:0; margin:0 0 5px 0; text-align:left;}

a {color:#666; text-decoration:none; background-color:inherit;}
a:hover {color:#7AB4E4; text-decoration:underline; background-color:inherit;}

hr.linehidden {visibility: hidden; display:none; padding:0; margin:0;}

/* form */
form {padding: 0; margin:0;}
input, select {font-size: 8pt;}
legend {display:none;}
fieldset {margin:0; border:0;}

td {vertical-align:top;}

IMG.imgSX {border: 0; float:left; margin:0px 5px 5px 0px;}
IMG.imgDX {border: 0; float:right; margin:0px 0px 5px 5px; }

.testoVerde {color:#65B141!important;}
.testoBlu {color:#0054A4!important;}
.testoAzzurro {color:#78B7ED!important;}
.testoRosso {color:#C83F2C!important;}

/* ------------------------ LAYOUT ------------------------ */

#container {width: 780px; position:relative; margin: 0px auto; text-align:left;}

#header {width:780px; height:112px; position:relative; background-image:url(../images/bkg_header.jpg); background-repeat:no-repeat; background-position:bottom;}
#header #logo {width: 195px; height:78px; position:absolute; left:28px; top:13px;}
#header #logo H1 {padding:0; margin:0; text-align:center; border:0px;}
#header #logo H1 IMG {border:0;}

#menuTop {position:absolute; top:3px; right:10px; width:200px; text-align:right;}
#menuTop a {color:#333; font-size:14px; font-weight:bold; text-decoration:none;}
#menuTop a:hover { border-bottom:1px solid #7AB4E4;}
#menu {width:450px; height:21px; position:absolute; left:50%; top:80px; margin-left:-65px; font-family: Arial, Verdana, Helvetica, sans-serif;}

#content {width: 780px; text-align:left; min-height:300px; color:#666; background-color:#FFF; position:relative;}

#footer {width: 720px; text-align: left; background-image:url(../images/bkg_footer.jpg); background-position:top; background-repeat:repeat-x; margin:0px auto; position:relative; padding-right:60px; padding-top:10px;} 
.credits {width:60px; text-align: right; font-size:10px; position:absolute; top:10px; right:0px;}
#footer a, #footer a:hover {text-decoration:none; color:#666; background-color:inherit;}

div.clear{clear: both;}

/* ------------------------ home ------------------------ */

/* top home */
#TopHome {width: 780px; height:222px; clear:both; color:#000; background-image:url(../images/bkg_TopHome.jpg); background-repeat:repeat-y; font-size:12px;}
#boxHome {float:left; width:290px; margin:20px; color:#FFF; background-color:inherit; font-size:11px;}
#TopHome #payoff {color:#7AB4E4; background-color:inherit; margin-bottom:18px; font-size:16px;}
#boxHome p {padding:0px; margin:0px 0px 10px 0px; text-align:justify; line-height:1.5em;}
#bannerHome {float:left; width:400px; height:222px; text-align:right; margin-left:50px;}

/* bottom home */
#botHome {width: 780px; clear:both; background-image:url(../images/bkg_botHome.jpg); background-repeat:no-repeat; background-position:top;}

#boxNews, #boxCenter, #boxRight {float:left; width:230px; height:150px; padding:15px; position:relative;}
#boxNews {background-image:url(../images/puntini-vert.gif); background-position:top right; background-repeat:no-repeat;}
#boxCenter {background-image:url(../images/puntini-vert.gif); background-position:top right; background-repeat:no-repeat;}

#boxNews .title, #boxNews .title a {color:#3F93D8; font-size:17px; font-weight:bold; text-decoration:none; margin-bottom:10px; text-align:left;}
#boxCenter h1.title, #boxRight h1.title {color:#333; font-size:15px; font-weight:bold; text-decoration:none; text-align:center; margin-top:65px;}
#boxCenter h1.title a, #boxRight h1.title a {color:#333; font-size:15px; font-weight:bold; text-decoration:none; text-align:center;}

.baffo-azzurro, .baffo-giallo, .baffo-verde {width:38px; height:60px; position:absolute; top:-20px; left:114px;}
.baffo-azzurro {background-image:url(../images/baffo_azzurro.png); background-repeat:no-repeat;}
.baffo-giallo {background-image:url(../images/baffo_giallo.png); background-repeat:no-repeat;}
.baffo-verde {background-image:url(../images/baffo_verde.png); background-repeat:no-repeat;}

/* ------------------------ pagine ------------------------ */

#Top {width: 780px; height:100px; clear:both; color:#000; background-image:url(../images/bkg_Top.jpg); background-repeat:no-repeat; font-size:12px; overflow:hidden;}
#box {float:left; width:290px; margin:20px; color:#FFF; background-color:inherit; font-size:11px;}
#Top #payoff {color:#7AB4E4; background-color:inherit; margin-top:18px; font-size:16px;}
#banner {float:left; width:450px; height:100px; text-align:right;}

#main {width: 760px; color:inherit; background-image:url(../images/bkg_botHome.jpg); background-repeat:no-repeat; background-position:top; background-color:#FFF; padding:10px; text-align:left; min-height:260px;}

#main #colSX {width: 550px; float:left; padding-right:10px; line-height:1.5em;}
#main #colDX {width: 200px; float:left;}

#main #colDX .foto {display:block; background-image:url(../images/bkg_foto.jpg); background-repeat:no-repeat; width:200px; height:277px;}
#main #colDX .foto img {border:1px solid #FFF; margin:10px;}


/* ------------------------ news ------------------------ */

/* news preview */
.NewsPreview {margin-bottom:5px; padding-top:4px; /*padding-bottom:8px;*/}
.NewsPreviewTitle {margin-bottom:10px;}
.NewsPreviewTitle a {font-size:12px; color:inherit; color:#0054A4; background-color:inherit; font-weight:bold;}

.NewsPreviewDate {margin-bottom:2px; color:#0054A4; background-color:inherit;}
.NewsPreviewSummary { margin-bottom:2px; color:#666; background-color:inherit;}

#newsList {border-bottom:1px solid #CCC;  padding-top:10px; padding-bottom:10px;}

/* newsdetail */
.newsItemDetail {}
.Date {margin-bottom:5px; color:#0054A4; background-color:inherit;}
.NewsTitle {font-size:12px; color:#0054A4; background-color:inherit; font-weight:bold;margin-bottom:5px;}
.NewsSummary {text-align:center; margin-bottom:15px;}
.NewsSummary img {margin:auto;}
.NewsContent {text-align:left;}
.NewsBody {text-align:left;}

/* ------------------------ cantieri ------------------------ */
.cantiere {width:760px; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:10px;}
.iconaCantiere {float:left; width:62px; margin-right:20px;}
.iconaCantiere img { border:1px solid #CCC; padding:3px;}
.descrizioneCantiere {float:left; width:670px; line-height:1.2em;}
.descrizioneCantiere a {color:#0054A4; background-color:inherit; font-weight:bold;}

#dettaglioCantiere {width:760px; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:10px; margin-bottom:10px;}
#dettaglioCantiere .foto {float:left; width:210px; margin-right:10px;}
#dettaglioCantiere .foto img { border:1px solid #CCC; padding:3px;}
#dettaglioCantiere .sommario {float:left; width:540px; line-height:1.2em;}
#dettaglioCantiere .descrizione {float:left; width:540px; line-height:1.5em;}
#dettaglioCantiere h2 {margin-bottom:10px;}

.ListaFoto {text-align:center;}
.ListaFoto table {margin:auto;}
.ListaFoto table img {border:1px solid #CCC; padding:3px; margin:5px;}

/* ------------------------ form contatti ------------------------ */
#formContatti {margin:20px auto;}
.formbox { border-top: 1px solid #ccc; text-align: left; padding: 10px; color:inherit; background-color:#f5f5f5;}
.formbox legend {display:none}
.formbox label {display:block; margin: 2px; float: left; width: 120px; text-align: right; font-weight:bold;}
.formbox input {margin: 2px; width:150px;}
.formbox input.submit { width: auto; }

/* ------------------------ kentico ------------------------ */

/* BreadCrumbs */
#BreadCrumbs {width: 760px; text-align:left; margin-top:10px; margin-bottom:15px; padding-bottom:2px;}
A.CMSBreadCrumbsLink, A.CMSBreadCrumbsLink:link, A.CMSBreadCrumbsLink:active, A.CMSBreadCrumbsLink:visited, A.CMSBreadCrumbsLink:hover {color:#666; font-size:11px; font-weight:normal; background-color:inherit;}
.CMSBreadCrumbsCurrentItem {color:#666; font-size:11px; font-weight:bold; text-decoration:none;  background-color:inherit;}
