/* 1024x768 */
html, body { margin: 0; padding: 0; height: 100%; }
body { color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; background: #fff; }
* { padding: 0px; margin: 0px; border: none; }
.clearfix { }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
@-ms-viewport { width: device-width; }
.container { margin-right: auto; margin-left: auto; }
.container:before, .container:after { display: table; line-height: 0; content: ""; }
.container:after { clear: both; }
.container { width: 970px; }
div, article, section, header, footer { position: relative; }
img { max-width: 100%; height: auto; }
p { padding: 0 0 10px 0; }
ul, ol { margin: 0 0 10px 0; padding: 0px; }
/* head */
#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
/*.logo { float: left; width: 312px; height: 117px; }*/
.logo { position: absolute;width: 100%;margin-top: -26px}
.logo h1{ width: 34%; text-align: center; margin: auto;}
.logo img { width: 100%; }
.bg-head img { height: auto; float: left; }
/*.sponsor { float: right; padding: 35px 0px 10px 5px; background: #fff; }
.sponsor.due-righe{ padding: 5px 0px 5px 0px; background: #fff; }
*/
#header .container-logo{width: 970px;position: relative;background:#fff;margin:auto auto; margin-top: 25px; height:auto!important; height:50px; min-height:50px;}
.sponsor {box-sizing:border-box;width: 33%;}
.sponsor.left {float:left}
.sponsor.right {float:right}
/* navbar */
.navbar-wrapper { /*overflow:hidden;*/ clear: both; }
.navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; }
.navbar-inner:after { clear: both; }
.navbar-inner { background: #0095d8 url(../img/bg_menu.png) no-repeat left top; padding-left: 22px; height: auto!important; min-height: 43px; height: 43px; }
.navbar { overflow: visible; }
.navbar .nav { left: 0; display: table; margin: 0; width: 100%; list-style: none; }
.navbar .nav > li { display: table-cell; padding: 10px 5px 5px; white-space: nowrap; width: 2%; }
.navbar .nav > li > a:hover { }
.navbar .nav > .active > a:hover { }
ul#menu-main li { font-weight: bold; font-size: 16px; color: #fff; }
ul#menu-main > li > a { color: #fff; text-decoration: none; padding: 0 0 3px; }
ul#menu-main > li.active > a { border-bottom: 3px solid #fff; }
ul#menu-main > li > a:hover { border-bottom: 3px solid #e8b400; }
.navbar .btn-navbar-box p { float: right; padding-top: 5px; }
.navbar .btn-navbar { display: block; float: right; padding: 6px; margin: 0px 10px; color: #ffffff; text-align: center; vertical-align: middle; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; background: #e8b400 url(../img/bg_toglle.gif) no-repeat center center; width: 18px; text-decoration: none; }
.navbar .btn-navbar-box { display: none; }
.navbar .btn-navbar a:hover { color: #ffffff; background: #312a1e url(../img/bg_toglle.gif) no-repeat center center !important; }
/* colonne home */
#content { z-index: 5; }
#content .container { overflow: hidden; }
.sx-col { float: left; padding: 30px 20px 30px 0px; width: 225px; margin-left: -725px; position: relative; }
/* aggiunta e/o modificate per three-col */
.middle-col { width: 704px; background: #fff; padding: 10px 20px 30px 0px; float: left; border-right: 1px solid #ccc; margin-top: 20px; }
.home .middle-col { width: 460px; background: #f7f7f7; margin-left: 245px; padding: 30px 10px; float: left; border-right: none; margin-top: 0px; }
.three-col .middle-col { width: 459px; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-left: 244px; margin-top: 20px; float: left; padding: 15px 10px 30px;}
.three-col .sx-col { border-right: 1px solid #ccc; width: 224px}
/* */
.dx-col { float: left; padding: 30px 0px 30px 20px; width: 220px; border-left: 1px solid #ccc; margin-left: -1px; }
.home .dx-col { float: left; padding: 30px 0px 30px 20px; width: 220px; border-left: none; margin: 0px; }
.sx-col .box, .dx-col .box { margin-bottom: 20px; }
.sx-col h2, .dx-col h2 { font-size: 20px; padding-left: 30px; padding-top: 5px; height: auto!important; min-height: 40px; height: 40px; background: url(../img/bg_titoletti_giallo.png) no-repeat top left; color: #0095d8; }
.sx-col h2 span { font-size: 18px; font-style: italic; }
.sx-col h2 a, .dx-col h2 a { color: #0095d8; text-decoration: none; }
.sx-col h2 a:hover, .dx-col h2 a:hover { text-decoration: underline; }
.sx-col p a, .dx-col p a { color: #0095d8; text-decoration: none; }
.sx-col p a:hover, .dx-col p a:hover { color: #0095d8; text-decoration: underline; }
/* colonna centrale */
.middle-col a { color: #0095d8; text-decoration: none; }
.middle-col a:hover { color: #0095d8; text-decoration:underline; }
.middle-col p { text-align: justify; }
.middle-col h1 { font-weight: normal; font-size: 28px; color: #0095d8; margin-bottom: 15px; }
.middle-col h2 { font-weight: normal; font-size: 18px; color: #0095d8; margin-bottom: 15px; }
.middle-col h3 { font-weight: bold; font-size: 15px; margin-bottom: 15px; }
.logo-testo { color: #0095d8; font-weight: bold; }
.titolo-home { font-weight: normal; font-size: 28px; color: #0095d8; margin-bottom: 15px; }
.home .titolo-home, .regolamento .titolo-home, .circolare .titolo-home { text-align: center; margin-bottom: 0px; }
.logo-testo span { color: #e8b400; font-style: italic; }
.titolo-home span { font-size: 37px; font-weight: normal; }
.middle-col p.payoff { text-align: center; font-size: 16px; }
.middle-col p.citazione { color: #0095d8; font-style: italic; font-weight: bold; text-align: right; padding-bottom: 0px; font-size:13px; }
.middle-col p.autore { color: #0095d8; font-style: italic; font-size: 13px; text-align: right; }
.middle-col ul, .middle-col ol { margin: 0 0 0 35px; }
.middle-col li { margin-bottom: 5px; }
.contatti .middle-col p { text-align:left; }
.contatti .middle-col h2 { margin-top: 15px; margin-bottom: 5px; }
.contatti hr {width:15%; border-top: 1px solid #0095db; margin: 2em auto 1em auto;}
.moduli .middle-col h2 { margin-top: 20px; margin-bottom: 5px; }
.contributi .middle-col h2, .agevolazioni .middle-col h2, .programma .middle-col h2 { margin-top: 15px; margin-bottom: 5px; font-size:150%; }
.circolare .middle-col h2 { margin-top: 10px; margin-bottom: 5px; }
.crediti .middle-col { font-variant: small-caps; }
.crediti .middle-col h2 { margin-top: 20px; margin-bottom: 5px; }
.crediti .middle-col h3 { margin-top: 5px; margin-bottom: 2px; font-weight:normal; font-size:16px; color: #0095d8; }
.crediti .middle-col p { padding: 0; }
.crediti .middle-col h1, .crediti .middle-col h2, .crediti .middle-col h3, .crediti .middle-col p { text-align: center; }
.crediti .middle-col p.loghi img { margin: 10px 20px; }
.blu { color: #0095d8; }
.bold { font-weight: bold; }
.contatto { margin: 0 0 0 20px; }
/* avviso home giallo */
.avviso-home{ border-radius: 6px; margin: 0 0 20px; padding: 10px 10px 8px; text-align: center; }
.avviso-home p{ padding: 0 0 2px; text-align: justify; }
.avviso-home.col1 {background-color: #fde233;}
.avviso-home.col1 p strong{ color: #006fa1; }
/* avviso home old
.avviso-home.col2 {background-color: #0095d8;}
.avviso-home.col2 p strong, .avviso-home.col2 p a{ color: #fde233; }
.avviso-home.col2 p {color:#111;}
*/
/* swiper home */
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 20px; height: 15px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 18px; -webkit-background-size: 27px 18px; background-size: 12px 18px; background-position: center; background-repeat: no-repeat; background-color: #e8b400; overflow: hidden; display: block; text-indent: -1000em; opacity: 0.8; padding: 5px 3px; border-radius: 3px; }
.swiper-slide image {width:100%;}
/* pagina programma */
table.programma { border-spacing: 0; border-collapse: collapse; width: 100%; }
table.programma td { padding: 0 0.5em; vertical-align:top; }
table.programma td p { padding: 0px; margin-bottom: 0.5em; }
table.programma td.td1 { width: 15%; white-space:nowrap; }
table.programma td.td2 { width: 85%; }
/* avviso home new */
.alert-home { font-style: italic; padding: 20px 45px; text-align: center; position: relative; margin: 15px 0px; }
.alert-home p{ padding: 0 0 2px; text-align: justify; }
.alert-home {background-color: #eef7fc;}
.alert-home p strong, .alert-home p a { color: #0095d8; }
.alert-home-top { position: absolute; top: 0px; left: 0px; font-size: 150px; color: #47afe3; opacity: 0.15; }
.alert-home-bottom { position: absolute; bottom: 0px; right: 15px; font-size: 150px; color: #47afe3; opacity: 0.15; line-height: 0px; }
/* aggiunta per alert home */
.home.avviso .middle-col {padding: 15px 10px;}
.home.avviso .sx-col {padding: 5px 20px 30px 0;}
.home.avviso .dx-col { padding: 5px 0 30px 20px; }
/* sx col */
.box.lezioni h2 { font-size: 24px; color: #0095d8; }
.box.lezioni h2 span { font-size: 18px; font-style: italic; }
.box-lezione { background: #fff url(../img/bg_box_lezioni.png) no-repeat bottom center; padding: 4px 0 15px; margin: 10px 0px 20px; }
.box-lezione.inpreparazione { background-color: #f2f2f2; }
.box-lezione .box-titolo { font-size: 13px; text-align: center; }
.box-lezione .box-titolo p { padding-bottom: 0px; }
.box-lezione .box-titolo h3 { font-size: 14px; font-weight: bold; }
.box-lezione .box-titolo .numero-lez { color: #6d6d6d; }
.box-lezione .box-titolo img { float: left; margin-right: 5px; margin-bottom: 5px; }
.box-lezione .link { background: url(../img/icona_video_sx.png) no-repeat 0px 14px; padding: 10px 20px; font-weight: bold; }
.box-lezione .link a { color: #0095d8; }
.box-lezione .inpreparazione-txt { text-align: center; text-decoration: none; padding: 10px 0px; font-weight: normal; font-style: italic; }
.box-partecipanti .link { background: url(../img/icona_partecipanti_sx.png) no-repeat 0px 14px; padding: 10px 20px; font-weight: normal; }
.box-partecipanti .link a { color: #336633; }
/* dx col */
.sx-col h2, .dx-col h2 { font-size: 18px; padding-top: 9px; }
.sx-col .red h2, .dx-col .red h2 { color: #993333; }
.sx-col .red h2 a, .dx-col .red h2 a { color: #993333; }
.sx-col .green h2, .dx-col .green h2 { color: #336633; }
.sx-col .green, .dx-col .green h2 a { color: #336633; }
.sx-col .blue h2, .dx-col .blue h2 { color: #333399; background-image: url(../img/bg_titoletti_azzurro.png); }
.sx-col .blue h2 a, .dx-col .blue h2 a { color: #333399; }
.sx-col .social, .dx-col .social { padding-top: 20px; }
.sx-col .social, .dx-col .social img { float: right; margin-left: 10px; }
/* aggiunti per three-col */
.box-lezione.voci-lezione .link { border-bottom:1px dashed #e8b400;}
.box-lezione.voci-lezione .link.active { background-color: #fef8e3; }
.link.intro { background: url(../img/icona_link_intro_dx.png) no-repeat 0px 14px;}
/* partecipanti */
/*ul.regioni {}*/
ul.regioni h2 {margin-bottom:8px;font-weight:bold;}
ul.regioni h2 span { font-weight: normal; /*color:#e8b400;*/ }
/*ol.regioni li {font-weight:bold; color:#0095d8;}*/
ul.province {margin-bottom:10px;margin-top:8px;}
ul.province h3 {list-style-type:decimal;margin-bottom:8px;}
ul.province h3 span { font-weight: normal; /*color:#e8b400;*/ }
/*ol.province li {font-weight:bold; color:#e8b400;}*/
ol.cori {margin-bottom:10px;margin-top:8px;}
/*ol.cori li {font-weight:normal;color:#333;}*/
/* form*/
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=file],
.uneditable-input { display: inline-block; padding: 5px; margin-bottom: 10px; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 15px; border: 1px solid #0095d8; background: #f7f7f7; }
select { padding: 4px 5px; }
.form h2 { clear: both; }
.form div { padding: 0 1%; clear: both; }
.form div.radiogroup, .form div.group { padding: 0; display:none; }
.form div p { padding: 0; }
.form .two-col { width: 48%; padding: 0 1%; float: left; clear: none; }
.form .two-col.big { width: 73.5%; }
.form .two-col.small { width: 22.5%; }
.form .three-col { width: 31.33%; padding: 0 1%; float: left; clear: none; }
.form .three-col.big { width: 48%; }
.form .three-col.small { width: 22.5%; }
.form div.radio { padding-bottom: 15px; }
.form div.radio label, .form div.radio p { display: inline; margin-right: 10px; }
.form div.check { }
.form div.check label, .form div.check p { display: inline; margin-left: 0px; }
.form label { font-weight: bold; padding-left: 8px; }
span.required { color: #ff181d; }
span.nota { font-size:12px; }
.form p.datiscuola { clear: both; padding-left:1%; padding-right:1%; font-size: 12px; text-align: right; color: #999; }
.form div.regpriv { height: 100px; overflow: auto; font-size:12px; color:#999; padding:5px; margin: 5px auto 20px auto; border: solid 1px #0095d8; background: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 90%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.form .submit { text-align: center; margin-top: 10px; }
.form input[type=submit], .form input[type=button]
{ background: #e8b400; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #885500; color: #FFFFFF; padding: 5px 10px; cursor: pointer; font-weight: bold; font-size: 15px; vertical-align:top; }
/*{ background: #e8b400; border: 0 none; border-radius: 5px 5px 5px 5px; color: #FFFFFF; margin: 0; padding: 5px 10px; cursor: pointer; font-weight: bold; font-size: 16px; }*/
#foto-widgetcontainer { display: none; }
#foto-widgetcontainer input[type=text] { width: 60%; }
#foto-widgetcontainer input[type=button] { width: 19%; margin-left: 1%; }
input, button, select, textarea { font-size: 15px; }
.form .error select,
.form .error textarea,
.form .error input[type=text],
.form .error input[type=password],
.form .error input[type=datetime],
.form .error input[type=datetime-local],
.form .error input[type=date],
.form .error input[type=month],
.form .error input[type=time],
.form .error input[type=week],
.form .error input[type=number],
.form .error input[type=email],
.form .error input[type=url],
.form .error input[type=search],
.form .error input[type=tel],
.form .error input[type=color],
.form .error input[type=file],
.form div.check.error p,
.form .error .uneditable-input { border: 1px solid #ff181d; }
.form .error-icon { display: none; }
.form .error .error-icon { display: inline; color: #e3121e; font-weight: bold; font-size: 20px; position: absolute; line-height: 16px; }
.error-message { background: #e3121e; color: #fff; padding: 5px 10px; border-radius: 5px 5px 5px 5px; font-size: 13px; margin-bottom: 20px; } /*margin-left: 1%; margin-right: 1%;*/
/*.error-message ul, .error-message li { margin: 0px; padding: 0px; list-style-type: none; }*/
.error-message ul { margin-left: 15px; }
.error-message li { }
.error-message p { margin: 0; }
.error-message a { color: #fff; text-decoration: none; }
.error-message a:hover { color: #fff; text-decoration: underline; }
.ui-widget.ui-autocomplete { font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; font-size:12px; }
.ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; }
/* IE 6 doesn't support max-height we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete { height: 200px; }
table.dati { width: 90%; margin: 10px auto 20px auto; }
table.dati td { padding: 5px; vertical-align: top; }
table.dati td.field { font-weight: bold; }
/* */
/* footer */
.footer .container img { clear: both; background: url(../img/footer_bg.png) no-repeat bottom right; margin-top: -334px; position: absolute; right: 0; z-index: 1; }
.footer { background: #0095d8; }
.footer .container { position: relative; }
.footer-text { color: #fff; padding: 20px 100px; text-align: center; font-size:12px; }
.top { padding-top: 13px; position: absolute; right: 10px; z-index: 10; }
.top a { background: url(../img/top.png) no-repeat top left; padding-top: 8px; padding-left: 35px; font-size: 12px; font-weight: bold; color: #fff; display: block; height: 33px; position: relative; float: left; }
.top a { color: #fff; }
img.float-left { float: left; margin-right: 10px; }
/* inserito per iframe youtube */
.frame-video { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; margin-bottom: 20px; }
.frame-video iframe,
.frame-video object,
.frame-video embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.centered { text-align: center !important; }
/* uguali o inferiori 800px */
@media only screen and (max-width : 800px), only screen and (min-width : 568px) and (max-width : 800px), only screen and (min-width : 481px) and (max-width : 568px), only screen and (min-width : 320px) and (max-width : 480px) {
.container { width: 90%; }
#header .container-logo{width: 90%;height: auto!important; min-height:inherit;}
.navbar .container { width: auto; padding: 0 0 10px; height: auto; }
.nav-collapse { clear: both; margin-top: 4px; }
.nav-collapse .nav { float: none; margin: 0 0 10px; }
.nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; }
.navbar .nav > li { }
.nav-collapse .nav > li { float: none; display: block; }
.navbar .btn-navbar-box { padding: 5px 10px; display: block; float: right; color: #FFF; font-size: 16px; font-weight: bold; }
ul#menu-main > li { border-bottom: 1px solid #24a3df; width: 100%; }
/* content */
#content .container { width: 90%; padding: 0px; overflow: hidden; }
.sx-col, .dx-col, .home .sx-col, .home .dx-col, .three-col .sx-col, .three-col .dx-col{ float: none; padding: 20px 0 10px; width: 100%; margin: 0px; position: relative; overflow: hidden; border: none; }
.dx-col { padding: 0px 0 10px; }
.home .middle-col, .middle-col, .three-col .middle-col{ width: 96%; margin-left: 0px; padding-left: 2%; padding-right: 2%; padding-top: 20px; padding-bottom: 30px; float: none; border: none; }
.dx-col .box p { display: block; background: #fff; padding-bottom: 0px; margin-bottom: 10px; }
.dx-col .box.social p { display: block; background: none; }
}
/* 600x800 */
@media only screen and (min-width : 568px) and (max-width : 800px) {
/* head */
/* .logo { width: 33%; height: auto; }
.sponsor { width: 36%; padding: 2% 0 2% 1%; }*/
/* content */
.box-lezione { float: left; width: 46%; margin: 2%; background-color:#fff; }
/* inserita per menu lezione a sx */
.box-lezione.voci-lezione { float: none; width: 100%; margin: 10px 0 20px; }
.dx-col .box.social { margin-bottom: 20px; float: left; width: 40%; margin: 0; padding: 0; }
}
/* 480x600 */
@media only screen and (min-width : 481px) and (max-width : 568px) {
/* head */
#header .container-logo{width: 90%; margin-top: 0px; height: auto!important; min-height:inherit;}
.logo { width: 70%; height: auto; position:relative; margin:auto auto; }
.logo h1 { width: 100%; }
.bg-head { display: none; }
#header { position: relative; }
.sponsor { width:50%; }
}
/* 320x480 */
@media only screen and (max-width : 480px) {
/* head */
#header .container-logo {
margin: auto;
}
.logo { float: none; width: 100%; height: auto; position:relative; margin:auto auto; }
.logo h1{ width: 100%; }
.sponsor { float: none; width:100%; text-align:center; }
.sponsor.left, .sponsor.right { float: none;}
.sponsor img { width: 85%; }
.sponsor.due-righe{ float: none; text-align:center; }
.sponsor.due-righe img{ width: 70%;}
.bg-head { display: none; }
#header { position: relative; }
.footer .container img { display: none; }
}
@media only screen and (max-width : 380px) {
.middle-col h1.titolo-home { font-weight: normal; font-size: 24px; text-align: center; }
.middle-col .titolo-home span { font-size: 33px; font-weight: normal; }
.payoff { font-size: 14px; }
.form .two-col, .form .three-col, .form .three-col.big, .form .three-col.small { width: auto; padding: 0 1%; float: none; }
.form .two-col.radio, .form .three-col.radio { padding-bottom: 15px; }
.form .two-col.radio label, .form .two-col.radio p, .form .three-col.radio label, .form .three-col.radio p { display: inline; margin-right: 10px; }
}