body{
  background-image:url(../immagini/bg_pages_oblique.gif);
  background-color: #6F6F6F
}
#contenitore {
  width:960px;
  background:#AFAFAF;
  margin:auto;
  border:1px solid #4F4F4F;
}
#header {
  background:#AFAFAF;
  border-bottom: thin solid #000;
}
#colonna_sinistra {
  width:200px;
  float:left;
  background:#AFAFAF;
}
#subcontenitore{
  width:760px;
  background:#DFDFDF;
  float:left;
}
#colonna_centrale {  /*da inserire nel subcontenitore*/
  width:520px;
  float:left;
  background:#DFDFDF;
  padding:0px 20px 20px 20px;
  font-family:"Arial Unicode MS";
  font-size: 12px;
}
#colonna_destra {   /*da inserire nel subcontenitore*/
  width:200px;
  float:left;
  background:#DFDFDF;
  text-align:center;
}
#footer_sponsor{
  background: #fff;
  text-align:center;
  clear:left;
  padding-top:10px;
}
#footer {
  height:25px; line-height:25px;
  clear:left;
  background:#3F3F3F; color:#fff;
  text-align:right;
  font-size:11px; font-family:Verdana;
}
#footer a{
  text-decoration: none;
  color:#fff;
}
#footer a:hover{
  text-decoration: underline;
}


/* menu principale di navigazione*/
ul#nav {
  list-style:none;
  padding:10px 0px 0px;
  margin:0;
  color:#fff;
  text-align:left;
  font-size:13px;
  font-family:Tahoma;
}
ul#nav a {
  color:#fff;
  text-decoration:none;
  display:block;
  padding-left:7px;
  margin-bottom:0px;
  font-weight:bold;
}
ul#nav a:hover {
  text-decoration:none;
  font-weight: bold;
  color: #0044FF;      /* #900 */
}
ul#nav a:active {
  text-decoration:underline;
  font-weight: bold;
  color: #f09;
}
.selezionato{
  color: #000;
  font-weight:bold;
  text-decoration:none;
}

/* sponsor */
.sponsor img {
  border:1px solid #8F8F8F;
}

/* varie */
.link_facebook a {
  text-decoration:none;
  color:#FFF;
  font-size:11px;
  font-weight:bold;
}

.link_facebook a:hover {
  text-decoration:underline;
}
.link_facebook img {
  padding:2px;
  padding-left:7px;
  padding-right:5px;
  width: 40px;
  height:40px;
}
.loop_image {
  border:2px solid #FFF;
}

h2 {
  font-weight:bold;
  color:#3F3F3F;             /*FF0099*/
  line-height:20px;
  font-family: Verdana;
  text-shadow: #0099FF 1px 1px 1px;
}

/* home */
#home{
  font-size:11px;
  font-family:Verdana;
  line-height:17px;
  text-align: justify;
  padding-left:15px;
}
#home a {
  color:#03C;
  text-decoration:underline;
}

#home a:hover {
  text-decoration:none;
}

/* territorio */
#territorio {
  font-family:Verdana;
  font-size:11px;
}
#territorio p {
  padding:0px 25px 0px 25px;
}
#territorio img {
  border:1px solid #FFF;
}

/* percorsi */

#percorsi {
  font-family: Verdana;
  font-size:11px;
  line-height:15px;
}
#percorsi ul {
  padding-left:25px;
  line-height:20px;
}
#percorsi a {
  text-decoration:none;
  color:#000;
  font-weight:bold;
}
#percorsi a:hover {
  text-decoration:underline;
  color:#0066FF;
}
#percorsi table {
  padding:0px 35px;
}
.nome_percorso {
  font-weight:bold;
  color:#06f;
}
.cella_resalt {
  background:#CCCCCC;
}

/* tesseramento */
#tesseramento {
  font-size:11px;
  font-family:Verdana;
  line-height:15px;
  text-align: justify;
}
#tesseramento p {
  padding:10px 25px 10px 25px;
}
#tesseramento a {
  text-decoration:underline;
  color: #0066FF;
}
#tesseramento a:hover {
  text-decoration:none;
}
/* storia */
#storia {
  font-size:11px;
  font-family:Verdana;
  line-height:15px;
  text-align: justify;
}
#storia p {
  padding:10px 25px 10px 25px;
}

/* team */
.tabella_immagini_team img {
  border:4px solid #fff;
}

/* società */
#societa {
  font-size:11px;
  font-family:Verdana;
  line-height:15px;
  text-align: justify;
  padding-left:25px;
}

/* contatti */
#contatti {
  font-family:Verdana;
  font-size:11px;
  line-height:15px;
}
#contatti table {
  font-weight: bold;
  background-color:#BFBFBF;
  border:1px solid #FFF;
  line-height:20px;
  border-collapse:collapse;
}

#contatti td {
  padding:2px 5px 2px 5px;
}
#contatti a {
  color:#FFF;
  text-decoration: none;
}
#contatti a:hover {
  color:#900;
  text-decoration:underline;
}
.riga_chiara {
  background-color:#CBCBCB;
}

/* videogallery */
#videogallery {
  font-family:Verdana;
  font-size:11px;
  line-height:15px;
}

/* blog */
#blog {
  font-family:Verdana;
  font-size: 11px;
}
.box_commento {
  padding:5px;
  border:1px solid #6F6F6F;
  background:#E7E7E7;
}
.testa_commento {
  background:#3F3F3F;
  padding:1px 0px 1px 1px;
}
.nome_commenter {
  font-weight:bold;
  color:#FFF;
}
.testo_commento {
}
.data_commento {
  color:#f09;
  font-size:10px;
}

/* link utili */

table.tabella_link img {
  border-top:1px solid #BFBFBF;
  border-left:1px solid #BFBFBF;
  border-right:2px solid #5F5F5F;
  border-bottom:2px solid #5F5F5F;
}
table.tabella_link img:hover {
  border-top:2px solid #5F5F5F;
  border-left:2px solid #5F5F5F;
  border-right:1px solid #BFBFBF;
  border-bottom:1px solid #BFBFBF;
}
table.tabella_link a {
  text-decoration:underline;
  color:#000;
  font-weight:bold;
}
table.tabella_link a:hover {
  text-decoration:underline;
  color:#06f;
  font-weight:bold;
}

/* master ciclocross */
table#ciclocross {
  border-collapse:collapse;
}

/* slides styling */
/* fotogallery css e javascript */
.photo {width:635px; text-align:left; position:relative; margin:0 auto; padding-left:15px;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:350px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:350px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

/* lista immagini fotogallery */
ul#minipics{margin:0;padding:0;list-style-type:none;}

ul#minipics li{float: left;margin: 3px;padding: 0 6px 6px 0;
    background: url(dropshadow1.jpg) no-repeat bottom right}

ul#minipics li img{display: block;
    position: relative;top: -5px;left: -5px;
    border: 1px solid #ccc;border-color: #ccc #666 #666 #ccc;
    border-bottom: 2px solid #666; border-right:2px solid #666;
    padding: 2px;background:#fff;}
ul#minipics li img:hover {
  border: 1px solid #ccc;border-color: #ccc #666 #666 #ccc;
    border-top: 2px solid #666; border-left:2px solid #666;
}

/* calendario 2011 */
.calendario_2011 {
  font-weight:bold;
  font-size:18px;
  font-family:Calibri;
}
.calendario_2011 img {
  border:2px solid #8f8f8f;
}
.calendario_2011 img:hover {
  border:2px solid #FF0066;
}
.calendario_2011 a {
  text-decoration:none;
  color:#000;
}
.calendario_2011 a:hover {
  text-decoration:underline;
  color:#000;
}
.pari {
  background:#bfbfbf;
}
.dispari {
  background:#cbcbcb;
}

