html { text-align: center; }

body {
	text-align:left;
	font-size:62.5%; 
	font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
	color:#3b3b3b;
	background:#8f0000 url(../img/body.gif) repeat-x 0 0;
	}

div#wrap {
	width:976px;
	margin:0px auto;
	padding-bottom:20px;
	background-color:#f3f2e9;
	border:solid 2px #fff;
	position:relative;
	}
	
/* BRANDING ----------------------------------*/

div#branding { margin-top:20px; position:relative; }

/* HEADER ------------------------------------*/

div#header { margin-bottom:10px; margin-top:20px; } 

/* NAVIGAZIONE PRINCIPALE --------------------*/

ul#nav_main { 
	display:block;
	width:980px;
	height:49px;
	margin:10px auto 0 auto;
	}

ul#nav_main li { display:inline; padding:0 5px 0 0; }

ul#nav_main li a {
	font-size:1.8em;
	line-height:2em;
	font-weight:bold;
	color:#fff;
	padding:10px;
	}
ul#nav_main li a:hover { 
	color:#3b3b3b; 
	background-color:#fff;
	text-decoration:none;
	}

ul#nav_main li a.active { 
	color:#3b3b3b; 
	background-color:#fff;
	}

ul#nav_main.active {
	color:#3b3b3b; 
	background-color:#fff;
	}

/* PROMOZIONI ED EVENTI --------------------*/

div#promozioni, div#eventi {
	background-color:#8f0000;
	height:150px;
	}

div#promozioni a, div#eventi a {
	color:#fff;
	margin-left:10px;
	}

div#promozioni a:hover, div#eventi a:hover {
	text-decoration:underline;
	}

div#promozioni img, div#eventi img {
	margin:10px 10px 10px 0;
	}

/* SEDI --------------------------*/

a.selected img, div#sedi ul li a:hover img { border-bottom:solid 8px #900; }

div.location h3 { margin-bottom:0.5em; }

/* immagini flottanti della colonna di sinistra */
div.location img.desc { 
	float:left; 
	padding:5px 20px 10px 0px;
	}

div.location p { padding-right:20px; }

div.location ul { 
	padding:0px 0px 10px;
	margin-bottom:2em;
	}
	
div.location ul li {
	font-size:1.4em;
	line-height:1.2em;
	padding-top:3px;
	padding-bottom:3px;
	}

div.location ul li h4 {
	font-size:1.6em; 
	font-weight:bold; 
	line-height:1em;
	margin-bottom:0.3em;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	}
	
div.location ul li a {
	color:#8f0000;
	line-height:1.4em;
	}

div.location ul li a:hover {
	text-decoration:underline;
	}

/* EVENTI --------------------- */

.evento h2 { 
	font-size:1.8em; 
	font-weight:bold; 
	text-transform:none;
	font-variant:small-caps;
	line-height:2em;
	margin-top:1em;
	}

.archivio a {
	position:absolute;
	top:2px;
	left:768px;
	display:block;
	width:170px;
	height:30px;
	z-index:99;
	line-height:2em;
	font-weight:bold;
	text-align:center;
	border:solid 1px #fff;
	}
	
ul#eventi { margin-bottom:1.6em; }

ul#eventi li { 
	font-size:1.4em; 
	line-height:1.6em; 
	margin-bottom:0.5em;
	padding-left:30px;
	background: transparent url(../img/tick.gif) no-repeat 0 center;
	}

ul#eventi-info li { 
	font-size:1.4em;
	line-height:1.6em;
	margin-bottom:0.5em;
	}

/* CHI SIAMO ------------------ */

div#istruttori img { margin-top:2em; }

div#istruttori a img { 
	border:solid 5px #fff; 
	display:block; 
	width:290px; 
	position:relative; 
	}

div#istruttori a:hover img { border:solid 5px #8f0000; }

.etichetta { 
	display:block;
	width:270px;
	height:50px;
	margin:-80px 0 0 5px;
	}
	
p.etichetta { 
	background-color:#000; 
	font-weight:normal;
	position:absolute;
	z-index:88;
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	font-weight:normal;
	filter:alpha(opacity=70);  
    -moz-opacity:0.7;  
    -khtml-opacity: 0.7;  
    opacity: 0.7; 
	}
	 
.etichetta a { 
	font-size:1.6em;
	color:#fff;
	padding-left:20px;
	line-height:50px;
	}

.etichetta a:hover { text-decoration:none; }

/* SPAZIO PARSIFAL ------------ */

div#spazio-parsifal img  { 
	display:block;
	width:450px;
	position:relative;
	margin-bottom:3em; 
	}

.etichetta-spazio { 
	display;:block;
	width:390px;
	line-height:40px;
	margin:-110px 0 50px 5px;
	padding:10px;
	position:absolute;
	background-color:#000;
	z-index:99;
	font-weight:normal;
	filter:alpha(opacity=70);  
    -moz-opacity:0.7;  
    -khtml-opacity: 0.7;  
    opacity: 0.7;
	color:#fff;
	}

.art-scienza { 
	border-bottom:dotted 1px #ccc; 
	margin:0 0 10px 0;
	}

ul#link-spazio li { 
	font-size:1.4em;
	line-height:1.6em;
	margin-bottom:0.9em;
	}

ul#link-spazio li a {
	color:#fff;
	background-color:#8f0000;
	padding:5px 10px;
	-moz-border-radius:4px;  
	-webkit-border-radius:4px;  
	border-radius:4px;
	}
	
/* CORSI  --------------------- */

div#corsi h3 {	
	font-size:2em; 
	font-weight:bold; 
	line-height:2em;
	margin-top:0.9em;
	margin-bottom:0.9em;
	color:#8f0000;
	text-transform:none;
	font-variant:small-caps;
	background-color:ccc;
	display:block;
	width:auto;
	height:auto;
	z-index:999;
	}

ul#imgcorsi {
	position:relative;
	width:100%;
	}

h2#corsi-title { font-size:8em; color:#fff; display:block; width:400px; height:80px; position:absolute; top:148px; left:-3px; }

div#corsi ul li { background-color:#3b3b3b; display:block; width:300px; height:126px; }
div#corsi ul li:hover { background-color:#8f0000; }
div#corsi ul li img { float:left; width:120px; }
div#corsi ul li a img { margin:3px 5px 3px 3px; }
div#corsi ul li p { color:#fff; font-size:1.2em; line-height:1.5em; padding:3px 3px 0 129px; }
div#corsi ul li p a { color:#fff; text-decoration:underline; }
div#corsi ul li p a:hover { color:#fff; text-decoration:none; }

/* ACCESSO RAPIDO ------------- */

div#topnav { position:absolute; top:61px; left:774px; z-index:900; height:500xp; }

/* SCHEDE --------------------- */

ul#descrizione-corso li { background: transparent url(../img/bordo.gif) repeat-x 0 bottom; padding-bottom:1px; }

div#colonna-descrizione h2 {
	font-size:2.2em; 
	line-height:1.5em;
	color:#8f0000;
	margin:1em 0 0 0;
	}

ul#descrizione-corso li h3 {
	font-size:2em; 
	font-variant:small-caps;
	text-transform:none;
	font-weight:bold; 
	line-height:2em;
	margin-bottom:0em;
	padding-left:20px;
	background: transparent url(../img/marker.gif) no-repeat 0 center;
	}

ul#descrizione-corso li p {
	padding-left:20px;
	font-size:1.4em;
	margin-bottom:1em;
	}

ul#descrizione-corso li blockquote {
	font-size:1.2em;
	line-height:1.5em;
	margin:0.5em 0 1.5em 0;
	padding:0;
	font-weight:bold;
	border:none;
	text-indent:0px;
	}

ul#descrizione-corso li img { margin:2em 0; border:solid 2px #fff; }

div#scheda img { border:solid 2px #fff; margin:2.2em 0 0 0;  }

div#scheda h3 { text-transform:uppercase; color:#8f0000; font-size:1.8em; line-height:1.8em; margin:1em 0; }

/* ARTICOLI ------------------- */

div#articoli img { margin:15px!important; }

div#foto ul, div#foto2 ul { margin-left:15px; }
div#foto ul li, div#foto2 ul li { display:inline;  font-size:1.4em; text-align:center; }
div#foto ul li a, div#foto2 ul li a { 
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	float:left;
	background-color:#3b3b3b;
	padding:10px;
	margin-right:10px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:normal;
	}
	
div#foto ul li a:hover, div#foto2 ul li a:hover {  }

span.pullquote { 
	float:right;
	font-size:1.5em;
	line-height:1.5em;
	margin:1.9em;
	width:220px;
	font-style:italic;
	color:#8f0000;
	}

/* CONTATTI ------------------- */

div#contatti { /*background: transparent url(../img/bordo.gif) repeat-x 0 bottom;*/ margin-bottom:20px; }
div#contatti h3	{	
	font-size:2.6em; 
	font-weight:bold; 
	line-height:1em;
	padding:5px 0px;
	margin:0.5em 15px 0.1em;
	border-bottom:solid 1px #2d2d2d;
	}

div#pagina-risposta h3 { margin:1.5em 0em; font-size:2em; }

/* FORM ----------------------- */

.cssform input { font-family:Arial, Helvetica, sans-serif; }

.cssform p {
width: 255px;
clear: left;
margin: 0;
padding: 10px 0 8px 0;
padding-left: 120px; /*width of left column containing the label elements*/
border-top: 1px dotted gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -110px; /*width of left column*/
width: 105px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.styled { border:none; }

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 250px; 
}

.cssform select { width: 255px; }

.cssform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug
*/

* html .threepxfix{
margin-left: 3px;
}

input.button { 
	display:block;
	width:90px;
	height:50px;
	margin-left:162px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:1.2em;
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	color:#fff;
	background-color:#2d2d2d;
	cursor:pointer;
	-moz-border-radius:5px;  
	-webkit-border-radius:5px;  
	border-radius:5px;
	}

/* FOOTER --------------------- */

div#footer { 
	width:980px;
	margin: 0 auto;
	padding-top:10px;
	}

div#footer p { 
	text-align:right;
	color:#fff;
	}
	
div#footer a { color:#fff; }

div#footer a:hover { color:#fff; }

/* TIPOGRAFIA --------------------- */

h1 { 
	text-indent:-555em;
	display:block;
	width:940px;
	height:69px;
	background: #f3f2e9 url(../img/h1.gif) no-repeat 0 0;
	}

h1 a {
	display:block;
	width:310px;
	height:69px;
	}

h2 { 
	font-size:3em; 
	font-weight:bold; 
	text-transform:uppercase;
	line-height:2em;
	}

h3	{	
	font-size:2.6em; 
	font-weight:bold; 
	line-height:2em;
	margin-bottom:0.9em;
	}
	
h4	{	
	font-size:2em; 
	font-weight:bold; 
	line-height:1.5em;
	margin-bottom:0.5em;
	}

strong { font-weight:bold; }

em { font-style:italic; }

blockquote { 
	font-family:"Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size:1.5em;
	line-height:1.8em;
	text-indent:-0.8em;
	margin:2em 2em 2em 0; 
	padding-left:2em;
	border-left:solid 5px #ccc; 
	}

cite { font-style:italic; text-align:right; color:#999 }

p { font-size:1.4em; line-height:1.6em; margin-bottom:1.6em; }

a { color:#8f0000; font-weight:bold; }

a:hover { text-decoration:underline; }

/* CLASSI --------------------------*/

.more { 
	background: transparent url(../img/more.gif) no-repeat 0 0; 
	display:block;
	width:130px;
	height:25px;
	padding-left:20px;
	margin-top:10px;
	font-weight:bold;
	}

.more a { color:#3b3b3b; }
.more a:hover { text-decoration:underline; }
.clear { clear:both; }
.bordino { border-bottom:solid 2px #ccc; margin-bottom:10px; }

.block { display:block; }
.left { float:left; }
.right { text-align:right; }

img.left { float:left; margin:5px 20px 10px 0px; border:solid 1px #fff; }
img.right { float:right; margin:5px 0px 10px 20px; border:solid 1px #fff; }
img.left-small { float:left; margin:5px 10px 0px 0px; border:solid 1px #fff; }
img.right-small { float:right; margin:5px 0px 0px 10px; border:solid 1px #fff; }

img.bordo { border:solid 5px #fff; margin:2em 0 1em 0; }
.mail { padding-left:30px; background: transparent url(../img/mail.gif) no-repeat 0 center; }
.tel { padding-left:30px; background: transparent url(../img/tel.gif) no-repeat 0 center; }
li.tel { padding-left:30px; background: transparent url(../img/tel.gif) no-repeat 0 center; }
.arrow { padding-left:30px; background: transparent url(../img/more.gif) no-repeat 0 center; }
.pdf { padding-left:30px; background: transparent url(../img/pdf.gif) no-repeat 0 center; }
.map { padding-left:30px; background: transparent url(../img/map.gif) no-repeat 0 center; }
.info { padding-left:10px; }
.invisible { display:none; visibility:hidden; background:none; }
.nuovo-corso { position:absolute; top:22px; right:19px; z-index:30; } /* top banner */ 
.quote p { border-left:solid 5px ddd; padding-left:10px; }
.bg-white { background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* sfondo contatti */
.bg-white p { padding:5px 0 5px 15px; }
.bg-white h3 {	
	font-size:2.6em; 
	font-weight:bold; 
	line-height:1em;
	padding:5px 0px;
	margin:0.3em 15px 0.1em;
	border-bottom:solid 1px #2d2d2d;
	}

.rounded-corners {
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
img.eventi { border:solid 2px #fff; margin:0em 0 2em 0; }

/* Gallery Eventi */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em; } 
/*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: 5px solid #fff; margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 20px 0; }
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #8f0000; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #fff; color: #8f0000; } /*tooltips formatting*/ 
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 

.autore { font-style:italic; line-height:1em; margin:0 0 1em 0; }