/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background-image:url(../img/bgs/bg-pages.gif);
}

a {
	color:#f48706;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#f48706;
	font-weight:bold;
	text-decoration:underline;
}

a img {
	border: 0 none;
}

#container {
	width:900px;
	margin:0 auto 20px;
	padding:0 0 20px 0;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#000000;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

#wrapper {
	background-repeat:no-repeat;
	background-position:0 215px;
	margin:0 auto 0 auto;
}

#wrapper.ars-suonoimmagine #left h1, 
#wrapper.ars-suonoimmagine #right h2 {
	color:#ec1313;
}
#wrapper.bluessec #left h1, 
#wrapper.bluessec #right h2 {
	color:#ffcc02;
}
#wrapper.bluessec #left h1 span {
	display:none;
}

#wrapper.altre #left h1, 
#wrapper.altre #right h2 {
	color:#ffcc02;
}
#wrapper.altre #left h1 span {
}


#wrapper.dicono-di-noi #left h1, 
#wrapper.dicono-di-noi #right h2 {
	color:#e413ec;
}
#wrapper.links #left h1,
 #wrapper.links #right h2 {
	color:#2a830f;
}
#wrapper.sponsor #left h1, 
#wrapper.sponsor #right h2 {
	color:#e48306;
}
#wrapper.news-ars-suonoimagine #left h1, 
#wrapper.news-ars-suonoimagine #right h2 {
	color:#999999;
}

#header {
}

#logo {
	width:125px;
	height:90px;
	display:block;
	background-image:url(../img/ars-suonoimmagine.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
}

#logo a {
	width:125px;
	height:90px;
	display:block;
}

#logo a span {
	display:none;
}
/* ######################################## MENU ######################################## */
#menu {
	float:right;
	margin:0 10px 0 0;
}
#menu ul {
	margin:60px 0 0 0;
}
#menu ul li {
	float:left;
	list-style-type:none;
}
#menu ul li a {
	height:22px;
	background-repeat:no-repeat;
	background-position:top;
	display:block;
}
#menu ul li a span {
	display:none;
}
#menu ul li a.ars {
	width:155px;
	background-image:url(../img/menu/ars.png);
}
#menu ul li a.blues {
	width:197px;
	background-image:url(../img/menu/blues.png);
}
#menu ul li a.dicono {
	width:109px;
	background-image:url(../img/menu/dicono.png);
}
#menu ul li a.links {
	width:53px;
	background-image:url(../img/menu/links.png);
}
#menu ul li a.sponsor {
	width:63px;
	background-image:url(../img/menu/sponsor.png);
}
#menu ul li a:hover {
	height:22px;
	background-repeat:no-repeat;
	background-position:bottom;
}
#menu ul li.current a {
	height:22px;
	background-repeat:no-repeat;
	background-position:bottom;
}

/* ######################################## IMMAGINI ######################################## */
#immagini {
	height:125px;
	display:block;
	clear:left;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#immagini ul {
}
#immagini ul li {
	float:left;
	list-style-type:none;
	height:125px;
	display:block;
	margin:0 1px 0 0;
	background-position:left top;
	background-repeat:no-repeat;
}
#immagini ul li span {
	display: none;
}
#immagini ul li.fontana {
	width:274px;
	background-image:url(../img/immagini/fontana.jpg);
}
#immagini ul li.fontana a {
	width:274px;
	height:125px;
	display:block;
}
#immagini ul li.ars {
	width:124px;
	background-image:url(../img/immagini/ars.jpg);
}
#immagini ul li.blues {
	width:124px;
	background-image:url(../img/immagini/blues.jpg);
}
#immagini ul li.dicono {
	width:124px;
	background-image:url(../img/immagini/dicono.jpg);
}
#immagini ul li.links {
	width:124px;
	background-image:url(../img/immagini/links.jpg);
}
#immagini ul li.sponsor {
	width:124px;
	background-image:url(../img/immagini/sponsor.jpg);
}
#immagini ul li.ars-current {
	width:124px;
	background-image:url(../img/immagini/ars.jpg);
	background-position:left bottom;
}
#immagini ul li.blues-current {
	width:124px;
	background-image:url(../img/immagini/blues.jpg);
	background-position:left bottom;
}
#immagini ul li.dicono-current {
	width:124px;
	background-image:url(../img/immagini/dicono.jpg);
	background-position:left bottom;
}
#immagini ul li.links-current {
	width:124px;
	background-image:url(../img/immagini/links.jpg);
	background-position:left bottom;
}
#immagini ul li.sponsor-current {
	width:124px;
	background-image:url(../img/immagini/sponsor.jpg);
	background-position:left bottom;
}


#content {
	margin:20px 0 0 0;
}

#left {
	float:left;
	width:277px;
	height:600px;
	display:block;
}

#right {
	/*width:615px;
	margin:0 0 0 277px;*/
	line-height:17px;
	width:600px;
	float: left;
	margin: 0 10px 0 10px;
}

* html #right {
	width:570px;
}

#right #submenu {
	background-image:url(../img/bgs/bg-submenu.png);
	background-repeat:repeat-y;
	background-position:0 0;
	height: 25px;
	/*display:table;
	width:623px;*/
}

#right #submenu ul {
	margin:5px 0 0 0;
}
#right #submenu ul li {
	float:left;
	list-style-type:none;
	padding:4px 6px 9px 8px;
	font-size:13px;
}
#wrapper.ars-suonoimmagine #right #submenu ul li.current a {
	color:#ec1313;
}
#wrapper.bluessec #right #submenu ul li.current a {
	color:#ffcc02;
}
#wrapper.altre #right #submenu ul li.current a {
	color:#ffcc02;
}
#wrapper.dicono-di-noi #right #submenu ul li.current a {
	color:#e413ec;
}
#wrapper.links #right #submenu ul li.current a {
	color:#2a830f;
}
#wrapper.sponsor #right #submenu ul li.current a {
	color:#e48306;
}


#footer {
	text-align:right;
	padding:30px 10px 0 0;
	clear:both;
}

#left h1 {
	padding:7px 0 0 10px;
	margin:0px;
	font-size:30px;
	font-weight:bold;
}
h2 {
	padding:0;
	margin:0px;
	font-size:20px;
	font-weight:bold;
}

h4 {
	padding:0;
	margin:0 0 5px 0;
	font-size:20px;
	font-weight:bold;
}

.credits {
	margin-left:200px;
}
.left {
 	float: left;
}
.right {
 	float: right;
}

img.right,
.mrg.right {
 	float: right;
	padding:4px;
	margin:0 0 8px 8px;
	border:1px solid #666666;
}

ul.links {
	padding:0px;
	margin:0px;
}
ul.links li {
	list-style-type:none;
	border-bottom:1px solid #666666;
	padding:8px 0 8px 8px;
	margin:0 0 8px 0;
	background-image:url(../img/bgs/bg-submenu.png);
	background-repeat:repeat-y;
}
ul.dicono {
	padding:0px;
	margin:0px;
}
ul.dicono li {
	list-style-type:none;
	border-bottom:1px solid #666666;
	padding:8px 0 8px 8px;
	margin:0 0 8px 0;
	background-image:url(../img/bgs/bg-submenu.png);
	background-repeat:repeat-y;
}

.clearer {
	clear: both; 
	height: 0;
	overflow: hidden;
	display: block;
}

/* ######################################## BLUES ######################################## */
#programma {
}

#programma #locandina {
	float: right;
	width: 218px;
	border: 1px solid #FFCC02;
	margin-left: 10px;
}

#programma #locandina img {
	width: 218px;
}

.bluessec .evd,
#programma .edizione,
#programma #titolo {
	color: #FFCC02;
}
.altre .evd,
#programma .edizione,
#programma #titolo {
	color: #FFCC02;
}

#programma #descrizione {
	font-size: 1.3em;
}

#programma #titolo {
	font-size: 1.4em;
	margin: 1.5em 0 0;
}
#programma #titolo-home {
	font-size: 1.8em;
	margin: 1.5em 0 0;
}

#programma #eventi {
	margin-top: 1.5em;
	/*margin-right: 230px;*/
}

#programma #eventi .data {	
	font-size: 1.2em;
	margin: 1em 0 .5em;
}

#programma #eventi ul {
	list-style: none;
	margin-bottom: 1em;
}

#programma #eventi ul li {
	list-style: none;
	background: #2b2b2b url(../img/bgs/bg-eventi.gif) left top repeat-y;
	margin: 2px 0;
	/*height: 24px;*/
	padding: 2px 0;
	
}

#programma #eventi ul.list li {
	list-style: none;
	background: url(../img/freccetta-small.gif) left center no-repeat;
	margin: 2px 0;
	padding: 2px 10px;
	
}

#programma #eventi ul li a {
	list-style: none;
	color: #F48706;
	background: url(../img/bgs/bg-evento.gif) left 4px no-repeat;
	padding: 3px 25px 0;
	margin-top: 0px;
	display: block;
}


.otherinfo {
	float:right;
	margin:3px 0 0 0;
}
.otherinfo a.info {
	display:block;
	float:left;
	padding:3px 10px 0 16px;
	background-image:url(../img/freccetta.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}
.otherinfo a.info-current {
	display:block;
	float:left;
	padding:3px 10px 0 16px;
	background-image:url(../img/freccettaw.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	color:#ffffff;
}
.otherinfo a.archiver {
	display:block;
	float:left;
	color:#ffffff;
	background-color:#f48706;
	padding:2px 12px 1px 26px;
	background-image:url(../img/archive.gif);
	background-repeat:no-repeat;
}
.otherinfo #tendina {
	position:absolute;
	top: 260px;
	visibility: hidden;
	z-index:1;
	overflow:visible;
	background-color:#f48706;
	font-size:11px;
}

.otherinfo #tendina ul {
	background-color:#f48706;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.otherinfo #tendina ul li {
	clear:both;
	font-size:11px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-bottom:1px dotted #ffffff;
	text-align:right;
}
.otherinfo #tendina ul li a {
	font-size:11px;
	list-style-type:none;
	display:block;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#ffffff;
	width:120px;
	text-decoration:none;
} 

ul.archive {
	padding:0px;
	margin:0px;
}
ul.archive li {
	list-style-type:none;
	border-bottom:1px solid #666666;
	padding:8px 0 8px 8px;
	margin:0 0 8px 0;
	width: 100%;
}

ul.archive li img {
	width:100px;
}

ul.archive li .locandina-left {
	float: left;
	width: 100px;
	border: 1px solid #FFCC02;
	margin-right: 10px;
}
.lista-artisti {
	margin:0 0 0 120px;
}

a.list {
	display:block;
	padding:3px 0 3px 16px;
	background-image:url(../img/freccetta.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
}

.fascia {
	padding:4px 0 4px 0;
	background-color:#2b2b2b;
	text-align:right;
	clear:left;
	margin-top: 10px;
}

.fascia a {
	/*display:block;*/
	padding:0 22px 0 10px;
	background-image:url(../img/freccettaw.gif);
	background-repeat:no-repeat;
	background-position:right center;
	color:#ebebeb;
}
.fascia2 {
	padding:4px 0 4px 0;
	background-color:#2b2b2b;
	text-align:right;
	margin-top: 10px;
}

.fascia2 a {
	/*display:block;*/
	padding:0 22px 0 10px;
	background-image:url(../img/freccettaw.gif);
	background-repeat:no-repeat;
	background-position:right center;
	color:#ebebeb;
}
.fascia3 {
	padding:8px;
	background-color:#2b2b2b;
	margin-top: 10px;
}

.fascia3 a {
	/*display:block;*/
	padding:0 5px 0 22px;
	background-image:url(../img/freccettaw.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#ebebeb;
}

.artista-left {
	float: left;
	width: 100px;
	border: 1px solid #FFCC02;
	margin-right: 10px;
}

#map {
	 /*width:620px;*/
	 height:400px;
	 border:1px solid #64533a;
	 display:block;
	 color:#000000;
	 font-weight:bold;
}

/* home */
#wrapper.home #left {
	float:left;
	width:375px;
	height:350px;
	line-height:17px;
	margin-left:10px;
}

#wrapper.home #right {
	/*width:500px;*/
	height:364px;
	/*margin:0 0 0 400px;*/
	width: 480px;
	margin: 10px 10px 0 10px;
	padding:5px;
	border:1px solid #666666;
	background-image:url(../img/home/bg-right-home.gif);
	background-repeat:repeat-x;
}

#wrapper.home #right a.vai {
	margin:9px 0 0 0; 
	width:472px;
	padding:4px 4px;
	float:right;
	text-align:right; 
	background-color:#333333;
}

* html #wrapper.home #right {
	width:466px;
	padding:4px 2px;
}

* html #wrapper.home #right a.vai {
	width:470px;
	float:right;
	text-align:right; 
	background-color:#666666;
}

#wrapper.home #ars {
	border-style: solid;
	border-width: 1px 0;
	border-color: #999;
	margin-top: -3px;
	padding: .8em 0;
}
#wrapper.home #ars .right {
	border:0px none;
}

#wrapper.home #boxes {
	margin-top: 20px;
}

#wrapper.home #boxes .box {
	float: left;
	width: 170px;
	line-height: 100%;
}

#wrapper.home #boxes .box.news {
	margin-left: 30px;
}

#wrapper.home #boxes .box img, 
#wrapper.home #boxes .box p {
	margin: 0;
	padding: 0;
	vertical-align: top;
} 

#wrapper.home #boxes .box.news .cont {
	padding: 5px;
	background-color: #090b3c;
	min-height: 54px;
	line-height: 17px;
}

.sponsorlist ul {
	padding:0px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #666666;
}
.sponsorlist ul li {
	list-style-type:none;
	padding:0 10px 0 0;
	margin:0 0 0 0;
	display:inline;
}

.moreinfo {
	background-color:#666666;
	padding:5px;
	border:1px solid #ffffff;
	font-size:14px; 
	font-weight:bold;
	clear: right;
}


/* photogallery */
.photogallery {
	list-style: none;
	line-height: 100%;
}

.photogallery li {
	float:left;
	margin: 10px;
	padding: 4px;
	border: 1px solid #666;
	background-color: #222;
	width: 89px;
	height: 89px;
}

.photogallery li a {
	
}

.photogallery li a img {

}


div.ars-suonoimmagine {
	background-image:url(../img/bgs/bg-ars.jpg);
}
div.bluessec {
	background-image:url(../img/bgs/bg-blues.jpg);
}
div.altre {
	background-image:url(../img/bgs/bg-altre.jpg);
}
div.dicono-di-noi {
	background-image:url(../img/bgs/bg-dicono.jpg);
}
div.links {
	background-image:url(../img/bgs/bg-links.jpg);
}
div.sponsor {
	background-image:url(../img/bgs/bg-sponsor.jpg);
}
div.news-ars-suonoimagine {
	background-image:url(../img/bgs/bg-news.jpg);
}

.hidden {
	display: none;
}

/* gallery */
/*
#gallery {
	width:880px;
	margin:20px 0 0 25px;
	clear:left;
}

#gallery ul {
	padding:0px;
	margin:0px;
}
#gallery ul li {
	float:left;
	width:89px;
	height:89px;
	margin:0 4px 0 0;
	list-style-type:none;
	border:1px solid #666666;
}
*/

#gallery span {
	margin: 0 1px;
	display: block;
	float: left;
	width: 94px;
}

#gallery img {
	width:89px; /*width:89px;*/
	height:89px;
	margin:0;
	border:1px solid #666666;
}
#gallery {
	width: 864px;
	height: 91px;
	margin: 10px auto 5px;
	clear: left;	
	overflow: hidden;
	position: relative;
}
#imglist {
	position: absolute;
}

.buttons {
	text-align: center;
	line-height: 100%; 
}

.buttons span {
	cursor: pointer;
	color: #666;
	font-size: 200%;
	/*opacity: .3;*/
}

.buttons span.active {
	color: #999;
	/*opacity: .6;*/
}


#list-news-home {}
#list-news-home .tit {
	display:block;
	width:493px;
	height:26px;
	margin:0 0 8px 0;
	border-bottom:2px dotted #ffffff;
	background-image:url(../img/ultime-news-long.png);
}

#list-news-home ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#list-news-home ul li {
	border-bottom:1px dotted #cccccc;
	padding:5px 0;
	display:table;
	width:493px;
}
#list-news-home ul li h2 {
	font-size:16px;
	padding:0 0 2px;
}
#list-news-home ul li h2 a {
	display:block;
	background-image:url(../img/freccetta.gif);
	background-position:right top;
	background-repeat:no-repeat;
}