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

div.clear {clear:both;}

body {

background-color:#000;
font-family:Arial, Helvetica;
}

a { text-decoration:none; color:#9b9e9b; }
 a:hover { text-decoration:underline; }
 
 a img { border:1px solid #FFF; }
 a:hover img { border:1px solid #000; }
 p { font-size:12px; color:#555555; font-family:Trebuchet MS, Verdana;}
 	div#BackgroundTop, div#BackgroundHead, div#BackgroundMenu {  position:absolute; top:0;left:0; width:100%; }
	div#BackgroundTop{ height:50px;background-color:#000; }
	div#BackgroundHead{ height:558px;background-color:#cc1149; top:50px;  background: #FFF url(images/backgrounds/macchia.jpg) no-repeat center 132px; z-index:-2; }
	div#BackgroundMenu{ height:50px;background-color:#cc1149; top:565px;}
	
	h4 { font-size:16px; color:#cc1149; }
div#Container{
				width:830px;
				border:0px solid yellow;
				
				margin-bottom:0px;
				margin-left:auto;
				margin-right:auto;
				margin-top:0px;
				background-color:none;
				top:0; position:relative;
				padding:0px 0px 0px 0px;
				
				
				
			}
			
			div#Container div#Content{float:left; }
			
			div#Container div#TopHeader { height:220px; background: transparent url('images/backgrounds/TopHead.png') no-repeat left top; z-index:10;}
				
				div#Container div#TopHeader div#Logo {width:365px; top:10px; position:absolute; height:50px; }
					div#Container div#TopHeader div#Logo span, div#Container div#TopHeader div#Ita span {visibility:hidden; }
					div#Container div#TopHeader div#Logo a { border:0px solid green; width:365px; height:50px;display:block; cursor:pointer;  }
						div#Container div#TopHeader div#Logo a:hover,div#Container div#TopHeader div#Ita a:hover { text-decoration:none; }
						
						div#Container div#TopHeader div#Ita { border:0px solid green;width:35px; top:15px; position:absolute; height:20px; margin-left:751px; }
						
						
				div#Container div#TopHeader div#TopLoghi { float:right; border:0px solid blue; top:147px; left:413px; position:absolute; }
				div#Container div#TopHeader div#TopLoghi a { float:left; }
					div#Container div#TopHeader div#TopLoghi a img {float:left; border:0px; clear:none;}
					div#Container div#TopHeader div#TopLoghi a:hover img { border:0px; }
			div#Container div#Header {
							/*background: transparent url('images/backgrounds/header.png') repeat-y -8px top; */
							background:none;
							height:auto;
							border:0px solid green;
							position:relative;
							padding:0px;
							display:block;
							width:100%;
							margin-top:0px;
							z-index:-1;
						  }	

				div#Container div#Menu { 	
							background-color:#cc1149;
							height:50px;
							border:0px solid green;
							position:relative;
							
							display:block;
							width:100%;
							margin-top:-4px;
						}
						
		
						 div#Container div#Menu ul#topnav li{ 
						  			 
									padding:3px 12px 3px 12px; text-align:center;
									font-size:12px;
									list-style:none;
									list-style-image:none;
									list-style-type:none;
									float:left; display:inline;
									
									letter-spacing:-1px; padding:0px 0px 0px 0px;
									color:#FFFFFF;
									text-transform:uppercase;
									height:50px;
									
						  
						  } div#Container div#Menu ul#topnav li.active { background-color:#000; }
						  
						  div#Container div#Menu ul#topnav li a{ font-size:17px;color:#000; text-decoration:none; margin:0px 0px 0px 0px;
						  											padding:0px 3px 0px 3px; display:block;
						  											height:10px; padding:20px 13px; border:0px solid green;
						  											}
						  div#Container div#Menu ul#topnav li a:hover{ text-decoration:none; background-color:#000;
						  												  color:#9eb69e; font-size:17px;}
							div#Container div#Menu ul#topnav li a { background-repeat:no-repeat; background-color:transparent; background-position:center center; }
									div#Container div#Menu ul#topnav li ul { margin:0px 0px 0px 0px;
																				padding:0;
																				list-style-type:none;
																				list-style-position:outside;
																				position:relative;
																				line-height:1.5em;
																				text-align:left;
																				float:left;
																				position:relative;
																				display:none;
																				/*width:12em;*/
																				top:0px;
																				padding-top:10px;
																				background-color:#666;
																				padding:0px;
																			}
									
										div#Container div#Menu ul#topnav li ul li { display:block; padding:0px; height:auto; width:100%;margin:0px; }
										div#Container div#Menu ul#topnav li ul li:hover { background-color:#666; }
										div#Container div#Menu ul#topnav li ul li a { padding:3px 3px 3px 7px; height:auto; width:100%; font-size:13px;
																						letter-spacing:normal; color:#FFF; border:0px solid green; text-align:left;}
											div#Container div#Menu ul#topnav li ul li a:hover {  height:auto; width:100%; font-size:13px;
																								color:#d1d1d1; background-color:transparent;cursor:pointer;}
				
				/*ul#topnav li span {
					float: left;
					padding: 3px 10px;
					position: absolute;
					left: 0; top:50px; 
					display: none;
					width: 810px;
					background: #CCCCCC;
					color: #999;
					text-align:left;
					height:10px;
					 font-family:Arial, Helvetica;
					
				}
				ul#topnav li:hover span { display: block; z-index:100; }
				ul#topnav li span a { margin:0px;display: inline;color:#9c9c9c; padding:3px; font-size:14px; letter-spacing:normal; }
				ul#topnav li span a:hover {background-color:#9d9d9d;color:#FFF; font-size:14px;}
				
				ul#topnav li ul.SubNav {
					float: left;
					padding: 3px 10px;
					position: absolute;
					left: 0; top:50px; 
					
					width: 810px;
					background: #CCCCCC;
					color: #999;
					text-align:left;
					height:auto;
					 font-family:Arial, Helvetica;
					z-index:1;
				}
				ul#topnav li:hover ul.SubNav { display: block; }
				div#Menu ul#topnav li ul.SubNav li { height:16px; }
				ul#topnav li ul.SubNav li a { margin:0px;display: inline;color:#9c9c9c; padding:3px; font-size:14px; letter-spacing:normal; }
				ul#topnav li ul.SubNav li a:hover {background-color:#9d9d9d;color:#FFF; font-size:14px;}
					*/			
/* ############################### END Header #######################################################################*/	


div#Container div#InnerContent{float:left;background-color:#FFF; }
				
		/* ############################# LEFT ########################### */					
							
div#Left { padding-top:35px; border:0px solid blue; width:163px; float:left; padding-right:27px; text-align:left;}
	div#Left div#IngressoLibero { text-align:left;margin-left:15px; float:left; border-top:2px solid #333; border-bottom:2px solid #333;
	text-transform:uppercase; padding:5px; margin-top:20px; width:153px;
					/*background:transparent url(images/backgrounds/ingressolibero.jpg) no-repeat left top;
					width:160px; padding:15px 0px 0px 10px; height:170px;*/
					}
		div#Left div#IngressoLibero p { text-align:left;color:#000; }
		
		div#Left div#IngressoLibero a { color:#cc1149; }
		div#Left div#IngressoLibero a:hover { color:#999; text-decoration:none; }
		
	div#Left ul#SecondLevel { width:100%; height:186px;
								 /*background:transparent url(images/backgrounds/sottomenu.jpg) no-repeat top left; */
								 background-color:#d2d1d1;
								 padding-left:0px; padding-top:0px; text-align:left; 
								 margin-left:15px;
								 }
			div#Left ul#SecondLevel li { list-style-type:none; 
										 padding:0px;
										 line-height:auto;margin:0px 0px 0px 0px; 
										 border-bottom:2px solid white; text-transform:uppercase;
										}
			div#Left ul#SecondLevel li.active { list-style-type:none; /*background:transparent url(images/backgrounds/list.png) no-repeat left top;*/
												text-decoration:none; color:#FFF; background-color:#000; padding:5px 0px 5px 10px; }
				
			div#Left ul#SecondLevel li a { color:#333;  padding:5px 0px 5px 10px; display:block; width:auto; font-size:14px; font-weight:bold;}
				div#Left ul#SecondLevel li a:hover { text-decoration:none; color:#FFF; background-color:#000; padding:5px 0px 5px 10px; }
				
			div#Left div#NewsletterBox { background-color:#d2d1d1; padding:20px 10px 0px 10px; margin-left:15px; text-transform:uppercase; width:143px;float:left; }
	div#Left form#FormLeft input {  border:0px; /*background:transparent url(images/backgrounds/input.png) no-repeat top left; */ padding:5px;width:133px; margin-bottom:3px; }			
	div#Left form#FormLeft input.btn { /*background:transparent url(images/backgrounds/send.jpg) no-repeat center top;*/ width:auto; 
										cursor:pointer; margin:7px 0px 20px 0px;float:right;text-transform:uppercase; padding:3px 5px; 
										
										background-color:#CC1149;color:#FFFFFF;
										}
				div#Left form#FormLeft input.btn:hover {
										color:#000;
					
				}
				
				div#Left div#Facebook { display:block; float:left; margin-left:15px; margin-top:30px; text-align:right; width:100%;text-transform:uppercase; }
		
				div#Left div#CapriEventi { background-color:#d2d1d1;margin-left:15px;float:left; width:163px; padding-bottom:10px; }
					div#Left div#CapriEventi b { padding:7px 0px 6px 10px; font-size:12px; display:block; width:auto; text-transform:uppercase; color:#FFF; 
					background-color:#abaaaa; }
				div#Left div#CapriEventi p { padding-left:10px; margin:10px 0px 0px 0px; }
				div#Left div#CapriEventi a { margin:10px 0px 10px 8px;  font-size:12px; padding:2px;}
					div#Left div#CapriEventi a:hover { background-color:#FFF; text-decoration:none; }
							
							
		/* ############################# MAIN ########################### */					
					
div#Main{ padding-top:35px; border:0px solid blue; width:594px; float:left; padding-right:32px;padding-left:14px;}							 
		div#Main h1 { /*background:transparent url(images/riga.png) no-repeat bottom left; */
					 color:#FFF; background-color:#00b7d8; text-transform:uppercase;  font-size:14px; float:right; text-align:center;
					padding:6px 25px 5px 25px;
					}									
	    
	    			/* ############ CALENDARIO ############*/
	    
	     div#Main div.DivGiorno { background-color:#ec0061;
								width:100%; height:34px; display:block; float:left;}
	    div#Main img.Giorno { margin-bottom:0px; margin-left:4px;margin-top:4px; }
		
		div#Main div.Location { background:transparent url(images/backgrounds/giorno.png) no-repeat left top; 
								height:34px; display:block; color:#FFF; font-size:12px; float:left; width:100%; padding-left:10px; padding-top:10px; }
	    div#Main h2 { font-size:11px; color:#424141; font-weight:bold; /*background:transparent url(images/riga.png) no-repeat bottom left;*/ height:20px;margin-top:10px; }
	    div#Main div.DateTime { 
					height:25px; color:#000; font-size:16px; float:left; text-align:left; clear:both;
					width:100%; padding-top:25px; font-weight:normal; font-size:12px; padding-left:3px;
					}	
					div#Main div.DateTime h2 { float:left; margin-top:0px; color:#ec0061; font-size:16px; }
													
	    			div#Main div.DateTime span { float:right;text-align:right; margin-right:5px; margin-top:3px;}	
	    			
	    			div#Main div.CalendarioText { font-size:12px;color:#424141; padding-left:3px;}
					div#Main div.CalendarioText b, div#Main div.CalendarioText strong { font-size:13px; color:#ec0061; }
	    			div#Main ul { margin-top:10px; }
	    			div#Main ul li , div#Main div.CalendarioText ul li { /*list-style-type:none; background:transparent url(images/list.jpg) no-repeat left top; */ font-size:11px; list-style-position:inside; list-style-type:disc; margin-bottom:2px;	}	
					 div#Main div.CalendarioText ul li b, div#Main div.CalendarioText ul li strong { color:#ec0061; }
					
					div#Main div.CalendarioText span.cerchiolino { display:block;width:78px; height:27px; text-align:left; padding:4px 0px 0px 9px; font-size:13px; background:transparent url(images/cerchiolino.jpg) no-repeat top left; } 		
				
				div#Main div.guest_dispari, div#Main div.guest_dispari2 { background:transparent url(images/backgrounds/guest_dispari.jpg) no-repeat top left;
											 padding:15px 10px 10px 23px; float:left; margin-left:0px; width:600px;}	
				div#Main div.guest_dispari2 { background:transparent url(images/backgrounds/guest_dispari2.jpg) no-repeat top left; }
					 		
				div#Main div.guest_pari, div#Main div.guest_pari2 { background:transparent url(images/backgrounds/guest_pari.jpg) no-repeat top left;
											 padding:38px 10px 10px 3px; float:left; margin-left:0px;width:600px;}	
				div#Main div.guest_pari2 { background:transparent url(images/backgrounds/guest_pari2.jpg) no-repeat top left; }			
							 
						div#Main div.guest_dispari img, div#Main div.guest_pari img, div#Main div.guest_dispari2 img, div#Main div.guest_pari2 img { float:left; }		
						div#Main div.guest_dispari p, div#Main div.guest_dispari2 p { float:left; margin-left:-20px;
																					margin-top:85px;
																					width:410px; }	
						div#Main div.guest_pari p, div#Main div.guest_pari2 p { float:left; margin-left:0;
																					margin-top:20px;
																					width:400px; }	
																								
	
		/* ############################# FOOTER ########################### */								
		
		div#Container div.Footer {
							/*background: transparent url('images/backgrounds/header.png') repeat-y -8px top; */
							background:none;
							height:auto;
							border:0px solid green;
							position:relative;
							padding:0px;
							display:block;
							width:100%;
							margin-top:20px;
							z-index:2;
							float:left;
						  }	
				div#BottomFooter span.loghi { margin-right:22px;}
				div.Footer a img, div.Footer a:hover img { border:0px solid #FFF; } 
				div#BottomFooter a img, div#BottomFooter a:hover img { border:0px solid #000; }
		 div#BottomFooter { width:100%; background-color:#FFF; float:left; padding-top:30px;}				  
			

/* ###################################### END CONTAINER ################################## */








	