/*----- Struttura -----*/
html {}

body {
	font-family: Arial, "Lucida Sans Unicode", verdana, geneva, sans-serif;
	margin: 0px;
	font-size: 78%;
	padding: 0px;
	background:  url("/img/pt.jpg");
	color: #2b2b2b;
}


.container {width: 995px; margin: 0px auto; }

#innerWrapper {margin-top: -237px; width: 995px; position: relative}
#wrapper {float:left; margin-left: 4px; width: 803px;}
#innerContent {background: #fff; border: 1px solid #ccd0d5; float: left; width: 803px; min-height: 550px; padding-bottom: 10px}

#footer {height: 44px; border-top: 1px solid #eee; padding: 5px 0px}
.powered {text-align: right; padding-top: 10px; float: right; }
#footer img {vertical-align: middle; border: 0px}

#footer a:link, #footer a:visited {text-decoration: underline; color: #42413c}
#footer a:hover {color: #772828}
#footer ul {margin: 0px; padding: 0px; list-style-type: none; float: left;}
#footer li {float:left; padding:  0px;float: left; margin-right: 10px; }
#footer img {border: 0px; vertical-align: middle}




/* HEADER **********************/

#topLine {height: 23px;}
#topLine .dx {padding-top: 1px }

#header {
  height: 393px;
  background: url("/img/banner2.jpg") no-repeat top center;
  z-index: -1;
}


#menuTop {
  height: 36px;
}

#menuTop ul {list-style-type: none; margin: 0px 0px 0px 4px; padding: 0px;float:left;}
#menuTop li {float: left; margin-right: 1px}
#menuTop a:link, #menuTop a:visited {display: block; float: left; background: #fff url("/img/bkBtn.gif") top left repeat-x; padding: 10px; color: #000; border-left: 1px solid #b8bbc0;border-top: 1px solid #b8bbc0;border-right: 1px solid #b8bbc0; }
#menuTop a:hover {text-decoration: none; background: #bfd72f}
#menuTop a#activelink {}
#menuTop img {border: 0px; vertical-align: middle;}

#boxCerca {background: #fff url("/img/bkBtn.gif") top left repeat-x; padding: 5px 8px 6px 8px ; border-left: 1px solid #b8bbc0;border-top: 1px solid #b8bbc0;border-right: 1px solid #b8bbc0; }
#boxCerca span {visibility: hidden; display: none}
#boxCerca h2 {font-size: 100%; color: #650000; margin: 0px 0px 8px 0px;}
#boxCerca .btnCerca {float:left; margin: 0px; }
#boxCerca .inputCerca {float: left; width: 150px; height: 17px; background: #fff;margin-right: 2px; border: 1px solid #cbcbcb; padding-top: 4px; font-size: 90%; padding-left: 5px}

.page {text-align:right;margin-bottom: 10px; background: #e3e3e3; padding:3px}

#banner {height: 156px; position: relative;}

h1 { margin: 0px; height: 156px; width: 411px}
h1 span {visibility:hidden; display: none;}

#address {  position: absolute; left: 222px; top: 85px; font-family: Georgia, Arial; font-size: 110%; line-height: 25px}
#address a:link, #address a:visited {color: #000}




/*COL LEFT***************************/
#left {width: 182px; float:left}
#colLeft {float:left; width: 170px; border: 1px solid #ccd0d5; background: #fff; padding: 5px}
#colLeft h2 {font-size: 120%; font-weight: bold; margin: 0px; color: #343434; background: #f6b11e; border: 1px solid #f68b1e; padding: 1px 3px}
#colLeft ul, #colRight ul {list-style-type: none;}
#colLeft li {}

.menu, .menuRed {margin: 0px; padding: 6px 0px 15px 0px}
.menu li, .menuRed li {border-bottom: 1px solid #e3e3e3;}
.menu a, .menu a:link, .menu a:visited {display: block; color: #2b2b2b; padding: 3px 5px 3px 13px; background: url("/img/frec.gif") no-repeat top left;}
.menu a:hover {text-decoration: none; color: #000; background-color: #e8e8e8}
.menu a#active {text-decoration: none; color: #000; background-color: #e8e8e8}

.menuRed a, .menuRed a:link, .menuRed a:visited {color: #650000;display: block; padding: 5px 5px 3px 13px; background: url("/img/frec.gif") no-repeat center left;font-size: 120%}
.menuRed a:hover {text-decoration: none; color: #000; background-color: #e8e8e8}

.bannerini {list-style-type: none; margin: 0px;padding: 0px;float: left}
.bannerini li {padding: 5px 0px; }
.bannerini img {border: 0px; }
.bannerini a:hover {text-decoration: underline;}

.red {color: #9B0000}

#nwl {text-align: center; padding: 5px; overflow: hidden; font-size: 90%}
                         
.inputNwl {width: 160px;margin: 5px 0px 0px 0px; border: 1px solid #ccc;font-size: 90%; height: 15px; padding-top: 5px}
.btn { background: #e3e3e3; border: 1px solid #757474;color: #454545; margin: 0px; padding: 0px; margin: 10px 3px;font-size: 90%; width: 70px}
.sx {float: left;}
.dx {float: right}

/*COL RIGHT **************/

#colRight {float: left; width: 267px;  }

#orari {background: url("/img/bkOrari.gif") no-repeat top left; height: 136px; width: 237px; padding: 12px 15px; margin-bottom: 8px}
#orari h2 {font-size: 130%; color: #650000; margin: 0px 0px 8px 0px;}

.tabOrari {width: 237px; border: 1px solid #fff; background-color: #fff; font-size: 90%}
.tabOrari th {padding: 2px 6px; text-align: left;background-color: #bfd72f; width: 20%; color: #000}
.tabOrari td {padding: 2px; background-color: #fff; text-align: center;background: #dfdfdf}

#boxCercaMultimedia {background: url("/img/bkCerca.gif") no-repeat top left;width: 239px; height: 54px; margin-bottom: 8px; padding: 10px 14px}
#boxCercaMultimedia span {visibility: hidden; display: none}
#boxCercaMultimedia h2 {font-size: 100%; color: #650000; margin: 0px 0px 8px 0px;}
.btnCerca {float:left; margin: 0px; }
.inputCerca {float: left; width: 204px; height: 17px; background: #fff;margin-right: 2px; border: 1px solid #cbcbcb; padding-top: 4px; font-size: 90%; padding-left: 5px}


#calendario {background: url("/img/bkCal.gif") no-repeat top left; width: 237px; height:178px; padding: 10px 15px; margin-bottom: 10px; position: relative}
#calendario h2 {font-size: 130%; color: #650000; margin: 0px 0px 5px 0px;}

/* col right interna **********************/

#colRightInt {float: left; width: 210px;padding: 5px}
#colRightInt h2 {font-size: 100%; font-weight: bold; margin: 5px 0px; color: #730000; padding: 0px 2px}

#colRightInt div {margin-bottom: 5px;}
#colRightInt div ul {margin:0px; padding: 0px; list-style-type: none;}
#colRightInt div li {}
#colRightInt div a, #colRightInt div a:link {display: block; padding: 2px; font-weight: normal;background: #fff;line-height: 14px;margin: 0px 2px}
#colRightInt div a:hover { text-decoration: none; background-color: #9B0000; color: #fff}


/*CONTENT*********************/

#content {float:left; width: 516px; min-height: 500px; padding: 8px 10px; }
#contentInterno {float:left; padding: 10px 15px 25px 15px; min-height: 500px; width: 772px;}

.foto {margin: 10px auto 0px auto; text-align: center}
.dida {text-align:right;margin-right: 25px; color: #5e5e5e; font-style: italic; font-size: 90%}

.news {position:relative;margin-top: 15px}
.news h2, #contentBottom h2 {border-bottom: 1px solid #bfd72f;margin: 0px; font-size: 140%; color: #343434; padding: 0px}
.news h3 { font-size: 120%; padding: 0px 0px 3px 0px; margin: 2px 0px 4px 0px;}
.news img {float:left; padding: 5px;margin-right: 8px; border: 1px solid #ccd0d5; width: 100px; background: #fff; z-index: 1; position:relative;}
.news ul {list-style-type: none; margin: 0px; padding: 0px;position:relative;}
.news li {padding: 8px 5px;}
.news li div.color {background: #e8e8e8}
.news h3 a:link, .news h3 a:visited {color: #720000; border-bottom: 1px solid #F6B11E}
.news h3 a:hover {text-decoration: none; color: #000}
.news em {position:relative}

#contentBottom {padding: 8px 10px}

.boxLeft {float:left; width: 363px; padding: 0px 10px}
.boxRight {float:left; width: 363px; margin-left: 17px;padding: 0px 10px}

.infoArt {margin-bottom: 15px; padding: 5px 0px ; font-size: 90%; border-top: 1px solid #e9e9e9}


/* GENERALI *************/
em {}

.invisibile {display: none; visibility: hidden}

p {padding: 0px; margin: 2px}

a:link, a:visited {Text-decoration:none;font-weight: bold; color: #000; }
a:hover {text-decoration: underline; }

ul {list-style-type: square}

.clear {clear:both;}

.titH2{border-bottom: 1px solid #bfd72f;margin: 0px 0px 15px 0px; font-size: 150%; color: #650000; padding: 5px 0px}
.titH3{margin: 0px; font-size: 120%; color: #650000; padding: 3px 0px; background: #f1f1f1}

#nav {float: right; padding: 3px 10px; width: 752px;; font-size: 90%; background: #f6f6f6; margin: -8px 0px 8px 0px}
#nav a {font-weight:normal;}
#nav a:hover {text-decoration: none}
#nav ul {list-style-type:none;float:right; margin: 0px; padding: 0px}
#nav li {float:left;margin-left: 25px}

.imgCenter {display: block;border: 1px solid #ccd0d5; margin: 10px auto; padding: 10px;text-align: center}
.imgLeft {border: 1px solid #ccd0d5; float: left; padding: 10px; margin-right: 10px}
.imgRight {border: 1px solid #ccd0d5; float: right;padding: 10px; margin-left: 10px}

.orange {background: #F6B11E;color: #000}

.tab {margin: 10px; width: 95%}
.tab th {text-align: left; font-size: 120%;padding: 5px 8px; border-bottom: 1px solid #eee}

.tab td {padding: 3px 8px; border-bottom: 1px solid #eee}

.tab td.ico {background: #eee;text-align:center; font-size: 90%; font-weight: bold}

.tab img {border:0px; vertical-align: middle; }

.tdAnno {text-align: center; border-left: 1px solid #eee; font-weight: bold;}
.tab td.txt {color: #000}

.listLink { margin: 0px; padding: 0px ; list-style-type: none}
.listLink li {padding: 10px 10px; font-size: 110%; border-bottom: 1px dotted #ccd0d5}
.listLink a:hover {color: #F68B1E; text-decoration: none}
.listLink em {font-size:90%}
.listLink img {vertical-align: middle; border: 0px; margin-right: 10px}

.linkPage:link, .linkPage:visited {Text-decoration:none;font-weight: bold; color: #000; border-bottom: 1px solid #F68B1E}
.linkPage:hover {text-decoration: none; color: #F68B1E}

/* form ricerca catalogo multimediale ***************************/
#domanda {}
#domanda legend {font-weight:bold; font-size:110%;  border: 1px solid #650000; color: #650000; padding:5px} 
#domanda fieldset {padding: 10px; border: 1px solid #650000}
#domanda label{width: 150px; display: block; float:left; margin-bottom: 3px }
#domanda br {clear: both;}
#domanda input, #domanda select, #domanda textarea { margin-bottom: 3px; width:250px; border:1px solid #CCD0D5}


.lista {margin: 0px; padding: 10px 10px 10px 25px}
.lista li {padding: 3px 0px}

/* NEWS ****************************************************************************/
.titArt {margin: 3px 0px 5px 0px; color: #720000; font-size: 130%; }

.imglettArt {float:left; padding: 8px; border: 1px solid #ccd0d5;margin-bottom: 5px}
.imglettArt img {border: 0px}

#allegati {}
#allegati h2 {background: #BDD634; font-size: 110%; padding: 0px 5px; margin: 0px}
#allegati ul {list-style-type: none;}


/* CARTOLINE D'EPOCA *********************************************************************/

#cartoline {list-style-type: none; margin: 0px; padding: 0px}
#cartoline li {margin-bottom: 10px}
#cartoline h3 { margin: 0px; color: #282828; padding: 2px 25px; background: #BFD72F url("/img/arrow.png") no-repeat center left;font-style: italic}
#cartoline a:hover {text-decoration: none}


.foto {float:left;width: 125px;margin-right: 4px}
.foto img {padding: 4px; border: 1px solid #CFCFCF; }

/* LINK UTILI ***************************************************************/
.divlink {width:100%; float:left; border-bottom: solid 1px #CFCFCF; padding:0px; margin-top:10px }
.divlinkR {width:70%; float:left; padding-bottom:5px}        
.divlinkL {width:30%; float:left; text-align:center; padding-bottom:5px}
.divlinkL img {vertical-align: middle; border: 0px; }
.divlinkTit {width:100%; float:left; clear:both; background: #e3e3e3; padding:5px; color: #720000; font-size: 110%; font-weight:bold; margin-top:10px}

#tab {width: 100%; margin-bottom: 15px; border: 1px solid #7B7B7B; background-color: #E7E7E7}
#tab th {padding: 3px; text-align: left;background-color: #7b7b7b; color: #fff; width: 25%}
#tab td {padding: 3px; background-color: #fff; vertical-align: top;text-align: center}
#tab img {border: 0px;}