* {margin:0;padding:0;}
body {font: 12px Verdana; color: #96989B; text-align: center; margin-top: 5px; height: 100%;}
/*231F20*/
img {border:none; vertical-align: middle;}

a {text-decoration:none; color: #487EE1;}
a:hover {border-bottom: 1px dotted #487EE1;}
p {line-height: 17px;}
/*
p {line-height: 21px;}
p:first-letter {font-size: 2em; margin: 0px 2px 0px 0px;}
*/
.txt {line-height: 22px;}
.txt ul {list-style-position: inside;}
ul {line-height: 18px;}
input {background-color: #EEE; border: 0px; height: 18px; color:#858487; vertical-align: middle; width: 100%;}
textarea {color:#96989B; width: 100%; height: 100px;}
.myradio {width: auto; margin: 0px 3px;}
.info {line-height: 14px;}
.required {font-style: italic; margin-top: 10px;}
.alert {width: 100%; line-height: 22px; background-color: #F7F7F7; border: 1px solid #DDD; color:#F00; padding: 0px 4px; font-style: italic;}
.centerme {text-align: center;}
.centerme iframe {margin: 10px auto;}

h1 {font-size: 15px; margin-bottom: 20px; letter-spacing: 1px;}
h4, h5 {background-color:#FFF1E0; border:1px solid #BDBDBF; display:block; font-size: 13px; margin: 15px 0px 4px 0px; padding:4px 0 4px 5px;}
h4 img {margin: 0px 3px 0px 10px;}
h5 {background-color:#F4F4F4;}
/*h5:hover {background-color: #FFF1E0;}*/
h6 {font-size: 11px; margin-top: 10px;}
.leftfirst {margin-top: 0px;}

#sito {width: 953px; margin: 0px auto; text-align: left;}

#header {background: url(headersf.png) bottom left no-repeat #FFF; height: 96px;}

#logo {float: left; margin: 10px 0px 10px 8px;}
#logo a img {}
#logo a:hover {border: 0px;}

#themenu {float: right; margin-right: -3px; width: 858px;}
#overmenu {text-align: right; font-size: 11px; margin: 7px 5px 2px 5px;}
#overmenu a {color: #03214F;}

#alb {margin-left: 12px; font-weight: bold; float: left; width: 675px; font-size: 11px;}
#alb a {font-weight: normal; color: #03214F;}

#search {float: left;}
#search select, #search input {width: 140px; background: #FFF; line-height: 21px; font-size: 11px; margin-top: -1px; padding-left: 2px; height: 21px;
        border: 1px solid #777;}

.clear, #corpo {clear: both;}
/* #payoff {width: 0%; height: 95px;} */
#payoff {height: 95px;}
#trueimg {display: none; height: 84px; position: absolute; z-index: -1; padding: 5px 0px 9px 0px;}
#nothing {display: block; padding: 5px 0px 9px 0px;}
#myimghome {padding: 5px 0px 9px 0px;}

#colsx {width: 400px; float: left; padding-right: 12px; border-right: 1px solid #7FCDF2;}
#colsxg {width: 250px; float: left;}
#colceg {width: 675px; float: right;}
#colceg img {max-width: 675px;}
#colce {width: 250px; float: left; margin-left: -1px; padding-left: 12px; border-left: 1px solid #7FCDF2;}
#coldx {width: 250px; float: right; margin-right: 2px;}
#colsx h2 {background: url(h400.png) top left no-repeat;}
#colsxg h2, #colce h2, #coldx h2 {background: url(h250.png) top left no-repeat;}
#colceg h1, #colceg h2, #colsxg h2, #colsx h2, #colce h2, #coldx h2 {color: #FFF; text-transform: uppercase; line-height: 30px; font-size: 10px; font-weight: bold; padding-left: 15px;}
#colceg h1, #colceg h2 {color: #009EE0; font-size: 15px; padding-left: 0; border-bottom: 1px dashed #CCC;}
#coldx a img {margin: 14px 0px 1px 0px;}
#coldx a:hover {border: 0px;}
#corpo .tit {clear: both; background: url(h950.png) top right no-repeat; height: 38px; display: block; color: #FFF; text-transform: uppercase;
        line-height: 30px; font-size: 10px; font-weight: bold; padding-left: 15px; border: 0px;}

#colsxg ul {list-style: none; margin: 5px 0px 20px 0px; width: 250px;}
#colsxg ul li {}
#colsxg ul li label {line-height: 26px; display: block; padding: 6px 0 6px 10px;}
#colsxg ul li a {display: block; padding: 6px 0 6px 10px;}
/*#colsxg ul li:hover {background: url(leftmeov.gif) top left no-repeat #FFF;}*/
#colsxg ul li a:hover {border: 0px; background: #EAEAEA; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
#colsxg ul li a img {margin-right: 3px;}
#colceg ol, #colceg ul {margin-left: 20px;}

#colsxg p, #colceg p, #colceg .txt {padding: 10px 0px; text-align: justify; clear: both;}
#imgpr {padding: 10px 0px 0px 0px;}

#prefoot {clear: both; min-height: 20px; line-height: 20px;}
#foot {background: url(footsf.png) top left no-repeat; height: 62px; font-size: 11px; margin-top: 20px;}
#foot a img {float: right; margin: 8px 20px 0px 10px;}
#foot p {padding: 5px 10px; line-height: 15px;}
#foot a:hover {border: 0px;}

.spotl, .spotr {margin: 15px 0px 0px 0px;}
.spotl {clear: both; float: left; width: 110px;}
.spotl a:hover {border: 0px;}
.spotl img {width: 115px; height: 115px; vertical-align: top;}
.spotr {float: right; padding: 1px 10px; max-width: 265px; height: 115px; line-height: 14px;}
.spotr h3 {font-size: 11px; color: #004684;}
.spotr a {color: #A1A1A1;}

.spotleft0, .spotleft1, .spotleft2, .spotleft3 {border: 1px solid #F00;}
/* .spotleft1 {border: 1px solid #0F0;}
.spotleft2 {border: 1px solid #00F;}
.spotleft3 {border: 1px solid #000;}*/

.mynews {margin-top: 12px;}
.mynews a {display: block; margin-bottom: 20px;}
.mynews a:hover {border: 0px; background-color: #F4F4F4;}

#promev a:hover {border: 0px;}
#promev a img {margin-top: 15px;}

.operation {text-align: right; display: block; border-top: 1px solid #F4F4F4; font-weight: bold;}
.operation a {color:#487EE1;}

#back {border: 1px solid #CCC; margin: 10px 10px 10px 0px; background-color: #F7F7F7; width: 130px; clear: both;}
#back a {padding: 2px 4px; display: block;}
#back a:hover {background: #FFF; border: 0px;}

.paging {text-align: center; display: block; font-size: 14px; margin-top: 10px;}

/*.listbox {height: 118px; margin: 18px 0px; max-width: 327px; width: 327px; background-color: #EAEFF6; -moz-border-radius: 10px; -webkit-border-radius: 10px;}*/
.listbox {height: 118px; margin: 18px 0px; max-width: 327px; width: 327px; background: url(sflistprod.gif) top left no-repeat;}
.mybox {border: 1px solid #A1A1A1; background-color: #F7F7F7; padding: 4px 5px; margin: 10px 0px; line-height: 16px;}

.lb_le, .lb_ri {height: 118px;}
.lb_le {width: 118px; float: left;}
.lb_ri {width: 197px; max-width: 197px; float: right; padding: 5px 5px 5px 6px; line-height: 1.4; max-height: 108px; overflow: auto;}
.lb_le a img {max-height: 118px; position: absolute; z-index: -1;}
.lb_le a:hover {border: 0px;}
.lb_le h6 {padding: 0px 3px; font-weight: normal; margin-top: 7px;}
.lb_le h6 a {color: #96989B; text-align: left; font-weight: bold;}

#moreop {line-height: 30px; float: right; position: absolute; margin-top: -30px; padding: 0px 17px 0px 0px; margin-left: 520px; text-transform: uppercase; font-size: 10px; font-weight: bold; background: url(moreopsf.jpg) top left no-repeat;}
#moreop a {color: #5E5E5E;}
#moreop a img {margin: 0px 3px;}
#showmo {display: block; height: 40px;}
#showmo ul {list-style: none; width: 100%; margin: 5px 0px; display: block;}
#showmo ul li {float: left; margin-right: 23px; line-height: 40px;}
#showmo ul li a img {margin-right: 5px;}

.otdata, .otdata img {margin-top: 20px; display: block; text-align: center;}
.otdata a:hover {border: 0px;}
.otdata h5 img, .otdata p a, .otdata a img {margin: 0px; display: inline;}
.otdata span {clear: both; display: block; background-color: #FFF1E0; text-align: center; line-height: 24px;}

.error {text-align: center; color: #F00; font-style: italic; background-color: #EEE; padding: 4px; border: 1px solid #96989B; margin: 4px 0px;}

.titlist {clear: both; display: block; max-height: 20px; font-size: 14px; color: #487EE1; padding: 4px 0px 8px 5px; font-weight: bold; border-bottom: 1px dashed #CCC;}

/********* Menù ************/
.jqueryslidemenu {clear: both; background: url(menusf.png) top right no-repeat; height: 38px; width: 858px; padding-top: 2px;}
.jqueryslidemenu ul {list-style: none; margin-left: 4px;}
.jqueryslidemenu ul li {float: left; display: inline; position: relative; text-align: center;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {color: #F4F4F4; display: block; font: bold 11px Verdana; text-transform: uppercase; line-height: 30px;}

/*IE6 hack to get sub menu links to behave correctly*/
* html .jqueryslidemenu ul li a {display: inline-block;}

#menuone {width: 91px;}
#menutwo {width: 98px;}
#menuthree {width: 141px;}
#menufour {width: 79px;}
#menufive {width: 95px;}
#menusix {width: 117px;}
#menusev {width: 114px;}
#menuheight {width: 59px;}
#menuheight a img {margin: 7px 0px;}

.jqueryslidemenu ul li a:hover {background: url(menuovsf.gif) top left repeat-x;}
#menuone a:hover {background: url(menu1ovsf.gif) top right no-repeat;}
.jqueryslidemenu ul li a:hover {border-bottom: 0px; color: #FFF;}

/*1st sub level menu*/
.jqueryslidemenu ul li ul {list-style: none; position: absolute; margin-left: -1px; z-index: 10; display: block; visibility: hidden;
border-bottom: 1px solid #4278DB; border-right: 1px solid #4278DB; border-left: 1px solid #4278DB; background-color: #FFF;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {display: list-item; float: none; width: 100%; text-align: left;}

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

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {text-indent: 5px; display: block; font-size: 10px; color: #CCC; line-height: 22px;}
.jqueryslidemenu ul li ul li a:hover {background: none; background-color: #FFF; color: #4278DB;}

#menufive ul {width: 150px;}
#menufour ul {width: 200px;}

/**** hide menu arrow *****/
.downarrowclass {display: none; position: absolute; top: 12px; right: 7px;}
.rightarrowclass {display: none; position: absolute; top: 6px; right: 5px;}

/**** height special display: none; *******/
#myheight {width: 180px; height: auto; border: 1px solid #F78F35; background-color: #FFF; position: absolute; z-index: 80; margin-left: -127px;
         display: block; left: 0px; list-style: none; display: none; text-align: left; padding: 3px;}
#menu ul li ol li {float: none; text-align: left; line-height: 16px; padding: 0px 5px;}
#menu ul li ol li b {}
#menu ul li ol li a {text-transform: none; color: #000; font-weight: normal; text-decoration: underline; line-height: 16px;}
#menu ul li ol li a:hover {background: none; background-color: #FFF; color: #231F20;}
.closeme {width: 100%; text-align: right; border-bottom: 1px solid #F78F35; line-height: 14px; padding-bottom: 3px;}

/*** reserved area ****/
#showlog {position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; background-color: #5E5E5E; opacity: 0.9; z-index: 6000;}
#delogga a:hover {border: 0px;}
#blocklog {position: absolute; left: 50%; top: 30%; margin-left: -300px; width: 600px; border: 1px solid #F78F35; background-color: #FFF; text-align: left;}
#blocklog form {padding: 5px 15px 10px 15px;}
#blocklog img {padding: 10px;}
.blogin {clear: both; float: left; width: 298px;}
.bforgot {float: right; width: 300px;}
.bprivacy {clear: both; text-align: center; padding: 5px 10px; font-size: 10px;}
#blocklog h2 {font-size: 12px; padding-left: 15px; background: none; background-color: #96989B; color: #FFF; line-height: 24px;}

/********* Tasti ***********/
.insmall {line-height: 26px; height: 26px; width: 55px; background: url(opsmall.png) top left no-repeat;}
.insmall:hover {line-height: 26px; height: 26px; width: 55px; background: url(opsmallov.png) top left no-repeat;}

/**** hoc ****/
#reflist img {margin: 10px;}

/* tables ***/
table {width: 100%;}
caption {height: 22px; border-bottom: 1px solid #F7F7F7; padding: 3px; text-align: left; font-weight: bold; color: #747379; font: bold 12px Verdana;}
caption img {vertical-align: middle;}
th {vertical-align: middle; padding: 3px; height: 16px; color: #888589; font-weight: bold; text-align: left;}
td {padding: 3px;}
.linea0 td {background-color: #F1F1F1;}
.small {width: 80px; text-align: center;}
tfoot tr td {text-align: center; border-top: 1px solid #EEF6FF;}

.mydoc caption {background: url(h950.png) top right no-repeat; height: 38px; width: 100%; color: #FFF; text-transform: uppercase; line-height: 30px; font-size: 10px; font-weight: bold; padding-left: 15px; border: 0px;}

/**** corsi ****/
.sevbox {clear: both; width: 670px;}
.sevleft {}
.imgblock {clear: both; display: block; margin: 17px 0px;}
.imgblock img {max-width: 670px;}
.sevright {float: right;}
.sevleft ul {list-style: none;}
.sevleft ul li {margin-left: 10px;}

/* esercitazioni */
ul.eserc {list-style: none; margin-bottom: 15px;}
ul.eserc li {margin-bottom: 5px;}

/* IE6 hack */
* html div#search {position: relative; top: -10px; left: 800px;}
* html #colsxg ul li {width: 99%;}
* html #nothing {display: inline; padding: 5px 0px 0px 0px; margin: 0px;}
* html #trueimg {height: 84px; padding-top: 6px; padding: 5px 0px 0px 0px; margin: 0px;}
* html #payoff {height: 84px; padding: 0px; margin: 0px;}


#argtra ul {margin-top: 4px;}

/*** questionario ***/
#allquest {border: 1px solid #CCC; padding: 10px;}
.quest {display: none;}
#quest1 {display: block;}
.quest fieldset {border: 0;}
.quest label {margin: 10px 0 3px; font-weight: bold; display: block;}
.quest input {width: auto; margin: 3px 2px 3px 0; vertical-align: middle;}
.quest span {margin-right: 12px;}
#next {cursor: pointer; float: right; margin-top: 6px; padding: 3px 5px; font-weight: bold; color: #009EE0;}
#molist input {width: auto; display: inline; margin-left: 4px;}


#colce, #coldx, #colsx {width: 300px;}
#colce h2, #coldx h2, #colsx h2 {width: 300px; background: none; color: #009EE0; font-size: 15px; padding-left: 0; border-bottom: 1px dashed #CCC;
       margin-bottom: 20px;}
#colsx, #colce {border: 0;}
#spothome {text-align: center; margin: 10px 0;}
.spot {float: left; width: 201px; height: 201px; margin: 30px 0 40px 0;}
.spot a:hover {border: 0;}
#spot4 {float: right; margin-right: 2px;}
#spot2 {margin-right: 49px; margin-left: 49px;}
#imgn {position: absolute; margin-left: 185px; z-index; 99999;}
#imgn1 {position: absolute; margin-left: 680px; z-index; 99999;}
.month {margin-top: 15px;}
#showdetails {padding-top: 20px;}

/*** nuove faq***/
#faqsearch {padding: 10px; margin: 10px 0; background: #EFEFEF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
#faqsearch label {margin: 5px 0 2px; display: block;}
#faqsearch input {background: #FFF;}
#faqsearch div.operation {margin-top: 6px;}
#faqsearch input.inp_sub {width: auto; float: right; background: none; cursor: pointer;}
table caption input {width: 200px;}
#faqlist td {vertical-align: top;}
#faqlist td.titletd {width: 35%;}
#faqlist td a {color: #747379; line-height: 18px;}
#faqlist td.bigtxt a {color: #333;}
tfoot input {width: 40px; text-align: center; font-size: 11px;}
#faqlist th a {padding-right: 20px; font-weight:bold; white-space:nowrap; background: url(bg.gif) no-repeat right 50%; display: block;}
#faqlist th.headerSortUp a {background: url(up.gif) no-repeat right 50%;}
#faqlist th.headerSortDown a {background: url(dn.gif) no-repeat right 50%;}
#faqlist tr.odd td {background-color: #F1F1F1;}

#gplus {position: absolute; margin-top: 65px; margin-left: 25px;}

#attestato {background: url(attestato_gri.jpg) top left no-repeat; width: 670px; height: 480px; margin-top: 15px;}
#attestato div {display: block; position: relative; z-index: 30;}
#attestato div span {display: block; background: rgba(255,252,17,0.8); color: #333; font-size: 11px; visibility: hidden; padding-left: 10px;
           position: relative; z-index: 50;}
#attestato div.active span {background: rgba(17,255,123,0.8);}
div.active {background-image: url(attestato_col.jpg);}
div.active {background-position: 0 0;}
#corsofatto {position: absolute; z-index: 31; margin-top: 195px; margin-left: 323px; color: #AAA; font-weight: bold;}
/*
#attestato div {background: #FFFDBD; width: 146px; height: 146px; float: left; border: 1px solid #CCC; text-align: center; padding: 10px;
           opacity: 0.8; filter: alpha(opacity=80); color: #000;}
#attestato div.active {background: url(checkAtt.png) center center no-repeat #C3FEC1;}
#attestato span {display: block;}
*/