/*

THEME NAME: style2.css

THEME URL: http://www.centrovirgilio.com/css/style.css

DESCRIPTION: Versione web 2.0, gradiente di sfondo a copertura totale dell'area browser, formmail cgi

FOGLIO STILE BASE: style.css

@ IMPORT STYLE:
1.style2 // stile solo per l'homepage
2.styleIE // stile dedicato per explorer
3.style2IE // stile solo per l'home page dedicato per explorer

SCRIPT ESTERNI
1. js/swfobject.js // inserisce tramite oggetti flash tramite js
2. js/pngfix.js // attiva la visualizzazione di .png in explorer 6 e precedenti
3. js/expandMenu.js // espande sottomenu ul
3. js/sendMail.js // controlla la compilazione dei campi nel form

VERSION: 1.0 

AUTHOR: Marcello Ascari, www.marcelloascari.com

STYLE COLOR
style="color:#0078C1"   BLU
style="color:#FFCC00"   GIALLO

STYLE INDEX
 #. Generali HTML
 #. Tipografia e stili carattere
 1. WRAPPER MAIN	
 2. HEADER 
 3. FOOTER
 4. MENU CORSI
 5. LEFT
 6. CARD
 7. CARD UNIVERSITA
 8. CARD SUPERIORI
 9. CARD INFERIORI
 10. CARD ALTRI CORSI
 11. BOX TESTO
 12. RIGHT
 13. RIGHT DX E SX


/*  Generali  */

html, body{
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font: 10pt/14pt Georgia;
/*background-image:url(../img/backPag.png);*/
background-repeat:repeat-x;
background-position:top center;
background-color:#FFCC00;
/*background-color:#ffcc00;*/

}

#backgroundGradiente{
position: absolute;
background-image:url(../img/backPagLong.png);
	 background-position: top center;
	 background-repeat:no-repeat;
	 width: 100%;
	 height:100%;
	 top:0;
	 left:0;
	 padding: 0;
	 z-index:1
	 }

#background{
position: absolute;
	 background-image:url(../img/_texture2.png);
	 background-position: bottom center;
	 background-repeat:no-repeat;
	 width: 100%;
	 height:100%;
	 bottom:0;
	 padding: 0;
	 z-index:1
	 }

	

/* immagine trasparente sullo sfondo
#background{
position: absolute;
	 background-image:url(../img/_texture2.png);
	 background-position: bottom center;
	 background-repeat:no-repeat;
	 width: 100%;
	 height:100%;
	 margin-top:95px;
	 padding: 0;
	 z-index:1
	 }

*/	 
	 
/*   Tipografia e stili carattere   */


h1, h2, h3, h4, h5, h6,ol, ul, li, p {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	}
	
.narrow1{
	width: 50%;
	line-height: 90%;
	}
.narrow2{
	width: 50%;
	line-height: 105%;
	}
	
	
.StileTitoli {color: #08516B}

.StileTitoliB {color: #FFF; font-weight:bold; font-family: Arial, Helvetica, sans-serif}

.StileTitoliForm {color: #FFF; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:8pt;}

.StileCorpoDescrizione{color: #999999; text-indent:15px;}

.StileCorpoDescrizioneWeb, .StileCorpoDescrizioneWeb a{color: #999999; text-indent:0;}

.StileCorpoDescrizioneB{color: #fff; text-indent:15px;  font-family: Arial, Helvetica, sans-serif;}

.StileCorpoDescrizioneB a {color:#FFCC00;}

.StileCorpoPrivacyB {color: #fff; text-indent:15px;  font-family: Arial, Helvetica, sans-serif; font-size:7pt; line-height:normal}

.StileCorpoPrivacyB a {color:#FFCC00;}

.StileCorpoHome { color:#FFFFFF; font-size: 8pt; line-height:13pt; }
	
.StileCard{font-size:11pt; line-height:50px; font-weight:bold;}

.StileInfoCardElement{color: #999999; text-indent:0; font-size:7pt; font-weight:normal; margin-top:2px;}

.StileInfoCard{color: #003366; text-indent:0; font-size:14pt; line-height:25px}
	
.StileNewsCorpo{color: #fff; text-indent:0; font-size:7pt; margin-top:-10px; line-height:8pt; margin-left:-40px}

.StileNewsCorpo a{color: #ffcc00; }

.StileNewsTitolo{color:#FFCC00; text-indent:0; font-size:7pt; margin-top:-12px; line-height:7pt; margin-left:-40px}

.StileNews{color:#FFCC00; text-indent:0; font-size:8pt; font-weight:bold; margin-left:-40px}
	
a:link {
text-decoration:none;
	}
a:visited {
text-decoration:none;
	}
a:active {
text-decoration:none;
	}
a:hover {	
text-decoration:none;
	}


h1 {
	font-size: 150%;
	font-weight: normal;
	}
h2 {
	font-size: 120%;
	font-weight: normal;
	}
h3 {
	font-size: 100%;
	font-weight: normal;
	}
h4 {
	font-size: 75%;
	font-weight: NORMAL;
	}
h5 {
	font-size: 70%;
	font-weight: bold;
	}
h6 {
	font-size: 64%;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {
	list-style: none;
	font-size: 80%;
	line-height: 150%;
	left:0;
	}
	
p {
	font-size: 80%;
	line-height: 150%;
	text-indent: 15px;
	color: #999999;
	}
pre {
	font-family: monospace;
	font-size: 80%;
	}
strong, b {
	font-weight: bold;
	}
	
	
	
/*   WRAPPER / MAIN   */


#sfondo{
position: absolute;
z-index: 1;
width: 100%;
margin: 0;
padding: 0;
}

#wrapper{
width: 900px;
margin: auto;
text-align: left;
height:100%;
position:relative;
z-index:1;

}

#main{
position:relative;
width: 900px;
height:100%;
/*background-color:#CC0066;*/
}

#mappa{
	position:absolute;
	width: 100%;
	height: 360px;
	right: 0;
	top: 0;
	bottom:auto;
	padding: 0;
	overflow: hidden;
	z-index: 5;
	background-color:#CCC;
	text-align:center;
}

.form{
	border:none;
	padding:0.25em;
	color:#999;
	}

	
/*   HEADER   */


#header{
width: 900px;
height:47px;
background-image:url(../img/header.png);
position:absolute;
top:-8px;
z-index:10;
}

#menuHeader{
position:absolute;
right:20px
}

#menu{
text-align:center;
line-height:45px;
}

#menu a{
width:110px;  
height:46px; 
background:url(../img/backButton.png) no-repeat right top;
float:left;
text-decoration:none;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#menu a:hover{
background-position:center;
text-decoration:none;
}
#menu a.selezionato, #menu a.selezionato:hover{
background-position:bottom;
text-decoration: none;
color:#FFCC00
}



/*   FOOTER   */


#footer{
position:absolute;
width:100%;
height:46px;
bottom:6px;
background-image:url(../img/footer.png);
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration: none;
line-height:45px;
clear:both;
z-index:10;
}



#footer a{color:#FFFFFF}

#infoFooter{
float:left;
	margin-left:30px;
}

#creditFooter{
float:right;
margin-right:30px;
}


/*  MENU CORSI   */


#menuOfferta a{
background-color:#FFCC00;
margin:10px;
text-decoration:none;
}
#menuOfferta a:link{
text-decoration: none;
color: #000000;
}
#menuOfferta a:hover {
color: #CCCCCC;
}

	
/*   LEFT   */


#left{
width: 250px;/*meno 2px bordo*/
float: left;
margin-top: 50px;
}


#leftContent{
margin: 10px;
text-align:center;
}

#logo{

}



/*   CARD   */


#center{
	position:absolute;
	width:100%;
	left:2.5%;
	bottom:2%;
	background-color:#;
	z-index:15;

}
.infoCard{
position:absolute;

	width:175px;
	padding-left:25px;
	background-color:#;
	z-index:101;
}

.infoCardElement, .infoCardElement ul{
position:absolute;

right:0;
	width:370px;
	background-color:#;
	text-align:left;
	z-index:101;
}



/*    CARD UNIVERSITA  */


#card1 a{
	width:164px;  
	height:278px;
	background:url(../img/box1.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#fff;
	margin-left:0px;
	text-align:center;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
	
}

#card1 a:hover{
	width:164px;  
	height:278px; 
	background:url(../img/_box1Hover.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#FFF;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
}

#card1 ul {
	list-style: none;
	font-size:100%;
	line-height:normal;
	}

#card1 li a span {
	display: none;
}



/*  CARD SUPERIORI   */

#card2 a{
	width:164px;  
	height:312px; 
	background:url(../img/box2.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#fff;
	margin-left:35px;
	text-align:center;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
	
}

#card2 a:hover{
	width:164px;  
	height:312px; 
	background:url(../img/_box2Hover.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#FFF;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
}

#card2 ul {
	list-style: none;
	font-size:100%;
	line-height:normal;
	}

#card2 li a span {
	display: none;
}




/*    CARD INFERIORI   */

#card3 a{
	width:164px;  
	height:312px; 
	background:url(../img/box3.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#fff;
	margin-left:35px;
	text-align:center;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
}

#card3 a:hover{
	width:164px;  
	height:312px; 
	background:url(../img/_box3Hover.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#FFF;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
}

#card3 ul {
	list-style: none;
	font-size:100%;
	line-height:normal;
	}

#card3 li a span {
	display: none;
}


/*   CARD ALTRI CORSI   */

#card4 a{
	width:164px;  
	height:312px; 
	background:url(../img/box4.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#fff;
	margin-left:35px;
	text-align:center;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
}

#card4 a:hover{
	width:164px;  
	height:312px; 
	background:url(../img/_box4Hover.png) no-repeat top;
	float:left;
	text-decoration:none;
	color:#FFF;
	line-height:45px;
	font-size:5.5pt;
	font-weight:bold;
	letter-spacing:0.2pt;
}

#card4 ul {
	list-style: none;
	font-size:100%;
	line-height:normal;
	}

#card4 li a span {
	display: none;
}


/*   BOX TESTO   */


.box{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:0px;

}

.boxNewsBack{
	position:absolute;
	top:0px;
	width:241px;
	height:205px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	background-image:url(../img/boxNews.png);
	background-repeat:no-repeat;
}

.boxNewsScroll{
	position:absolute;
	top:10px;
	width:210px;
	height:175px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#;
	background-repeat:no-repeat;
	overflow:auto;
}

.boxNews{
	position:absolute;
	top:0px;
	width:180px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	background-color:#;
	background-repeat:no-repeat;
	overflow:hidden
}

.box1{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:400px;
	margin-left:-4px;

}

.box2{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:375px;
	margin-left:-4px;

}

.box3{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:1225px;
	margin-left:-4px;

}

.box4{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:1735px;
	margin-left:-4px;

}

.box5{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:2265px;
	margin-left:-4px;

}

.box6{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:375px;
	margin-left:-4px;

}

.box7{
	position:relative;
	height:auto;
	background-image:url(../img/_boxBottom.png);
	background-position:bottom left;
	width:295px;
	margin-top:375px;
	margin-left:-4px;

}

.boxContent{
	position:absolute;
	top:54px;
	width:275px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#fff
}

.boxContentBlu{
	position:absolute;
	top:54px;
	width:275px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#0078C1;
}

.boxContentIndex{
	position:absolute;
	top:15px;
	width:275px;
	background-color:#;
}

.boxTop{
	position:absolute;
	top:0;
	width:295px;
	height:54px;
	background:url(../img/_boxTop.png);
	background-repeat:no-repeat;
	text-align:center;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size: 8pt
}

.boxTopBlu{
	position:absolute;
	top:0;
	width:295px;
	height:54px;
	background:url(../img/_boxTopBlu.png);
	background-repeat:no-repeat;
	text-align:center;
	line-height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size: 8pt
}

.boxBottom{
	bottom:-21px;
	left:0;
	position:absolute;
	background-image:url(../img/_boxBottom.png);
	background-repeat:no-repeat;
	width:295px;
	height:21px;
	font-size: 9pt;

}

.boxBottomBlu{
	bottom:-21px;
	left:0;
	position:absolute;
	background-image:url(../img/_boxBottomBlu.png);
	background-repeat:no-repeat;
	width:295px;
	height:21px;
	font-size: 9pt;

}


/*   RIGHT   */


#right{
	position:absolute;
	width: 68%;
	height: 83%;
	right: 0%;
	top: 7%;
	bottom:auto;
	padding: 2%;
	overflow: hidden;
	z-index: 5;
}

#right1{
	position:absolute;
	width: 68%;
	height: 400px;
	right: 0%;
	top: 7%;
	bottom:auto;
	padding: 2%;
	overflow: hidden;
	z-index: 5;
	background-color:#0066CC
}

#rightBack{
	position:absolute;
	width: 67%;
	/*height: 82%;*/
	height:100%;
	right: 0;
	/*top: 7%;*/
	bottom:auto;
	padding-left:3%;
	padding-right:2%;
	padding-top:2%;
	padding-bottom:2%;
	overflow: auto;
	z-index: 4;
	background-color:#fff;
	filter:alpha(opacity=45);
	-moz-opacity:.45;
	opacity:.45;
	/*background-color:#006699*/
}


#rightMain{
	width:99%;
	height:100%;
	padding-left:1%;
	padding-right:0%;
	background-color:#;
	z-index:7;
	overflow: auto;
}

#rightContent{
	position:relative;
	width:96%;
	/*background-color:#FFCC00;*/
	padding:5px;
}



/*   RIGHT - COLONNE SX / DX    */


#centroSX{
	position:absolute;
	top:0;
	left:0;
	width:285px;
	height:auto;
	background-color:#;

}


#centroDX{
	position:absolute;
	top:0;
	right:0;
	width:285px;
	height:96%;
	background-color:#;

}

.centroFoto{
	width:100%;
	padding-bottom:1px;
	right:0
}