body{ background:#FFF; margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif}
p{margin:0; padding:0}
a{color:#000000; text-decoration:underline;}
a:hover{color:#000000; text-decoration:none;}
.testoPiccolo{ font-size:90%;}
#page{
 width:880px;
 margin: 0% auto; /* centra il contenuto per gli altri browser (Firefox etc.)*/
 text-align:left;
}


/* -------------- HEADER ------------------------------------ */
#header{height:110px; background:url(../images/bg_header.jpg) top left no-repeat;}
.logo{ width:122px; float:left;}
.barNavConteiner{float:right; position:relative; top:79px; right:33px; background:#737373; padding:3px 0; width:700px}
.jquerycssmenu{
font: bold 14px Arial;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: url(../images/box_nav.png) top left no-repeat; /*background of tabs (default state)*/
padding: 4px 5px 0 5px;
margin-right: 5px; /*spacing between tabs*/
color: #fff;
text-decoration: none;
text-align:center;
width:121px;
height:21px;
}

.jquerycssmenu ul li a:hover{
background-image: url(../images/box_nav_f2.png)}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: normal 14px Arial;
width: 121px; /*width of sub menus*/
background: url(../images/box_nav.png) top left no-repeat; /*background of tabs (default state)*/;
color: white;
padding: 4px 5px;
margin: 0;
border-top-width: 0;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: url(../images/box_nav_f2.png) top left no-repeat;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 10px;
right: 11px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}
/* ---------------FINE HEDER ---------------------*/


/* --------------- CENTRO ------------------------*/
#centro{background:url(../images/bg_centro.jpg) top left repeat-y; height:469px;}

/* home*/
.sfondoHome{background:url(../images/bg_home.jpg) top left no-repeat; height:469px;}
.imgWelTonFit{float:left; position:relative; left:352px; top:120px; width:213px;}
.testoHome{float:right; width:160px; position:relative; top:20px;  right:34px; color:#FFFFFF;}

/*about me*/
.sfondoAboutMe{ background:url(../images/bg_about_me.jpg) top left no-repeat; height:469px;}
.testoAboutMe{float:right; width:380px; padding:20px 40px 0 0 ; color:#FFFFFF;}

/*attrezzi*/
.sfondoAttrezzi{ background:url(../images/bg_attrezzi.jpg) top left no-repeat; height:469px;}
.testoAttrezzi{float:right; width:155px; position:relative; top:5px;  right:37px; color:#FFFFFF; line-height:15px;}
.testoAttrezzi a{ color:#FFFFFF;}
.sfondoAttrezziBosu{ background:url(../images/bg_attrezzi_2.jpg) top left no-repeat; height:469px;}
.testoAttrezziBosu{float:right; width:230px; position:relative; top:5px;  right:25px; color:#FFFFFF; line-height:15px;}
.sfondoAttrezziGliding{ background:url(../images/bg_gliding.jpg) top left no-repeat; height:469px;}
.testoAttrezziGliding{float:right; width:320px;  padding:10px 37px 0 0; color:#FFFFFF;}

/* master */
.sfondoMaster{ background:url(../images/bg_master.jpg) top left no-repeat; height:469px;}
.testoPrimaColonna{width:310px; float:left; padding:5px 5px 0 25px; font-size:95%}
.testoSecondaColonna{width:310px; float:left; padding:5px 5px 0 10px; font-size:95%; overflow:auto; height:430px;}

/* prodotti vari */
.contenitoreBoxProdotti{ float:left; width:660px; height:440px; overflow:auto;}
.boxProdottiVari{ float:left; width:130px; height:90px; margin:15px 0 0 28px; font-size:95%; text-align:center; border:#DBBDE3 solid 1px;}
.boxProdottiVari a{ color:#000000; text-decoration:none;}
.boxProdottiVari a:hover{ color:#000000; text-decoration:underline;}
.boxScheda { float:left; width:660px; height:440px; padding:5px 0 5px 35px;}
.imgScheda { float:left; width:250px; height:166px; margin:30px 0 0 0; border:#DBBDE3 solid 1px; padding:5px 2px; text-align:center;}
.titoloScheda { float:left; width:295px; height:22px; margin:30px 0 0 25px; font-size:16px; font-weight:bold; border-bottom:#666666 solid 1px;}
.testoScheda { float:left; width:295px; height:350px; margin:10px 0 0 25px; overflow:auto;}
.backScheda { float:right; color:#666666; text-align:right; width:50px; margin:0 30px 0 0;}
.backScheda a{ color:#666666; text-decoration:none;}
.backScheda a:hover{ color:#9933FF; text-decoration:none;}

/* contatti */
.sfondoContatti { background:url(../images/bg_contatti.jpg) top left no-repeat; height:469px;}
.contenitoreSinistro { float:left; width:350px; height:420px;}
.imgContatti { width:277px; height:288px; margin:0 0 0 23px; padding-top:10px;}
.TestoContattiFabrizia { margin:15px 0 0 70px; width:185px; font-size:22px; color:#650066; font-weight:bold;}
.testoContattiMaster { float:left; padding:30px 0 0 30px; width:267px; font-size:30px; color:#FFFFFF;}
.contattiIndirizzo { float:left; width:185px; margin:215px 0 0 145px; font-size:15px; color:#650066;}
.contattiDati { float:left; width:210px; margin:10px 0 0px 145px; color:#650066; font-size:95%;}

/*corsi ed eventi */
.sfondoCorsi { background:url(../images/bg_corsi_ed_eventi.jpg) top left no-repeat; height:469px;}
.contenitoreQuadrati { float:left; width:525px; height:410px; overflow:auto;}
.quadratoCorsi { background:url(../images/quadrato_corsi_ed_eventi.gif) top left no-repeat; height:120px; width:250px; height:125px; margin:0px 0 0 30px;}
.imgQuadrato { width:215px; height:90px; padding:16px 0 0 15px; text-align:center}
.testoImgCorsi { width:400px; height:15px; margin:0 0 0 50px;}
.testoImgCorsi a{ color:#000000; text-decoration:none;}
.testoImgCorsi a:hover{ color: #9933FF; text-decoration:none;}
.imgCalendario { float:left; width:212px; height:278px; margin:30px 0 0 65px;}

.corsiBack{width:500px; text-align:right; margin:3px 5px 5px 0}
.corsiBack a{ color:#000000; text-decoration:none;}
.corsiBack a:hover{ color:#9933FF; text-decoration:none;}
.corsiTitotlo{margin:5px 5px 0 20px; border-bottom:#333333 solid 1px;}
.corsiDescrizione{margin:5px 5px 0 20px;}
.info { float:left; width:500px; height:15px; margin:5px 0 0 25px; color:#000099;}
/*---------------- FINE CENTRO -------------------*/


/* ---------------- FOOTER -------------------------*/
#footer{color:#666666; font-size:90%; text-align:center;}
#footer a{ color:#666666; text-decoration:none; }
#footer a:hover{ color:#666666; text-decoration:underline; }
/* ---------------- FINE FOOTER --------------------*/