@charset "iso-8859-1";	   
/*@import "flavors/default/spgm_style.css";*/
/*

	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze

*/

/* This controls the width of the fluid width layouts */

div.fluid {width: 95% !important;}

/* This controls the width of the fixed width layouts 

div.fixed {	width: 950px !important; }*/ 

/* Basic Stuff */
* {margin: 0em;padding: 0em;}

body {/*background-color: #ffffff;*/color: #333333;font-size: 8pt;font-family: verdana,"trebuchet ms", helvetica, sans-serif;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;letter-spacing: 1px;text-transform: lowercase;}

h3,h4,h5,h6	{color: #184366;}

h1 span	{font-weight: bold;}
h2 span	{font-weight: bold;}
h3 span	{font-weight: bold;/*font-size: 1.2em;*/}
h4 span	{font-weight: bold;/*font-size: 1.1em;*/}
h5 span	{font-weight: bold;/*font-size: 1.0em;*/}

br.clear {clear: both;}

img	{padding: 3px;border: solid 1px #E1E1E1;}

img.floatTL {float: left;margin-right: 1.5em;margin-bottom: 1.5em;margin-top: 0.5em;}
img.floatlogo {float: left;border: none;}

img.foto {float: inherit; margin:0 auto 0 0.8em; padding:1em}
a {text-decoration: underline;color: #990000;}
a:hover	{text-decoration: none;color: #184366;}

ul.links {list-style: none;}
ul.links li{margin:0;padding:0;line-height: 1.8em;}
ul.links li.active a {text-decoration: none;color: #184366;border-bottom:1px #CCCCCC}

p {line-height: 1.3em;}	

 
 /* Header */
#header	{width:100%;height:110px;background:url('../images/banner_sf.jpg') repeat-x;}
#header_inner {position: relative;width: 950px;height:110px;margin: 0 auto;background: url('../images/banner.jpg') no-repeat;}
#header_inner img  {margin:0;}
 /* Logo 
#logo {position: absolute;}

#logo h1 {display: inline;color: #ffffff;font-size: 3.2em;}
#logo h2 {display: inline;padding-left: 1em;color: #D2DCE5;font-size: 1.4em;}*/

/* Menu */
#menu {position: absolute;right: 0em;bottom: 0em;}
#menu ul {list-style: none;}
#menu li {float: left;}
#menu li a {
margin-left: 0.5em;
display: block;
padding: 0.8em 1.2em 0.4em 1.2em;
background: #ffffff url('../images/n4.gif') repeat-x;
border: solid 1px #ffffff;
color: #616161;
font-family:"trebuchet ms";
font-weight: bold; 
font-size: 1em;
text-transform: lowercase;
text-decoration: none;
line-height: 1em;
text-align:center;
}
 
#menu li a:hover {background: #FF790B url('../images/n3.gif') repeat-x; color:#ffffff; border: solid 1px #DB7623;}
#menu li a.active {background: #FF790B url('../images/n3.gif') repeat-x;color: #ffffff;border: solid 1px #DB7623;}

/* Main */
#main {background: transparent url('../images/n2.gif') 0px 1px repeat-x}

#main_inner	{position: relative;width: 950px;margin: 0 auto 0 2em;padding-top: 2.1em;}

#main_inner h3,h4 {border-bottom: dotted 1px #CCCCCC;position: relative;}
#main_inner h3 {font-size: 1.3em;padding-bottom: 0.2em;margin-bottom: 0.8em;}
#main_inner h4 {font-size: 1.1em;padding-bottom: 0.2em;margin-bottom: 0.8em;margin-top: 0.8em;  }
#main_inner h5 {font-size: 1em;padding-bottom: 0.2em;margin-bottom: 0.8em;margin-top: 0.8em;  }
#main_inner h4.news	{border-bottom: none;}

#main_inner p {text-align: justify;margin-bottom: 0.5em;}

#main_inner ul {margin-bottom: 1.5em;list-style: none;}


#main_inner .title {border-bottom: dotted 1px #CCCCCC;}
#main_inner .title h3 {display: inline;	border-bottom: none;}
#main_inner .title h4 {display: inline;	padding-left: 0.5em;border-bottom: none;}					 
	
#main_inner .statuto h1	{border-bottom: dotted 1px #CCCCCC;	font-size:2em;margin-bottom: 0em;color: #184366;}
#main_inner .statuto h2	{font-size:1.6em;margin-bottom: 0em;color: #184366;}
#main_inner .statuto h3	{font-size:1.1em;border-bottom: none;margin-bottom:0.3em }
#main_inner .statuto h4	{font-size:1.3em;border-bottom: none;text-transform:uppercase;text-align:center;margin-bottom:0.3em;margin-top:0.8em}
#main_inner .statuto h5	{font-size:1.1em;border-bottom: none;text-align:center;margin-bottom:0.3em;	margin-top:0.8em}
#main_inner .statuto p	{margin-bottom: 0.2em;text-align:justify;line-height:1.2em}	
	
		
/* Footer */
#footer	 
{
width: 950px;
margin: 0 auto;
text-align: center;
clear: both;
border-top: dotted 1px #666666;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-top: 1.0em;
text-transform: lowercase;
}

/* Search */
#search	{position: relative;width: 100%;margin-bottom: 2.0em;}
#search input.text {position: absolute;top: 0em;left: 0em;width: 8em;}
#search input.button {position: absolute;top: 0em;right: 0em;min-width: 2.0em;max-width: 3.8em;cursor: pointer} 

input.button {background: #FF790B url('../images/n3.gif') repeat-x;color: #fff;border: solid 1px #DB7623;font-weight: bold;text-transform: lowercase;font-size: 0.8em;height: 2.0em;}
input.text	 {border: solid 1px #CCCCCC;font-size: 1.0em;padding: 0.25em 0.25em 0.25em 0.25em;}
input.password	 {border: solid 1px #CCCCCC;font-size: 1.0em;padding: 0.25em 0.25em 0.25em 0.25em;}

#trova	{position: relative;width: 100%;margin-bottom: 2.0em;margin-top:1.0em}
#trova input.text {width:10em;}
#trova input.button {width: 4.5em;} 

input.gara	 { border: solid 1px #CCCCCC;font-size: 1.1em;padding: 0.25em 0.25em 0.25em 0.25em;}

/* LAYOUT - 3 COLUMNS */

/* Primary content */
#primaryContent_3columns {position: relative;margin-right: 34em;}
#columnA_3columns {position: relative;float: left;width: 100%;margin-right: -34em;padding-right: 2em}
		
/* Secondary Content */
#secondaryContent_3columns {float: right;}
#columnB_3columns  {background: url('../images/ruota.gif') no-repeat;width: 13.0em;float: left;padding: 0em 2em 0.5em 2em;border-left: dotted 1px #CCCCCC;}
/*#columnB_3columns h4.grande	{margin-top: 1em;font-size: 1.3em;margin-bottom: 0}	*/
#columnC_3columns {width: 13.0em;float: left;padding: 0em 0em 0.5em 2em;border-left: dotted 1px #CCCCCC;}

/* LAYOUT - 2 COLUMNS */

/* Primary content */
#primaryContent_2columns {position: relative;margin-right: 17em;}
#columnA_2columns {position: relative;float: left;width: 100%;margin-right: -17em;padding-right: 2em;}
#columnA_2columns h4.plus {font-size: 1.5em;}
/*#columnA_2columns h5.socio {font-size: 1.2em;text-transform:uppercase;color:#336699;font-weight: bold;} */
#columnA_2columns h6.socio {display:inline;font-size: 1.0em;text-transform:uppercase;color:#336699;font-weight: bold;}
	
/* Secondary Content */
#secondaryContent_2columns {float: right;}
#columnC_2columns {width: 13.0em;float: left;padding: 0em 0em 0.5em 2em;border-left: dotted 1px #CCCCCC;}

/* BOX (in evidenza) la posizione ed i bordi  */		
.box {position: relative;border: dashed 1px #dadada;margin-top: 0px;margin-bottom: 0em;}

/* bordi del contenuto del box (in evidenza)*/	
.box_inner	{border: solid 1px #ffffff;padding: 15px;background: #FFFFE9 url('../images/a4.gif') repeat-x;color: inherit;}

.box_inner_2	{border: solid 1px #ffffff;padding: 15px;background: #FFFFE9 url('../images/a5.gif') repeat-x;color: inherit;}
/*Titolo principale del box (in evidenza)*/	

.box div.box_inner h1 {background: inherit;text-transform: lowercase;font-weight: normal;font-size: 1.4em;margin-bottom: 10px;}

.box div.box_inner_2 h1 {background: inherit;text-transform: lowercase;font-weight: normal;font-size: 1.4em;margin-bottom: 10px;}
/*Titolo secondario del box (in evidenza)*/	

.box div.box_inner h2 {text-transform: lowercase;font-weight: normal;font-size: 1.3em;margin-bottom: 10px;border: none;}
.box div.box_inner_2 h2 {text-transform: lowercase;font-weight: normal;font-size: 1.3em;margin-bottom: 10px;border: none;} 

/*Testo del box (in evidenza)*/	
.box div.box_inner p {font-size: 1.0em;line-height: 16px;margin: 0px;}
.box div.box_inner_2 p {font-size: 1.0em;line-height: 16px;margin: 0px;}
/*Eventuale lista del box (in evidenza)
#main_inner .box_inner ul {list-style: none;font-size: 11px;line-height: 16px;margin: 0px;}*/	

/*Posizione immagine del box in evidenza)*/	
.captioned_image {position: relative;padding-bottom: 15px;float: left;margin-right: 17px;}
.captioned_image div {position: absolute;font-size: 9px;bottom: 0px;left: 0px;}


#elenco li {margin: 0; padding: 2px 2px;display: inline;list-style-image: none;}   

/*CLASSI VARIE*/	
.bold {font-weight: bold;}
.center	{text-align: center;}
.atleta	 {font-weight: bold;color:#990000}
.anno {display: inline;}  
.annoactive	{text-decoration: none;color: #184366;font-weight: bold;border-bottom:1px #CCCCCC;}  
.socio {font-size: 1.2em;text-transform:uppercase;color:#336699;font-weight: bold;}
.bold_it {font-size: 1.2em;font-weight: bold;color: #000033;}

/*TABELLE */	
/*MEDIAGROOVE*/	
table.mediagroove  {
	width: 750px;
	border-collapse:collapse;
	border:1px solid #FFCA5E;
}
caption.mediagroove  {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background: url('../images/bg_caption.jpg') right top;
	height: 45px;
	color: #FFAA00;
}
thead th.mediagroove  {
	background: url('../images/bg_th.jpg') no-repeat right;
	height: 47px;
	width: 105px;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0px 5px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #FCF1D4;
}
tbody tr.mediagroove  {
background: url('../images/bg_td1.jpg') repeat-x top;
}
tbody tr.odd.mediagroove  {
	background: #FFF8E8 url('../images/bg_td2.jpg') repeat-x;
}

tbody th,td.mediagroove  {
	font-size: 1.1em;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #232323;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: left;
}
a.mediagroove {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}
a:hover.mediagroove  {
	color: #F8A704;
	text-decoration: underline;
}
tfoot th.mediagroove {
	background: url('../images/bg_total.jpg') repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}
tfoot td.mediagroove {
	background: url('../images/bg_total.jpg') repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}
/* end	tabella gare*/

#gare th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #394D52;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	background: #CAE8EA ;
}		

#gare td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;	padding: 6px 6px 6px 12px;color: #333366;}
#gare tr.ct {background: #CCFFCC;font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#gare tr.tb {background: #E7ECEC;font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}	 
#gare tr.cv {background: #ffffff;font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#gare tr.ore {background: #FFFFCC;font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

.coppa th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 2px solid #333366;
	border-bottom: 2px solid #333366;
	border-top: 1px solid #333366;
	border-left: 1px solid #333366;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 4px 4px 4px 6px;
	background: #336699 ;
}		

.coppa td {border-right: 1px solid #003366;	border-bottom: 1px solid #003366; padding: 2px 2px 2px 4px;	color: #333366;}

.td_form {padding: 4px 0px}		

.titolo {color:#CC0033; font-size:1.1em;border-bottom: none;text-align:left ;margin-bottom:0.3em;	margin-top:0.8em}
	  

a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	/*width: 100px;*/
	border-style: solid;
	border-color: #444444;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #999966;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}

table.sortable tr.odd td {
	background-color: #FFFFCC;
}							
table.sortable tr.even td {
	background-color: #ffffff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444444;
	background-color: #ccc;
	font-weight: bold;
}


#box
{
    filter: alpha(opacity=60);
	background-color: #EEEEEE;
    width: 130px;
    height: 110px;
    padding: 5px;
    border: Solid 1px #CCCCCC;
}
#box1
{
    filter: alpha(opacity=75);
	background-color: #EEEEEE;
    width: 145px;
    height: 40px;
    padding: 1px;
    border: Solid 1px #CCCCCC;
}
#box2
{
    filter: alpha(opacity=75);
	background-color: #EEEEEE;
    width: 145px;
    height: 70px;
    padding: 1px;
    border: Solid 1px #CCCCCC;
}
div.iframe {
	float:left;
	padding:0 9px 9px 0;
    	}
div.imgcontainer {
	float:left;
	padding:0 9px 9px 0;
    background: url('../cicloturismo/images/itinerari/dropshadow.jpg') no-repeat bottom right;
	}
div.imgcontainer img {
	display:block;
    position:relative;
	top: -1px;left:-1px;
    border:1px solid #ccc; 
	border-color: #ccc #666 #666 #ccc;
    padding:5px;
}
#map {width: 760px; height: 550px;}	  
									 
#itinerari th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 4px 4px 4px 8px;
	background: #CAE8EA ;
}		

#itinerari td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;	padding: 6px 6px 6px 12px;color: #333366;}
#itinerari tr.ct {background: #CCFFCC;font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#itinerari tr.tb {background: #E7ECEC;font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}	 
#itinerari tr.cv {background: #ffffff;font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#itinerari tr.ore {background: #FFFFCC;font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

#riquadro{
float:left;
margin:10px;
border:2px solid #900;
padding:0.4em;
width:320px;
height:300px;
background-color:#eee;
color: #900;
}
#riquadro-1{
float:left;
margin:10px;
border:2px solid #900;
padding:0.4em;
width:320px;
height:300px;
background-color:#eee;
color: #900;
}
#riquadro-2{
float:left;
margin:10px;
border:2px solid #900;
padding:0.4em;
width:320px;
height:300px;
background-color:#fafafa;
color: #900;
}
#riquadro-3{
float:left;
margin:10px;
border:2px solid #900;
padding:0.4em;
width:320px;
height:500px;
background-color:#fafafa;
color: #900;
}
#riquadro-4{
float:left;
margin:10px;
border:2px solid #900;
padding:0.4em;
width:300px;
height:150px;
background-color:#fafafa;
color: #900;
}