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

body {
text-align: center;
color: #000;
font-family: Verdana, Arial, sans-serif, Geneva, Helvetica;
font-size: 12px;
margin: 0px;
padding: 0px;
}

br.clear {clear:both; line-height:0; height:0; margin:0; padding:0;}

#container {min-width: 1050px; }

/**** BANNER ****/
#banner {
background: url(../images/banner_new.jpg);
width: 840px;
height: 175px;
float: left;
font-family: Verdana, Arial, sans-serif, Geneva, Helvetica;
font-size: 8px;
}

#banner_spacer {
background: url(../images/banner_spacer_new.jpg);
max-width:100%;
height: 175px;
}

/*
#banner a{
width: 84px;
height: 134px;
text-decoration: none;
display: block;
}

#banner a:link span{
display: none;
text-decoration:none;
color: #000;
}

#banner a:visited span{
display: none;
text-decoration:none;
color: #000;
}
*/

#banner .menu_lista ul {
	list-style: none;
	display: block;
}
		
#banner .menu_lista li{
	display: block;
	font-family: Verdana, Arial, sans-serif, Geneva, Helvetica;
	font-size: 10px;
}

#banner .menu_lista li:hover {
	text-decoration: none;
	color:	#696969;
}



/* common styling */
.menu {font-family: Verdana, arial, sans-serif, Geneva, Helvetica; width: 650px; height: 175px; margin: 0px; padding: 0px; text-align: right; float: left;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; font-size:10px; font-weight: bold; text-align: right;  margin: 0px; padding: 0px;}
.menu ul {padding:0px; margin: 0px; list-style: none; text-align: right;}
.menu ul li {width:110px; height:195px; margin: 0px; padding: 0px; float: left; text-align: right;}
.menu ul li ul {display:none;}
.menu ul li ul li { max-height: 28px; width: 110px; margin: 0px; padding: 0px; text-align: right;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#9e9e9e; max-height: 174px;  width: 110px; margin: 0px; padding:0px;}
.menu ul li:hover ul {display:block; width:110px; height: 140px; margin: 0px; padding: 55px 5px 0px 0px; background:transparent url(../images/opaque.png); border:1pt solid #000;}
.menu ul li:hover ul li a {display:block; color:#000; width:110px; margin: 0px; padding: 0px;}
.menu ul li:hover ul li a:hover {color:#9e9e9e; margin: 0px; padding: 0px;}


#menu_home {
width: 178px;
height: 170px;
float: left;
}

#menu_home p{
width: 100px;
height: 170px;
position: absolute; top: 0px; left: 34px;
float: right;
display:block;
cursor: pointer;
}




#menu_faq span{
width: 40px;
height: 50px;
position: absolute; top: 0px; left: 660px;
display:block;
cursor: pointer;
}

#menu_webhouse span{
width: 80px;
height: 60px;
position: absolute; top: 0px; left: 740px;
display:block;
cursor: pointer;
}

#twitter span{
width: 18px;
height: 18px;
position: absolute; top: 25px; right: 10px;
display:block;
cursor: pointer;
}

#facebook span{
width: 18px;
height: 18px;
position: absolute; top: 5px; right: 10px;
display:block;
cursor: pointer;
}

	/* 
	filter: alpha(opacity=25); 
	-moz-opacity: 0.25; 
	opacity: 0.25; */
	/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); // for IE
	opacity:0.5; // rest all browsers 
	
	background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;
	
	div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
	div.transON {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
	div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
	div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }
	*/

#menu_borderRight {
	width: 40px;
	height: 134px;
	border: 1pt solid #fff;
	float: left;
}


.eco_teambuilding{
	width: 77px; 
	height: 55px;
	position: absolute; top: 250px; left: 150px;
	background: url(../images/eco_teambuilding.gif) no-repeat top center;
}

/****** FINE BANNER ******/

/**** FINESTRA MAIN ****/
#main {
	width: 100%;
	clear: both;
}

/***** MENU' NOVITA' *****/
#hot_spot {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0pt;
}
#hot_spot ul {
	list-style: none;
	display: block;
	margin-top: 50px;
	margin-left: 0px;
	padding: 0px;
	text-align: left;
}
		
#hot_spot li, #hot_spot li a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 43px;
	display: inline-block;
	display: block;
}

/** FINE MENU' NOVITA' **/


#main_content {
width: 770px;
min-height: 300px;
/* border: 1pt solid #000; */
padding: 18px;
margin: 0px 0px 0px 40px;
float: left;
text-align: left;
}

#main_content  .title{
	/* background-color: #9e9e9e;*/
	/*width: 500px;*/
	line-height: 30px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
	margin: 0px 0px 10px 0px;
}
#main_content .size1{
	font-size: 32px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-variant: small-caps;
}
#main_content .size2{
	font-size: 12px;
	/* color: #fff; */
	color: #9e9e9e;
	text-transform: lowercase;
}

#main_content .size3{
	font-size: 10px;
	/* color: #fff; */
	color: #9e9e9e;
	text-transform: lowercase;
}

#main_content .testo {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align: justify;
	font-size: 11px;
}

#main_content ul
{
  margin: 30px 0px 0px 0px;
  padding: 0px 15px 0px 15px;
  list-style: none;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 12px;
}

#main_content ul li
{
  line-height: 1.2em;
  margin: 0px;
  padding: 0px;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there�s a level above HTML: */

/*
* html ul li
{
	position: relative;
}
*/

#main_content ul.column { display: block; float: left; height: 100px; min-width: 120px;}
#main_content li.titolo_ul h1{ text-align: left; font-weight: bold; font-size: 14px; margin: 0px 0px 5px 0px; padding: 0px;}
#main_content li img { margin: 0px 0px 10px 0px; padding: 0px;}


/* anchor styling */
#main_content ul li a, ul li a:visited
{
  display: block;
  text-decoration: none;
  color: #000;
}
#main_content ul li a:hover
{
  color:#9e9e9e
}

/****** FINE MAIN ******/

/**** FINESTRA PROPOSTE ****/
#proposte ul, #proposte_sezione ul {
	list-style: none;
	display: inline;
	margin-left: 50px;
	text-align: left;
}
		
#proposte li, #proposte_sezione li {
	margin: auto;
	padding-right: 60px;
	display: inline;
	color: #CC0000;
	font-family: Verdana, Arial, sans-serif, Geneva, Helvetica;
	font-size: 10px;
	font-weight: bold;
}

#proposte li { background-color: #000}
#proposte_sezione li { background-color: #CCC }
/****** FINE PROPOSTE ******/


/**** CHI SIAMO HOME ****/
#chisiamo_home {
	width: 540px;
	height: 160px;
	margin: 10px 10px 0px 10px;
	float:left;
}

/**** FINE CHI SIAMO HOME ****/



/**** FINESTRA ATTIVITA' HOME****/
#scheda_contenuti {
	width: 700px;
	min-height: 280px;
	margin: 10px 10px 5px 30px;
	clear: both;
}

#scheda_contenuti .scheda_contenuti_img {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: right;
}

#scheda_contenuti .scheda_contenuti_ul {
	list-style: circle;
	display: block;
	margin: 0px;
	text-align: left;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}

#scheda_contenuti .scheda_contenuti_li {
	margin: 5px 0px 0px 0px;
	text-align: justify;
}

#sport_home {
	width: 540px;
	height: 235px;
	margin: 0px 10px 0px 10px; padding: 0px;
	float:left;
}

#background_sport {
	width: 540px;
	height: 235px;
	margin: 0px; padding: 0px;
	position: relative;
	z-index: 0;
	top: -55px;
}

#background_sport  img{
	width: 520px;
	height: 235px;
	margin: 0px; padding: 0px;
	display: block;
}

#sport_home .title_sport{
	width: 520px;
	position: relative; 
	z-index:1;
	background:transparent url(../images/opaque.png);
}

#attivita_home {
	width: 540px;
	height: 230px;
	margin: 10px 10px 0px 10px;
	float:left;
}

#attivita_home ul {
	list-style: none;
	display: inline;
	margin-left: 5px;
	text-align: left;
}
		
#attivita_home li {
	margin-right: 5px;
	display: inline;
}

.attivita_scheda a, a:visited {
	text-decoration: none;
	color: #fff;
}

.attivita_scheda a:hover {
	text-decoration: none;
	color: #000;
}

.attivita_scheda a:hover img{
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

.attivita_scheda {
	color: #000;
	text-align: center;
	float: left;
	margin-right: 5px;
}

.attivita_titolo {
	color: #000;
	text-align: center;
}

.attivita_immagine {
	width: 125px;
	height: 125px;
	border: 1pt solid #000;
	text-align: center;
}
/****** FINE ATTIVITA' HOME ******/

/**** MAPPA DEL SITO ****/
#mappa{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
#mappa.sezioni ul, #mappa.voci_1 ul, #mappa.voci_2 ul, #mappa.voci_3 ul {
	list-style: none;
	text-align: left;
}
#mappa.sezioni li, #mappa.voci_1 li, #mappa.voci_2 li, #mappa.voci_3 li {
	margin: auto;
	padding: 0px;
	display: block;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
/**** FINE MAPPA DEL SITO ****/


/**** FINESTRA FOOTER ****/
#footer {
height: 20px;
clear: both;
color: #fff;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 9px;
text-align: left;
background-color: #000;
}

#footer ul {
	list-style: none;
	display: inline;
	margin-left: 5px;
	text-align: left;
}
		
#footer li {
	line-height: 20px;
	margin: auto;
	padding-right: 25px;
	padding-left: 5px;
	display: inline;
}

#footer a, a:visited {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: none;
	color: #9e9e9e;
}
/****** FINE FOOTER ******/


/****** SCHEDA EVENTO ******/
.scheda_evento {width: 630px; height: 317px; margin: 0px 0px 10px 30px; clear: both;}
.scheda_evento h1{ 
	padding: 0px; 
	margin: 0px 0px -14px 12px;
	font-size: 32px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-variant: small-caps;
	position:relative; 
	z-index:2;
}
.contenuti {
	background: url(../images/table/scheda.gif) no-repeat top center;
	width: 590px;
	height: 317px;
	margin: 0px;
	padding: 25px 20px 0px 20px;
	position:relative; 
	z-index:1;
	/* border: 1pt solid #32d507; */
	text-align: justify;
}
.contenuti img { float: left; margin: 0px 10px 5px 0px; padding: 0px; border: 1pt solid #000;}
.testo_contenuti { margin: 25px 20px 0px 20px; padding: 0px; text-align: justify; position:relative; z-index:1; border: 1pt solid #32d507;} 
/* .span_contenuti { margin: 50px 25px 0px 25px; padding: 0px; text-align: justify; border: 1pt solid #c9c9c9; } */
/* .contenuti  span{ margin: 50px 25px 0px 25px; padding: 0px; text-align: justify; border: 1pt solid #c9c9c9; } */

#obiettivi {
	float: right;
	margin: 10px 10px 5px 10px;
	padding: 5px 15px 5px 15px;
	position:relative;
	border: 1pt solid #000;
	/* border: 1pt solid #000;  */
}
#obiettivi .titolo {
	/* display: block; */
	font-family: Verdana, Arial, sans-serif, Geneva, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

#obiettivi ul { 
	margin: 0px;
	padding: 5px 5px 5px 5px;
	list-style: circle;
}

#obiettivi li {
	/* display: block; */
	font-family: Verdana, Arial, sans-serif, Geneva, Helvetica;
	font-size: 10px;
}


#proposte_attivita {clear: both; margin: 0px; padding: 0px;}
/****** FINE SCHEDA EVENTO ******/


/******* CONTATTI ********/
#contatti {
	margin: 40px 0px 0px 0px;
	padding: 0px;
}

#contatti img {
	border: 1pt solid #000;
	float: left;
	width: 300px;
	height: 200px;
	margin: 5px 5px 30px 5px;
}

#contatti_testo {
	width: 300px;
	height: 200px;
	margin: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align: justify;
	border-left: 3pt solid #000;
	/* color: #FFF;
	background-color: #000; */
	font-size: 11px;
	float: left;
}
#contatti_testo .title1 { font-size: 13px; font-weight: bold;}
#contatti_testo .title2 { font-size: 11px; font-weight: bold;}

#contatti_testo a, a:visited {
	text-decoration: none;
	color: #000;
}
#contatti_testo a:hover {
	text-decoration: none;
	color: #9e9e9e;
}

#contatti_form	 {
	/* margin-top: 40px; */
	clear: both;
}

#contatti_form  label{
	font-size: 12px;
}

#contatti_form  .text_box{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #f8f5ec;
	border: 1px solid #000
}

#contatti_form  select{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #f8f5ec;
	border: 1px solid #000
}

fieldset
{
border: 1px solid #000;
width: 500px;
}

legend
{
color: #fff;
background: #000;
border: 1px solid #000;
padding: 2px 6px
} 

#contatti_form a, a:visited {
	font-size: 8px;
	text-decoration: none;
	color: #000;
}
#contatti_form a:hover {
	font-size: 8px;
	text-decoration: none;
	color: #9e9e9e;
}

#contatti_table {width: 500px;}

/******* FINE CONTATTI ********/