﻿/* reset.css */
/*html {margin:0;padding:0;border:0; font-size:100.01%; }*/
html {margin:0;padding:0;border:0; font-size:100.01%; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

body {font-size:14px; -webkit-text-size-adjust: 100%; color:#666; font-family:"Raleway", Arial, Helvetica, sans-serif; line-height:100%; background:#ECE8DF; font-weight:400;}
a {text-decoration:none; color: #666; transition: color 0.5s ease-in-out 0s; -webkit-transition:color 0.5s ease-in-out 0s;}
a:focus, a:hover {color:#9F0008;}
.underline, a.underline, .underline a {text-decoration: underline;}
a img {border:none;}
p {margin:0; padding:0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1, h2, h3, h4, h5, h6 {font-weight:300;}

/* TYPOGRAPHY */
.light {font-weight: 300;}
.normal-weight {font-weight: 400;}
.medium-weight {font-weight: 500;}
.bold, .strong {font-weight: 600;}
strong {font-weight: 700;}
.em, em {font-style:italic;}
.no-strong {font-weight: normal;}
.uppercase {text-transform:uppercase;}

/* TYPOGRAPHY - FONT-SIZE */
.extrasmall {font-size: 12px;} 
.small {font-size: 13px;}
.normal{font-size: 14px;}
.medium {font-size: 16px;} 
.large {font-size: 22px;}
.extralarge {font-size: 34px;} /* 20px 125% */

/* TYPOGRAPHY - COLOR */
.light-grey, .light-grey a, a.light-grey, #header .txt {color: #888;}
.grey, .grey a, a.grey {color: #666;}
.dark-grey, .dark-grey a, a.dark-grey {color: #333;}
.white, .white a, a.white {color: #FFF;}
.black, .black a, a.black {color: #000;}

.loud, .loud a, a.loud, .red, .red a, a.red {color:#9F0008;}
.quiet, .quiet a, a.quiet, .green, .green a, a.green {color:#AABD2C;}

#footer, #footer ul li a, #footer a:hover, .box.box-primopiano, .box.box-primopiano a, .box-banner, .box-banner a, .template-footer, .template-footer a, .media-list.evidenza ul li, .media-list.evidenza ul li .title a {color:#fff;}
h1, h2, .data, .luogo, .box-evidence .title a, .box.box-news .title a:hover, .box-document a, .media-list ul li .title a, .template-social .box a, .box-info strong  {color:#000;}
h2, .template-footer .title, .box-navigation-int .title, .template-footer .title a,box-navigation-int .title, .box-navigation-int .title a, .box-banner .title a:hover, .template-footer ul li a:hover {color:#AABD2C;}
#footer a, #footer ul li a:hover, #footer ul li a:hover, .title h1, .box-info h2, .box.box-news .title a, .box-evidence .title a:hover, .box-document a:hover, .box.box-primopiano .title a:hover, .template-social .box a:hover, .media-list.evidenza ul li .title a:hover, .media-list ul li .title a:hover {color:#9F0209;}
.template-int .description  {color:#333;}
.template-int .textarea-int .txt a:hover {color:#9F0209;}
.template-social .box {color:#858585;}
.template-social .box.box-facebook a {color:#3B5998;}
.template-social .box.box-twitter a {color:#4C9FD2; height: 260px;}

/* BACKGROUND */
.template-int {background:rgba(255,255,255,0.9);}
.bk-white, .template, #header, #footer, .home #content, .template-social .box  {background:#fff;}
.bk-black {background:#000;}
.bk-red, .box-news .link, .visore-home .link {background:#9F0108;}
.bk-light, .box-evidence ul li, .box-info, .media-list.notizie ul li  {background:#ECE8DF;} 

.bk-yellow {background:#FFB800;} 
.bk-green {background:#62A73A;} 
.bk-violet {background:#6D2B99;} 
.bk-blue {background:#2C697B;} 

.template-footer  {background: url("../img/bk-footer-navigation.jpg") no-repeat center top #000;}
.col-sx.box-navigation-footer {background: url("../img/bk-footer-navigation-small.png") no-repeat center top;}
.template-social {background: url("../img/bk-footer.jpg") no-repeat center top; max-height:600px; min-height:180px;}

.menu-first, #footer, .button, .link {background:#0D0D0B; transition: background 0.8s ease-in-out 0s; -webkit-transition:background 0.8s ease-in-out 0s;}
.menu-first ul li.select a, .menu-first ul li:hover a {background:#9F0209;}
.box-navigation-footer .button, .box-navigation-footer .link {background:#aabd2c;}

.box-primopiano ul li .link, .box-evidence .link, .template-evidence .button {background:#9f0108;}

/*.box-primopiano ul li .link, .box-evidence .link, .template-evidence .button {background:#FFB800;}
.box-primopiano ul li:nth-child(2) .link, .box-banner ul li .link {background:#62A73A;}
.box-primopiano ul li:nth-child(3) .link, .box-banner ul li:nth-child(2) .link {background:#6D2B99;}
.box-primopiano ul li:nth-child(4) .link {background:#2C697B;}.media-list.evidenza ul li .link {background:#FFB800;}
.media-list.evidenza ul li:nth-child(2) .link {background:#2C697B;}
.media-list.evidenza ul li:nth-child(3n+0) .link {background:#62A73A;}
.media-list.evidenza ul li:nth-child(4n+0) .link {background:#6D2B99;}
.media-list.evidenza ul li:nth-child(5n+0) .link {background:#2C697B;}
.media-list.evidenza ul li:nth-child(6) .link {background:#62a73a;}*/

.link:hover, .button:hover {background:#000;}
.link:hover a, .button:hover a, .template-evidence .button:hover a  {color:#fff;}

/* POSITION *//* DISPLAY */
.left{float:left !important;}
.right{float:right !important;}
.clear {clear:both;}
.center {text-align: center;}
.block {display:block;}
.hide {display:none;}
.relative {position:relative;}
.absolute {position:absolute;}
.clearfix, .container, .template, .template-int, .media-list.mappa ul {display:block;}
.clearfix:after, .container:after, .template:after, .template-int:after, .media-list.mappa ul:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.full {width: 100%; clear: both; display: block;}
.auto {width: auto; clear: both; display: block;}

span.textarea, span.title, span.img, span.txt, span.link {display:block;}

/* NAVIGATION */ /* LIST */
ul {border: none;margin:0px; padding:0px; list-style: disc inside none;}
ul li {list-style-type:disc;}
ul li a {cursor: pointer; display:block;} 
ul.menu li, ul.list li, ul.list-float li, ul.navigation li, ul.breadcrumb li {display: block;}
ul.menu li, ul.list-float li, ul.breadcrumb li {float: left;}
ul li:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
ul#menu-first {width: auto; margin:0 auto; overflow: hidden; *zoom: 1;}
ul#menu-first li a {display: inline-block; }

/* TABLE */
table tr td, table tr th  {padding:0; border-bottom:none;}
table tr:first-child th, table tr:first-child, tbody tr:nth-child(even) td, tbody tr.even td  {background:#fff;}

/* margin *//* padding *//* BORDER */
.padding-10 {padding:10px;}
.padding-lateral-10{padding-left:10px; padding-right:10px;}
.padding-vertical-10 {padding-top:10px; padding-bottom:10px;}
.padding-top-10{padding-top:10px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-left-10{padding-left:10px;}
.padding-right-10{padding-right:10px;}
.no-padding{padding:0px;}

.margin-10 {margin:10px;}
.margin-top-10 {margin-top:10px;}
.margin-vertical-10 {margin-top:10px; margin-bottom:10px;}
.margin-lateral-10 {margin-left:10px; margin-right:10px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-top-10 {margin-top:10px;}
.margin-left-10 {margin-left:10px;}
.margin-right-10 {margin-right:10px;}
.no-margin{margin:0px;}

.border {border:1px solid #DDDBD2;}
.border-right {border-right:1px solid #DDDBD2;}
.border-left {border-left:1px solid #DDDBD2;}
.border-bottom {border-bottom:1px solid #DDDBD2;}
.border-top {border-top:1px solid #DDDBD2;}
.no-border {border:none;}

/* HR */
hr {background:#DDDBD2;color:#DDDBD2;clear:both;float:none;width:100%;height:1px;margin:10px 0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden; margin: 0 0 10px 0;}
hr.big-space {background:#fff;color:#fff;visibility:hidden; margin: 10px 0 10px 0;}

/* FORMS */
fieldset, #IE8#HACK {padding:0; margin:0;}
legend, #IE8#HACK {margin:0; padding:0;}
.error, .alert, .notice, .success, .info {padding:5px;margin-bottom:5px;border:2px solid #DDD;}
.error, .alert {background:#F0F0F0; border: 1px solid #D1CFCA; margin: 10px 0;  padding: 10px; color:#8a1f11;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb; margin:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {font-size:12px; color:#666; font-weight:400; font-family:"Raleway", Arial, Helvetica, sans-serif;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
input[type=submit] {width:auto; border:none; padding:4px 20px; margin:0; font-size:12px; text-transform:uppercase; font-weight:600; cursor:pointer; font-family:"Raleway", Arial, Helvetica, sans-serif;}
textarea {width:400px;height:70px;padding:5px;}
label {font-weight:bold; display: block;}

input[type=text] {width:98%; padding-left:2%; height:25px;}
select {width:100%; padding-left:2%; height:25px;}

.box-navigation-footer select {height:30px; margin-bottom:10px; background:#000; border:1px solid rgba(255,255,255,0.4); color:#fff; border: 1px solid rgba(255, 255, 255, 0.4);}

.ricerca-eventi {background:#eeede8; padding:20px 2%;}
.ricerca-eventi .line {float:left; width:48%;}
.ricerca-eventi .line:nth-child(even) {float:right;}
.ricerca-eventi .line.full {width:100%; clear:both;}
.ricerca-eventi.home {background:transparent; padding: 0;}
.ricerca-eventi.home .label {font-size:12px; font-weight:500; margin-bottom:3px; display:block;}
.ricerca-eventi.home input[type=text] {background:#000; color:#fff; border:1px solid rgba(255, 255, 255, 0.4);}

/* IMMAGINI */
.img img, .logo-img img, .logo img {width:100%; float:left;}
.transition a img, .media-list.evidenza ul li .img, .box-primopiano ul li .img, .box-banner .img, .box-evidence .img, .box-youtube img, .media-list.notizie ul li .img {transition: opacity 0.8s ease-in-out 0s; -webkit-transition:opacity 0.8s ease-in-out 0s; -webkit-transform: translateZ(0);}
.transition a:hover img, .media-list.evidenza ul li:hover .img, .box-primopiano ul li:hover .img, .box-banner .img:hover, .box-evidence .img:hover, .box-youtube img:hover, .media-list.notizie ul li .img:hover {opacity:0.5; -webkit-transform: translateZ(0);}
.media-list.evidenza ul li:hover .img, .box-primopiano ul li:hover .img {opacity:0.5;}

/*GALLERY*/
.visore, .visore-home {width:100%; margin:0 auto; position:relative; height:auto;}
.visore:after, .visore-home:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.visore .img, .visore-home .img {max-height:600px; width:100%; height:auto; }
.visore-txt {width:25%; bottom:70px; padding:15px 0 50px 0!important; margin:0; background:rgba(0, 0, 0, 0.6); position:absolute; z-index:120; height:auto; right:0;}
.visore-home .visore-txt {width:35%; bottom:0; padding:15px 0!important; margin:0; background:rgba(0, 0, 0, 0.4); position:absolute; z-index:120; height:auto; right:0;}
.visore-txt .textarea {height:75px; padding:0 1%;}
.visore-home .visore-txt .textarea {height:60px; padding:0 3%;}
.visore-txt-small {width:40%; bottom:15px; margin:0; position:absolute; z-index:120; height:auto; left:0; overflow:hidden;}

.visore, .visore-home, .visore a, .visore-home a {color:#fff;}
.visore .title a:hover, .visore-home .title a:hover {color:#9f0108;}
.visore .visore-txt, .visore-home .visore-txt {font-size: 14px; line-height:18px; text-align:center;}
.visore-home .visore-txt {font-size: 17px; line-height:19px; text-align:center;}
.visore-home .visore-txt .link {display:none;}
.visore-txt .title {font-size: 22px; line-height:24px; font-weight:600; padding-bottom:5px;}
.visore-home .visore-txt .title {font-size: 33px; line-height:34px; font-weight:300;}
.visore-txt-small {font-size: 13px; font-style: italic;}

.visore-background {width:100%;}

/* Mappa */
.check-container { width:185px;background:none!important;position:absolute; right:10px; top:30px;z-index:1; }
.check-container .title { border:1px solid #4B8CF6;margin-bottom:1px; color:#000000; margin-bottom:1px;padding:10px; font-size:14px;background-color:#FFFFFF; }
.check-container .checkbox.filters { padding:10px; border:1px solid #4B8CF6;display:block;background-color:#FFFFFF; }
.check-container .checkbox.filters a { color:#858585; }
.check-container .checkbox.filters a img {margin-right:10px; }
/*.interna .check-container{top:8%; right:35%;}*/
.mappa .check-container {background-color:#fff;}

.media-list.mappa { height:100%!important;}
.media-list.mappa .textarea-list {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dddbd2; clear:both; width:100%; float:none;}
.media-list.mappa .title.categoria {color:#000; font-size:18px;  cursor: pointer;}
.media-list.mappa .title.categoria a {color:#000;  cursor: pointer;}
.media-list.mappa ul  {background:#EEEDE8; padding:15px; margin-top:10px;}
.media-list.mappa ul li  {padding:5px 0; margin:5px 2% 5px 0; font-size:13px; width:32%; float:left; border-bottom:1px solid #dddbd2;}
.media-list.mappa ul li:nth-child(3n+0)  {margin-right:0;}
.media-list.mappa ul li .title a {font-size:13px; color:#666666;}

.box-gallery, .box-video {margin:40px 0;}
.box-gallery .img {background:#000;}
.box-gallery .textarea {padding:10px 0; font-size:13px; font-style:italic;}
.box-thumb ul li {height:84px; width:19%; margin-right:1.24%; overflow:hidden;}
.box-thumb ul li:last-child {margin-right:0;}
.box-thumb ul li img {width:100%;}
.box-gallery:after, .box-thumb:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.btn-prev, .btn-next {position:absolute; text-align:center; z-index:300;}
.btn-prev img, .btn-next img {width:100%;}
.visore-home .btn-prev, .visore-home .btn-next, .visore .btn-prev, .visore .btn-next  {top:35%; width:31px; height:51px;}
.visore-home .btn-next, .visore .btn-next {right:2%;}
.visore-home .btn-prev, .visore .btn-prev  {left:2%;}
.template-evidence .btn-prev, .template-evidence .btn-next { width:50px; height:50px; right:0; top:10px;}
.template-evidence .btn-prev {right:60px;}

.puntini {position:absolute; margin:0 auto;}
.puntini img {width:100%;}
.visore-home .puntini {bottom:50px; margin:0 auto; width:100px;}
.visore .puntini {bottom:50px; margin:0 auto; width:100px; right:0; left:0;}


/*LINK-BUTTON*/
.button, .link {width:150px; font-size:11px; padding:4px 10px; font-weight:600; color:#fff; text-transform:uppercase; margin:0 auto; text-align:center;}
.button a, .link a {color:#fff; cursor:pointer;}

.button.button-mappa {width:100px; padding:8px 30px 8px 15px; position:absolute; bottom:0; margin:0 auto; left:0; right:0; background: url("../img/ico-mappa.png") no-repeat center right #0D0D0B;}
.box-navigation-footer .button, .box-navigation-footer .link {width:90%; margin:8px 0; padding:8px 0; float:right; clear:both; }
.box-navigation-footer input.button {width:auto; padding:5px 20px;}
.media-list.notizie ul li .link {font-size:10px; line-height:14px; font-weight:500; color:#9f0209;  background:none; padding:0; margin:0; text-align:left; letter-spacing:0.5; width:auto;}
.media-list.notizie ul li .link a {color:#9f0209;}
.template-evidence .button {height:30px; padding-top:17px; top:10px; position:absolute;}  
.template-evidence .button a {color:#fff;} 
.box-evidence .link, .visore-home .link {width:100px; position:absolute; bottom:0; left:0; right:0;} 
.visore-home .link {bottom:20px;} 

/* STRUCTURE *//* elementi*/
.template, .template-int, #header, #footer, #content {width:100%;margin:0 auto; position:relative;}
.template, .template-int, .col-sx, .col-dx {display:block;}
.template:after, .template-int:after, .col-sx:after, .col-dx:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.template, .template-int {clear:both;}
.container {;margin:0 auto; position:relative;}
.col-sx {width:66.13%; float:left;}
.col-dx {width:32.25%; float:right;}
.template-int .col-dx {width:27%;}

#header .header-top {padding:10px 0;}
#header .col-dx {width:60%;}
#header .txt {padding-bottom:10px;}
#header .box-search {width:28%; margin-left:1%;}
#header .box-search input[type=submit] {margin-top:3px; position:absolute; right:0; background: url("../img/lente.png") no-repeat center center; }
#header .menu-social {padding:5px 1% 0 2%;}
#header .menu-second {margin:10px 1% 0 0;}
#header .menu-second-language {float:right;}
.menu-second, #header .menu-social, #header .box-search  {float:right;}
#footer {padding:30px 0;}
#footer .footer-txt  {width:45%; float:left;}
#footer .footer-txt img { width:45px; margin-right:15px;float:left;}

/* MENU - NAVIGAZIONI */
#header .menu-first ul li {font-size:14px;}
#header .menu-first ul li a {padding:13px 10px;}
.menu.second.social li {margin-right:5px;}
.menu.second.social li:last-child {margin-right:0;}
#header .menu-first {border-bottom:5px solid #9F0209;}
#header .menu-first ul li a, #header .menu-second ul li a {font-weight:600; text-transform:uppercase;}
#header .menu-first ul li a, #footer, #footer ul li a {color:#fff;}
#header ul.menu.second li.select a {color:#9F0209;}
#header ul.menu.second li a:hover {color:#000;}

.box-navigation-int {margin-bottom:40px;}
ul.navigation li {padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #DDDBD2;}
ul.navigation li ol {padding:10px 0 0 0;}
ul.navigation li ol li {padding:0 13px 4px 13px; margin-bottom:4px; border-bottom:none; background: url("../img/bk-navigation.png") no-repeat left 8px;}
ul.navigation li ol li.select {background: url("../img/bk-navigation-select.png") no-repeat left 8px;}
ul.navigation li ol li ol {padding:0;}
ul.navigation li ol li ol li {padding:3px 0 0 0 ; margin-bottom:3px; background:none; border-bottom:1px solid #DDDBD2;}
ul.navigation li ol li ol li.select {background:none;}

.box-navigation-footer .box-navigation { width:29%; padding:0 2%;float:left;}
.box-navigation-footer .box-navigation .search {padding-top:17px;}
.box-navigation-footer ul.navigation li {padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.3);}
ul.navigation li {font-size:14px; font-weight:500;}
.box-navigation-footer ul.navigation li, ul.navigation li ol li {font-size:13px;}
.template-int ul.navigation li.select ol li.select ol li {font-size:11px;}
.template-footer .title, .box-navigation-int .title  {font-size: 18px; line-height:20px; font-weight:500; margin-bottom:20px;}
.box-navigation-int .title  {font-size: 22px; line-height:20px;}
.template-int ul.navigation li.select a, .template-int ul.navigation li.select ol li.select a, .template-int ul.navigation li a:hover, .template-int ul.navigation li.select ol li a:hover {color:#9F0209;}
.template-int ul.navigation li.select ol li a, .template-int ul.navigation li.select ol li.select ol li a {color:#666;}
.template-int ul.navigation li a, .template-int ul.navigation li.select ol li.select ol li.select a, .template-int ul.navigation li.select ol li.select ol li a:hover  {color:#000;}

.box-breadcrumb {font-size:12px; font-weight:500;}
.box-breadcrumb ul  li {margin-right: 5px;}
.box-breadcrumb ul li:last-child, .box-breadcrumb ul li:last-child a {color:#999;}
.box-paginazione  {width:100%; clear:both; float:none; padding:5px 0 10px 0;}
.box-paginazione ul {float:right;}
.box-paginazione ul li {margin-left: 8px; font-size:14px;}
.box-paginazione ul li a {color:#999;}
.box-paginazione ul li.select a, .box-paginazione ul li a:hover {color:#000; font-weight:600;}
.box-paginazione ul li.prev, .box-paginazione ul li.next {font-size:13px;}
.box-paginazione ul li.prev {margin-right:6px;}
.box-paginazione ul li.next {margin-left:15px;}

/* BOX *//* PAGINE INTERNE */
.box, .textarea-list, .textarea, .media-list {display:block; position:relative; overflow:hidden;}
.box:after, .textarea-list:after, .textarea:after, .media-list:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.box ul li {position:relative;}
.template {padding:30px 0;}
.template-int {padding:30px 0 20px 0;}
.template-int .txt {padding-bottom:20px;}
.box-breadcrumb {padding-bottom:30px; display:block; width:100%; }
.data, .luogo { margin-bottom:20px; padding-right:10px; float:left;}
.description {clear:both;}
.box-document, .box-share  {padding:20px 0; margin:20px 0; width:100%; border-top:1px solid #dddbd2;}
.box-document img {margin-right:10px; float:left;}
.box-info {width:92%; padding:20px 4%;}
.box-mappa {width:100%; margin:30px 0; clear:both;}

.media-list {display:block; width:100%; padding:20px 0; border-top:1px solid #DDDBD2;}
.media-list ul li {width:48.78%; margin-right:2.44%; margin-bottom:20px; position:relative;}
.media-list ul li:nth-child(2n+0) {margin-right:0;}
.box-primopiano {margin-right:1.61%;} 
.box-primopiano ul li {width:48.78%; margin-right:2.44%; margin-bottom:20px;}
.box-primopiano ul li:nth-child(2n+0) {margin-right:0;} 
.media-list.evidenza ul li .textarea-list, .box-primopiano ul li .textarea-list  {max-height:100px; width:92%; padding:0 4% 20px 4%; position:absolute; bottom:0; background:rgba(0,0,0,0);}
.media-list.evidenza ul li:hover .textarea-list, .box-primopiano ul li:hover .textarea-list {max-height:180px; background:rgba(0,0,0,0.8);}
.media-list.evidenza ul li .txt, .box-primopiano ul li .txt {display:none;}
.media-list.evidenza ul li:hover .txt, .box-primopiano ul li:hover .txt {display:block;}
.media-list.evidenza ul li .textarea-list, .box-primopiano ul li .textarea-list {transition: background 0.8s ease-in-out 0s; -webkit-transition:background 0.8s ease-in-out 0s; }
.media-list.evidenza ul li .txt, .box-primopiano ul li .txt {height:40px; overflow:hidden;transition: display 0.8s ease-in-out 0s; -webkit-transition:display 0.8s ease-in-out 0s;}
.box-primopiano ul li .txt {height:30px;}
.col-dx .media-list.evidenza ul li {width:100%; margin-right:0;}

.media-list.notizie ul li {padding:15px 0;}
.media-list.notizie ul li .img {margin-left:4%; width:28%; float:left;}
.media-list.notizie ul li .textarea-list {height:85px; padding:0 4%;}


.box-news .textarea-list ul li {padding:15px 4% 10px 4%; margin-bottom:15px;}
.template-banner {padding-bottom:20px;}
.box-banner ul li {width:50%;}
.box-banner ul li .textarea-list {height:50%; max-height:100px; width:60%; position:absolute; top:50%; bottom:50%; margin:0 auto; left:0; right:0; background:rgba(0,0,0,0.5);}
.box-banner ul li .textarea-list .title {height:40px; padding-top:10px; overflow:hidden;}
.box-banner ul li .textarea-list .img {width:100%; height:400px; overflow:hidden;}
.box-banner ul li .textarea-list .txt {display:none;}
.box-banner ul li .textarea-list:hover .txt {display:initial;}
.box-banner ul li .textarea-list:hover {max-height: 110px; height:110px;}

.template-evidence {padding-top:5px; padding-bottom:5px;}
.box-evidence ul li {width:24.05%; margin-right:1.25%; padding-bottom:40px;}
.box-evidence ul li:last-child {margin-right:0;}
.box-evidence ul li .textarea-list  {height:100px; padding:15px 4% 0 4%;}
.box-evidence ul li .textarea-list .title {margin-bottom:5px;}
.template-social {padding-bottom:130px;}
.template-social .container {max-width:1120px;}
.template-social .box  {height:340px; width:30%; padding:15px 1%; margin-right:1.5%; float:left; }
.template-social .box:last-child  {margin-right:0;}
.template-social .box-youtube .img {float:left; width:45%; margin-right:5%;}
.template-social .box-youtube ul li {margin-bottom:20px;}

#content .box-social {margin:0 auto; width:200px; position:absolute; bottom:20px; left:0; right:0;}
.template-footer {padding:60px 0 60px 0;}
.template-footer .col-sx, .template-footer .col-dx {padding:20px 0;}
.template-footer .col-sx {width:100%;}
.template-footer .col-dx {width:22%;}

/* FORMATTAZIONI */
#header, #footer, #content  {font-size:14px; line-height:17px; font-weight:400;}
#content .template-int .col-sx {line-height:20px;}
#header .txt {font-size:13px; text-align:right; font-style: italic;}
#footer {font-size:12px; font-weight:500;}
#footer ul li a {font-size:12px; margin-right:10px; padding-right:10px;}
#footer ul li:last-child {margin-right:0; padding-right:0;}
.box {font-size: 13px; line-height:15px; font-weight:400; text-align:center;}
.box .title {font-size: 16px; line-height:19px; font-weight:600; text-align:center;}
h1, h2 {font-size: 22px; line-height:24px; font-weight:400; padding:10px 0 5px 0;}
h1 strong {font-weight:600;}
.title h1 {font-size: 28px; line-height:30px;}
.template-int .textarea-int .txt a {text-decoration:underline;}
.data, .luogo {font-weight:600; font-size:15px;}
.description {font-size:20px; line-height: 22px; margin:15px 0;}
.box-document a {font-weight:700;}
.box-info strong {font-weight:600;}

.template-news h1, .template-evidence h1  {font-size: 40px; line-height:42px; font-weight:300;}
.template-social h1 {font-size: 32px; line-height:34px; font-weight:300;}
.box.box-primopiano .title {margin-top:8px;}
.box.box-news .title {font-size: 20px; line-height:22px; font-weight:300; margin-bottom:5px;}
.box.box-news .txt {text-align:center;}
.template-banner .title {font-size: 20px; line-height:22px;}

.template-news .description, .template-social .description {margin:5px 0 30px 0; text-align:center;}
.template-int .description  {font-weight:400; margin:15px 0;}

.media-list ul li .title {font-size:15px; line-height:17px; font-weight:500; padding-bottom:5px;}
.media-list ul li .txt {font-size:13px; line-height:15px;}
.media-list.evidenza ul li {text-align:center;}
.media-list.evidenza ul li .title {margin-top:8px; font-weight:600; overflow:hidden;}

.template-social .box {font-size:12px; font-weight:400; text-align:left;}
.template-social .box-youtube ul li {margin-bottom:20px;}
.template-social .box-youtube ul li a {font-size:14px; line-height:17px; font-weigth:500; margin-bottom:5px;}

/* Ricerca Google */
#header .box-search { margin-left: 0;  margin-right: 0;  width: 220px;}
.gsc-control-cse.gsc-control-cse-it {padding-top: 0;}
.cse .gsc-control-cse, .gsc-control-cse {width: 90%!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0;}
td.gsc-search-button { width: 23px!important; text-align:right;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {min-width: 13px; padding: 6px 5px;  width: 13px;}

/* Mappa Google*/
#map-canvas { height:100%!important; width:100%!important; }
.map-canvas { height:440px!important; width:100%!important; }

/* Youtube HP */
ul.stream li {width: 90%; margin: 0 auto;}
div#social-stream.dcsns {overflow-x: hidden; overflow-y: scroll;}
ul.stream li .section-thumb img{max-width:150px!important; margin-bottom: 10px;}
ul.stream li .inner { line-height: 1.5em; margin: 0 0 20px; padding: 10px 10px 0; position: relative;}
ul.stream li .section-intro{background-color:transparent!important;  margin-left: 30px!important; max-width: 85%!important; color:#858585!important;border-radius: 0 0 5px 5px; clear: both; color: #fff; display: block; font-style: italic; height: 19px; margin: 0 10px; padding: 0;}
ul.stream li .section-intro a{font-size:12px!important;font-weight:normal!important;color:#858585!important;font-family:"Raleway",​Arial,​Helvetica,​sans-serif!important;display:inline-block!important;margin-left:0!important;text-decoration:none!important; height: 22px; margin: 0 10px;}
ul.stream li .section-title {color: #222; margin-bottom: 10px;}
ul.stream li .section-title a{font-size: 14px!important;font-weight:normal!important;line-height: 17px;margin-bottom: 5px;font-family:"Raleway",​Arial,​Helvetica,​sans-serif;}
ul.stream li .section-text{display:none!important;}

/* Box Twitter HP */
iframe#twitter-widget-0 {height: 340px!important;}

/* Slick HP */
.slick-slider li{ font-family:"Raleway", Arial, Helvetica, sans-serif; }
.slick-slider .slick-next:before { content:''!important;font-size:0; }
.slick-slider .slick-prev:before { content:''!important;font-size:0; }

/* responsive */
@media all and (max-width: 4000px) 
{   
#header, #footer, #content {min-width:640px; max-width:1420px;}
.container {max-width:1240px; width:96%;}
.container-visore {max-width:1240px; width:96%; margin:0 auto; }

.template-int {max-width:1300px; width:96%;}
#header .txt {display:none;}
.home #header .txt {display:block;}

#header .logo-img {width:5%; max-width:50px; position:absolute; left:0; top:-5px; z-index:400;}
.home #header .logo-img {width:6%; max-width:70px; top:0;}
#header .header-top {padding:8px 0;}
#header .logo, #header .menu-first ul#menu-first {margin-left:6%;}
.home #header .logo, .home #header .menu-first ul#menu-first {margin-left:8%;}
#header .logo {width:20%; max-width:220px; float:left;}
.home #header .logo {width:25%; max-width:300px; padding-top:13px;}
#header .menu-first ul#menu-first {width:94%; float:right;}
.home #header .menu-first ul#menu-first {width:92%;}

.box-news .textarea-list {bottom:1%; position:absolute;width: 92%; padding: 0 4% 0 4%!important;}
.box-news .title-news {margin-bottom:20px;}
/*.box-news .textarea-list ul li .textarea {height:110px;}*/

#itemPrev img, #itemNext img, .slick-prev img, .slick-next img  {width:100%;}
.template-evidence .button {right:110px; top:10px;} 
.logo-visore {position:absolute; z-index:900; right:0px; bottom:0px; width:200px;}
}
@media all and (max-width: 1100px)   
{   

#header .menu-first ul li {font-size:13px;}
.visore-txt-small {font-size: 12px; line-height:14px;  bottom:10px;}
.box-primopiano ul li {margin-bottom:15px;}
.box.box-news .title {font-size: 18px; font-weight: 400; line-height: 20px;}
.template-banner .title {font-size: 18px; line-height:20px;}
.media-list.notizie ul li .textarea-list {height:98px;}
.media-list ul li .title {font-size:14px; line-height:16px;}

.gsc-control-cse div {width: 100%!important;}
.cse .gsc-control-cse, .gsc-control-cse {width: 90%!important;}

/*.box-news .textarea-list ul li .textarea {height:90px;}*/
.container-visore {width:100%;}
.visore-home .visore-txt .title {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
}
.logo-visore {width:200px;}
}
@media all and (max-width: 900px)  
{  


#header .txt {font-size: 12px;}
#header .menu-first ul li a {font-size:12px; font-weight:700;  padding: 13px 6px;}
.template-int {width:100%;}
.visore-txt {width:33%;}
.visore-txt .title {font-size: 18px;line-height: 20px;}
.box-primopiano ul li {margin-bottom:13px;}

.box.box-news .txt {font-size: 12px; line-height: 15px;}
.box.box-news .title {font-size: 16px; font-weight: 500; line-height: 18px;}
.box-banner ul li .textarea-list {width: 70%;}
.media-list.notizie ul li .textarea-list {height:95px;}
.media-list ul li .title {font-size:13px; line-height:15px;}
.media-list ul li .txt {font-size:12px; line-height:14px;}
.media-list.evidenza ul li .title {height:26px;}
.box-banner ul li .textarea-list {top: 40%;}
.title h1 {font-size: 26px; line-height: 28px;}
.box-news .textarea-list {background:rgba(255,255,255,0.7);}

.box-news .title-news {margin-bottom:15px;}
/*.box-news .textarea-list ul li .textarea {height:73px;}*/
.btn-prev img, .btn-next img {width:60%;}
.template-evidence .button {right:100px; top:0;} 

.visore-home .visore-txt {
    font-size: 14px;
    line-height: 16px;
}
.visore-home .visore-txt .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 27px;
}
.logo-visore {width:160px;}
}
@media all and (max-width: 790px)  
{  

.home #header .txt, .box.box-news .txt, .box-evidence .txt, .col-dx .media-list.evidenza ul li:hover .txt  {display:none;}
.box-navigation-footer.col-dx, .template-social .box-social-h, #header .menu-social {display:none;}


#header, #footer, #content  {font-size:13px; line-height:16px;}
#header .menu-first ul#menu-first, .home #header .menu-first ul#menu-first {width: 100%; margin-left:0;}
#header .logo, .home #header .logo {width:25%; margin-left:8%;}

#header .logo-img, .home #header .logo-img {width:5%; max-width:50px;}

.template {padding: 20px 0;}

h1, h2 {font-size: 20px; line-height:22px;}
.visore-txt {width:33%;}
.visore-txt .textarea {padding-left:5%; padding-right:5%;}
.visore .visore-txt, .visore-home .visore-txt {font-size: 13px; line-height: 15px;}
.visore-txt .title {font-size: 16px; line-height: 18px;}
.box-primopiano ul li {margin-bottom:10px;}
.template-news h1, .template-evidence h1 {font-size: 40px;line-height: 42px;}
.description {font-size: 16px; line-height: 19px;}
.box .title {font-size: 14px; line-height: 16px;}
.box.box-news .title {font-size: 15px; line-height: 17px;}
.box-banner ul li .textarea-list {width: 80%; top: 30%;}
.box-banner ul li .textarea-list .title {height:33px;}

.template-evidence .button {height: 21px; padding-top: 10px; right: 80px;top: 0;}
.template-evidence .btn-prev, .template-evidence .btn-next {width:35px; height:35px; top:0;}
.template-evidence .btn-prev {right:40px;}
.box-evidence ul li .textarea-list {height: 60px;}
.template-social h1 {font-size: 26px; line-height: 28px;}
.template-social .box-youtube ul li a {font-size: 12px; line-height: 14px; font-weight:600;}
.template-footer .title, .box-navigation-int .title {font-size: 16px; line-height: 18px;}
.box-navigation-footer ul.navigation li, ul.navigation li ol li {font-size: 12px;}

.title h1 {font-size: 22px; line-height: 24px;}
.data, .luogo { font-size: 14px;}
ul.navigation li {font-size: 13px;}
.media-list.notizie ul li {margin-bottom: 15px; margin-right: 0; width: 100%;}

.box-news .textarea-list {bottom:0;}
.box-news .title-news {margin-bottom:8px;}
/*.box-news .textarea-list ul li .textarea {height:53px;}*/
.btn-prev img, .btn-next img {width:50%;}

.box-navigation-footer.col-sx  {width:100%;}
.template-evidence .button {right:90px; top:0;} 
.visore-home .visore-txt {bottom:50px;}
.visore-home .visore-txt .textarea {
    height: 45px;
    padding: 0 3%;
}
.visore-home .visore-txt {
    font-size: 14px;
    line-height: 16px;
}
.visore-home .visore-txt .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}
.logo-visore {width:140px;}
}
@media all and (max-width: 720px)  
{ 
#header .menu-first ul li a {font-size:11px; font-weight:600;  padding: 13px 4px;}
.box .title {font-size: 13px; line-height: 15px;}
.visore-home .visore-txt {bottom:50px;}
.visore-txt .textarea {height: 90px;}
.visore-txt {padding: 30px 0 !important;}
.btn-prev img, .btn-next img {width:40%;}
.logo-visore {width:120px;}
}

/* MOBILE */
body.mobile .template-int .col-dx .box-news, body.mobile .template-int .col-dx .evidenza, body.mobile .template-footer .col-dx, .logo-capitale  {display:none;}

body.mobile .template-footer .col-sx .box-navigation  {display:none;}
body.mobile .visore-home .btn-prev, body.mobile .visore-home .btn-next {display:none;}

body.mobile #header, body.mobile #footer, body.mobile #content {min-width:320px; max-width:780px;}
body.mobile .container {width:98%;}
body.mobile #header .logo, body.mobile .home #header .logo {margin-left: 11%; width: 35%; padding-top:5px;}
body.mobile .home #header .logo-img, body.mobile #header .logo-img {width: 13%;}
body.mobile #header .col-dx {width:40%;}
body.mobile #header .menu-social, body.mobile #header .txt {display:none;}
body.mobile #header .menu-second {margin:0 60px 0 0;}
body.mobile #header .menu-second {margin:0 10px 0 0;}
body.mobile #header .menu-second-language {margin:0 60px 0 0; float:right;}


body.mobile .col-sx, body.mobile #content .col-dx {float: none; width: 100%;}
body.mobile .box-primopiano {margin-right: 0;}
body.mobile .box-news  {height:auto; max-height:500px; width:100%; float:none; clear:both;}
body.mobile .box-news .textarea-list {position:relative; bottom:0; text-align:left; width:100%!important;  background: none repeat scroll 0 0 rgba(255, 255, 255, 0);}
body.mobile .box-news .img {display:none;}
body.mobile .box-news .title-news {float:left;}
body.mobile .box-news .textarea-list {width: 100%; padding: 0!important;}
body.mobile .box-news .textarea-list ul li {padding: 0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #ddd; float:none; display:block; width:80%;}
body.mobile .box.box-news ul li .title, body.mobile .box.box-news .txt {text-align: left;}

body.mobile .template-footer .col-sx .box-navigation:first-child, body.mobile .template-footer .col-sx .box-navigation:nth-child(2) {display:block; width:46%;}
body.mobile .template-news h1, body.mobile .template-evidence h1 {font-size: 38px; line-height:40px;}

body.mobile .box-navigation-footer .box-navigation .search {padding-top: 5px;}
body.mobile .template-footer .col-sx, .template-footer .col-dx {padding: 0;}
.template-footer .title, .box-navigation-int .title {margin-bottom: 5px;}

body.mobile .visore .visore-txt, .visore-home .visore-txt {font-size: 13px; line-height: 16px;}
body.mobile .visore-txt .txt  {display:block;}
body.mobile .visore-home .visore-txt .textarea {height: 50px; padding: 0 3%;}
body.mobile .visore-home .visore-txt .title {font-size: 20px; font-weight: 600; line-height: 22px;}
body.mobile .slide-buttons .middle {display:none!important;}

body.mobile .button.button-mappa {
    padding: 8px 25px 8px 15px;
    width: 70px;
}


@media all and (max-width: 580px)  
{ 
body.mobile .visore-home .visore-map {display:block;}
body.mobile .logo-visore { width: 90px;}
}

/* Navigazione principale mobile */
.mobile .menu-first-mobile{display:block; position:absolute; right:0; top:0; z-index:400; cursor: pointer;}
.mobile .box-navigazione-principale .menu-open {width:100%; min-width:300px;}
.mobile .box-navigazione-principale .menu-open .btn-open { width:100%;display:inline-block;}
.mobile .box-navigazione-principale ul.menu.first {background:#000; width:100%; padding-top:15px;}
.mobile .box-navigazione-principale ul.menu.first:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.mobile .box-navigazione-principale ul.menu.first li, .mobile .menu.second.language li {float:none; padding:10px 0 10px 15px; margin:0; font-size:14px; font-weight:600; border-bottom:1px solid rgba(225,255,255,0.3);}
.mobile .box-navigazione-principale ul.menu.first li:hover {background:#9F0209;}
.mobile .box-navigazione-principale ul.menu.first li{ float:none; margin-right:0!important;}
.mobile .box-navigazione-principale ul.menu.first li a{ color:#FFFFFF; }
.mobile ul.navigation li {font-size:15px;}

@media all and (max-width: 480px)  
{ 
body.mobile .template-footer .col-sx .box-navigation:first-child, body.mobile .template-footer .col-sx .box-navigation:nth-child(2) {float:none; width:96%; clear:both;}
body.mobile .menu.second.language li {font-size:12px;}
body.mobile #header .logo, body.mobile .home #header .logo {width: 40%; margin-left: 15%; padding-top:8px;}
}

.cse .gsc-control-cse, .gsc-control-cse {width: 190px!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 5px!important;}
td.gsc-search-button { width: 1%!important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { min-width: 13px; padding: 6px 10px;  width: 13px;}
#header .box-search { margin-left: 0;   width: 28%;}


/* 2018 */
.indicatore-accessibilita {float:right; line-height:35px; text-transform:uppercase;margin-top:15px;}
.indicatore-accessibilita span {line-height:35px;font-size:13px;font-weight:700;color:#000;}












