<STYLE>

* {margin: 0;padding: 0; } 

html {  } 


.grassetto {margin-top: 20pt;margin-left: 28pt;	font-size: 22pt;line-height: 35pt;font-weight: bold;font-family: Arial}

P {margin-left: 0pt;
font: 9pt 'Arial';}





THEAD {font-size: 10pt;font-weight:bold;text-align: center; color: #FBFBE2;background:#8F6960;font-family: Arial}
SELECT{font-size: 9pt;font-weight: normal;color: #8f6960; font-family: Arial;}
INPUT{font-size: 9pt;font-family: Arial; color: #8f6960;}
LI {font: 10pt 'Arial';margin-left: 0pt;color: Black}
DL {font: 9pt 'Arial'}
DT {text-align: left;margin-left: 0pt;font: 9pt 'Arial';font-weight: bold;color: black}
DD {margin-left: 0pt;font: 9pt 'Arial';	text-align: left;color: black}
B, STRONG {font-weight: bold} 
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE {font-style: italic}
TT, CODE, KBD, SAMP {font-family: monospace}
A:LINK {color: #46837e;text-decoration: none}
A:VISITED {color: #red;text-decoration: none}
A:HOVER {color:red;text-decoration:underline}


.possibilita{
width:130px;
color:#000099;
position:inherit;
float:left;
padding:0px;
margin:0px;
font-size:large;
}

.possibilita:hover{
text-decoration:underline;
color:#0000FF;
}

.possibilita a:hover{
text-decoration:none;
color: inherit;
}
.possibilita a:visited{
text-decoration:none;
color: inherit;
}


#riquadro {
padding:0px;
margin:0px;
/*background-position:center; 
background-repeat:no-repeat;*/
padding-top:5px;
/*background-image:url(_private/LOCANDINA-4Trofeo.jpg) ;*/

}




h3{
position:relative;
display:block;
/*width:200px;*/
height:18px;
font: bold 200% Tahoma,Arial,sans-serif;
font-style:italic;

/*text-transform:uppercase;*/
margin:0 0 0 0;

/*color: #3FBCC3;*/
color:#000099;

}

h5{
position:relative;
height:20px;
font: bold 120% Tahoma,Arial,sans-serif;
font-style:italic;

/*text-transform:uppercase;*/
margin:0 0 0;

/*color: #3FBCC3;*/
color:#000099;

}


div.spacer {
  clear: both;
  display:block;
  height:1px;
   }

#chi_siamo{
border:0px;
font-family: Verdana;
font-size: 10pt;
padding:2px;
}


/***	TABLE SQUADRA	***/

div .squadra{
	/*width:100%;*/
}

table {
padding:0px;
border:0px;
margin:0px;
}


#squadra{
width:98%;
border:0px;
color: #003255;
font-family: Verdana;
font-size: 10pt;
padding:2px;
}

#squadra th{
background:#3333AC;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
text-align:center;

}


#squadra td{
padding:0px;
margin:0px;
}

#squadra tr:hover{
	background-color:#0099FF;
}

#squadra td img{
border:0px;
}

#squadra .categoria{
text-align:center;
font-weight:bold;
}

#squadra .codicefin{
text-align: center;
vertical-align:middle;
font-weight:normal;
font-size:small;
}

#squadra .atleta{
text-align:left;
font-weight:bold;
}

#squadra .foto{

text-align:center;
}

#squadra .foto img{
height:23px;
width:22px;
}
#squadra .tempi{

text-align:center;
}

#squadra .center{

text-align:center;
}


/**	  MENU	**/

.animatedtabs{
margin-left:8px;
margin-top:-21px;
position:absolute;
overflow: hidden;
width: 710px;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
padding-bottom: 8px;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(img/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(img/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color:#003255;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: #003255;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}


.animatedtabs a:visited {
text-decoration: none}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}


/**	ALERT MESSAGE	**/


div.message{
margin: 0 0  0; padding: 6px 15px 6px 50px;
border: solid;border-width: 2px 0;
background:#F0F0F0;
font: 76%/1.4 Verdana,Arial,sans-serif;
color: #003255;
}
div.message p{margin: 0 0 0}
div.message.info{background: #EAEBF7 url(img/info20.png) no-repeat 20px 3px;border-color: #8E9AFF}
div.message.warning{background: #FFF0BA url(img/warning20.png) no-repeat 20px 8px;border-color: #E87C29}

div.message.error{background: #FFD8D6 url(img/error20.png) no-repeat 20px 3px;border-color: #FF0038}




/**	STILI PER I CONTENITORI	**/


div .sponsor{
padding:0px;
margin:0px;
/*margin-left:-5px;
margin-right:0px;*/
height:25px;
border-bottom:2px solid #000099; 
border-top:2px solid #000099; 
font-family: Verdana;
font-size: 10pt;
}

div .sponsor h3{

margin-top:-6px;
}

div .sponsor h5{

margin-top:-6px;
}


.bordoesterno_banner{

margin-right:4px;
margin-left:-8px;
}

.bordointerno_banner{
border-left:1px solid #ece9d8;
border-top:1px solid #ece9d8;
border-bottom:5px groove #000000;
border-right:5px groove #000000;

background:inherit;

font-family:verdana;
font-size:8px;
} 


.bordoesterno{
border-left:1px solid #fff;
border-top:1px solid #fff;
border-bottom:1px solid #716f64;
border-right:1px solid #716f64;
}
.bordointerno{
border-left:1px solid #ece9d8;
border-top:1px solid #ece9d8;
border-bottom:1px solid #aca899;
border-right:1px solid #aca899;
background-color:#c4cccc;
padding:5px;
font-family:verdana;
font-size:12px;
} 



/***	 the news box	***/

div.newsbox{
	width:230px;
	padding:0 0 26px 0;
	margin-left:0px;
	background: url(img/rb.jpg) no-repeat bottom left
 }
 
div.newsbox h2{
	line-height:30px;
	margin:0px;
	padding-top:10px;
	background: url(img/rt2.jpg) no-repeat top left;
	text-align:center;
	
	
	font: bold 170% Tahoma,Arial,sans-serif;
	font-style:italic;
	margin:0px 0px 0px;
	color: #000099;

}

div.newsbox p{
   margin:0px;
   padding:0px 10px 0px 10px;
   background: url(img/rc.jpg) repeat-y top left}
	
#news
{
	width:210px;
	padding:0px 10px 0px 10px;

	background: url(img/rc.jpg) repeat-y top left
}

#news ul
{
	margin:0px 5px 0px 15px;
	padding:0px;
}
#news li{
	list-style-position:inside;
	list-style:none;
	font-size:11px;
	color: #003255;
	line-height:1.5em;
	list-style-image:url(img/freccina.gif);
}

/* the news box when JavaScript is available */
#news.hasJS
{
	height:140px;
	overflow:hidden;
	position:relative;
}

/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0px;
	margin:0px 5px 0px 15px;
	padding:0px;
    list-style-position:inside;
	
}





/***	 FORM LOGIN 	***/


form {
	background:inherit;
    display:block;
	/*border:1px solid #eee;*/
	padding:0px;
	margin:0px;
	width:21em;
	position:inherit;
	font-family: Verdana;
	font-size: 10pt;

	
}
.login {
	height:130px;
	background:url(img/user_login.png) no-repeat 95% ;
}

fieldset div {
	margin:0.3em 0;
	clear:both;

}

label {
	float:left;
	width:5.3em;
	text-align:right;
	margin-right:0.5em;
	padding-top:2px;
	color: #003255;
}
legend {
	color:#0b77b7;
	font-size:1.2em;
}
legend span {
	width:10em;
	text-align:right;
}
input {
	padding:0.15em;
	width:10em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
fieldset {

	border:1px solid #999999;
	padding:0px 2px 0px 0px;
}
input.default {
	color:#bbb;
}

#submit-go {
	margin-top:0.5em;
	width:69px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(img/submit-button.gif) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}

#submit-out {
	margin-top:0.5em;
	width:69px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(img/logout.gif) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}

#submit-go:hover {
	background-position:0 -26px;
}


/* BANNER  */

div.imgcontainer{
	margin-left:200px;
	margin-top:30px;
	padding:0 0 5 5;
	display:block;

	background: url(img/dropshadow_mod.jpg) no-repeat bottom center 
	}
	
	/*
div.imgcontainer img{
	display:block;
    position:relative;
	top: -2px;
	left:-3px;
    border:1px solid #ccc;
	border-color: #ccc #666 #666 #ccc;
    padding:5px}
	

*/

.shadow{

	border:1px solid silver;
	font:10pt arial;
	position:relative;
	display:inline;
	background:white;
	padding:2px;
	z-index:100;
}

.shadow_inner{
	overflow:hidden;
	position:absolute;
	top: -1000px;
	filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
	opacity:0.1; /*firefox 1.5 opacity*/
	-moz-opacity:0.1; /*mozilla opacity*/
	-khtml-opacity:0.1; /*opacity*/
	z-index:10
} 

/*
#banner{

	margin: 0px;
	padding:2px;
	padding-bottom:1px;
	
	background:#FFFFFF;
	width: 90%;

}

#banner img{
	margin: 0px;
	padding:1px;
	background:#FFFFFF;
	position:inherit;
	display:inline;
	width:100%;

}
*/

.container_banner{
	/*background:#C7DCEC;*/
	margin: 0px;
	padding:0px;
	/*width: auto;*/
	margin-left:0px;

}



.container_banner p{

font-family:verdana;
font-size:9px;
color:#003255;
margin: 0px;
padding:0px;
line-height:10px;

}


.container_banner img{
margin: 0px;
padding:0px;
padding-right:1px;

}



.curlycontainer .innerdiv{
/*background: transparent url(img/brcorner.gif) bottom right no-repeat;*/	
position: relative;
left: 0px;
top: 0px;
padding: 0px 4px 7px 5px;


font-family:verdana;
font-size:8.3px;
}

#foto_centrale{
	

float:inherit;
width:auto;
margin:0px;
padding:0px;
}

/**	CITAZIONI	**/

#citazione{
	float:left;
	margin:0px;
	padding:0px;
	width:220px;
}


/*blockquote{
	padding:0px;
	margin:0px;
	padding-left:10px;
	float:left;
	width:270px;
	background:url(img/open_quote.gif) no-repeat top left ;
}

blockquote p{

	background: url(img/close_quote.gif) no-repeat bottom right;
	margin:0px;
	padding:0px;
	padding:10px 35px;
	
	font-style:oblique;
	font-size:12px;
	font-family:"Times New Roman", Times;
	color: #000066;

}*/

blockquote{
	padding:0px;
	margin:0px;
    padding-left:30px;
	padding-top:10px;

	width:210px;
	background:url(img/open_quote.gif) no-repeat top left ;
}

blockquote p{

	background: url(img/close_quote.gif) no-repeat bottom right;
	margin:0px;

	padding:0px 15px 10px 0px;
	
	font-style:oblique;
	font-size:12px;
	font-family:"Times New Roman", Times;
	color: #000066;

}

.testo_chi_siamo{

  font-family:verdana;
  font-size:11px;
  color:#003255;

}




#container {
  padding:0px;
  margin:0px;
  margin-top:-20px;
  background: #FFFFFF ;

  margin-left:2%;
  margin-right:2%;
}


#header {
padding: 0px;
margin:0px;
margin-bottom: 14px;
width:auto;
/*border:1px solid;*/
}

#content {

	/*margin-left: 110px;*/
	margin-right: 225px;
	/*border:1px solid;*/
	width:auto;
	height:auto;
}



/*
#sinistra {
float: left;
width: 100px;
margin: 0;
margin-right: 5px;
padding: 0px;
/*border:1px solid;
}*/

#navigazione {
	padding: 0px;
	margin: 0px;
	margin-right: 245px ;
}

#destra {
	float: right;
	width: 230px;
	margin: 0;
	margin-left: 0px;
	padding: 0px;
	/*border:1px solid;*/
}


#footer {

padding: 0px;
margin-top: 0px;

/*border:1px solid;*/
} 



.iframe {

overflow: hidden;

background:#C7DCEC;
}


.top_left {background: url(img/mybox.gif) top left;padding-left:20px;}
.top_right {background: url(img/mybox.gif) top right;padding:20px;padding-left:0px;padding-bottom:1px;}
.bottom_left {background: url(img/mybox.gif) bottom left;padding-left:20px;}
.bottom_right {background: url(img/mybox.gif) bottom right;height:20px;}

.top_left2 {background: url(img/box.gif) top left;padding-left:15px;}
.top_right2 {background: url(img/box.gif) top right;padding:20px;padding-left:0px;padding-bottom:1px;}
.bottom_left2 {background: url(img/box.gif) bottom left;padding-left:20px;}
.bottom_right2 {background: url(img/box.gif) bottom right;height:20px;}



body {
  
  background: url(img/acqua_piscina_mod.jpg);
  
  padding:0px;
  margin:0px;

}


</style>

