/* STILI GENERICI CON SELETTORI DI TIPO */
* {
  margin: 0;
  padding: 0;
}
body {
  font: 11px/1.2 "Trebuchet MS",Arial,sans-serif;
}
table { border-collapse: collapse; }
ul { list-style-type: none; }
a { text-decoration: none; color: #000; }
/*a:hover { background-color: #036; color: #abc; }*/
img { border-style: none; }
select { display: block; margin: auto; }
cite { font-style: normal; }

/* STILI PER LE SEZIONI ORDINATE DELLA PAGINA */

/* main */
body div#main {
  width: 790px;
  margin: auto;
  color: #000;
}
/* header */
div#header { position: relative; height: 242px; background: #fff url(images/sfondo_top.jpg) left bottom no-repeat scroll; color: #000; }
div#header ul#menu { position: absolute; bottom: 25px; left: 10px; z-index: 3; }
div#header small { position: absolute; top: 5px; right: 10px; font-size: 9px; }
div#header img#runner { position: absolute; bottom: 25px; left: 130px; z-index: 2; }
div#header img#title { position: absolute; top: 5px; left: 182px; z-index: 2; }
div#header img#bike { position: absolute; bottom: 25px; right: 40px; z-index: 2; }
div#header hr#inizio { position: absolute; bottom: 25px; left: 10px; z-index: 1; width: 770px; }
div#header marquee { color: white; position: absolute; bottom: 10px; left: 10px; z-index: 1; width: 770px; }
div#header hr#fine { position: absolute; bottom: 5px; left: 10px; z-index: 1; width: 770px; }
/* heart */
div#heart { min-height: 760px; background: #fff url(images/sfondo_middle.jpg) left top repeat-y scroll; }
div#heart hr { clear: left; height: 0; border: none; }
div#subtitle { margin: auto; width: 750px; text-align: justify; }
div#subtitle strong { font-size: 16px; }
div#subtitle a:hover { color: #c06; }
div#subtitle div { float: left; width: 234px; height: 100px; margin: 5px; border: 1px solid #000; border-width: 1px 0; padding: 2px; }
div#subtitle1 img { float: left; width: 100px; margin-right: 5px; }
div#subtitle2 img { float: left; height: 100px; margin-right: 5px; }
div#subtitle3 img { float: left; width: 100px; margin-right: 5px; }
div#c { position: relative; margin: 0 25px; }
div.column { text-align: justify; }
div.column a:hover { color: #c06; }
div.column h2 { font-size: 17px; }
div.column h4 { font-size: 11px; }
div.column p { font-size: 11px; }
div#c1 { width: 480px; position: absolute; top: 0px; left: 0px; }
div#c2 { width: 240px; position: absolute; top: 0px; left: 500px; }

/* news */
div#news { margin: 0 25px; text-align: justify; }
div#news ul { float: left; width: 240px; }
div#news ul li { border: 1px solid #000; border-width: 0 1px 1px 0; padding: 5px; }
div#news ul li a { color: #ccc; }
div#news ul h4 { font-size: 1em; }
div#news ul li a img { width: 45%; filter: alpha(opacity=50); -moz-opacity: 0.3; }
div#news ul li a:hover { background-color: transparent; color: #000; }
div#news ul li a:hover img { filter: alpha(opacity=100); -moz-opacity: 1; }
div#news div { margin-left: 240px; padding: 5px; }
div#news div h2 { text-align: center; font-size: 1.5em; }
div#news div small { display: block; text-align: center; }
div#news div p { margin-top: 10px; }
div#news img.noinline { float: left; margin: 5px 5px 5px 0; }
/* organigramma */
table#ruoli { margin: 5px auto; border-bottom: 1px solid #036; }
table#ruoli td { border: 1px solid #036; border-width: 1px 1px 0 1px; padding: 2px 5px; }
table#ruoli td.nome { background-color: #abc; }
table#ruoli td.come_sopra { visibility: hidden; border-width: 0 0 0 1px; }
/* campestre */
div#menu_nav { width: 410px; margin: auto; }
div#menu_nav ul, div#menu_nav li, div#menu_nav a, div#menu_nav img { float: left; }
div#campestre div#menu_nav li { height: 32px; }
div#campestre div#menu_nav a:hover img { background: transparent url(images/colonna_hover.gif) left top repeat-x scroll; }
/* campestre e duathlon */
table#ordine_arrivo { margin: auto; }
table#ordine_arrivo caption { background-color: #ccc; font-size: 16px; font-weight: bold; margin: auto; }
table#ordine_arrivo tr.dispari td.Maschile { background-color: #abc; color: #036; }
table#ordine_arrivo tr.dispari td.Femminile { background-color: #eac; color: #c06; }
table#ordine_arrivo tr.pari td.Maschile { background-color: #def; color: #036; }
table#ordine_arrivo tr.pari td.Femminile { background-color: #fcd; color: #c06; }
table#ordine_arrivo tr.dispari td.Maschile a { color: #036; }
table#ordine_arrivo tr.dispari td.Femminile a { color: #c06; }
table#ordine_arrivo tr.pari td.Maschile a { color: #036; }
table#ordine_arrivo tr.pari td.Femminile a { color: #c06; }
table#ordine_arrivo th,
table#ordine_arrivo th a { color: #000; }
table#ordine_arrivo th a:hover { color: #abc; }
table#ordine_arrivo td { border: 1px solid #036; border-width: 0 1px 0 1px; padding: 2px; }
table#ordine_arrivo td.numero { text-align: right; }
table#ordine_arrivo td a { display: block; padding: 2px; }
table#ordine_arrivo tr td.Maschile a:hover { background-color: #036; color: #abc; }
table#ordine_arrivo tr td.Femminile a:hover { background-color: #c06; color: #eac; }
table#ordine_arrivo td.miocompagno { font-weight: bold; }
/* galleria fotografica */
div#galleria { width: 735px; margin: 0 auto; padding: 5px; }
div#galleria p { text-align: center; }
div#galleria p.testo { text-align: justify; }
div#galleria p a { word-spacing: 6px; letter-spacing: 2px; padding: 2px; color: #c06; font-weight: bold; }
div#galleria p a:hover { background-color: #c06; color: #eac; }
div#galleria ul#foto,
div#galleria ul#foto li { float: left; }
div#galleria ul#foto li div { width: 105px; height: 120px; }
div#galleria ul#foto li div div { height: 100px; }
div#galleria ul#foto li div div a img { display: block; margin: auto; border: 1px solid #000; }
div#galleria div#menu_nav { width: 200px; }
div#galleria div#menu_nav li { padding: 0 5px; }
/* info */
div#info img { display: block; margin: auto; }

/* footer */
div#footer { height: 19px; background: #fff url(images/sfondo_bottom.jpg) left top no-repeat scroll; }

/* remove all the bullets, borders and padding from the default list styling */
ul#menu, ul#menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 130px;
  border-bottom: 1px solid #ccc;
}
/* hack for IE5.5 */
* html ul {
  margin-left: -16px;
  ma\rgin-left: 0;
}
/* position relative so that you can position the sub levels */

/* get rid of the table */
ul#menu table {
  position: absolute;
  top: 0;
  left: 0;
}
/* style the links */
ul#menu a {
  display: block;
  text-decoration: none;
  height: 25px;
  line-height: 25px;
  width: 129px;
  color: #fff;
  text-indent: 5px;
  border: 1px solid #ccc;
  border-bottom: 0;
}
/* hack for IE5.5 */
* html ul#menu a {
  background-color: #fff;
  width: 130px;
  w\idth: 129px;
}
/* style the link hover */
* html ul#menu a:hover {
  background-color: #fff;
  color: #000;
}
ul#menu :hover > a {
  background-color: #fff;
  color: #000;
}
ul#menu li {
  position: relative;
  height: 26px;
  background-color: transparent;
}
ul#menu li li { background-color: #666; }
/* impostazioni standard per tutti i sottomenu */
ul#menu ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 130px;
}
/* make the second level visible when hover on first level list OR link */
ul#menu :hover ul { visibility: visible; }
/* keep the third level hidden when you hover on second level list OR link */
ul#menu :hover ul ul{ visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
ul#menu ul :hover ul{ visibility: visible; }
/* keep the fourth level hidden when you hover on third level list OR link */
ul#menu ul :hover ul ul{ visibility: hidden; }
/* make the fourth level visible when you hover over third level list OR link */
ul#menu ul ul :hover ul { visibility: visible; }
/* keep the fifth level hidden when you hover on fourth level list OR link */
ul#menu ul ul :hover ul ul{ visibility: hidden; }
/* make the fifth level visible when you hover over fourth level list OR link */
ul#menu ul ul ul :hover ul { visibility: visible; }
/* keep the sixth level hidden when you hover on fifth level list OR link */
ul#menu ul ul ul :hover ul ul{ visibility: hidden; }
/* make the sixth level visible when you hover over fifth level list OR link */
ul#menu ul ul ul ul :hover ul { visibility: visible; }