@charset "utf-8";
/* CSS Document */

img {
border:none;
}

body{ 

font-size:16px; 
margin:0; 
padding:0;
background-color:#c8e8e5 ;
}
#header{
background: url(../immagini/header_etnie.gif) no-repeat;
background-color:#f89938;
height:150px;
border-bottom:#f76e31 solid 3px;
}


/*---CARATTERI---*/
h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#b8d433; margin:0;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#b8d433; font-weight:normal; margin:0;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#7f8584;  margin:0;}
h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#7f8584;  margin:0;}
h5 {font-family:"trebuchet MS"; font-size:14px; color:#7f8584;  margin:0;}
h6 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#f89520; margin:0;}
p {font-family: "trebuchet MS"; font-size:14px; color:#7f8584 }

/*----------*/

.riga {
width:100%;
height:1px;
border-bottom:2px dotted #b8d433; 
background: url(../immagini/blank.gif) repeat-x;
margin-top: 10px;
}

/*---LOGO---*/

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#logo a:link, 
#logo a:visited, 
#logo a:hover {
	text-decoration: none;
}

#logo{
	position: absolute;
	top: 0;
	background:url(../immagini/logoetnie.png);
	width:251px;
	height:129px;
}

/*---------*/


/*---NAVIGAZIONE---*/

#nav {
	float: left;
	position: relative;
	width: 510px;
	height:98px;
	font-weight: bold;
	font-size: 110%;
	margin-left:300px;
	margin-top:30px;
	border-bottom:1px solid #c8e8e5;
	border-top:1px solid #c8e8e5;

}

#nav ul {
	list-style: none;
}

#nav li {
	position: absolute;
	background: url(../immagini/asterisco.gif) no-repeat 0 50%;
	left: 29px;
	top: 40px;
}

#nav #corsi {
left:10px;
top:7px;
}
#nav #orari {
left:10px;
top:40px;
}
#nav #quando {
left:10px;
top:73px;
}
#nav #costi {
left:195px;
top:7px;
}
#nav #prenotazioni {
left:195px;
top:40px;
}
#nav #riduzioni {
left:195px;
top:73px;
}
#nav #regolamento {
left:362px;
top:7px;
}
#nav #eventi {
left:362px;
top:40px;
}
#nav #contatti {
left:362px;
top:73px;
}

#nav a {
	display:block;
	padding-left: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

#nav a:link, #nav a:visited { 
	color: #fff; 
	text-decoration: none;
	background: url(../immagini/asterisco.gif) no-repeat 0 50%;
}

#nav a:hover { 
	color: #c8e8e5; 
	text-decoration: none;
	background: url(../immagini/asterisco.gif) no-repeat 0 50%;
}

/*---------*/


/*---CORPO CENTRALE---*/

#center { 
background-color:#c8e8e5; 
min-height:650px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:650px; /* for IE5.x and IE6 */
}

/**********/


	/**Home**/
		#content {
		width:942px;
		height:355px;
		margin:0 auto;
		padding: 18px 0 18px 0;
		}
		
		div .boxsinistra {
		float: left;
		height:322px;
		width:438px;
		padding:12px;
		border:12px solid #f5fbfa;
		background-color:#e8f5f4;
		margin-right: 20px;
		}
		div .boxsinistra p {
		margin:0px;
		}
		
		div .boxsinistra a {
		font-family: "trebuchet MS";
		font-size:14px; 
		color:#b8d433;
		text-decoration:none;
		}
		
		div .boxsinistra a:hover {
		border-bottom: 1px dotted #b8d433;
		}
		
		div .boxdestra {
		float: left;
		width:400px;
		height:334px;
		border:18px solid #f5fbfa;
		background-color:#e8f5f4;
		}
		
		div .grande {
		width:876px;
		height:auto;
		border:18px solid #f5fbfa;
		background-color:#e8f5f4;
		margin:0 auto;
		margin-top:10px;
		margin-bottom:20px;
		padding:0 15px 15px 15px;
		}
		
		div .grande p a{
		
		text-decoration:none;
		color:#f89520;
		}
		
		#articoli {
		height:85%;
		width:100%;
		position:relative;
		margin:0 auto;
		}
		
		#articoli ul {
		list-style:none;
		}
		
		#articoli li {
		position:absolute;
		width:auto;
		white-space:nowrap;
		}
		
		#yahoo {
		top:16px;
		left:20px;
		}
		
		#yahootxt {
		top:16px;
		left:220px;
		}
		
		#radio2 {
		left:20px;
		top:100px;
		}
		
		#radio2txt {
		left:220px;
		top:100px;
		}
		
		#rep {
		left:20px;
		top:190px;
		}
		
		#reptxt {
		left:220px;
		top:190px;
		}
	/***********/
		
	/***Corsi***/
	
		
		#titcorsi {
		background:url(../immagini/tit_corsi.gif);
		width:424px;
		height:75px;
		margin:0 auto;
		margin-bottom:30px;
		}
		
		.tabellacorsi {
		margin-bottom:30px;
		}
		.tabellacorsi td {
		padding-top:8px;
		width:50%;
		border-bottom: #7f8584 1px dashed;
		
		}
		
		.tabellacorsi h1 a{
		text-decoration:none;
		color:#b8d433;
		background-color:#c8e8e5;
		display:block;
		}
		
		.tabellacorsi a:hover{
		background-color:#f5fbfa;
		display:block;
		}
		
		.tabellacorsi h4 a{
		text-decoration:none;
		color:#b8d433;
		background-color:#c8e8e5;
		display:block;
		}
		
		.tabellacorsi p a{
		
		text-decoration:none;
		color:#f89520;
		}
		

		
		div .livellicorsi {
		background:#c8e8e5;
		border-right:#7f8584 1px dashed;
		border-left: #7f8584 1px dashed;
		}
		
		
		
	/********/
	
	/***orari***/ 
	
	#titorari {
	background: url(../immagini/oraritit.gif);
	width:456px;
	height:128px;
	margin:0 auto;
	margin-bottom:15px;
	margin-top:30px;
	}
	
	div .vuoto {
		background:transparent;
		width:876px;
		height:auto;
		margin:0 auto;
		margin-bottom:20px;
		border:1px dotted #7f8584;
		padding:0 15px 0 15px;
	}
	
	.lezioni td {
	padding: 10px 0 10px 0;
	}
	
	.lezioni ul{
		list-style:none;
	}
	
	.lezioni li{
	list-style-image:url(../immagini/freccia.png);
	font-family: "trebuchet MS"; font-size:14px; color:#7f8584
	}
		
/********/

		/***QUANDO E DOVE***/
		
		#titquando {
		background: url(../immagini/tit_quando.gif);
		width:444px;
		height:77px;
		margin: 0 auto;
		margin-top:20px;
		margin-bottom: 30px;
		}
		
		#qdfuori {
			background:transparent;
			position:relative;
			width:916px;
			height:auto;
			height:auto;
			padding:40px;
			margin:0 auto;
			}
			
		#fumetto{
		position:absolute;
		top:0;
		left:0;
		width:95px;
		height:115px;
		background: url(../immagini/fumetto.png)
		}
		


/***************/
		
		/***COSTI***/
		
		#titolocosti {
			background: url(../immagini/tit_costi.gif);
			width:482px;
			height:136px;
			margin:0 auto;
			margin-top:30px;
		}
		
		#euro {
		position:absolute;
		background:url(../immagini/euro.png);
		width:117px;
		height:127px;
		left:270px;
		}
			
		.alloggio {
		width:870px;
		height:500px;
		background:url(../immagini/palmecosti.png) no-repeat;
		background-position:bottom;
		}
		
		.alloggio td {
		 width:145px;
		 height:100px;
		 border-bottom:1px dashed #7f8584
		 }
	/********************/
		
		/***RIDUZIONI***/
		
			#tit_rid {
				background:url(../immagini/tit_rid.gif);
				width:443px;
				height:113px;
				margin:0 auto;
				margin-top:30px;
				}
		/***************/
		
	/****REGOLAMENTO**/
		
		
		#tit_regolamento {
		background:url(../immagini/tit_reg.gif);
		width:568px;
		height:112px;
		margin:0 auto;
		margin-top:30px;
		}
		
		ol { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#f89520;}
		
		
		/***CONTATTI***/
		#tit_contatti {
		background: url(../immagini/tit_contatti.gif);
		width:434px;
		height:131px;
		margin:0 auto;
		margin-top:30px;
		}
		
		/***prenotazioni***/
				#tit_prenotazioni {
		background: url(../immagini/tit_prenotazioni.gif);
		width:434px;
		height:131px;
		margin:0 auto;
		margin-top:30px;
		}
		
		#mappa {
		position:absolute;
		top:30px;
		right:30px;
		width:191px;
		height:155px;
		
		}
		
		.grande2 {
		position:relative;
		width:876px;
		height:auto;
		border:18px solid #f5fbfa;
		background-color:#e8f5f4;
		margin:0 auto;
		margin-top:10px;
		margin-bottom:20px;
		padding:0 15px 15px 15px;
		}
		.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#A5C539;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-60px;
left:-410px; /*position where enlarged image should offset horizontally */

}
		
/*---FOOTER---*/

#footer {
background: url(../immagini/bgfoot.gif);
text-align:center; 
clear:both;
background-color:#b6d234;
height:100px;
color:#dde59c;
}

#footer a {
color:#dde59c;
font-family:"trebuchet MS";
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#footer a:hover{
border-bottom:1px dotted #dde59c;
}

#footer ul {
padding-top:10px;
list-style: none;
}

#footer li {
	
	display: inline;
	margin-right: 6px;
	
}

#footer .submenu {
	margin:0 auto;
	width:100%;
}

#footer .copyright {
color:#dde59c;
font-family:"trebuchet MS";
font-weight:bold;
font-size:12px;
margin-top:20px;
}

/*-------*/



/* clearing method */

.clearFix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

div.clear {
	clear: both;
}


/*codici*/

img, div {
         behavior: url(iepngfix.htc); 
}

.count {
padding-top:5px;
background: url(../immagini/countdown.gif) no-repeat;
width:100%;
height:34px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align:center;
font-size:20px;
color:#FFFFFF;
border:0;
}




#contcount{
position:absolute;
right:0;
height:34px;
width:240px;;
margin-right:10px;
margin-top:70px;
}

