/*********************************/
/* MODIFICHE STABILI AL TEMPLATE */
/****** Matteo de Albentiis ******/
/*********************************/
/* DJMegamenu.17.css */
.dj-megamenu-override li.dj-up {float: left;margin: 0 0 0 10px; border: 2px solid #364e72; border-radius: 3px;}
.dj-megamenu-override .dj-subcol {border: 2px solid #364e72; border-radius: 3px;}
.dj-megamenu-override li.dj-up a.dj-up_a {font-family: 'Open Sans Condensed', sans-serif; font-size: 20px;font-weight: 600;display: block;padding: 36px 20px;line-height: 1;text-transform: none;color: #364e72;text-decoration: none}
.dj-megamenu.hasSubtitles li a.dj-up_a.withsubtitle {padding-top: 10px;padding-bottom: 10px}
.dj-megamenu-override li.dj-up a.dj-up_a small.subtitle {font-weight: normal;}
.dj-megamenu-override .dj-subtree > li {padding-left: 5px;}
.dj-megamenu-override .dj-subtree > li > a { font-size: 13px;}
.dj-megamenu-override .dj-submenu > li.parent > a:after, .dj-megamenu-override .dj-subtree > li.parent > a:after {content:none;}
/* DJMediatools.17.css */
.dj-slide-desc-text {background: rgba(255,255,255,0.9) !important;}
/* Template.17.css */
#jm-bar-right {margin-top:34px;}
#jm-logo-nav { border-bottom: 2px solid #ddd;}
@media (max-width: 480px) and (min-width: 341px) {
#jm-logo-sitedesc{max-width: 250px}
a.dj-mobile-open-btn {margin-top:0px !important; margin-bottom:0px !important; width: 36px !important; height: 36px !important; font-size: 36px !important;}
}
@media (max-width: 340px){
#jm-logo-sitedesc{max-width: 170px}
a.dj-mobile-open-btn {margin-top:0px !important; margin-bottom:0px !important; width: 24px !important; height: 24px !important; font-size: 24px !important;}
}
.jm-module {border-radius: 5px !important;}
.jm-module-raw.mod-links {text-align: right; float: right; width: 100%; display:block; font-size:11px;}
.news-udatmo { background-color: #FFF; box-shadow: 0 2px 8px rgba(0,0,0,0.45);}
@media (max-width: 860px) and (min-width: 410px) {
#jm-top-bar1 + #jm-top-bar2 {padding-top:0px;}
.jm-module-raw.mod-links {text-align: left; float: left;}
.jm-module-raw.testaunich {text-align: left; float: left;}
}
@media (max-width: 409px) and (min-width: 0px) {
#jm-top-bar1 + #jm-top-bar2 {padding-top:0px;}
.jm-module-raw.mod-links {text-align: left; float: left; font-size:9px;}
.jm-module-raw.testaunich {text-align: left; float: left;}
}
.jm-module-raw.mod-languages {text-align: right; float: right; margin-top: 3px;}
.jm-module-raw.mod-search {text-align: right; float: right; margin-top: 5px;}
#jm-header {padding-top: 20px;}
#jm-main {padding: 50px 0 30px;}
#jm-sitedesc {text-indent: -9999px;}
#jm-top1 {padding: 30px 0 20px;}
#jm-top2 {padding: 10px 0 30px;}
.jm-module.margin-header {margin: 0 0 30px; !important}
#jm-footer-mod {padding: 30px 0 0px; margin-bottom:-10px;}
.jm-module.disputer-footer {margin-bottom: 0 !important}
#jm-footer {padding: 20px 0; text-align:left; font-size:13px;}
#jmm-social-311.social-footer {display:inline-block; padding: 0 15px; float: left; width: 15%; height: 40px;}
.customcopyright-footer {display:inline-block; padding: 0 15px; float: left; width: 70%; height: 50px;}
@media (max-width: 1010px) and (min-width: 978px){
#jmm-social-311.social-footer {display:inline-block; padding: 0 15px; float: left; width: 15%; height: 40px;}
.customcopyright-footer {display:inline-block; padding: 0 15px; float: left; width: 70%; height: 50px; font-size:13px;}
}
@media (max-width: 977px) and (min-width: 450px) {
#jmm-social-311.social-footer {display:none;}
.customcopyright-footer {display:inline-block; width: 100%; height: 50px; text-align:center;}
}
@media (max-width: 450px) and (min-width: 0px) {
#jmm-social-311.social-footer {display:none;}
.customcopyright-footer {display:inline-block; width: 100%; height: 50px; text-align:center; font-size:12px;}
}
#jm-copyrights {padding: 10px 0;}
#jm-allpage #jm-page .jmm-add-features.default.footer-allpage .jmm-title { font-size: 15px; margin-bottom:10px;}
#jm-allpage #jm-page .jmm-add-features.default.footer-allpage .jmm-text { font-size: 12px; line-height: 17px;}
#jm-allpage #jm-page .jmm-add-features.default.footer-allpage .jmm-item {}
#jm-allpage #jm-page .jmm-add-features.default.footer-allpage .jmm-icon span { width: 80px; line-height: 80px;}
#jm-allpage #jm-page .footer-allpage { box-shadow: none;}
.jmm-icon { float:left}
.jmm-social.override li .jmm-ico { font-size: 14px; width: 24px; height: 24px; line-height: 24px; background:rgba(51,153,204,0.9);}
.jm-module .jm-title {text-transform: none;}
.nav.menu li ul { padding-left:10px; margin-left:-10px;}
.nav.menu > li.parent > a:after, .nav.menu > li.parent > span.separator:after { content:none;}
.dj-tabber span.dj-tab-in {text-transform: none;}
h3.title-home-news {text-align:center; color: #FFFFFF !important; background: #364e72; padding: 5px 0; border: 2px solid #364e72; border-radius: 3px;}
#jm-allpage .jm-module.color1-ms, #jm-allpage .jm-module.color3-ms, #jm-allpage .jm-module.color4-ms, #jm-allpage .jm-module.color5-ms { box-shadow: 0 2px 8px rgba(0,0,0,0.45);}
#jm-allpage .color1-ms .nav.menu li.active > a, #jm-allpage .color1-ms .nav.menu li.active > span.separator {color:#FFF; text-decoration: underline;}
#jm-allpage .color1-ms .nav.menu li > a:hover, #jm-allpage .color1-ms .nav.menu li > a:focus {color:#FFF; text-decoration: underline;}
#jm-allpage .color1-ms .nav.menu > li > a, #jm-allpage .color1-ms .nav.menu > li > span.separator {color:#7290bc; font-weight:bold;}
#jm-allpage .color1-ms .nav.menu > li > a:hover {color:#7290bc; text-decoration: none;}
#jm-allpage .color1-ms .nav.menu > li.active > a {color:#7290bc; text-decoration: none;}
#jm-allpage .color2-ms .nav.menu li.active > a, #jm-allpage .color1-ms .nav.menu li.active > span.separator {}
#jm-allpage .color3-ms .nav.menu li.active > a, #jm-allpage .color1-ms .nav.menu li.active > span.separator {}
#jm-allpage .color4-ms .nav.menu li.active > a, #jm-allpage .color1-ms .nav.menu li.active > span.separator {}
#jm-allpage .color5-ms .nav.menu li.active > a, #jm-allpage .color1-ms .nav.menu li.active > span.separator {}
.items-leading div[class*="leading-"], .items-row {border-bottom: 2px dashed #39c;}
span.contact-street {padding-right:20px; font-size: 13px;}
.contact .contact-form input[type="text"], .contact .contact-form input[type="email"], .contact .contact-form textarea {max-width: none;}
label, input, button, select, textarea { font-size: 11px;}
.contact .contact-form input[type="text"], .contact .contact-form input[type="email"], .contact {height:30px;}
.contact-form {float:left; width:100%;}
#jm-allpage .djtabs.default-theme .djtabs-title { border-top-left-radius: 20px; border-top-right-radius: 20px; margin-right: 2px;}
#jm-allpage .djtabs.default-theme .djtabs-in-border {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
#jm-allpage .djtabs.default-theme .djtabs-in { padding: 20px !important; border: 20px solid #EDEDED; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
/************************/
/*** Bootstrap.17.css ***/
/************************/
h1{font-size: 38px}
h2{font-size: 32px}
h3{font-size: 24px}
h4{font-size: 18px}
h5{font-size: 16px}
h6{font-size: 13px}
h1 small{font-size: 24px; font-weight: normal !important; font-family: 'Open Sans', sans-serif;}
h2 small{font-size: 18px; font-weight: normal !important; font-family: 'Open Sans', sans-serif;}
h3 small{font-size: 16px; font-weight: normal !important; font-family: 'Open Sans', sans-serif;}
h4 small{font-size: 13px; font-weight: normal !important; font-family: 'Open Sans', sans-serif;}
hr {border-top: 2px solid #ddd;}
.well {background:#e0e1e2; border: none;}
img {/*border: 1px solid #39c;*/ border-radius: 5px;}
li a.submenu {background: #39c !important; padding: 4px 0 4px 10px !important; border-radius: 5px; margin-bottom: 2px; font-size: 80% !important;}
li a.submenu:hover {color:#364e72;}
.nav.menu li ul > li > a.submenu:before {content:none;}
/* Modulo centralina in home page */
.customhomedati div.generale_centraline_home {width: 100%; font-family: 'Open Sans Condensed', sans-serif; line-height: 1.8;}
.customhomedati div.voce_parametro {float: left; width: 50%; font-size: 22px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.2);}
.customhomedati div.voce_valore {float: left; width: 50%; font-size: 22px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2);}
.customhomedati div.aggionamento_dati {float: left; width: 100%;}
@media (max-width: 1100px) and (min-width: 950px){
.customhomedati div.generale_centraline_home {width: 100%; font-family: 'Open Sans Condensed', sans-serif; line-height: 1.8;}
.customhomedati div.voce_parametro {float: left; width: 50%; font-size: 18px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.2);}
.customhomedati div.voce_valore {float: left; width: 50%; font-size: 18px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2);}
.customhomedati div.aggionamento_dati {float: left; width: 100%;}
}
@media (max-width: 949px) and (min-width: 768px) {
.customhomedati div.voce_parametro {font-size: 15px;}
.customhomedati div.voce_valore {font-size: 15px;}
}
@media (max-width: 767px) and (min-width: 560px) {
}
@media (max-width: 559px) and (min-width: 450px) {
.customhomedati div.voce_parametro {font-size: 18px;}
.customhomedati div.voce_valore {font-size: 18px;}
}
@media (max-width: 449px) and (min-width: 380px) {
.customhomedati div.voce_parametro {font-size: 15px;}
.customhomedati div.voce_valore {font-size: 15px;}
}
@media (max-width: 379px) and (min-width: 0px) {
.customhomedati div.voce_parametro {font-size: 12px;}
.customhomedati div.voce_valore {font-size: 12px;}
}
/********************* RESPONSIVE HOME PAGE **************************/
@media (max-width: 979px) and (min-width: 791px){
div.ricercahome {font-size: 90% !important;}
div.ricercahome .djtabs-panel-title {font-size: 24px !important;}
div.ricercahome div.jmm-title {font-size: 15px !important;}
div.djtabs-title {padding: 10px 20px !important;}
div.modulinohome div.jmm-title {font-size: 13px !important;}
div.modulinohome div.jmm-text {font-size: 12px !important;}
div.modulinohome div.jmm-icon {font-size:24px !important; padding-right: 20px !important;}
div.modulinohome div.jmm-icon span {width: 70px !important; line-height: 70px !important;}
div.modulinohome h3 {font-size: 16px !important; margin: 0 0 10px 90px !important;}
div.modulinohome {font-size: 12px !important;}
img.dispuhome {width:75px !important;}
}
@media (max-width: 790px) and (min-width: 768px) {
div.djtabs-title {padding: 5px 10px !important; font-size:14px !important;}
div.modulinohome div.jmm-title {font-size: 14px !important;}
div.modulinohome div.jmm-text {font-size: 13px !important;}
div.modulinohome div.jmm-icon {font-size:20px !important; padding-right: 20px !important;}
div.modulinohome div.jmm-icon span {width: 60px !important; line-height: 60px !important;}
div.modulinohome h3 {font-size: 14px !important; margin: 0 0 10px 90px !important;}
div.modulinohome {font-size: 12px !important;}
img.dispuhome {width:75px !important; margin:0px 15px 10px;}
}
@media (max-width: 767px) and (min-width: 450px) {
div.ricercahome {display:none;}
.lnd_introtxt {font-size:12px;}
div.modulinohome div.jmm-title {font-size: 14px !important;}
div.modulinohome div.jmm-text {font-size: 13px !important;}
div.modulinohome div.jmm-icon {font-size:20px !important; padding: 0 20px 0 0 !important;}
div.modulinohome div.jmm-icon span {width: 60px !important; line-height: 60px !important;}
div.modulinohome h3 {font-size: 16px !important; margin: 0 0 10px 90px !important;}
div.modulinohome {font-size: 12px !important;}
img.dispuhome {width:75px !important; margin:0px 15px 10px;}
}
@media (max-width: 450px) and (min-width: 0px) {
div.ricercahome {display:none;}
.lnd_introtxt {font-size:12px;}
div.modulinohome div.jmm-title {font-size: 14px !important;}
div.modulinohome div.jmm-text {font-size: 13px !important;}
div.modulinohome div.jmm-icon {font-size:20px !important; padding: 0 20px 0 0 !important;}
div.modulinohome div.jmm-icon span {width: 60px !important; line-height: 60px !important;}
div.modulinohome h3 {font-size: 16px !important; margin: 0 0 10px 90px !important;}
div.modulinohome {font-size: 12px !important;}
img.dispuhome {width:75px !important; margin:0px 15px 10px;}
}
/********************* FINE RESPONSIVE HOME PAGE *********************/
/********************* INIZIO COMPONENTE CENTRALINE ******************/
div.istruzioni {width:99%; font-size:80%; background-color:#ececec; border: 2px solid #DDD; border-radius: 7px; padding-left:5px; margin-top:10px;}
div.tabella_stazioni {display: table; width: 100%; margin-top:20px;}
div.riga_stazioni_th {clear: both; display: block; display: table-row; width: 100%; vertical-align: middle;}
div.riga_stazioni_td {clear: both; display: block; display: table-row; width: 100%;}
div.col_th_tipo, div.col_th_localita, div.col_th_prov, div.col_th_alt, div.col_th_agg,
div.col_th_temp, div.col_th_ur, div.col_th_press, div.col_th_vento, div.col_th_pioggia,
div.col_th_min, div.col_th_max, div.col_th_o3 {display: table-cell; float:left; height: 46px; font-size: 11px; font-weight: bold; text-shadow: 1px 2px #FFFFFF; text-align:center; background-color:#FFF; border-bottom: 3px solid #ddd; padding: 4px 0px 4px 0; margin-right:2px;}
div.col_no_th, div.col_no_td { display: none;}
span.span_th1 {margin-top:13px; padding: 0px !important;}
span.span_th2 {margin-top:3px; padding: 0px !important;}
div.col_th_tipo {width:3%;}
div.col_th_o3 {width:6%;}
div.col_th_localita {width:20%;}
div.col_th_prov {width:4%;}
div.col_th_alt {width:6%;}
div.col_th_agg {width:7%;}
div.col_th_temp {width:7%;}
div.col_th_ur {width:6%;}
div.col_th_press {width:7%;}
div.col_th_vento {width:14%;}
div.col_th_pioggia {width:7%;}
div.col_th_min {width:6%;}
div.col_th_max {width:6%;}
div.col_td_tipo, div.col_td_localita, div.col_td_prov, div.col_td_alt, div.col_td_agg,
div.col_td_temp, div.col_td_ur, div.col_td_press, div.col_td_vento, div.col_td_pioggia,
div.col_td_min, div.col_td_max, div.col_td_o3 {display: table-cell; float:left; height: 23px; text-align:center; border-bottom: 1px dotted #ddd; padding: 4px 0px 4px 0; margin-right:2px;}
img.icon_tipo { max-width: 18px; max-height: 18px;}
span.unit { font-weight:normal; font-style: italic; padding: 0px !important;}
span.unit_small { font-size:80%; font-weight:normal; font-style: italic; padding: 0px !important;}
span.span_loc {padding: 0 0 0 5px !important;}
div.col_td_tipo {width:3%;}
div.col_td_o3 {width:6%;}
div.col_td_localita {width:20%; text-align:left;}
div.col_td_prov {width:4%; font-size:80%;}
div.col_td_alt {width:6%; font-size:80%;}
div.col_td_agg {width:7%; font-size:80%; background-color:#ececec;}
div.col_td_temp {width:7%; font-weight:bold;}
div.col_td_ur {width:6%; color:#9999FF;}
div.col_td_press {width:7%;}
div.col_td_vento {width:14%; color:orange;}
div.col_td_pioggia {width:7%;}
div.col_td_min {width:6%; background-color:#f7fbff; color:#0000FF; font-weight:bold;}
div.col_td_max {width:6%; background-color:#FFF0F5; color:#FF0000; font-weight:bold;}
a.td_localita {color:#7290bc !important; text-decoration: underline;}
@media (max-width: 979px) and (min-width: 768px){
div.tabella_stazioni, div.col_th_tipo, div.col_th_localita, div.col_th_prov, div.col_th_alt, div.col_th_agg,
div.col_th_temp, div.col_th_ur, div.col_th_press, div.col_th_vento, div.col_th_pioggia,
div.col_th_min, div.col_th_max, div.col_th_o3 {font-size:11px;}
img.icon_tipo { max-width: 16px; max-height: 16px;}
div.col_th_prov, div.col_td_prov {display:none !important;}
div.col_th_tipo, div.col_td_tipo {width:3%;}
div.col_th_o3, div.col_td_o3 {width:6%;}
div.col_th_localita, div.col_td_localita {width:22%;}
div.col_th_alt, div.col_td_alt {width:6%;}
div.col_th_agg, div.col_td_agg {width:7%;}
div.col_th_temp, div.col_td_temp {width:7%;}
div.col_th_ur, div.col_td_ur {width:7%;}
div.col_th_press, div.col_td_press {width:7%;}
div.col_th_vento, div.col_td_vento {width:14%;}
div.col_th_pioggia, div.col_td_pioggia {width:8%;}
div.col_th_min, div.col_td_min {width:6%;}
div.col_th_max, div.col_td_max {width:6%;}
}
@media (max-width: 767px) and (min-width: 450px) {
div.tabella_stazioni, div.col_th_tipo, div.col_th_localita, div.col_th_prov, div.col_th_alt, div.col_th_agg,
div.col_th_temp, div.col_th_ur, div.col_th_press, div.col_th_vento, div.col_th_pioggia,
div.col_th_min, div.col_th_max {font-size:10px;}
img.icon_tipo { max-width: 14px; max-height: 14px;}
div.col_th_prov, div.col_td_prov {display:none !important;}
div.col_th_alt, div.col_td_alt {display:none !important;}
div.col_th_press, div.col_td_press {display:none !important;}
div.col_th_agg br, div.col_th_alt br {display: none;}
div.col_th_o3, div.col_td_o3 {width:6%;}
div.col_th_tipo, div.col_td_tipo {width:3%;}
div.col_th_localita, div.col_td_localita {width:27%;}
div.col_th_agg, div.col_td_agg {width:7%;}
div.col_th_temp, div.col_td_temp {width:7%;}
div.col_th_ur, div.col_td_ur {width:7%;}
div.col_th_vento, div.col_td_vento {width:14%;}
div.col_th_pioggia, div.col_td_pioggia {width:9%;}
div.col_th_min, div.col_td_min {width:9%;}
div.col_th_max, div.col_td_max {width:9%;}
}
@media (max-width: 450px) and (min-width: 0px) {
div.tabella_stazioni, div.col_th_tipo, div.col_th_localita, div.col_th_prov, div.col_th_alt, div.col_th_agg,
div.col_th_temp, div.col_th_ur, div.col_th_press, div.col_th_vento, div.col_th_pioggia,
div.col_th_min, div.col_th_max {font-size:10px;}
img.icon_tipo { max-width: 12px; max-height: 12px;}
div.col_th_prov, div.col_td_prov {display:none !important;}
div.col_th_alt, div.col_td_alt {display:none !important;}
div.col_th_press, div.col_td_press {display:none !important;}
div.col_th_agg br, div.col_th_alt br {display: none;}
div.col_th_tipo, div.col_td_tipo {width:3%;}
div.col_th_o3, div.col_td_o3 {width:5%;}
div.col_th_localita, div.col_td_localita {width:34%;}
div.col_th_agg, div.col_td_agg {width:7%;}
div.col_th_temp, div.col_td_temp {width:10%;}
div.col_th_ur, div.col_td_ur {width:7%;}
div.col_th_vento, div.col_td_vento {width:20%;}
div.col_th_pioggia, div.col_td_pioggia {width:12%;}
div.col_th_min, div.col_td_min {display:none !important;}
div.col_th_max, div.col_td_max {display:none !important;}
}
/**********************/
/**********************/
/*** Pagina Webcam ****/
img.camchieti {box-shadow: 0 2px 8px rgba(0,0,0,0.45); border-radius: 7px;}
/**********************/
.alert, .alert-success, .alert-error, .alert-info {border-radius:5px; font-size: 11px;}
div.button_map {
background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0);
background-origin: padding-box; background-position: left top; background-repeat: repeat-x; background-size: auto auto;
border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px;
box-shadow: 0 2px 2px #DDDDDD; cursor: pointer !important; text-align:center; width:98%;
float:left; border: 1px solid #DDDDDD;;
}
div.button_map:hover { background-color:#FFF000;}
div.etichetta {float:right; width:85%; display:contents;}
span.eti_nome {}
span.eti_temp {}
span.eti_min {color:#0000FF;}
span.eti_max {color:#FF0000;}
span.eti_umi {color:#9999FF;}
span.eti_ven {color:orange;}
span.eti_pio {color:#7290bc;}
span.eti_pres {}
span.eti_o3o {}
/********************* FINE COMPONENTE CENTRALINE ******************/
/********************* INIZIO COMPONENTE MAPPE ******************/
#modelli {}
div.map_selezione_bottoni { width:100%; height: 50px;}
div.selezione_mappa { width:22%; float:left; margin-right: 10px;}
.selezione_mappa {
-moz-box-shadow:inset 0px 1px 0px 0px #aaaaaa;
-webkit-box-shadow:inset 0px 1px 0px 0px #aaaaaa;
box-shadow:inset 0px 1px 0px 0px #aaaaaa;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #364e72), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #364e72 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #364e72 5%, #0061a7 100%);
background:-o-linear-gradient(top, #364e72 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #364e72 5%, #0061a7 100%);
background:linear-gradient(to bottom, #364e72 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#364e72', endColorstr='#0061a7',GradientType=0);
background-color:#364e72;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #124d77;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:13px;
padding:4px 0px 4px 10px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
}
.selezione_mappa:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #364e72));
background:-moz-linear-gradient(top, #0061a7 5%, #364e72 100%);
background:-webkit-linear-gradient(top, #0061a7 5%, #364e72 100%);
background:-o-linear-gradient(top, #0061a7 5%, #364e72 100%);
background:-ms-linear-gradient(top, #0061a7 5%, #364e72 100%);
background:linear-gradient(to bottom, #0061a7 5%, #364e72 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#364e72',GradientType=0);
background-color:#0061a7;
}
.selezione_mappa:active {
position:relative;
top:1px;
}
form#sceglimappa {margin:0 0 0px;}
div.map_selezione_mappa { width:100%;}
div.orari_sinistra { width:4%; float:left; margin-top:75px;box-shadow: 0 2px 8px rgba(0,0,0,0.45); border-radius: 2px; background: #d5d5d5;margin-right:2px;}
div.orari_sopra { width:100%; float:left; margin-bottom:5px; border-radius: 2px;}
div.orario1 {width:3%; float:left; box-shadow: 0 2px 8px rgba(0,0,0,0.45); margin-right:1%; font-size: 12px; height: 17px; text-align:center; margin-bottom:5px;}
div.orario1:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.45); border-radius: 5px; padding: 0; background: #364e72; color: #fff; font-size: 12px; height: 17px; text-align:center;}
div.orario1 a {}
div.orario2 {width:40%; float:left; box-shadow: 0 2px 8px rgba(0,0,0,0.45); margin-right:1%; font-size: 12px; height: 17px; text-align:center; margin-bottom:5px;}
div.orario2:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.45); border-radius: 5px; padding: 0; background: #364e72; color: #fff; font-size: 12px; height: 17px; text-align:center;}
div.orario2 a {}
div.infoter1 {width:100%; float:left; font-style: italic; font-variant: small-caps;}
div.infoter2 {width:100%; float:left; font-style: italic; font-variant: small-caps; font-size: 11px; margin:30px 0 10px 0; text-align:center;}
/*div.orari_destra { width:4%; float:left; margin-top:75px;box-shadow: 0 2px 8px rgba(0,0,0,0.45); border-radius: 2px; background: #d5d5d5;}*/
div.orari_destra { width:8%; float:left; margin-left: 15px;}
div.orari_dx_col1 {float:left; width: 30px; display: inline-flex; flex-direction: column;}
div.orari_dx_col2 {float:right; width: 30px; /*display: inline-flex; flex-direction: column-reverse*/}
div.mappa { width:90%; float:left; height:605px; position:relative;}
div.mese_sinistra { width:8%; float:left; margin-top:75px;}
div.mese {font-size: 12px; width: 60px; text-align:center; box-shadow: 0 2px 8px rgba(0,0,0,0.45); display:block; margin-bottom:5px; height: 21px;}
div.mese a {}
div.mese:hover { font-size: 12px; text-align:center;box-shadow: 0 2px 8px rgba(0,0,0,0.45); display:block; margin-bottom:5px; height: auto; background: #364e72; color: #fff; font-size: 12px; height: 21px; text-align:center;}
div.stagione {font-size: 12px; width: 60px; text-align:center; box-shadow: 0 2px 8px rgba(0,0,0,0.45); display:block; margin-bottom:5px; height: 40px;}
div.stagione a {}
div.stagione:hover { font-size: 12px; text-align:center;box-shadow: 0 2px 8px rgba(0,0,0,0.45); display:block; margin-bottom:5px; height: 40px; background: #364e72; color: #fff; font-size: 12px; height: 40px; text-align:center;}
div.mappa_clima { width:91%; float:left;}
.mappa .thumbnail {border:none; box-shadow:none;}
.map_nav {
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
}
.map_nav a {
background: 0 0;
display: inline;
width: 48%;
height: 100%;
}
.prev_map {
pointer-events: initial;
width:49%;
height: 600px;
position:absolute;
left: 0;
bottom:0;
color: #FFF;
}
.prev_map:hover {
color: #808080;
}
.next_map {
pointer-events: initial;
width:49%;
height: 600px;
position:absolute;
right: 0;
bottom:0;
}
.btn-toolset_left {
display: inline-block;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
text-decoration: none;
line-height: 0.4;
font-weight: normal;
font-size: 0px;
background-color: #e0e1e2;
border-radius: 6px;
padding: 0px 10px 5px 10px;
border: 1px solid #BEBDBF;
cursor: pointer;
margin-top:71%;
margin-left:11%;
background: url("../images/Arrows-Left-icon.png") center no-repeat #e0e1e2;
height: 40px;
width: 60px;
float: left;
}
.btn-toolset_left:hover, .btn-toolset_right:hover {
background-color: transparent !important;
border-color: transparent !important;
color: #000;
}
.btn-toolset_right {
display: inline-block;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
text-decoration: none;
line-height: 0.4;
font-weight: normal;
font-size: 0px;
background-color: #e0e1e2;
border-radius: 6px;
padding: 0px 10px 5px 10px;
border: 1px solid #BEBDBF;
cursor: pointer;
margin-top:71%;
margin-right:9%;
background: url("../images/Arrows-Right-icon.png") center no-repeat #e0e1e2;
height: 40px;
width: 60px;
float: right;
}
select.mappe {font-size: 13px; font-weight:bold; height:30px; width:96% ;border-radius: 5px; padding: 0 10px;margin-right: 10px;}
.loading {float:left; font-weight:bold;}
.img_loading {height: 30px;}
@-webkit-keyframes blinker
{
0% { opacity: 0.3; }
50% { opacity: 1.0; }
100% { opacity: 0.3; }
}
.css3_blink
{
-webkit-animation-name: blinker;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
-webkit-animation-duration: 1.0s;
color: #7290bc;
}
/* responsive mappe */
@media (max-width: 1056px) and (min-width: 980px){
div.mappa {width: 88%;}
div.orari_destra {width: 10%; margin-left: 10px; }
}
@media (max-width: 979px) and (min-width: 797px) {
}
@media (max-width: 796px) and (min-width: 647px) {
div.mappa {width: 88%;}
div.orari_destra {width: 10%; margin-left: 10px;}
div.infoter2 {margin-top: 0px;}
div.orario2 {}
select.mappe {font-size: 11px;}
}
@media (max-width: 646px) and (min-width: 450px) {
div.mappa {width: 100%; height: 500px;}
/*div.orari_sopra {display:none}*/
div.orari_destra {display:none}
.prev_map {height:500px;}
.next_map {height:500px;}
div.orario1 {font-size: 11px;}
/*div.orari_dx_col1, div.orari_dx_col2 {flex-direction: row; float:left; width: 30px;}
div.orari_dx_col2 {display: inline-flex; margin-top: 30px;}
div.orario2 {width:100% !important; float:left; box-shadow: 0 2px 8px rgba(0,0,0,0.45); margin-right:1%; font-size: 11px; height: 17px; text-align:center; margin-bottom:5px;}
div.orario2:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.45); border-radius: 5px; padding: 0; background: #364e72; color: #fff; font-size: 11px; height: 17px; text-align:center;}
div.orario2 a {}*/
select.mappe {margin-right: 5px; width: 85%; margin-bottom: 5px;}
}
@media (max-width: 449px) and (min-width: 380px) {
div.mappa {width: 100%; height: 400px;}
/*div.orari_sopra {display:none}*/
div.orari_destra {display:none}
.prev_map {height:400px;}
.next_map {height:400px;}
div.orario1 {font-size: 10px;}
}
@media (max-width: 379px) and (min-width: 0px) {
div.mappa {width: 100%; height: 300px;}
/*div.orari_sopra {display:none}*/
div.orari_destra {display:none}
.prev_map {height:300px;}
.next_map {height:300px;}
div.orario1 {font-size: 9px;}
}
/********************* FINE COMPONENTE MAPPE ******************/
/********************* INIZIO COMPONENTE EVENTS ******************/
.jev_evdt_title {font-family: 'Open Sans Condensed', sans-serif; font-size: 32px !important; line-height: 1.2; font-weight:bold;}
#jevents_body p {font-size: 14px;}
.jev_evdt_location {font-size: 14px !important;}
span.location {font-weight:bold;}
/********************* FINE COMPONENTE EVENTS ******************/