/*
 Creation and/or Modifications by
 ***********************************************************	
	Stefano Vollono - www.qubestudios.it
	Copyright (c) 2009 Stefano Vollono
	E-mail : s.vollono@qubestudios.it	
 ***********************************************************
*/


/*
/////////////////////////////AZZERAMENTO/////////////////////////////////////
Azzeramento dei valori di default
*/

*{
	margin:0;
	padding:0;
}

html{}

body{
	background:url(img/struttura/bodyBg.jpg) left top repeat-x;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
}

h2,h3,h4,h5,h6{
	font-weight:bold;
	font-size:13px;
	color:#666;
	border-bottom:1px dotted #ccc;
	padding-bottom:2px;
	margin-bottom:10px;
}

a:link, a:visited{
	color:#036;
	text-decoration:none;
}

a:hover{
	color:#036;
	text-decoration:underline;
}



/*
/////////////////////////////CLASSI RIPETUTE/////////////////////////////////////
Elenco delle classi ripetute nel sito
*/

.arialBlu11px{
	color:#434E63;
	font-weight:bold;
	font-size:11px;
}

.arialBlu12px{
	color:#434E63;
	font-weight:normal;
	font-size:12px;
	margin-bottom:10px;
	text-align:justify;
	line-height:20px;
}

.clear{
	clear:both;
}

h2.h2ContentLeft{
background:url(img/struttura/carbonbg.gif);
border:none;
display:block;
height:30px;
line-height:30px;
text-indent:10px;
color:#CCC;
}

h3.h3ContentLeft{
background:url(img/struttura/pattern.png);
border:none;
display:block;
height:15px;
line-height:15px;
text-indent:10px;
color:#CCC;
font-size:11px;
}

#eventoincorso h2, #ultimeNews h2, #ultimiCorsi h2, #fotoRandom h2, #videoShow h2, .divisoreRightRight #newsletter h2 {
background-color:#414858;
color:#fff;
padding:3px;
padding-left:6px;
}

.spaziatore{
	display:block;
	clear:both;
	height:20px;
}

/*
/////////////////////////////TEMPLATE: STRUTTURA://///////////////////////////////////
Struttura Generale del template.
1. Wrapper 
2. Top
3. Banner
4. Content
5. Footer
*/

#wrapper{
	width:990px;
	padding-top:10px;
	margin:0 auto;
}

#top{
	width:990px;
	height:69px;
	position:relative;
}

#banner{
	height:327px;
	width:990px;
}

#content{
	margin-top:15px;
	margin-bottom:5px;
}

#footer{
	width:990px;
	height:150px;
	background:url(img/struttura/footerBg.jpg) no-repeat top left;
	position:relative;
}

/*
/////////////////////////////TEMPLATE: FORMATTAZIONE/////////////////////////////////////
Formattazione degli elementi contenuti nella struttura nel template ripetuti in tutte le pagine.
1. Top
2. Banner
3. Footer
*/


/*Top*/
h1 a{
	background:url(img/struttura/logo.jpg);
	display:block;
	width:214px;
	height:56px;
	
}

h1 a span{
	display:none;
}

#loginTop{
	width:283px;
	position:absolute;
	right:0px;
	top:12px;
	text-align:right;
}

#loginTop input.loginInput{
	width:100px;
	padding:2px;
	font-size:11px;
	border:1px solid #ccc;
	color:#434E63;
	display:inline;
	float:left;
	margin-right:5px;
}

#loginTop input.loginBtn{
	display:inline;
	float:left;
	}
	

/*Banner*/	
#menu{
                width:990px;
                height:23px;
                padding-top:10px;
                font-size:12px;
				background:url(img/struttura/bgMenu.jpg) no-repeat left top;
/*        background-color:#434E63; */
margin-top:5px;
}

#menu ul{
                height:15px;
                margin-left:13px;
position:relative;
z-index:1;
}

#menu li{
                display:inline;
                padding-right:12px;
                padding-left:6px;
                background:url(img/struttura/spaziatore.jpg) right 2px no-repeat;
                float:left;
                text-transform:uppercase;
}

#menu li.voceCorrente a{

}

#menu li a{
                text-decoration:none;
                color:#fff;
display:block;
height:23px;
font-weight:bold;
}

#menu li a:hover{
                text-decoration:underline;
}

#menu li ul.sottomenu{
display:none;
height:30px;
line-height:25px;
position:absolute;
}

#menu li:hover ul{
display: block;
width:960px;
position:absolute;
z-index:100000;
top:23px;
left:-10px;
padding-right:10px;
background-color:#587DA7;
filter:alpha(opacity=90);
background:url(img/struttura/bgSottomenu.png) no-repeat left top;
}


#menu li:hover ul li{
                display:inline;
                padding-right:0px;
                padding-left:0px;
                margin-left:10px;
                background:none;
                float:left;
                text-transform:none;
                font-size:12px;
}

#menu li:hover ul li a{
color:#fff;
}

#menu li:hover ul li a:hover{
text-decoration:underline;
}



#flashHome, #bannerInterno{
	width:990px;
	height:252px;
	margin-top:5px;
}

#news{
	width:990px;
	height:20px;
	padding-top:8px;
	position:relative;
}

#ricerca{
	position:absolute;
	top:6px;
	right:0px;
	border-left:1px dotted #ccc;
	padding-left:10px;
	height:15px;
}

#ricerca input.ricercaInput{
	width:185px;
	padding:2px;
	font-size:11px;
	border:1px solid #ccc;
	color:#434E63;
	display:inline;
	float:left;
	margin-right:5px;
	padding-left:3px;
}


/*Footer*/
#footer p{
	color:white;
line-height:15px;
padding:6px 6px 6px 95px;
margin-bottom:17px;
font-size:11px;
}

#footer a.webagency{
	color:white;
position:absolute;
right:20px;
top:44px;
}

#footer ul{
	padding-left:86px;
}

#footer li{
border-right:1px dotted white;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:10px;
padding-right:10px;
}

#footer li a{
color:#20262F;
text-decoration:none;
font-size:11px;
}

#footer li a:hover{
color:#ccc;
}

#footer p:first-line{
	text-decoration:underline;
}




/*
/////////////////////////////HOME PAGE: STRUTTURA/////////////////////////////////////
Struttura degli elementi della Home
1. Content Left Home
2. Content Left Home: Left
3. Content Left Home: Right
4. Content Right Home
5. Content Right Home Top
6. Content Right Home Center
7. Content Right Home Center Left
8. Content Right Home Center Right
9. Content Right Home Bottom
*/

#contentLeftHome{
	width:475px;
	float:left;
	display:inline;
	padding-right:20px;
}

#contentLeftHome .divisoreLeftLeft{
	width:232px;
	margin-right:5px;
	float:left;
	display:inline;
}

#contentLeftHome .divisoreRightRight{
	width:232px;
	float:right;
	display:inline;
}

#contentRightHome{
	width:495px;
	float:left;
	display:inline;
}

#contentRightHomeTop{
	background:url(img/struttura/contentRightHomeBg.jpg) top left no-repeat;
	height:20px;
	width:495px;
}

#contentRightHomeCenter{
	background-color:#efefef;
	padding:0 10px;
	width:471px;
	border-right:2px solid #dfdfdf;
	border-left:2px solid #dfdfdf;
}

#contentRightHome .divisoreLeftLeft{
	width:230px;
	float:left;
	display:inline;
}

#contentRightHome .divisoreRightRight{
	width:230px;
	float:right;
	display:inline;
}

#contentRightHomeBottom{
	background:url(img/struttura/contentRightHomeBg.jpg) bottom left no-repeat;
	height:20px;
	width:495px;
}

/*
/////////////////////////////HOME PAGE: FORMATTAZIONE/////////////////////////////////////
Formattazione degli elementi contenuti nella sola home
1. Quick Link
2. Newsletter
3. Spazio Banner
4. Evento in corso
5. ultime news
6. Ultimi Corsi
7. Video Show
*/

#contentLeftHome #quickLink{
	width:475px;
	margin-bottom:20px;
}

#contentLeftHome #quickLink ul li{
list-style:none;
float:left;
display:inline;
width:154px;
height:90px;
margin:2px;
}

#contentLeftHome #quickLink ul li a img{
	border:0;
	width:154px;
	}

#contentLeftHome #newsletter{
margin-bottom:20px;
}

#contentLeftHome #newsletter p{
	margin-bottom:5px;
}

#contentLeftHome #spazioBanner{
	display:none;
}

#contentLeftHome #spazioBanner img{
	width:232px;	
}

#contentLeftHome #eventoincorso{
margin-bottom:20px;
}

#contentLeftHome #eventoincorso strong{
display:block;
margin-bottom:5px;
}

#contentLeftHome #eventoincorso img{
	width:100%;
margin-bottom:5px;
}

#contentLeftHome #ultimeNews .bloccoUltimeNews{
margin-bottom:10px;
}

#contentLeftHome #ultimeNews .bloccoUltimeNews li{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
list-style:none;
}

#contentLeftHome #ultimeNews .bloccoUltimeNews strong{
	display:block;
}

#contentLeftHome #ultimeNews .bloccoUltimeNews a{

font-size:11px;
}

#contentRightHomeCenter .clear{
	height:15px;
}

#contentRightHome .divisoreLeftLeft #ultimiCorsi ul li{
	margin-bottom:10px;
	list-style:none;
	color:#666;
}

#contentRightHome .divisoreLeftLeft #ultimiCorsi ul li span{
	font-size:11px;
	color:#036;
}
	
#contentRightHome .divisoreLeftLeft #ultimiCorsi ul li a{
	text-decoration:underline;
	color:#333;
}

#contentRightHome .divisoreLeftLeft #ultimiCorsi ul li a:hover{
	text-decoration:none;
	color:#036;
}

#contentRightHome .divisoreLeftLeft #ultimiCorsi ul li p{
	line-height:18px;
}
	
#contentRightHome .divisoreRightRight #fotoRandom img{

	padding:1px;
	border:1px solid #ccc;
	width:70px;
}

#contentRightHomeCenter #videoShow p a {
	color:#333;
	line-height:18px;
}

#contentRightHomeCenter #videoShow strong {
	margin-bottom:5px;
}

#contentRightHomeCenter #videoShowCont {
	margin-bottom:10px;
}



/*
/////////////////////////////PAGINE INTERNE: STRUTTURA/////////////////////////////////////
Formattazione degli elementi strutturali nelle pagine interne del sito.
1. Content Left Interne
2. Content Right Interne
*/

#contentLeftInterna{
	width:700px;
	float:left;
	display:inline;
	padding-right:20px;
}

#contentRightInterna{
	width:270px;
	float:right;
	display:inline;
}

#contentRightInternaTop{
	width:270px;
	height:20px;
	background:url(img/struttura/contentRightBg.jpg) no-repeat top left;
}

#contentRightInternaContenuti{
	width:248px;
	padding:0px 10px 5px 10px;
	border-right:1px solid #e9e9e9;
	border-left:1px solid #e9e9e9;
	background-color:#efefef;
	}

#contentRightInternaBottom{
	width:270px;
	height:20px;
	background:url(img/struttura/contentRightBg.jpg) no-repeat bottom left;
}

#contentRightInternaContenuti p{
	font-size:11px;
}

#contentRightInternaContenuti ul li{
	list-style:none;
	font-size:11px;
	margin-bottom:5px;
}

#contentRightInternaContenuti ul li a{
	border-left:3px solid #999;
	padding:0px 5px 0px 5px;
	
}

#contentRightInternaContenuti ul li a:hover{
	border-left:3px solid #777;
	padding:0px 5px 0px 5px;
	
}

/*
/////////////////////////////PAGINE INTERNE: FORMATTAZIONE/////////////////////////////////////
Formattazione degli elementi contenuti nelle pagine interne del sito.

2. location
3. istruttori
4. Corsi
5. A chi ci rivolgiamo
6. Parco auto
7. Promozioni
8. Media Gallery
9. Partners
10. Sede e Contatti
*/

/*2. location*/

.location{
	float:left;
	display:inline;
		margin:0px 10px 10px 0px;
}

.location img{
	width:220px;
}

#locationDett{
	height:300px;
	width:150px;
	border-right:1px dotted #ccc;
	padding-right:10px;
	margin-right:10px;
	float:left;
}

#locationDett img{
	width:150px;
	margin-bottom:10px;
}

#locationDesc{
	width:400px;
	float:left;
}

#locationFoto{
float:right;
width:115px;
}

#locationFoto img{
width:113px;
border:1px solid #ccc;
margin-bottom:10px;
}

/*3. istruttori*/

img.istruttore {
	width:130px;
	float:left;
	display:inline;
	margin:0px 10px 10px 0px;
}

img.istruttoreDett{
	float:left;
	margin:0px 10px 10px 0px;
}

/* 4. Corsi */

ul.listaCorsi{
	display:block;
	width:700px;
}

ul.listaCorsi li{
list-style:none;
width:228px;
height:134px;
float:left;
display:inline;
margin:0px 5px 5px 0px;
}

ul.listaCorsi li a img{
border:0;
}

.corsoDettLeft{
	width:240px;
	margin-right:10px;
	float:left;
}

.corsoDettRight{
	width:450px;
	float:left;
}

#fotoCorsoEsempio img{
	width:70px;
	margin:0px 3px 3px 0px;
	padding:1px;
	border:1px solid #ccc;
}

.elencoContenuti table{
border:none;
padding:0px;
margin:0;
}

.elencoContenuti table tr.intestazione {
background-color:#434e62;
color:white;
font-size:11px;
}

.elencoContenuti table tr.intestazione td{
padding:5px;
}

.elencoContenuti table tr.contenuti td {
padding:4px;
background-color:#efefef;
font-size:11px;
}

.elencoContenuti table tr.paging table{
font-size:11px;
text-align:right;
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
border-left:1px dotted #ccc;
background-color:#fafafa;
}

#riepilogoCorso, #riepilogoDatiPersonali, #riepilogoPagamento{
background-color:#fafafa;
border:1px solid #ccc;
padding:10px;
padding-top:20px;
margin-top:30px;
position:relative;
line-height:20px;
width:307px;
float:left;
margin-right:20px;
height:200px;
}

#riepilogoDatiPersonali{
	float:right;
	margin-right:0px;
}

#riepilogoPagamento{
	clear:both;
	display:block;
	width:680px;
	height:auto;
}

#riepilogoCorso p, #riepilogoDatiPersonali p, #riepilogoPagamento p{
	font-size:11px;
	font-weight:normal;
}

#riepilogoCorso p input, #riepilogoDatiPersonali p input, #riepilogoPagamento p input{
	font-size:11px;
	font-weight:normal;
	border:none;
}

#riepilogoCorso span, #riepilogoDatiPersonali span, #riepilogoPagamento span{
	font-weight:bold;
	font-size:12px;
	margin-right:5px;
}

.immagineOver{
position:absolute;
top:-20px;
right:10px;
}

#riepilogoPagamento .immagineOver{
	position:absolute;
	top:-20px;
	left:10px;
}

#riepilogoPagamento{
	margin-bottom:10px;
	height:260px;
}

#riepilogoPagamento #divbonifico, #riepilogoPagamento #divassegno, #riepilogoPagamento #divvaglia{
	float:left;
	border:1px dashed #ccc;
	padding:5px;
	margin-right:10px;
}

ul.listacalendario{
	float:left;
	border-left:1px dotted #ccc;
	padding-left:20px;
	margin-left:20px;
	margin-top:20px;
}

ul.listacalendario li{
	list-style:none;
}

ul.listacalendario li ul li{
	list-style-position:inside;
}



ul.listacalendario li ul{
	margin-bottom:10px;
}
	

/* 6. Parco Auto */
.contentAuto{
	width:164px;
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
	float:left;
	display:inline;
}

/*7 news eventi*/

.contNewsEvento img{
margin:0px 10px 10px 0px;
padding:2px;
border:1px solid #ccc;
width:250px; 
}

.contNewsEvento strong{
font-style:oblique;
font-size:11px;
}

/*fotogallery*/	

.catFoto{
float:left;
border:1px dotted #ccc;
padding:5px;
margin:10px 10px 0px 0px; 
width:260px;
font-size:11px;
}

.catFoto img {
width:100px;
padding:2px;
border:1px solid #ccc;
float:left;
margin-right:5px;
}

.catFotoRight strong{
color:#434e62;
}

a img.elencoFoto{
width:160px;
margin:0px 5px 5px 0px;
padding:1px;
border:0;
border:1px solid #ccc;

}

/*videogallwery*/

.videoYou{
float:left;
margin:5px 5px 0px 0px;
width:170px;
}

.videoYou p{
display:block;
margin-top:5px;
padding-bottom:3px;
border-bottom:1px dotted #ccc;
}

.videoYou a{
	font-size:11px;
}

/*dove siamo*/

#contMappa{
width:500px;
float:left;
padding:2px;
border:1px solid #ccc;
}

#mappaRight{
width:170px;
height:466px;
float:right;
text-align:right;
background-color:#606f8c;
padding:10px;
color:#fafafa;
}

/*partners sponsor*/

img.elencoPartnerSponsor{
margin-right:5px;
margin-bottom:5px;
padding-right:5px;
border-right:1px dotted #ccc;
}

/*Registrazione*/
#reg{
margin-bottom:20px;
width:700px;
position:relative;
}

#reg .rigaReg{
display:block;
margin-bottom:5px;
height:20px;
}

#reg .nomeCampo{
width:100px;
float:left;
}

#reg input.campiReg{
width:350px;
border:1px solid #ccc;
float:left;
font-size:11px;
padding:2px;
}

#regOk{
width:200px;
margin:50px auto;
background-color:#657086;
padding:5px;
}

#regOk p{
font-weight:bold;
color:white;
text-align:center;
margin-bottom:0;
}

#privacy{
width:220px;
height:295px;
float:left;
position:absolute;
top:0px;
right:0px;
border-left:1px dotted #ccc;
padding-left:10px;
}

#privacy img{
width:180px;
margin-left:15px;
}

#privacy p.intestazionePrivacy{
background-color:#333;
padding:3px;
color:#fff;
font-weight:bold;
margin-bottom:5px;
}


#privacy p{
text-align:justify;
font-size:11px;
}

.accettazionePrivacy{
background-color:#3F536E;
margin-top:10px;
color:#fff;
font-weight:bold;
position:relative;
width:355px;
margin-left:100px;
}

.accettazionePrivacy input{
position:absolute;
top:3px;
left:3px;
}

.accettazionePrivacy .nomeCampo{
position:absolute;
top:3px;
left:20px;
}

.button{
height:30px;
position:relative;
width:355px;
margin-left:100px;
}

.button input{
position:absolute;
width:80px;
height:22px;
top:4px;
left:0px;
cursor:pointer;
border:none;
text-indent:-99999px;
overflow:hidden;
background:url(img/struttura/registrati.jpg) no-repeat bottom left;
}