/* ------------------------ html ------------------------ */

body {font-size: 11px; color:#595959; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; text-align:center; margin:0px auto 0px auto; padding: 0;}
#bodyEditor {font-size: 11px; color:#595959; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; text-align:left;}

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

a {color:#900; text-decoration:none; background-color:inherit;}
a:hover {color:#900; text-decoration:underline; background-color:inherit;}

hr {visibility: hidden; padding:0; margin:0; clear:both;}
hr.linehidden {visibility: hidden; display:none; padding:0; margin:0;}
.linea {margin: 0px; padding: 0; height: 20px; background-image:url(../images/linea.gif); background-repeat:repeat-x; background-position:center; clear:both;}

td {vertical-align:top; text-align:left;}
li { text-align:left;}

.latosinistro {float:left; margin:10px; clear:both; padding:3px; border:1px solid #C7C5C6;}
.latodestro {float:right; margin:10px; clear:both; padding:3px; border:1px solid #C7C5C6;}

.sottolineato {text-decoration:underline;}

.sinistra {text-align:left;}
.destra {text-align:right;}
.centrato {text-align:center;}
.giustificato {text-align:justify;}

.blu {color:#245D94; background-color:inherit;}
.verde {color:#5B8800; background-color:inherit;}
.verdeAcqua {color:#2E8170; background-color:inherit;}
.nero {color:#000; background-color:inherit;}
.grigio {color:#595959; background-color:inherit;}
.grigioChiaro {color:#999; background-color:inherit;}
.rossoScuro {color:#900; background-color:inherit;}

.testoMedio {font-size:1.2em;}
.testoGrande {font-size:1.3em;}
.testoPiuGrande {font-size:1.4em;}


p {line-height:15px; text-align:left;}

.skypeButton {vertical-align:middle;}

/* ------------------------ FORM ------------------------ */

fieldset {padding: 0; margin:0; border:0px; text-align:left;}
form {padding: 0; margin:0;}
input, select {font-size: 8pt; margin:1px;}
legend {display:none;}
label {}
.formButton {text-align:center;}

#formContatti {width:600px; text-align:left; margin-top:10px; background-image:url(../images/linea.gif); background-repeat:repeat-x; background-position:top; padding-top:10px;}

.ErrorLabel, .EditingFormErrorLabel {color:#000; background-color:inherit; font-weight:bold;}


/* ------------------------ LAYOUT ------------------------ */

#containerHome {width: 980px; position:relative; margin: 0 auto 0 auto; clear:both; background-image:url(../images/bkg_container.jpg); background-repeat:repeat-y; text-align:left; padding-top:18px; padding-bottom:20px;}
#container {width: 980px; position:relative; margin: 0 auto 0 auto; clear:both; background-image:url(../images/bkg_container.jpg); background-repeat:repeat-y; text-align:left; padding-top:18px; padding-bottom:20px;}

#menuTop {text-align:left; width:200px; height:17px; position:absolute; left:20px; top:1px; color:#6AA400; background-color:inherit; font-size:10px;}
#lingue {text-align:right; width:500px; height:17px; position:absolute; right:20px; top:1px; color:#6AA400; background-color:inherit; font-size:10px;}

#menuTop a, #lingue a {color:#6AA400; background-color:inherit; font-size:10px;}

#header {width: 980px; position:relative; background-image:url(../images/bkg_menu.jpg); background-position:top; background-repeat:no-repeat;}
#mail {width:217px; height:20px; float:left; padding-top:5px; padding-left:18px;}
#mail a {color:#FFF; background-color:inherit; font-size:10px;}
#menu {width: 710px; height:25px; text-align: left; font-size:11px; margin:0px; float:left; padding-left:15px; padding-right:20px;}


#logo {width: 195px; height:248px; text-align:left; float:left; padding-top:39px; padding-left:30px; padding-right:10px;}
#logo H1 {padding:0; margin:0 0 45px 0; font-size:16px;}
#logo H1 IMG {border:0;}
#logo h2 {color:#91AA06; background-color:inherit; font-size:11px; font-weight:normal;}

#bannerHome {float:left; width:690px; height:260px; background-image:url(../images/bkg_banner.jpg); background-repeat:no-repeat; padding:0px 16px 27px 24px;}
#banner {float:left; width:690px; height:260px; background-image:url(../images/bkg_banner.jpg); background-repeat:no-repeat; padding:0px 16px 27px 24px;}

#content {width: 980px; margin:0px; clear:both; text-align:left;}

div.clear{clear: both;}

/* 2 colonne */

#colSX {width: 235px; float:left; text-align:left;}
#mainHome {width: 735px; float:left; text-align:left; margin-left:10px; background-image:url(../images/bkg_main.jpg); background-repeat:repeat-y; background-position:left; margin-bottom:15px;}
#main {width: 735px; float:left; color:#595959; text-align:left; margin-left:10px; background-image:url(../images/bkg_main.jpg); background-repeat:repeat-y; background-position:left; margin-bottom:15px;}

#imgColSX {width:190px; height:135px; margin-left:28px;}

#footer {width: 980px; height:45px; clear:both; margin:0px auto; text-align: center; color:#330000; background-image:url(../images/bkg_footer.jpg); background-repeat:no-repeat; background-color:inherit; font-size:11px; padding-top:1px;}
.credits {text-align:left; margin: 0px auto 20px auto; width: 980px;}
.credits a, .credits a:link, .credits a:active, .credits a:visited, .credits a:hover {color:#666; font-size:10px; background-color:inherit; text-decoration:none; text-align:right; display:block; float:left; width:740px;}
.piva {text-align:left; display:block; float:left; width:200px; color:#666; font-size:10px; background-color:inherit; margin-left:20px;}

/* ------------------------ div da rendere invisibili ------------------------ */

/*#container #logo h2 {display:none;}*/
#containerHome #boxMenu {display:none;}
#container #boxNews {display:none;}


/* ------------------------ colonna sinistra ------------------------ */

#boxMenu {width:230px; position:relative; text-align:left; margin-bottom:15px;}
#boxUnesco {width:230px; position:relative; text-align:left; margin-bottom:15px;}
#boxCorsi {width:230px; position:relative; text-align:left; margin-bottom:15px;}
#boxMuseo-Agricolo {width:230px; position:relative; text-align:left; margin-bottom:15px;}
#boxNews {width:230px; position:relative; text-align:left; margin-bottom:15px;}
#boxNewsletter {width:230px; position:relative; text-align:left; margin-bottom:15px;}

#boxUnesco h3.titleBox, #boxMuseo-Agricolo h3.titleBox, #boxNews h3.titleBox, #boxNewsletter h3.titleBox, #boxCorsi h3.titleBox {width:230px; height:40px; font-weight:bold; font-size:11px; display:block; text-align:center; text-transform:uppercase; padding:5px 0px 0px 0px; margin:0px;}

#boxUnesco h3.titleBox {color: #FFF; background-image:url(../images/bkg_menu-blu.jpg); background-repeat:no-repeat;}
#boxMuseo-Agricolo h3.titleBox {color: #FFF; background-image:url(../images/bkg_menu-marrone.jpg); background-repeat:no-repeat;}
#boxNews h3.titleBox {color: #FFF; background-image:url(../images/bkg_menu-rosso.jpg); background-repeat:no-repeat;}
#boxNewsletter h3.titleBox {color: #FFF; background-image:url(../images/bkg_menu-verde2.jpg); background-repeat:no-repeat;}
#boxCorsi h3.titleBox {color: #FFF; background-image:url(../images/bkg_corsi.jpg); background-repeat:no-repeat;}

#boxUnesco .contBox, #boxMuseo-Agricolo .contBox, #boxNewsletter .contBox {width:200px; margin-left:23px; font-size:10px;}
#boxUnesco .contBox {color:#245D94; background-color:inherit;}
#boxMuseo-Agricolo .contBox {color:#A24711; background-color:inherit;}
#boxNewsletter .contBox {color:#2E8170; background-color:inherit;}
#boxNewsletter .contBox a { text-transform:uppercase;}
#boxCorsi h3.titleBox a {color:#FFF; background-color:inherit; text-transform:uppercase;}

#boxUnesco .contBox a {color:#245D94; background-color:inherit; font-size:10px; font-weight:bold;}
#boxMuseo-Agricolo .contBox a {color:#A24711; background-color:inherit; font-size:10px; font-weight:bold;}
#boxNewsletter .contBox a {color:#2E8170; background-color:inherit; font-size:10px; font-weight:bold;}

/* ------------------------ contenuto centrale home ------------------------ */

#mainHome h1.title {width:650px; height:35px; color:#FFF; background-image:url(../images/bkg_main-topHome.jpg); background-repeat:no-repeat; background-position:left top; background-color:inherit; text-align:right; font-size:11px; font-weight:bold; padding-top:5px; padding-right:85px; text-transform:uppercase;}
#mainHome .cont {width:684px; text-align:left; margin:0; clear:both; background-image:url(../images/bkg_main-bot.jpg); background-repeat:no-repeat; background-position:left bottom; padding:18px;}

.boxServizi {width:322px; float:left; padding-right:20px;}
.iconaServizi {float:left;}
.iconaServizi img {padding:3px; border:1px solid #C7C5C6;}
h1.titoloServizi {width:155px; float:left; margin-left:5px; margin-bottom:10px; color:#900; background-color:inherit;}
.testoServizi {width:155px; float:left; margin-left:5px; font-size:10px; color:#900; background-color:inherit;}

h1.titoloServizi a {font-size:11px; color:#900; background-image: url(../images/freccia_rossa-grande.gif); background-repeat:no-repeat; background-position:0px 3px; background-color:inherit; padding-left:10px; display:block;}



/* ------------------------ contenuto pagine ------------------------ */

#main h1.title {width:684px; color:#900; background-image:url(../images/bkg_main-top.jpg); background-repeat:no-repeat; background-position:left top; background-color:inherit; text-align:left; font-size:13px; font-weight:bold; padding:18px;}
#main .cont {width:684px; text-align:left; margin:0; clear:both; color:#595959; background-image:url(../images/bkg_main-bot.jpg); background-repeat:no-repeat; background-position:left bottom; padding:18px;}
#main .cont ul li {margin-left:10px;}

.tabellaCorsi {width:100%; border-collapse:collapse;}
.tabellaCorsi th, .tabellaCorsi td {padding:2px; border:1px solid #999; width:12%;}
.tabellaCorsi th {color:#000; background-color:#FFF7D7;}

#main .cont ul {text-align:left;}
#main .cont li {margin-top:8px; margin-bottom:8px; text-align:left;}

/* -------------------------- news ------------------------- */

#colSX #boxNews .NewsList {width:200px; margin-left:23px; margin-bottom:8px;}
#main .NewsList {width:675px; margin-bottom:10px; text-align:left; background-image:url(../images/linea.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}
#main .newsItemDetail {width:675px; margin-bottom:10px; text-align:left;}

/* lista news colonna sinistra */

#colSX #boxNews .NewsList .NewsPreviewDate {font-size:10px; color:#570220; background-color:inherit;margin-bottom: 8px;}
#colSX #boxNews .NewsList h2.NewsPreviewTitle {font-size:11px; color:#570220; background-color:inherit; font-weight: bold; margin-bottom: 8px;}
#colSX #boxNews .NewsList h2.NewsPreviewTitle a, #colSX #boxNews .NewsList h2.NewsPreviewTitle a:link, #colSX #boxNews .NewsList h2.NewsPreviewTitle a:active, #colSX #boxNews .NewsList h2.NewsPreviewTitle a:visited, #colSX #boxNews .NewsList h2.NewsPreviewTitle a:hover {font-size:11px; color:#570220; background-color:inherit; font-weight: bold; margin-bottom: 8px;}
#colSX #boxNews .NewsList .NewsPreviewSummary {font-size:11px; color:#570220; background-color:inherit; font-weight: normal;}

/* lista news main */

#main .NewsList .NewsPreviewDate {font-size:10px; color:#570220; background-color:inherit;margin-bottom: 8px;}
#main .NewsList h2.NewsPreviewTitle {font-size:11px; color:#570220; background-color:inherit; font-weight: bold; margin-bottom: 8px;}
#main .NewsList h2.NewsPreviewTitle a, #main .NewsList h2.NewsPreviewTitle a:link, #main .NewsList h2.NewsPreviewTitle a:active, #main .NewsList h2.NewsPreviewTitle a:visited, #main .NewsList h2.NewsPreviewTitle a:hover {font-size:11px; color:#570220; background-color:inherit; font-weight: bold; margin-bottom: 8px;}
#main .NewsList .NewsPreviewSummary {font-size:11px; color:#570220; background-color:inherit; font-weight: normal;}

/* dettaglio news */

#main .newsItemDetail .Date {font-size:11px; color:#570220; background-color:inherit;}
#main .newsItemDetail h1.NewsTitle {font-size:12px; color:#570220; background-color:inherit; font-weight: bold;}
#main .newsItemDetail .NewsSummary {font-size:12px; color:#570220; background-color:inherit; font-weight: normal;}
#main .newsItemDetail .NewsBody {font-size:12px; color:#570220; background-color:inherit; margin-top: 20px; margin-bottom: 8px; line-height:15px;}
#main .newsItemDetail .NewsTeaser {text-align:center; margin-top:20px; margin-bottom:20px;}

/* ------------------------ Photogallery ------------------------ */

#Gallerie {clear:both; text-align:left; margin-top:20px;}

a.linkFoto, a.linkFoto:link, a.linkFoto:visited, a.linkFoto:hover, a.linkFoto:active {font-size:10px; color:#5A9A00; background-image:url(../images/icona_galleria-foto.jpg); background-position:left; background-repeat:no-repeat; background-color:inherit; padding-left:50px; padding-top:16px; display:block; float:left; height:34px; margin-right:20px;}
a.linkVideo, a.linkVideo:link, a.linkVideo:visited, a.linkVideo:hover, a.linkVideo:active {font-size:10px; color:#5A9A00; background-image:url(../images/icona_galleria-video.jpg); background-position:left; background-repeat:no-repeat; background-color:inherit; padding-left:50px; padding-top:16px; display:block; float:left; height:34px; margin-right:20px;}

#photogallery {width: 685px; margin:auto;}
#photogallery a, #photogallery a:link, #photogallery a:visited, #photogallery a:hover, #photogallery a:active {color: #570220; background-color:#FFF; display:block;}
#photogallery a img {/*width:150px; height:100px;*/ border:1px solid #CCC; padding:3px;}

#photogallery .thumbPhotogallery {width:158px; margin:2px; float:left; text-align:center;}
#photogallery .thumbPhotogallery h2 {font-size:11px; font-weight:normal; color:#900; background-color:inherit;}

.PagerControl {float:none!important; display:block; clear:both; text-align:center; margin-bottom:10px; color:#900; background-color:inherit;}
.PagerControl a, .PagerControl a:link, .PagerControl a:visited, .PagerControl a:hover, .PagerControl a:active {color:#900!important; background-color:inherit; display:inline!important;}

/* ------------------------ Videogallery ------------------------ */

#Videogallery {width: 685px; margin:auto;}

.VideoList {width:675px; margin-bottom:10px; text-align:left; background-image:url(../images/linea.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}

.fotogramma {float:left; margin-right:10px;}
.InfoVideo {float:left; width:450px; text-align:left; margin:5px; }
#Videogallery a img {margin:5px; width:150px; height:100px; border:1px solid #CCC; padding:3px;}
h1.VideoTitle {font-size:12px; color:#570220; background-color:inherit; font-weight: bold;}

/* ------------------------ Newsletter ------------------------ */

#NewsletterSubscription {width: 685px; margin:auto; text-align:left;}
#NewsletterSubscription table {border-collapse:collapse;}
#NewsletterSubscription table td {padding:2px;}

.privacy {width:525px; height:80px; overflow:auto; text-align:left; padding:5px; border:1px solid #CCC; margin-top:20px; margin-bottom:20px;}
.cellaBottone {text-align:left;}

/* ------------------------ BreadCrumbs ------------------------ */

/* BreadCrumbs */
#BreadCrumbs {width: 732px; /*color:inherit; background-color:#EAEAEA;*/ margin-left:13px; text-align: left; padding-bottom:3px; float:left; font-size:10px; color:#5B8800; font-weight:normal; background-color:inherit;}

A.CMSBreadCrumbsLink, A.CMSBreadCrumbsLink:link, A.CMSBreadCrumbsLink:active, A.CMSBreadCrumbsLink:visited, A.CMSBreadCrumbsLink:hover {font-size:10px; color:#5B8800; font-weight:normal; background-color:inherit; padding-right: 2px; margin-top: 0px;}

.CMSBreadCrumbsCurrentItem {font-size:11px; color:#5B8800; font-weight:bold; background-color:inherit; padding-left: 2px; margin-top: 0px;}