/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 100%;  background-color: #FFF; }

/*h2 { float: left; width: 650px; padding: 7px 0px; font-size: 140%; color: #4C7094; margin: 0px; font-weight: normal; font-family: Lucida Sans Unicode, Tahoma, Arial; border-bottom: 1px dotted #999; text-transform: uppercase; }*/

img { border: 0px; }
hr { border: 1px dotted #ccc; padding: 0px; }
p { margin: 0px; }
a { color: #666; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }

input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
select { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }


/* CONTENITORI */
#box-pagina { margin: 0 auto -49px; width: 1100px; min-height: 100%; height: auto !important; height: 100%; background-image: url(img/background.jpg);background-repeat:no-repeat;}
#box-header { width: 100%; }
#box-middle { width: 1000px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-dx { float: left; width: 250px; padding: 22px 0px 20px 0px; }
#box-main { float: left; min-height:25px; width: 666px; margin-right:20px; margin-top:22px; background-image: url(img/openmain.png); background-repeat: no-repeat; }
#box-mainHome { float: left; min-height:25px; width: 666px; margin-right:20px; }
/*#box-footer { width: 100%; position: absolute; bottom: 0px; }*/
#box-footer{height:49px; width:1100px; margin:auto; background-color:#fff;}
.campoBlog { background-image: none; }
.tastoBlog { background-color: #999; color: #fff; float: left; background-image: none; }



/* CONTENUTI */
#header { margin: auto; width: 1000px; }

#fissi { float: right; width: 400px;font-size:70%;text-align:right; text-transform: lowercase; margin-top:10px; }
#fissi a{margin-right:5px; padding-right:5px; border-right:1px solid #666;}
#logo { float: left; width: 400px; margin:20px 0; }
#slogan{float: right; text-align:right; width: 400px; padding: 3px 0; margin-top:65px; color: #999; text-transform: lowercase; font-size: 60%; }

#menu { float: left; width: 1000px; height: 30px; padding: 0px 0px 0px 0px; font-weight: bold; background-image: url(img/menu-bg.jpg); /*background-repeat: repeat-x;*/ font-size: 70%; border:1px solid #999; }
#menu a { color: #002c34; }
#menu a:hover { color: #000; }

/* MENU */
#menu ul{
    padding:0;
    margin:0;
    padding-bottom:10px;
}
#menu>ul>li{
}
#menu li {
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
    z-index:1000;
}
#menu li ul li{
    /* width:200px;*/
    position: relative;
    float: none;
    list-style: none;
    margin: 0;
    padding:0;
}

#menu li a{
    /*  margin-left:16px;
      margin-right:16px;
      padding-left:20px;*/
    display: block;
    text-decoration:none;
    line-height: 30px;
    
}
#menu li a:hover{
    background-position: bottom center;
}
#menu li ul li a{

    margin-left:0;
    margin-right:0;}
#menu ul ul{
    border:1px solid #999;
    /*background-image: url(img/menu-bg.jpg);*/
    background-color:#fff;
    min-width:260px;
    position: absolute;
    top: 31px;
    visibility: hidden;
    z-index:1000;
}
#menu ul ul ul{
    border:1px solid #999;
    background-color:#fff;
    position: absolute;
    margin-top:-32px;
    min-width:200px;
    visibility: hidden;
    margin-left:200px;
}
#menu ul li:hover ul{
    visibility:visible;
}
#menu ul li:hover ul ul{
    visibility:hidden;
}
#menu ul li:hover ul  li:hover ul{
    visibility:visible;
}

#middle { width: 1000px; margin: auto; }
.mainHome { float: left; width: 664px; color: #333;margin:22px 0 0; line-height: 20px; font-size: 80%; font-family: Arial; border:1px solid #ddd; background-color:#fff; height:440px; overflow:hidden;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px; }
.mainHome img{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.main { float: left; width: 626px; color: #333; padding: 20px 20px 0px; margin:25px 0 0; line-height: 20px; font-size: 80%; font-family: Arial; background-image: url(img/bg-main.png); }
.main p{margin:5px 0; line-height:180%; color:#666;}
.main h2{color:#003745; font-size:140%; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
.closemain{ float:left; width: 666px; background-image: url(img/closemain.png); background-repeat: no-repeat; height:45px;}
h4 { float: left; width: 666px; color: #CC0000; padding: 0px 0px 8px 0px; margin: 40px 0px 0px 0px; font-weight: normal; font-family: Lucida Sans Unicode, Tahoma, Arial; font-size: 110%; border-bottom: 2px solid #ccc; }
#notizieinevidenza{ float:left; width: 666px; background-image: url(img/notizieinevidenza.png); background-repeat: no-repeat; height:64px; margin-top:20px;}
.newsHome { float: left; width: 666px; padding: 20px 20px 10px 20px; background-image: url(img/bg-main.png); color: #666; font-size: 70%; font-family: Arial; }


#box-sx h1 { float: left; width: 215px; height: 29px; padding: 12px 0px 0px 15px; margin: 0px; background-image: url(img/bg_sottomenu.jpg); background-repeat: no-repeat; text-transform: capitalize; color: #FFCC66; font-size: 80%; font-weight: bold; }


.sottomenu { float: left; width: 230px; margin-bottom: 20px; }
.sottomenu a { float: left; width: 200px; height: 20px; padding: 6px 0px 0px 30px; background-image: url(img/tasto_sottomenu.jpg); background-repeat: no-repeat; color: #fff; text-transform: capitalize; font-size: 70%; }
.sottomenu a:hover { color: #FFCC66; background-image: url(img/tasto_sottomenu_over.jpg); background-repeat: no-repeat; }
/* AMICI */
.banner { float: left; width: 314px; height:330px; background-image: url(img/amici.png); text-align:center; }
.banner img { margin-top: 21px; }

/* CHI SONO*/
/*#chisono {float:left; background-image: url(img/chisono.png); height:210px; width:314px; margin-bottom:20px; font-size:75%; color:#666;}
*/#chisono {float:left;/* background-image: url(img/bg_chisono.png);*/ overflow:hidden; background-repeat:no-repeat;height:210px; width:314px;font-size:75%; color:#666;border:1px solid #ddd; margin-bottom:20px; background-color:#fff;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;}
#chisono em{float:left; font-style:italic; margin:15px 0 15px 10px;}
#linkchisono{float:right; text-align:right; margin-top:10px; margin-right:10px;}
.campochisono{float:left; margin-left:10px; width:130px; margin-bottom:5px;}
/* RUNACROSSAMERICA*/
#loginRAA{width:300px; margin:auto;}
#tappa{width:100%; /*margin:auto;*/}
#tappa h1{font-size:110%; text-transform:uppercase; color:#000; margin-bottom:20px; width:100%; padding:0px;}
.log {font-size:85%; width: 300px; float:left;}
.log p{float:left; width:140px; margin-bottom:10px;}
.log input{float:left; margin-left:30px; width:110px; margin-right:10px; margin-bottom:10px;}
.log textarea{float:left; height: 55px; width:290px; margin-bottom:10px;}

.ora{float:left;margin-left:15px; margin-right:15px;}
.logtempo {float:left; font-size:85%; width:600px;}
.logtempo p{float:left; width:170px; margin-bottom:10px;}
.logtempo select{float:left;}
.logeditor{float:left; width:600px; font-size:85%;}
.logeditor p{float:left; width:140px; margin-bottom:10px;}
.logdata {font-size:85%; width: 300px; float:left;}
.logdata p { float: left; width: 110px; margin-right:10px; margin-bottom: 10px; }
.logdata img {float: left; margin-bottom: 10px; margin-left: 26px; }
.logdata input {float:left; margin-left:8px; width:110px; margin-right:10px; margin-bottom:10px; }
.inseriscilog{width:600px;}
.inseriscilog input {float: left; background-image: none; background-color: #666; border: 0px; color: #fff; padding: 3px 20px; margin-left:252px; margin-top:30px;margin-bottom:30px;}
.nometappa{ float: left; width: 140px; height: 20px; font-size:85%;}
.elencotappe{float:left; width:100%;}

#titRiservata { float: left; width: 215px; height: 29px; padding: 12px 0px 0px 15px; margin: 0px; background-image: url(img/bg_riservata.jpg); background-repeat: no-repeat; text-transform: capitalize; color: #AFCBE4; font-size: 80%; font-weight: bold; }
#riservata { float: left; width: 200px; }
#riservata a { float: left; width: 200px; height: 20px; padding: 6px 0px 0px 30px; background-image: url(img/tasto_riservata.jpg); background-repeat: no-repeat; color: #fff; font-size: 70%; }
#riservata a:hover { color: #AFCBE4; background-image: url(img/tasto_riservata_over.jpg); background-repeat: no-repeat; }


#login { float: left; width: 190px; padding: 20px; margin-bottom: 10px; font-size: 80%; background-color: #264C71; color: #fff; }
#login p { float: left; width: 60px; padding: 2px 7px 0px 3px; margin-bottom: 7px; text-align: center; }
.campoArea { float: left; width: 110px; margin-bottom: 7px; text-align: center; font-weight: bold; font-size: 90%; border: 1px solid #203F5C; }
.accedi { float: left; width: 70px; border: 0px; margin: 5px 0px 0px 70px; background-image: none; background-color: #132535; color: #AFCBE4; padding: 2px 0px; }
#regRiservata { float: left; width: 230px; font-size: 70%; }


#areaUtenti { float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px dashed #999; margin-bottom: 20px; }
#areaUtenti h1 { float: left; width: 610px; padding: 2px 10px; margin: 0px 0px 20px 0px; font-size: 120%; font-weight: bold; text-transform: none; color: #fff; background-color: #579ADE; }
#areaUtenti p { float: left; width: 70px; }
#areaUtenti input { float: left; width: 105px; margin-right: 30px; margin-bottom: 10px; }
#areaUtenti select { float: left; margin-right: 30px; margin-bottom: 10px; }
.inserisci { background-image: none; background-color: #666; border: 0px; color: #fff; padding: 3px; margin: 15px 0px 0px 250px; }	
.utente { float: left; width: 210px; }
.icona { float: left; width: 15px; height: 20px; padding-top: 5px; }
.numero { float: left; width: 20px; height: 20px; padding-left: 5px; }
.nome { float: left; width: 140px; height: 20px; }	

#dataNascita { float: left; width: 300px; margin-top: 20px; }
#dataNascita p { float: left; width: 100px; margin-bottom: 10px; }
#dataNascita select { margin: 0px 5px 0px 15px; }
#regAntispam { float: left; width: 100%; padding: 25px 0px 10px 0px; }


#areaCategorie { float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px dashed #999; margin-bottom: 20px; }
#areaCategorie h1 { float: left; width: 610px; padding: 2px 10px; margin: 0px 0px 20px 0px; font-size: 120%; font-weight: bold; text-transform: none; color: #fff; background-color: #579ADE; }
.insTit p { float: left; width: 45px; }
.insTit input { float: left; width: 170px; margin-bottom: 10px; margin-right: 20px; }
.insDesc p { float: left; width: 75px; }
.insDesc input { float: left; width: 300px; margin-bottom: 10px; }
.insImg p { float: left; width: 65px; }
.insImg input { float: left; width: 155px; margin-right: 17px; margin-bottom: 10px; }
.insStato p { float: left; width: 75px; }
.insStato select { float: left; width: 100px; margin-bottom: 10px; }
.inserisciCat { float: left; width: 100%; padding: 10px 0px 0px 0px; }
.inserisciCat input { float: left; background-image: none; background-color: #666; border: 0px; color: #fff; padding: 3px 20px; margin: 5px 0px 10px 238px; }
.categoria { float: left; width: 610px; }
.icona { float: left; width: 15px; height: 20px; padding-top: 5px; }
.numero { float: left; width: 20px; height: 20px; padding-left: 5px; }
.titolo { float: left; width: 180px; height: 20px; font-weight: bold; }
.descrizione { float: left; width: 360px; height: 20px; }

#dimensioniFoto { float: left; width: 100%; font-weight: bold; color: #579ADE; font-size: 90%; padding: 10px 0px 20px 0px; }

.insCategoria p { float: left; width: 230px; }
.insCategoria select { float: left; width: 200px; margin-bottom: 20px; margin-right: 200px; }	
.kmCorsa p { float: left; width: 75px; margin-bottom: 20px; }
.kmCorsa input { float: left; width: 40px; margin-bottom: 20px; margin-right: 35px; }	
.corsaStato p { float: left; width: 75px; margin-bottom: 10px; }
.corsaStato select { float: left; width: 100px; margin-bottom: 35px; margin-right: 150px; }
.regolamCorsa { float: left; width: 100%; }
.titoloCorsa { float: left; width: 160px; height: 20px; font-weight: bold; }
.descrizioneCorsa { float: left; width: 250px; height: 20px; }
.categoriaCorsa { float: left; width: 130px; height: 20px; }		

.tempoPrestazione { float: left; width: 630px; margin-bottom: 30px; margin-top: 20px; }
.tempoPrestazione p { float: left; width: 140px; margin-bottom: 10px; }
.tempoPrestazione select { margin: 0px 5px 0px 15px; }
.datiPrestazione { float: left; width: 630px; margin-bottom: 10px; }
.datiPrestazione p { float: left; width: 120px; margin-bottom: 10px; }
.datiPrestazione input { float: left; width: 50px; margin-bottom: 10px; margin-right: 7px; }
.datiPrestazione select { float: left; width: 130px; margin-bottom: 10px; }
.sceltaData { float: left; width: 630px; margin-bottom: 10px; }
.sceltaData p { float: left; width: 120px; margin-bottom: 10px; }
.sceltaData img { float: left; margin-bottom: 10px; margin-right: 7px; }
.sceltaData input { float: left; width: 100px; margin-bottom: 10px; margin-right: 7px; }

#elencoPrest { float: left; width: 630px; padding-top: 10px; }
.prestazione { float: left; width: 630px; }
.utentePrest { float: left; width: 160px; height: 20px; font-weight: bold; }
.tempoPrest { float: left; width: 380px; height: 20px; }
#elencoPrestUtente { float: left; width: 630px; }
.tempoPrestUtente { float: left; width: 200px; height: 20px; font-weight: bold; }
.corsaPrestUtente { float: left; width: 270px; height: 20px; }
.catPrestUtente { float: left; width: 70px; height: 20px; font-style: italic; }
.utentePrestAdmin { float: left; width: 175px; height: 20px; font-weight: bold; }
.tempoPrestAdmin { float: left; width: 380px; height: 20px; }

#gardaCat { float: left; width: 550px; padding: 5px 0px 10px 80px; line-height: 17px; color: #666; }
.gardaCat { float: left; width: 200px; height: 200px; text-align: center; }
.gardaCat a { text-transform: uppercase; font-weight: bold; font-size: 120%; }	
#gardaTimes { float: left; width: 100%; padding: 10px 0px 0px 0px; line-height: 17px; color: #666; }
.corsa { float: left; width: 183px; height: 180px; border: 1px solid #bbb; text-align: center; padding: 13px 7px 0px 7px; margin: 11px 11px 0px 0px; background-image: url(img/bg_categoria.jpg); background-repeat: no-repeat; line-height: 16px; }
.titCorsa { float: left; width: 183px; height: 21px; }
.descCorsa { float: left; width: 183px; height: 35px; }
.fotoCorsa { float: left; width: 183px; height: 97px; }
.percorso { float: left; width: 90px; font-size: 70%; }
.percorso a { background-color: #666; color: #fff; padding: 2px 8px; }
.tempi { float: left; width: 90px; font-size: 70%; }
.tempi a { background-color: #999; color: #fff; padding: 2px 8px; }
#gardaTimes img { margin-top: 6px; }
#gardaTimes a { text-transform: uppercase; font-weight: bold; font-size: 120%; }
#tornaCat { float: left; width: 100%; padding-top: 5px; border-top: 1px solid #ccc; margin-top: 40px; }
#tornaCorsa { float: left; width: 100%; margin-top: 10px; padding-bottom: 15px; font-weight: bold; }
#raggruppa { float: left; width: 620px; margin-top: 10px; border-bottom: 1px solid #ccc; padding: 0px 10px 5px 0px; font-weight: bold; text-align: right; font-size: 90%; }
#raggruppa a { color: #666; }
#raggruppa a:hover { color: #333; }
#fotoCorsa { float: left; width: 100%; text-align: center; color: #666; font-size: 90%; padding-bottom: 40px; line-height: 25px; }
#regolamento { float: left; width: 100%; text-align: center; color: #666; font-size: 90%; padding-bottom: 40px; }
#regolamento span { float: left; width: 100%; padding-top: 15px; text-align: justify; border-top: 1px solid #ccc; }
#tempo { float: left; width: 580px; margin-top: 10px; border-bottom: 1px solid #ccc; padding: 0px 0px 5px 50px; font-weight: bold; font-size: 90%; }
#tempo a { color: #666; }
#tempo a:hover { color: #333; }
.prest { float: left; width: 100%; padding-top: 1px; border-bottom: 1px solid #ccc; }
.prest span { float: left; width: 70px; padding-left: 10px; }
.prest strong { float: left; width: 150px; }
.prest i { float: left; width: 260px; font-style: normal; text-transform: capitalize; }
.prest em { float: left; width: 100px; text-align: center; }


/* NEWS */
#box-news{float: left; width:314px; height:210px; border:1px solid #ddd; margin-bottom:20px; background-color:#fff;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;}
#box-news h2{border:none; padding:10px; color: #002D35; font-size:130%;}
#news { float: left; width: 294px; height: 140px; padding:10px;}
#news h1 { display: none; }

.news-data { float:left; margin-right:5px; padding: 12px 0px 2px 0px; color: #666; background-image: url(img/bg_data.gif); background-repeat: no-repeat; font-size: 70%; }
.news-titolo { padding: 13px 0px 6px 0px; font-weight: bold; text-decoration: underline; font-size: 70%; }
.news-titolo a { color: #666; text-decoration: underline; }
.news-titolo a:hover { color: #333; text-decoration: underline; }
.news-descrizione { padding: 0px 0px 20px 0px; color: #666; text-align: left; font-size: 55%; line-height: 12px; width:100%; /*border-bottom: 1px solid #666;*/ }
.news-leggi { float: right; width: 115px; height: 19px; color: #fff; font-size: 60%; text-align: center; font-weight: bold; text-transform: uppercase; }
.news-leggi a { color: #666; }
.news-leggi a:hover { color: #000; }

.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
.paginaNews-descCompleta { text-align: justify; padding: 20px 0px; }
.paginaNews-torna { text-align: right;  }
.paginaNews-data { font-weight: bold; color: #ccc; padding-top: 10px; }
.paginaNews-titolo a { font-weight: bold; color: #333; text-transform: capitalize; text-decoration: underline; font-family: Verdana; }
.paginaNews-titolo a:hover { color: #000; text-decoration: none; }
.paginaNews-descBreve { padding-bottom: 10px; line-height: 18px; }


#iGardatrainer{float: left; width:314px; height:180px; overflow:hidden; border:1px solid #ddd; margin-bottom:20px; background-color:#fff;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;}
#iGardatrainer h2{border:none; padding:10px; color: #002D35; font-size:130%;}

#box_newsletter{float: left; width:314px; height:140px; border:1px solid #ddd; margin-bottom:20px; background-color:#fff;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;}
#box_newsletter h2{border:none; padding:10px; color: #002D35; font-size:130%;}
#box_newsletter .labelForms{font-size:85%; float:left; width:80px; margin-bottom:5px;}
#box_newsletter .inputColor{font-size:85%; float:left; width:182px;margin-bottom:5px; }
#getInfo{padding:5px 10px;}
.inviaNewsletter { font-size:85%; float: right; width: 70px; margin:5px 0; margin-right:30px; border: 0px;  background-color: #132535; color: #fff; }
.clearboth{font-size:85%;}

/*footer*/

.push{height:49px;}

#footer { float: left; width: 1000px; margin:0 50px 0; height: 49px; text-align: left; background-image: url(img/bg-footer.png); background-repeat: repeat-x; }
#logofooter{float:left; margin:8px 20px 0;}
.footer-indirizzo { float: left; padding: 20px 0px 0px 20px; color: #333; font-size: 70%; }
.footer-indirizzo a { color: #333; text-decoration: underline; }
.footer-indirizzo a:hover { color: #000; text-decoration: underline; }

.footer-crediti { float: right;  margin-right:20px; margin-top:20px; color: #999; font-size: 60%; text-align:right;text-decoration: underline; }
.footer-crediti a { color: #999; text-decoration: underline; }
.footer-crediti a:hover { color: #333; text-decoration: underline; }


#sitemap { float: left; width: 400px; padding-left: 20px; text-transform: capitalize; }



/* CONTATTI */
.campo { width: 210px; float: left; height: 40px; }
.campo p { width: 75px; float: left; }
.campo input { width: 110px; float: left; font-size: 100%; font-family: Arial; color: #000; }

.campo2 { width: 630px; float: left; margin-bottom: 15px; }
.campo2 p { width: 75px; float: left; }
.campo2 input { float: left; width: 110px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; }
.campo2 textarea { width: 530px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.trattamento { font-size: 90%; line-height: 13px; margin-bottom: 10px; width: 610px; color: #999; float: left; font-size: 70%; }
.invia { float: left; width: 610px; text-align: center; }
.invia input { border: 0px; }
.obb { border: 2px solid #0099CC; }

.input_raa{
    font-size: 110%;
    border:1px solid #999;
    background-color: #EBEBEB;
}
/*Info*/
#infoHome{float: left; width: 664px; height:343px; color: #ccc; line-height: 20px;font-family: Arial; border:1px solid #ddd; background-color:#fff; overflow:hidden;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px; margin-top:20px;}
.titoloBox{padding:15px 28px 10px; color: #002D35; font-size:130%;}
#informazioni{margin-top:35px;}
.imgInfo{float:left; width:164px; margin:0 28px 0px;}
.imgInfo a{font-size:75%; float:left; text-align:center}
.imgInfo img{margin-bottom:10px;}
.descrizioneInfo{font-size:70%; line-height:150%; float:left; text-align:justify}
.descrizioneInfo h3{font-size:130%; color:#666; font-weight:normal; text-align:center; margin-bottom:10px;}