@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	border:0px;
	}
.clear {
	clear:both;}
	
.dotted {
	clear:both;
	border-bottom:1px dotted #fff;
	}
	
h1 {
	color:#09568c;
	font-size:24px;
	margin-bottom:10px;
	}

h1 a:link, h1 a:visited {
	color:#09568c;
	text-decoration:none;
	}
h1 a:hover, h1 a:active{
	color:#28b8e9;
	text-decoration:underline;
	}
	
	
h2 {
	color:#28b8e9;
	font-size:18px;
	margin-bottom:10px;
	}

h2 a:link, h2 a:visited {
	color:#28b8e9;
	text-decoration:none;
	}
h2 a:hover, h2 a:active{
	color:#28b8e9;
	text-decoration:underline;
	}

h3 {
	color:#09568c;
	font-size:16px;
	margin-bottom:10px;
	}


h3 a:link, h3 a:visited {
	color:#09568c;
	text-decoration:underline;
	}
h3 a:hover, h3 a:active{
	color:#28b8e9;
	text-decoration:underline;
	}
	
	
h4 {
	color:#28b8e9;
	font-size:14px;
		}
h5 {color:#939393;
	font-size:18px;
	font-style:italic;
	margin-bottom:10px;
	}
	
h6 {
	color:#333;
	font-size:14px;
	font-weight:bold;
		}

hr {
	border-bottom: 2px dotted #666;
	margin:15px 0px 25px 0px;}
		
a:link, a:visited {
	 color:#333;
	text-decoration:underline;
	font-weight:bold;}

a:hover, a:active {
	color:#09568c;
	text-decoration:none;}
	
/* ----------- MAIN ELEMENTS ------------*/
body {
	background-image:url(../images/bkg_page.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}
	
#wrapper {
	margin:0 auto;
	width:996px;
	background-image:url(../images/bkg_wrapper.gif);
	background-position:center top;
	background-repeat:repeat-y;
	/*background-color:#333;*/}

#header {
	height:217px;
	background-image:url(../images/bkg_header.jpg);
	background-position:center top;
	background-repeat:no-repeat;}
	
#highlight {background-image:url(../images/highlight.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:200px;
	padding: 20px 400px 0px 50px;
	text-align:center;
	font-weight:bold;}
	
#highlight a:link,  #highlight a:visited {
	color:#28b8e9;
	text-decoration:none;
	}
	
#highlight a:hover,  #highlight a:active {
	color:#28b8e9;
	text-decoration:underline;
	}

#main_col {
	width:736px;
	min-height:200px;
	margin:0px 7px;
	padding-top:5px;
	text-align:justify;
	float:left;
	}
	
#paragraph_small {
	width:410px;
	min-height:254px;
	padding:15px 40px;
	margin-bottom:6px;
	background-color:#FFF;
	background-image:url(../images/bkg_paragraph.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	float:left;
	}
#paragraph_var {
	width:410px;
	min-height:254px;
	padding:15px 40px;
	margin-bottom:6px;
	background-color:#FFF;
	background-image:url(../images/bkg_paragraph_var.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
	}
	
#paragraph {
	width:656px;
	min-height:254px;
	padding:15px 40px;
	margin-bottom:6px;
	background-color:#FFF;
	background-image:url(../images/bkg_paragraph.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	float:left;
	}
	
.pix {
	margin:0px 0px 6px 6px;
	width:240px;
	color:#FFF;
	font-size:10px;
	float:left;}
.pix p {
	padding:5px 10px;
	}
	
.box {
	width:147px;
	float:left;
	}

.inserzione {
	width:347px;
	border-left:1px dotted #fff;
	padding: 10px;
	padding-bottom:6px;
	background-color:#333;
	color:#FFF;
	font-size:14px;
	float:left;
	}
.inserzione img {
	float:left;
	margin-right:10px;
	height:130px;}
/* ------- */
#content {
	width:736px;
	padding:15px 0px;
	margin-bottom:6px;
	background-color:#FFF;
	background-image:url(../images/bkg_paragraph.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
		float:left;
	}
#scheda {
	width:509px;
	padding:0px 40px;
	border-right:1px dotted #050505;
	float:left;}
	
#colonnina {
	width:132px;
	padding:0px 7px;
	text-align:center;
	float:left;}
	
#colonnina img {
	border:#aaa solid 1px;
	margin-bottom:10px;}

#colonnina ul {
	text-align:left;
	list-style:none;}
	
#colonnina li {
	font-size:14px;
	color:#09568c;
	font-weight:bold;
	border-bottom:1px dotted #050505;
	}
#colonnina a:link, #colonnina a:visited {
	color:#09568c;
	text-decoration:none;
	background-image:url(../images/blank.gif);
	background-position:left center;
	background-repeat:no-repeat;
	}
#colonnina a:hover, #colonnina a:active {
	color:#09568c;
	text-decoration:none;
	background-image:url(../images/dot.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	}
#colonnina li .sel {
	color:#333;
}

/* ------ tabella ------- */ 
#table {
	width:509px;
	min-height:170px;
	font-size:14px;
	border-bottom:#555 dotted 1px;
	margin-bottom:10px;
	}
.td_sx{
	width:40%;
	float:left;
	font-weight:bold;
	border-bottom:#555 dotted 1px;
	height:23px;
		}
.td_dx {
	width:50%;
	padding-left:10px;
	float:left;
	clear:right;
	border-bottom:#fff dotted 1px;
	height:23px;
		}
.td_autore{
	width:275px;
	float:left;
	font-weight:bold;
	border-bottom:#555 dotted 1px;
	height:23px;
		}
.td_canzone {
	width:224px;
	padding-left:10px;
	float:left;
	clear:right;
	border-bottom:#fff dotted 1px;
	height:23px;
		}		
		
		
/* ------- */		
#side_col {
	width:240px;
	min-height:200px;
	margin-right:6px;
	padding-top:5px;
	color:#FFF;
	float:left;}
	
#side_col h2 {
	color:#28b8e9;}

#galleria {
	padding: 10px 5px;}
	
.album {
	margin-top:6px;
	height:72px;
	border-bottom:1px dotted #fff;
	}
.album2 {margin-top:6px;
	height:72px;
	border-bottom:1px dotted #000;}
	
.album img, .album2 img {
	border:1px solid #666;
	margin-right:5px;
	float:left;}
	
#side_col a:link, #side_col a:visited {
	color:#fff;
	text-decoration:none;
	}
#side_col a:hover, #side_col a:active {
	color:#09568c;
	text-decoration:none;
	}
	
.pix a:link, .pix a:visited {
	color:#09568c;
	text-decoration:none;
	}
.pix a:hover, .pix a:active {
	color:#09568c;
	text-decoration:underline;
	}
	
#footer {
	height:210px;
	padding-top:13px;
	border-top:1px dotted #fff;
	background-image:url(../images/bkg_footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFF;}
	
#footer a:link, #footer a:visited {
	color:#FFF;
	text-decoration:underline;
	}
#footer a:hover, #footer a:active {
	color:#28b8e9;
	text-decoration:underline;}
	
#recapiti {
	width:360px;
	padding-left:40px;
	float:left;
	}
#credits {
	margin-left:196px;
	padding-right:40px;
	width:360px;
	color:#666;
	text-align:right;
	float:left;
	}
/* ----------------------  MENU di NAVIGAZIONE ----------------------- */
#menu {
	padding-top:10px;
	height:21px;
	background-color:#095689;}
	
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size:12px;
font-weight:bold;
line-height:21px;
}

#nav a{
display:block;
padding:0px 18px;
color:#fff;
text-decoration:none;

}

#nav a:hover{ /* hover per menu principale */
color:#28b8e9;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:10em;
top:21px;
font-size:10px;

}

#nav li ul a{
width:10em;
height:auto;
float:left;
border-top:1px solid #fff;
background-color:#095689;
color:#fff;}

#nav li ul a:hover{ /* hover per sottomenu*/
width:10em;
height:auto;
float:left;
border-top:1px solid #fff;
color:#fff;
background-color:#28b8e9;
}


#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:10em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* menu selezionato */

.sel {
	color:#333;
}

/* ------------- form iscrizione -------- */

.input20 {
	width:90%;
	height:20px;
	border: 1px solid ##333;
	background-color: #CCC;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.input60 {
	width:95%;
	height:60px;
	border: 1px solid ##333;
	background-color: #CCC;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	}