html,body {margin:0;padding:0;background:#fff url('../images/bg.jpg') top left repeat-x;height:100%}
body{font: 76% Arial,"Trebuchet MS",sans-serif;text-align:center}
a {color:#333} a:hover {color:#888} img {border:0}
div#header{position:relative}
div#container{text-align:left;background:transparent url('../images/bgc.png') top left repeat-y;width:960px;margin:0 auto -60px;height:100%;min-height: 100%;height: auto !important;}
div#acontainer{text-align:left;background:transparent url('../images/bga.png') top left repeat-y;width:960px;margin:0 auto -60px;height:100%;min-height: 100%;height: auto !important;}
div#pagewrap{text-align:left;width:920px;margin:0 20px;position:relative}
div#wrapper{float:left;width:100%}
div#content{margin: 0 210px;}
div#navigation{float:left;width:210px;margin-left:-920px;text-align:center}
div#extra{float:left;width:210px;margin:10px 0 0 -210px;text-align:center}
div#footer{clear:left;width:100%}
.push{clear:left;height: 60px;}
.footer{height: 60px}.cfooter{width:894px;background:#fff;text-align:center;position:relative;padding:13px;color:#777;border-top:1px solid #ddd}

/*Content*/
div#sx{margin:0 11px}
div#sx h1{font:700 16px Arial,"Trebuchet MS", Helvetica, sans-serif;color:#000;padding:0 0 5px 0;margin:0 0 5px 0;text-align:left;border-bottom:1px dotted #999}
div#sx h2{font:700 13px Arial,"Trebuchet MS", Helvetica, sans-serif;color:#000;padding:0 0 5px 0;margin:0 0 5px 0;text-align:left;border-bottom:1px dotted #999}
div#sx h2 a{color:#ae4130;text-decoration:none} div#sx h2 a:hover {text-decoration:underline}
div#sx small{padding:20px 0 10px 20px}
.blog {padding:0;text-align:justify;font:12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;line-height:1.2em;color:#665}
.ps {padding:0;text-align:justify;font:11px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;line-height:1.2em;color:#555;padding:10px}
.ps a {color:#ae4130} .ps a:hover {color:#333}
.simg{width:25px}
.newsletter {margin:0 10px;padding:0 10px;color:#000}

.pages {margin:0 0 10px 0;padding:0;background:#f8fbfd}
.rightside {margin:0;padding:0;background:#fff}
.twocol {width:615px;float:left} .onecol {width:304px;float:right}
.pages h1 {background:url('../images/bg-green.jpg');padding:20px 0 20px 80px;font:700 16px Arial,"Trebuchet MS", Helvetica, sans-serif;;color:#fff;margin-top:0}
#news {background:url('../images/bg-news.jpg');padding:22px 0 21px 80px;font:700 16px Arial,"Trebuchet MS", Helvetica, sans-serif;;color:#fff;text-align:left;margin-top:0}
#eventi {background:url('../images/bg-eventi.jpg');padding:22px 0 21px 80px;font:700 16px Arial,"Trebuchet MS", Helvetica, sans-serif;;color:#fff;text-align:left;margin-top:0}
#corsi {background:url('../images/bg-corsi.jpg');padding:22px 0 21px 80px;font:700 16px Arial,"Trebuchet MS", Helvetica, sans-serif;;color:#fff;text-align:left;margin-top:0}
.pages .content {padding:20px 80px;font:13px Arial,"Trebuchet MS", Helvetica, sans-serif;line-height:1.8em; text-align:justify}
.testo {padding:10px 20px;margin-bottom:10px;line-height:1.7em;text-align:justify}
.testo a{color:#00468b} .testo a:hover{color:#b4af2d}
.more {background:url('../images/icon_more.jpg') top left no-repeat;padding:0 0 8px 25px;color:#999;font-size:11px}
.more a {font-size:12px}
#tabs {margin:-10px 0 0 10px} 
#tabs .btns {float:left;background:url('../images/tabsbg.jpg') repeat-x;padding:10px;margin:2px;border:1px solid #ddd;display:inline} 
#tabs .btns a {color:#111;font-weight:bold;text-decoration:none} #tabs .btns a:hover {color:#719f31;text-decoration:underline}
#video {border:3px solid #222;padding:2px;margin:0 0 10px 0;width:480px}

.det{float:left} .data {float:left;margin-left:20px;background:#efefef;padding:2px 5px;color:#222} .lnk {float:left;margin-left:3px;padding:2px 5px}
.vid {float:left;margin-left:3px;background:#ed193a;padding:2px 5px;color:#fff} .aud {float:left;margin-left:3px;background:#222;padding:2px 5px;color:#fff}

.imgc {float:left; padding:2px; border:1px solid #222; margin:0 8px 8px 0}
.borders{border-right:1px solid #ddd; border-left:1px solid #ddd}
.fleft{float:left} .fright{float:right} .clear{clear:both} .red{color:#cf1c1c}

.user-comments{float:right;background:url(../images/comments.gif) no-repeat;margin:0 10px;width:100px;height:23px}
.user-comments .num {margin:1px 1px 5px 1px;text-align:center;width:22px;font:700 14px Arial, Verdana, sans-serif;color:#fff;float:right}
.user-comments .num a {color:#fff;text-decoration:underline}
.pending-comments{float:right;background:url(../images/pending_comments.gif) no-repeat;margin:-2px 0 0 10px;width:24px;height:21px}
.pending-comments .num {margin:1px 1px 0px 1px;text-align:center;width:22px;font:500 12px Arial, Verdana, sans-serif;color:#fff;float:right}
.pending-comments .num a {color:#fff;text-decoration:none}
.agenda{float:left;background:url(../images/cal.jpg) no-repeat;margin:15px 5px 10px 10px;width:50px}
.agenda .month {margin:5px 1px 2px 1px;text-align:center;font:700 14px Arial, Verdana, sans-serif;color:#fff}
.agenda .day {margin:2px 1px 0px 1px;text-align:center;font:700 22px Arial, Verdana, sans-serif;color:#222}
.agenda .time {margin:2px 1px 0px 1px;text-align:center;font:700 14px Arial, Verdana, sans-serif;color:#111}

/*Video*/
.photo {width:540px; text-align:left; position:relative; margin:-30px 0 0 30px;height:580px}
.photo ul.topic {padding:0; margin:0; list-style:none; width:540px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:160px; height:0; float:left;}
.photo ul.topic li a.set {display:none;}
.photo ul.topic li a ul, .photo ul.topic li ul {display:none;}
.photo ul.topic li.active a {color:#000; background:#bbb;}
.photo ul.topic li a:hover, .photo ul.topic li:hover a {color:#fff; background:#aaa;}
.photo ul.topic li.active ul {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; width:540px; border:0; z-index:1;}
.photo ul.topic li ul li {display:inline; width:150px; height:150px; float:left; margin:10px;}
.photo ul.topic li ul li div {margin:10px 5px;display:block}
.photo ul.topic li ul li a {display:block; width:150px; height:110px; float:left; text-decoration:none; background:#444; border:1px solid #888;}
.photo ul.topic li ul li a img {display:block; width:140px; height:100px; border:5px solid #eee;margin-bottom:10px}
.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover {white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img {position:absolute; left:-20px; top:-20px; width:200px; height:150px; border-color:#ddd;}

/*TTips*/
a.info{position:relative; /*this is the key*/z-index:24; background-color:#fff;color:#ed193a;text-decoration:none}
a.info:hover{z-index:25; background-color:#fff}
a.info span{display: none}
a.info:hover span{display:block;position:absolute;top:2em; left:2em; width:600px;border:2px solid #ed193a;background-color:#fff; color:#000;text-align:left;padding:10px}

/*Form*/
input{border:1px solid #222; font:700 1em "Lucida Sans","trebuchet ms",serif; color:#333;padding:5px;}
textarea{border:1px solid #222; font:700 1em "Lucida Sans","trebuchet ms",serif; color:#333;padding:5px;}
input:focus{border:1px solid #222; background-color:#efefef} textarea:focus{border:1px solid #222; background-color:#efefef}
input.btn{ font:1em trebuchet ms,verdana,helvetica,palatino sans,tahoma,arial,sans-serif;  font-weight:bold;  margin-top:8px;  padding:10px;  cursor:pointer; color:#fff; background:#ae4130 url("../images/btn.jpg") top left repeat-x;border:0}

/*Contact Form*/
#info{float:left;width:250px;margin:15px 10px 0px 40px;font:12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; text-align:justify;line-height:1.6em}
#form-div{ font:100 1.2em trebuchet ms,verdana,helvetica,palatino sans,tahoma,arial,sans-serif; width:85%; margin:auto; color:#555; line-height:1.7em; float:right; width:540px}
#form-div p.form-footer{ margin:-35px 2px 20px 13px}
#form-div p.form-footer a{ color:#333}
#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active{ color:#000;  text-decoration:none}
#form-div p.form-footer a:focus, #form-div p.form-footer a:active{ background-color:#eee}
#form-div a{ color:#333}
#form-div a:hover, #form-div a:focus, #form-div a:active{ color:#000;  text-decoration:none}
#form-div a:focus, #form-div a:active{ background-color:#eee}
#form-div p.success, #form-div p.error, #form-div p.center{ color:#fff;   padding:1px 4px;  border:1px solid #000;   background-color:#222;  margin:10px 3px;  text-align:center}
#form-div p.error{ background-color:#222}
#form-div p.error a, #form-div p.success a{ color:#ffff7f}
#form-div p.center{ text-align:center;  background-color:#edbaba;  color:#000;  margin-top:-3px;  padding:0px 4px}
#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, 
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active{ color:#eee;  background-color:#b00}
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active{ background-color:#333}
fieldset.main-set, fieldset.req-set, fieldset.opt-set{ border:0;  padding:10px}
#form-div legend{ font-weight:bold}
legend.main-legend{ color:#777;  font-size:110%}
legend.req-legend, legend.opt-legend{ color:#777}
legend.req-legend{ margin-left:-2px}
legend.opt-legend{ margin-left:-2px}
label.req-label, label.opt-label{ color:#333}
label.opt-label.check{ float:right;  padding:0;  margin:1px 4px;  cursor:pointer}
label.opt-label.main-label{ margin:0 2px;  font-weight:bold}
label.opt-label.main-label span{ font-weight:normal;  color:#666}
label.opt-label.main-label span.req, label span.req{ font-weight:bold;  color:#c70000}
label.req-label.explain{ color:#666;  font-size:.8em}
label.req-label.explain:hover{ color:#000}
input.text-long.address, input.text-long.address:hover, input.text-long.address:focus, 
input.text-long.address.hover, input.text-long.address.focus{ border-bottom:0;  margin-bottom:0;  padding-bottom:2px;  border-bottom:1px dotted #bbb}
input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus, 
input.text-long.address2.hover, input.text-long.address2.focus{ border-top:0;  margin-top:0;  padding-top:2px;  border-top:1px dotted #bbb}
input.checkbox{ border:1px solid #999;  width:.9em;  height:.9em;  padding:0;  margin:0;  cursor:pointer}
input.checkbox:hover, input.checkbox.hover, 
input.checkbox:focus, input.checkbox.focus{ border:1px solid #666}
input.text-short, input.text-med, input.text-long, select.select, textarea.textarea{ font:1em trebuchet ms,verdana,helvetica,palatino sans,tahoma,arial,sans-serif;  border:1px solid #222;  background-color:#fff;  cursor:text;  padding:1px 2px}
select.select{ padding:1px 0}
input.text-short{ width:100px}
input.text-med, select.select{ width:250px}
input.text-long{ width:300px}
textarea.textarea{ width:440px;  height:200px}
select.select, select.select option{ cursor:pointer}
input.text-short:focus, input.text-short.focus, input.text-med:focus, input.text-med.focus, input.text-long:focus, input.text-long.focus, select.select:focus, input.select.focus, textarea.textarea:focus, textarea.textarea.focus{ border:1px solid #222;  background-color:#ddd}
input.button{ font:1em trebuchet ms,verdana,helvetica,palatino sans,tahoma,arial,sans-serif;  font-weight:bold;  margin-top:8px;  padding:10px;  cursor:pointer;  float:right;  color:#fff;  background:#719f33;border:0}
input.button:hover, input.button.hover, input.button:focus, input.button.focus{ color:#333}
* html input.button{ border:1px solid #222}

/*Pagination*/
#pagination{margin:10px; padding:20px}
ul{border:0; margin:0; padding:0}
#pagine li{border:0; margin:0; padding:0; font-size:11px; list-style:none}
#pagine a{border:solid 1px #DDD; margin-right:2px}
#pagine .previous-off, 
#pagine .next-off{color:#666; display:block; float:left; font-weight:bold; padding:3px 4px}
#pagine .next a, 
#pagine .previous a{font-weight:bold; border:solid 1px #FFF}
#pagine .active{color:#ae4130; font-weight:bold; display:block; float:left; padding:4px 6px}
#pagine a:link, 
#pagine a:visited{color:#ae4130; display:block; float:left; padding:3px 6px; text-decoration:none}
#pagine a:hover{border:solid 1px #666}

#flashoverlay {height: 100%;width: 100%;position: absolute;left: 0px;top: 0px;background-color: transparent;z-index:99999;}

#contactFormContainer{position:absolute;left:0;float:right;margin-top:-10px;}
#contactForm{height:260px;width:720px;background:#325f8c;display:none;padding:20px}
#contactLink{height:43px;width:760px;background:#fff url(../images/bg_scelta.jpg) top repeat-x;color:#fff;display:block;cursor:pointer;text-align:center;}

#bfixed{position:fixed;bottom:0;width:100%; background:#000 url("../images/adm.jpg") top left repeat-x;border-top:1px solid #000;color:#fff}
#bfixed a {color:#fff} #bfixed a:hover {color:#ae4130}
#cit {background:url("../images/bquotes.jpg") top left no-repeat;padding:30px 8px 0 50px;margin:10px 0 10px 0;font-size:14px;text-align:left;color:#555}

UL.tabNavigation {list-style: none;margin: 15px 0 10px 0;padding: 3px;border-bottom:1px dotted #ccc}
UL.tabNavigation LI {display: inline;font: 12px Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif}
UL.tabNavigation LI A {padding: 3px 5px;background-color: #ddd;color: #333;text-decoration: none;}
UL.tabNavigation LI A.selected,UL.tabNavigation LI A:hover {background-color: #ae4130;color: #fff;padding-top: 7px;}
UL.tabNavigation LI A:focus {outline: 0;}
div.tabs > div {padding: 0}

/*File types*/
.ps a[href^="http:"]{display:inline-block; padding-right:14px; background:transparent url("../images/icons/external.png") center right no-repeat}
.ps a[href^="mailto:"]{display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/external.png") center left no-repeat}
.ps a[href$='.pdf']{display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/pdf.png") center left no-repeat}
.ps a[href$='.swf'], a[href$='.fla'], a[href$='.swd']{display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/flash.png") center left no-repeat}
.ps a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw']{display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/excel.png") center left no-repeat}
.ps a[href$='.ppt'], a[href$='.pps']{display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/pp.png") center left no-repeat}
.ps a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps']{display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/word.png") center left no-repeat}
.ps a[href$='.zip'], a[href$='.gzip'], a[href$='.rar']{display:inline-block; padding-left:20px; line-height:18px; background:transparent url("../images/icons/zip.png") center left no-repeat}