/* CSS Document */

/* *****************************************************************  
Elementi
***************************************************************** */
TABLE, table {
	font-size: 11px;
	color : #333333;
}

a {
	color : #FF3300;
	text-decoration:none;
}
a:visited {color : #FF3300; text-decoration:none; }
a:hover  {color : #134D91; text-decoration: underline;}

hr {
 	color : #134D91;
	height : 1px;
}

form {
	margin: none;
}

h1 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0;
	padding:0 0 10px 0;
	color: #134D91;
}

#top h1 {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0 6px 0 0;
	display: inline;
	color: #EF7E14;
	text-decoration: underline;
}

h2 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0 0 2px 0;
	color: #134D91;
}

h3{
	margin:0;
	padding: 3px 0;
    font-size: 120%;
	font-weight: bold;
	letter-spacing:-1px;
	color: #1659A8;
	font-family: verdana, arial, helvetica, sans-serif;
}

h4 {
	color: #FF3300;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h5 {
	color: #134D91;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 15px;
	font-size: 11px;
}
/* linea */
div.hr {
	height: 15px;
	background-image:  url(../img/dots.gif);
	background-repeat: repeat-x;
	margin: 5px 0;
}

div.hr hr {
  display: none;
}


ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	padding-left: 30px;
}

ol.privacy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	padding-left: 30px;
	margin: 10px;
}

/* *****************************************************************
	Colori Background
***************************************************************** */

.bgc01 { background-color : #FFFFFF; }
.bgc02 { background-color : #DC3701; }
.bgc03 { background-color : #EF7E14; }
.bgc04 { background-color : #1659A8; }
.bgc05 { background-color : #7A7A7A; }
.bgc06 { background-color : #818181; }
.bgc07 { background-color : #939393; }
.bgc08 { background-color : #F1B67F; }

 /* *****************************************************************
	CARATTERI
***************************************************************** */

div#pagina-dx #titolo {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1659A8;
	line-height: 18px;
	padding: 5px;
}

/* *****************************************************************
	MENU
***************************************************************** */
#menu-content {
	width: 700px;
	height: 48px;
}

div#menu-content ul{
	list-style-type: none;
	margin: 0;
	padding: 0
}
div#menu-content li{
	float:left;
	margin: 0;
	padding:0;
}
div#menu-content a{
	position:relative;
	display:block;
	height: 48px
}
div#menu-content a span{
	position:absolute;
	width:100%;
	height:100%;
	cursor: pointer; /*per IE*/
}
div#menu-content a:hover{
	color: #369 /*per IE*/
}

div#menu-content a#current span{
	background-position: -280px 0
}

li#eventi a{ width: 81px }
li#eventi span{
	background: url("../img/menu/1N.gif") no-repeat top left
}
li#eventi a:hover span{
	background: url("../img/menu/1A.gif") no-repeat top left
}

li#foto a{ width: 98px }
li#foto span{
	background: url("../img/menu/2N.gif") no-repeat top left
}
li#foto a:hover span{
	background: url("../img/menu/2A.gif") no-repeat top left
}

li#artisti a{ width: 110px }
li#artisti span{
	background: url("../img/menu/3N.gif") no-repeat top left
}
li#artisti a:hover span{
	background: url("../img/menu/3A.gif") no-repeat top left
}

li#pubblicita a{ width: 128px }
li#pubblicita span{
	background: url("../img/menu/4N.gif") no-repeat top left
}
li#pubblicita a:hover span{
	background: url("../img/menu/4A.gif") no-repeat top left
}

li#mailinglist a{ width: 150px }
li#mailinglist span{
	background: url("../img/menu/5N.gif") no-repeat top left
}
li#mailinglist a:hover span{
	background: url("../img/menu/5A.gif") no-repeat top left
}

li#contatti a{ width: 133px }
li#contatti span{
	background: url("../img/menu/6N.gif") no-repeat top left
}
li#contatti a:hover span{
	background: url("../img/menu/6A.gif") no-repeat top left
}

/* *****************************************************************
	LINKS
***************************************************************** */

#footer-content a:link, #footer-content a:visited{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#footer-content a:hover{
	color: #962828;
	font-weight: bold;
	text-decoration: underline;
}

#copyright a:link,#copyright a:visited{
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

#copyright a:hover{
	color: #962828;
	font-weight: normal;
	text-decoration: underline;
}

#navigatore a:link,#navigatore a:visited{
	color: #EF7E14;
	text-decoration: none;
}

#navigatore a:hover{
	color: #1659A8;
	text-decoration: underline;
}

/* *****************************************************************
	FORM
***************************************************************** */


/* *****************************************************************
	DIV
***************************************************************** */

.pad05 {
	padding: 5px 0;
}

.pad5 {
	padding: 5px;
}

.pad10 {
	padding: 10px;
}

.pad15 {
	padding: 15px;
}

.nobordo {
	border: none;
}

ul#minipics{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#minipics li{
	float:left;
	margin: 5px;
	padding:0 6px 6px 0;
    background: url(../img/dropshadow.jpg) no-repeat bottom right
}

ul#minipics li img{
	display:block;
    position:relative;
	top:-5px;
	left:-5px;
	background-color : #FFFFFF;
    border:1px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
    padding:none
}

table#eventi {
    width: 750px;
}

table#fotogallery {
    width: 700px;
}

table#eventi-sx {
    width: 520px;
}

table#artisti {
    width: 530px;
}

table#fotogallery .img, table#eventi .img, table#artisti .img{
    width: 105px;
	height: 105px;
	top:-5px;
	left:-5px;
    border:1px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
	background: #FFFFFF  url(../img/sf_img.gif);
    padding:5px
}

table#fotogallery td, table#eventi td, table#artisti td{
	vertical-align: top;
	padding: 3px;
}

table#lista-foto {
    margin: 10px;
}

table#lista-foto td{
	width: 150px;
	height: 150px;
 	text-align: center;
}

table#lista-foto div.foto{
	width: 130px;
	height: 130px;
    background: url(../img/sf130.gif) no-repeat;
}

table#lista-foto div.foto img{
	margin: 0 7px 7px 0;
	background-color : #FFFFFF;
    border: 1px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
    padding: none
}

/*FORM */

form {
	width:630px
}
form.formcontatti {
    width:500px
}

fieldset {
	border: 0px solid;
	margin:0;
	padding:0
}

legend {
	font: bold small-caps 140%/1.3 "Arial Narrow",arial,sans-serif;
	color: #1659A8;
}

form div {
	padding: 10px 0;
	background: #FFBD81;
    color: #333;
    text-align: left;
	border-top: 1px solid #FFF
}

form label{
	float: left;
	width: 33%;
	line-height: 23px;
    padding-right: 2%;
    font-weight: bold;
	text-align:right
}

fieldset input,textarea{
	width: 300px;
}

fieldset input[type=’checkbox’],{
	border: none;
	width: 20px;
	background-color: none;
}

fieldset select{
	width:150px;
}

div.form-button input{
	margin-left:35%;
	width: 150px;
}

/* Pagina Evento */

div#evento {
	padding: 10px;
	text-align: justify;
}

div#lista-commenti, div#form-commenti {
	margin: 10px;
	background-color: #FFFFFF;
}

h2.titeventi-sx, div#form-commenti h2, div#lista-commenti h2, div#evento h2{
	border-bottom:1px solid #FF6600;
	margin:0;
	padding:3px;
    font-size:130%;
	font-weight:bold;
	letter-spacing:-1px;
	color: #1659A8;
	font-family: verdana, arial, helvetica, sans-serif;
}
div#evento h2 a{color:#678226;text-decoration:none}
div#evento h2 a:hover{color: #824025}
div#evento h3.data{
	float:right;
	margin-top:0px;
	padding:2px 8px 2px 8px;
    border-left:6px solid #FF6600;
	color:#222;
	background:#EFF0ED;
	font-size:87%
}
div#evento h3.author a{
	color: #222;
	text-decoration: underline
}

.imgcont {
	margin: 0 0 10px 10px;
    border:1px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
	background-color: #FFFFFF;
	padding: 5px;
	float: right;
}

.imgcont2 {
    width: 115px;
    border:1px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
	background-color: #FFFFFF;
}

div#evento .breve {
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

img.img280 {
	width: 280px;
	height: 280px;
	margin: 5px;
    border: 0;
}

img.img105 {
	width: 105px;
	height: 105px;
	margin: 5px;
    border: 0;
}

div#evento-artista {
	width: 736px;
	margin: 10px 0;
	padding: 5px;
	background-color: #FFC894;
	clear: both;
}

div#evento-luogo {
	width: 736px;
	margin: 10px 0;
	padding: 5px;
	background-color: #8AC0FF;
	clear: both;
}

div#prossimi-eventi {
	width: 100%;
	margin: 10px 0;
	background-color: #8AC0FF;
	clear: both;
}

div#archivio-eventi {
	width: 100%;
	margin: 10px 0;
	clear: both;
}

div#archivio-eventi ul{
	margin: 5px;
}

div#archivio-eventi li{
	margin: 5px 20px;;
	list-style-position: outside;
	list-style-type: square;
}

div#archivio-eventi table{
    width: 750px;
}


div#eventodettagli h3{
	margin: 5px 0;
	font-size: 13px;
	font-weight: bold;
	color: #1659A8;
}

div#pagina-dx h2{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0 0 2px 0;
	color: #FF3300;
}

div#pagina-dx hr{
	border-top: 1px dashed #134D91;
	border-bottom: 1px solid #134D91;
	color: #fff;
	background-color: #fff;
	height: 4px;
	margin: 0 0 5px 0;
}

div#pagina-dx ul {
	padding-left: 5px;
	margin: 5px;
}

div#pagina-dx li{
	margin: 5px;
}

div#box-mailinglist {
	width: 100%;
	margin: 10px 0;
	text-align: center;
	clear: both;
}

div#box-mailinglist-home {
	width: 450px;
	margin: 10px;
}

div#box-mailinglist input{
	width: 150px;
	margin: 0 5px;
	font-size: 10px;
}

div#box-mailinglist-home input{
	width: 100px;
	margin: 0 5px;
	font-size: 10px;
}

/* Commenti */
div#commenti {
	padding: 10px;
}

div#commenti blockquote.commenti p {
	padding: 5px 0;
}
div#commenti blockquote.commenti p.numcomm {
    width: 25px;
	padding: 0px 2px;
	background-color: #660000;
    color:#FFFFFF;
	text-align:center
}
blockquote.commenti {
	margin: 5px 0;
	padding: 0px 5px;
	border-left: 5px solid #660000;
	border-bottom: 1px solid #660000;
    background-color : #F1B67F;
}
blockquote.commenti p.commentdata{
	padding:3px 5px;
	border-top:1px solid #666666;
	font-size:90%
}
div#commenti p{
	font-size:90%
}

.alto290 {
	min-height: 290px;
	height: auto !important;
	height: 290px;
}

/* Links */

ul#linksp{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#linksp li{
	vertical-align: middle;
	height: 40px;
}

ul#linksp li img{
	float:left;
    position:relative;
	padding: 2px;
	margin: 0 5px 0 0;
    border: 0px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
	background-color: #FFFFFF;
}

ul#linksp li .txt{
	font-size: 9px;
}

/* Site map */

div#pag-mappa {
	padding: 10px;
}

div#pag-mappa ul{
	margin: 20px;
	list-style-type: square;
}

div#pag-mappa ul ul{
	margin: 10px 20px;
	list-style-type: disk;
}

div#pag-mappa ul ul ul{
	margin: 10px 20px;
	list-style-type: circle;
}

div#pag-mappa li{
	padding: 5px;
}

div#pag-mappa ul a {
	font-weight: bold;
	font-size: 14px;
}

div#pag-mappa ul ul a {
	font-weight: bold;
	font-size: 12px;
}

/* new site map */
DIV#sitemap {
   padding: 1em 1.5em;
   line-height: 22px;
   }

DIV#sitemap LI {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
DIV#sitemap LI {
   background: url(../img/extm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap LI.last {
   background: url(../img/exlm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap LI.file:before {
   content: url(../img/exfilebw.gif);
   }
DIV#sitemap LI.file:before:hover {
   content: url(../img/exfilecolor.gif);
   }
DIV#sitemap LI.folder:before {
   content: url(../img/exfolderbw.gif);
   }
DIV#sitemap LI.folder:before:hover {
   content: url(../../exfoldercolor.gif);
   }
DIV#sitemap UL {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   }
DIV#sitemap UL {
   background: url(../img/graphics/exim.gif)
               repeat-y
               0% 0%;
   }
DIV#sitemap UL.last {
   background-image: none;
   }
DIV#sitemap LI LI {
   color: #000000;
   font-weight: normal;
   }
DIV#sitemap LI.folder:hover {
   color: goldenrod;
   font-weight: bold;
   }
DIV#sitemap LI.file:hover {
   color: mediumblue;
   font-weight: bold;
}

div#sitemap ul a {
	font-weight: bold;
	font-size: 13px;
}

div#sitemap ul ul a {
	font-weight: bold;
	font-size: 11px;
	color: blue;
}

div#sitemap ul ul ul a {
	font-weight: bold;
	font-size: 11px;
	color: blue;
}
