@charset "utf-8";


/* Basic 
-----------------------------------------------------------*/

body {
	margin:0 auto;
	background-color: #405D95;
	font-family:"arial", verdana, serif;
	text-align:justify;
}
	
a {
	color:#69C;
	font-weight:bold;
	text-decoration:none;
}
	
a:hover {
	color:#66C;
}


h1 {
	font-size:20px;
	margin:0px 0px 6px 0px;
	color: #666666;
}

h1 a {
	display:block;
}

	
h2 {
	font-size:14px;
	margin:4px 0px 0px 0px;
	color: #DFDFDF;
	font-weight:normal;
}
	
h3 {margin:0px 0px 0px 0px;
	color: #786257;
	font-size:16px;
	line-height:24px;
	font-weight:normal;}

h4 {
	font-size:24px;
	margin:0px 0px 8px 0px;
	color: #666666;
	border-bottom:#999 2px solid;
}

p {
	margin:0px 0px 0px 0px;
	color: #786257;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	}
	

ol {
	margin:10px 0px 10px 0px;
	color: #786257;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	}

ul {
	margin:10px 0px 10px 0px;
	color: #786257;
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	}

img { border:none }
	
a img:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

/* DIV 
-----------------------------------------------------------*/


#main {
	margin:0 auto;
	float:left;
	width:100%;}

#pagecontainer {
	background: url("../images/") no-repeat right bottom;
	margin:0;
	float:left;
	width:100%;
	background-color: #FFFFFF;
	text-align:center;}
	
#page {
	margin:auto;
  	width:920px;
}

#pagecorsi {
	margin:auto;
  	width:700px;
}

#header {
	margin:0px;
	float:left;
	width:100%;
	height:100px;
	text-align:center;
	background: url("../images/bg_header.jpg") repeat-x left top;
}
	
#menubar {
	background: url("../images/bg_menubar.gif") repeat-x left bottom;
	margin: 0;
	float:left;
	width:100%;
	height:40px;
	text-align:center;
	border-top: 1px solid #0c4c82;
	border-bottom: 1px solid #0c4c82;
}	
	

#sidemenu {
	float:left;
  	display: table-cell; 
	width:150px;
	text-align:left;
}

#container {
	float:left;
  	display: table-cell;
	margin: 0 0 30px 20px;
	width:750px;
	text-align:left;
}

#container1 {
	float:left;
  	display: table-cell;
	margin: 0 0 30px 0;
	width:920px;
	text-align:left;
}


#news_wrap {
	float:left;
	display: table-cell;
	margin:0 0 0 20px;
	text-align: left;
	background: url("../images/bar.jpg") no-repeat right top;
}

#news_wrap h2 {
	font-weight:bold;
	margin:9px;
}

#news {
	float:left;
	display: table-cell;
	margin:0;
	text-align: left;
	width:360px;
	height:360px;
	overflow-x: hidden; 
	overflow-y: visible;
	border-bottom: 1px solid #666;
	background: url("../images/bg_news.jpg") no-repeat right top;
}


#areas {
	float:left;
  	display: table-row; 
	margin:0 0 0 15px;
	width:375px;
}

#categorie {
	float:left;
  	display: table-row; 
	margin:0 0 15px 20px;
	width:750px;
}

.banner {
	/*background:url(../images/banner/camponatura.jpg) no-repeat center;*/
	float:left;
	display: table-cell;
	margin:15px 0 0 20px;
	text-align: left;
	width:750px;
}


#adverts {
	float:left;
	display: table-cell;
	margin:0 0 30px 0;
	text-align: left;
	width:100%;
}

#footer {
	background: #333333;
	margin: 0;
	float:left;
	width:100%;
	text-align:center;
	padding:10px 0 20px 0;
	font-size:11px;
	color:#666;}
	
#footer	a {
	font-size:10px;
	color:#666;
	line-height:20px;
	font-weight:normal;
}

	

/* Classes 
-----------------------------------------------------------*/

.frame {
	color: #333333;
	border: 1px solid;
}

.mainfull {	
	float:left;
  	display: table-cell;
	margin:30px 0 20px 0;
	padding:5px 10px 15px 10px;
	text-align:left;
	width:900px;
	border-bottom: 6px solid #999;
}


.mainframe{
	float:left;
  	display: table-cell;
	margin:10px 0 0 0;
	text-align:center;
	width:918px;
	border: 1px solid #CCC;
}

.wrap_adverts {
	float:left;
	margin:15px 0 0 20px;
	text-align: left;
}

.corsi_main {
	float:left;
  	display: table-cell;
	margin:90px 0 80px 17px;
	padding:5px 10px 5px 10px;
	text-align:justify;
	width:480px;
}

.corsi_side {
	float:left;
  	display: table-cell;
	margin:90px 0 80px 0;
	width:182px;
	text-align:left;
}

.devider {
	float:left;
  	display: table-cell; 
	margin:0px;
	width:100%;
	height:25px;
}


.devidersolid {
	float:left;
  	display: table-cell; 
	width:100%;
	height:30px;
	background: url(../images/bar.jpg) no-repeat bottom right;
	margin:15px 0 15px 0;
}

.row {
	float:left;
  	display: table-row; 
	margin:15px 0 0 20px;
	width:750px;
}


.image {
	float:left;
  	display: table-cell;
	margin:0 7px 0 0;
	width:182px;
}

.image_right {
	float:left;
  	display: table-cell;
	margin:0;
	width:182px;
}

.cell_main_pix {
	float:left;
  	display: table-cell; 
	margin:0px 0px 2px 0px;
	width:180px;
	border:1px solid #CCCCCC;
}

.cell_main_txt {
	background: url(../images/main_txt.jpg) no-repeat center bottom;
	float:left;
  	display: table-cell; 
	margin:0px 0px 10px 0px;
	padding:6px;
	width:170px;
	height:50px;
	text-align:center;
	border-top: 1px solid #EBEBEB;
}


.cell_main_devider {
	float:left;
  	display: table-cell; 
	margin:0px;
	width:7px;
	height:60px;
}


.devider_vertical {
	float:left;
  	display: table-cell; 
	margin:0px;
	width:11px;
	height:80px;
}

.cell_special {
	float:left;
  	display: table-cell; 
	margin:10px 0px 10px 0px;
	width:540px;
	border:1px solid #CCCCCC;
}

.cell_dashed_special {
	float:left;
  	display: table-cell; 
	margin:10px 0px 10px 15px;
	padding-left:10px;
	width:350px;
	text-align:left;
	border-left:1px dashed #CCCCCC;
	border-right:1px dashed #CCCCCC;
}

.subscribe {
	float:left;
	display: table-cell;
	margin:0px;
	font-family:"arial", verdana, serif;
	text-align: left;
	width:150px;
	height:192px;
	font-size: 11px;
	color: #786257;
	line-height:18px;
	/*border: #CCC 1px solid;*/
}

.flags {
	float:left;
	height:36px;
	width:100%;
	margin:0;
	text-align:right;
	}

/* Main Menu
----------------------------------------------------------- */


#Menu {margin:13px 0px 0px 0px;
		font-size:14px;
		}

#Menu ul {
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
/*margin:  0 5px 0;  Just some margin to align the blue border below the menu */
 }

#Menu li {
 display: inline; /* Menu links are horizontally aligned using display: inline */
 font-family:"Arial", Helvetica, sans-serif;
 font-size:12px;
 }
 
#Menu li a {
	padding: 15px 20px 11px 20px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	color: #DFDFDF; /* background: url(../images/#) no-repeat left top;  Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
 }
 
#Menu li a:hover {
 color:#FFFFFF;
 background: url(../images/bg_menubar_over.gif) repeat-x left top;
 border-left: 2px solid #0c4c82;
 border-right: 2px solid #0c4c82;
 padding: 15px 18px 11px 18px;
 }


/* Menu Vertical
----------------------------------------------------------- */

.menuvert {
	float:left;
	margin:0px;
	padding-left:0px;
	padding-bottom:10px;
	width:100%;
	}

.menuvert ul {
	text-align: left;
}

.menuvert li {
	list-style:none;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	margin:0 0 4px 0;

}

.menuvert li a {
	display: block;
	text-align:left;
	background: url("../images/button.jpg") no-repeat left top;
	padding: 6px 0px 5px 15px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	margin-bottom:2px;
	color:#DFDFDF;
	font-weight:normal;
	
}

.menuvert a:hover {
	background: url("../images/button_over.jpg") no-repeat left top;
	color:#666;
}


.menucorsi {
	float:left;
	margin:15px 0 0 0;
	padding-left:0px;
	width:100%;
	border-bottom:#999 1px dashed;
	}

/* Menu Corsi
----------------------------------------------------------- */

.menucorsi ul {
	text-align: left;
}

.menucorsi li {
	list-style: none;
	font-size:12px;
	color:#666666;
	font-weight:bold;
}

.menucorsi li a {
	background: url("../images/arrow.gif") no-repeat left center;
	display: block;
	padding: 7px 0px 7px 25px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	margin-bottom:2px;
	color:#666;
	font-weight:normal;
	border-top:#999 1px dashed;
	
}

.menucorsi a:hover {
	background: url("../images/arrow_over.gif") no-repeat left center;
}

.menucorsi p {
	padding: 7px 0px 9px 0px;
	font-weight:bold;
	color:#666;
}

/* Menu PDF
----------------------------------------------------------- */

.PDF {
	float:left;
	margin:20px 0 20px 0;
	padding:0;
	width:100%;
	}

.PDF ul {
	text-align: left;
}

.PDF li {
	display:block;
	list-style:none;
	background:url("../images/PDF.png") no-repeat left bottom;
	padding:30px 0 0 50px;
}

/* 
.PDF li a { }
.PDF a:hover {background: url("../images/") no-repeat left top;} 
*/


/* Table */

.table
{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:13px;
	color:#786257;
}
.table ul
{
	float:left;
	margin:0;
	padding:0;
	border:1px solid #C9C9C9;
}
.table ul li {
	list-style:none;
	padding:5px 0 4px 10px;
	background:#405D95;
}

.table ul li.full {
	font-weight:bold;
	color:#fff;
	width:738px;
}

.table ul li.attivita {
	font-weight:bold;
	color:#fff;
	width: 200px;
}

.table ul li.livello {
	font-weight:bold;
	color:#fff;
	width: 90px;
}

.table ul li.orario {
	font-weight:bold;
	color:#fff;
	width: 250px;
}

.table ul li.istruttore {
	font-weight:bold;
	color:#fff;
	width: 160px;
	padding:5px 0 4px 5px;
}

.table ul li.cell {
	background-color:#fff;
	height:20px;
	border-bottom:1PX solid #C9C9C9; 
}


.table ul li.sponsor {
	font-weight:bold;
	color:#fff;
	width: 445px;
}

.table ul li.sponsor_images {
	font-weight:bold;
	color:#fff;
	width:280px;
}

.table ul li.evensponsor {
	background-color:#fff;
	height:100px;

}

.table ul li.oddsponsor {
	background-color:#EEE;
	height:100px;
}

/* SLIDER 
----------------------------------------------------------------- */

#slider_wrap {
	float:left;
	background: #fff;
	margin:15px 0 0 20px;
    width: 750px;
	height:360px;
	overflow:hidden;
	/*border-top: 5px solid #000;*/
	}

#slides {
	margin: 0;
    width: 750px;
	/*border: 1px solid #000;*/
	}

#slides p {
	margin:0;
	padding: 0 1em;
	font-size:20px;
	position: relative;
	top:-50px;
	line-height:50px;
	height:50px;
	background:black;
	opacity:.7;
	filter:alpha(opacity=70);
	color:#FFF;
	text-align:center;
}

.hidden { display: none; }

#prev_btn a img {
	float: left;
	display: block;
	background: transparent url(../images/prev_btn.png) no-repeat;
	margin: 175px 0 0 0;
	width: 20px;
	height: 40px;
	position: absolute;
	clear: both;
	z-index: 9;
	overflow: hidden;
	}


#next_btn a img {
	float: right;
	display: block;
	background: transparent url(../images/next_btn.png) no-repeat;
	margin: 175px 0 0 730px;
	width: 20px;
	height: 40px;
	position: absolute;
	clear: both;
	z-index: 9;
	overflow: hidden;
	}

#next_btn a:hover img, #prev_btn a:hover img {
	background-position: -20px 0;
	}