/* CSS Document */

/*

	### CSS LAYOUT 2014					   #######################################################
	### Implementazione e progettazione di #######################################################
	#
	#	Alessandro Iannone
	#	-----------------------
	#	http://www.cromofilla..com
	#	iannone@cromofilla.it	
	#
	#	 ######  ########   #######  ##     ##  #######  ######## #### ##       ##          ###    
	#	##    ## ##     ## ##     ## ###   ### ##     ## ##        ##  ##       ##         ## ##   
	#	##       ##     ## ##     ## #### #### ##     ## ##        ##  ##       ##        ##   ##  
	#	##       ########  ##     ## ## ### ## ##     ## ######    ##  ##       ##       ##     ## 
	#	##       ##   ##   ##     ## ##     ## ##     ## ##        ##  ##       ##       ######### 
	#	##    ## ##    ##  ##     ## ##     ## ##     ## ##        ##  ##       ##       ##     ## 
	#	 ######  ##     ##  #######  ##     ##  #######  ##       #### ######## ######## ##     ##
	#			

*/



/* BOOTSTRAP OVERRIDES */

* { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; }
.modal-header, .modal-footer { border: none; }
.btn-primary { color: #FFF; background-color: #3a3937; border-color: #3a3937; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #FFF; background-color: #333; border-color: #333; }
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #999; border-color: #999; }
.btn-primary .badge { color: #213A8F; background-color: #FFF; }
.btn { -webkit-transition: background-color .6s ease; -moz-transition: background-color .6s ease; -ms-transition: background-color .6s ease; -o-transition: background-color .6s ease; transition: background-color .6s ease; }
.btn-nostyle { background: none; border: none; }
/*textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { 
border-color: none; box-shadow: none; outline: none; -webkit-appearance: none; border:none;
-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important; }
*/
button:focus, button:active, button:hover { border-color: none !important; box-shadow: none !important; outline: none !important; -webkit-appearance: none !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
textarea:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: none; box-shadow: none; outline: none; -webkit-appearance: none; border: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
p { margin: 10px 0; }
.ul-list-outside { list-style: disc outside; }
.ul-list-outside li { margin-left: 20px; }
a { color: #656565; text-decoration: none; outline: none; border: none; -moz-transition: background-color .6s ease; -ms-transition: background-color .6s ease; -o-transition: background-color .6s ease; transition: background-color .6s ease; -webkit-transition: background linear 350ms; }
a:hover { text-decoration: none; color:#e41720 }
a:focus { text-decoration: none;  color:#e41720; outline: none; border: none; }
.efx { display: none; }
.relative { position: relative; }
/**/
html, body { width: 100%; height: 100%; font-family: 'Montserrat', sans-serif; font-size: 100%; color: #3a3937; background-color: #fff; margin: 0; padding: 0; }
/* CMS BAR */
.cms-bar { width: 100%; background-color: #3D3D3D; color: #fff; padding: 5px 10px; margin: 0; }
/* DEMO BAR */
.demo-bar { width: 100%; background-color: #3D3D3D; color: #fff; padding: 5px 10px; margin: 0; }
/* SEARCH BAR */
.search-bar { background-color: #666; color: #fff; height: 60px; padding: 12px 0px 20px 0; }
/* LANG BAR */
.lang-bar { background-color: #3a3937; color: #fff; height: 60px; padding: 12px 0px 20px 0; }
.lang-bar a { color: #999; font-size: 12px; font-weight: 400; line-height: 33px; margin-right: 20px; }
.lang-bar a:hover, .lang-bar a.active { color: #fff !important; font-weight: 400 }
.lang-bar button:hover, .lang-bar button.active { color: #fff !important; }
.lang-bar a img { margin-right: 5px; }
/* COOKIE BAR */
.cookie-bar { z-index: 99999; padding:5px 0;  min-height: 20px; line-height: normal; background-color: #3D3D3D; color: #fff; text-align: left; font-size: 12px; display: none; }
.cookie-bar a ,.btn-cookie-close{ color: #f00; }
.cookie-bar a:hover ,.btn-cookie-close:hover{ color: #fff; }
/* RICERCA */

.custom-search { display: inline-block;/* width:auto;padding:0; margin:0;*/ }
.custom-search input, .custom-search button { background-color: transparent; border: none; font-weight: 400; font-size: 14px; color: #999; font-weight: 400; }
.custom-search .bootstrap-select { background-color: transparent !important; ; border: none !important; ; margin-bottom: 0 !important; }
.custom-search .btn { font-size: 14px !important; color: #999; font-weight: 400; padding-top: 7px; padding-bottom: 7px; }
.custom-search .btn:hover { background: none; background-color: transparent }
.custom-search .selectpicker { font-size: 14px !important; color: #999; font-weight: 400; }
.custom-search .dropdown-menu { border: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; padding: 0; margin: 0 }
.left-inner-addon { position: relative; }
.left-inner-addon input { padding-left: 30px; }
.left-inner-addon .submit { position: absolute; padding: 10px 12px; }
.right-inner-addon { position: relative; }
.right-inner-addon input { padding-right: 30px; }
.right-inner-addon .submit { position: absolute; right: 0px; padding: 5px 12px; }
/*
 
 ##      ## ########     ###    ########  
##  ##  ## ##     ##   ## ##   ##     ## 
##  ##  ## ##     ##  ##   ##  ##     ## 
##  ##  ## ########  ##     ## ########  
##  ##  ## ##   ##   ######### ##        
##  ##  ## ##    ##  ##     ## ##        
 ###  ###  ##     ## ##     ## ##     
 
 */
 
/*div { border:1px solid #3a3937;}*/

#wrap { min-height: 100%; max-width: 100%; margin: 0 auto; }
#main { padding-bottom: 200px; overflow:hidden; }
/*

##     ## ########    ###    ########  ######## ########  
##     ## ##         ## ##   ##     ## ##       ##     ## 
##     ## ##        ##   ##  ##     ## ##       ##     ## 
######### ######   ##     ## ##     ## ######   ########  
##     ## ##       ######### ##     ## ##       ##   ##   
##     ## ##       ##     ## ##     ## ##       ##    ##  
##     ## ######## ##     ## ########  ######## ##     ##

*/

.header { min-height: 50px; background-color: #fff; color: #3a3937; padding: 0; padding-top: 40px; border-top:2px solid #3D3D3D }
.header .logo { width: 150px; height: 50px; background-position: top left; background-size: contain; background-repeat: no-repeat; cursor: pointer; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -ms-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; }
.header .logo:hover { opacity: 0.65; filter: alpha(opacity=65); }
.header .first-row { padding-top: 10px; padding-bottom: 10px; color: #3a3937; font-size: 13px; font-weight: 700; }
/* 

##     ##    ###    #### ##    ##    ##     ## ######## ##    ## ##     ## 
###   ###   ## ##    ##  ###   ##    ###   ### ##       ###   ## ##     ## 
#### ####  ##   ##   ##  ####  ##    #### #### ##       ####  ## ##     ## 
## ### ## ##     ##  ##  ## ## ##    ## ### ## ######   ## ## ## ##     ## 
##     ## #########  ##  ##  ####    ##     ## ##       ##  #### ##     ## 
##     ## ##     ##  ##  ##   ###    ##     ## ##       ##   ### ##     ## 
##     ## ##     ## #### ##    ##    ##     ## ######## ##    ##  #######  

*/



.mainmenu .navbar-toggle .icon-bar { background-color: #666; height: 3px; }
.mainmenu .navbar-nav { float: right !important }
.mainmenu .navbar-nav >li>a { color: #666; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: -0.5px; padding: 5px 15px; }
.mainmenu .navbar-nav >li>a:hover, .mainmenu .navbar-nav >li>a.active, .mainmenu .navbar-nav >li>a:focus { color: #e41720; background-color: transparent; }
.mainmenu .navbar-nav >li>a.border-left { border-left: 1px solid #f4f4f4; }
.mainmenu .navbar-nav >li>a.social-fb {float: left; height: 30px;}

.mainmenu .dropdown-menu { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: #ccc; padding: 0; }
.mainmenu .dropdown-menu { background-color: #fff; font-size: 12px; border: none; border-bottom: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; }
.mainmenu .dropdown-menu>li>a { padding: 13px 13px; }
.mainmenu .dropdown-menu>li>a:hover, .mainmenu .dropdown-menu>li>a.active, .dropdown-custom>li>a:focus { background-image: none; color: #e41720 !important; background-color: #fff !important; }
/*submenu*/
.mainmenu .dropdown-submenu { position: relative }
.mainmenu .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin: 0; padding: 0; }
.mainmenu .dropdown-submenu>a:after { display: block; content: ""; float: right; width: 0; height: 0; }
.mainmenu .dropdown-submenu >li>a.active { }
/*scroll fixed*/
.mainmenu .fixedMenuLogo, li.fixedMenuLogo { display: none; margin: 0 10px; }
.mainmenu.fixed { position: fixed; top: 0; left: 0; width: 100%; background-color: #f4f4f4; opacity: 0.98; filter: alpha(opacity=98); z-index: 99; margin: 0!important; padding: 0; }
.mainmenu.fixed .navbar-nav { float: left; }
/*.mainmenu .dropdown-menu { visibility: hidden; }*/

/*
 ######   #######  ##    ## ######## ######## ##    ## ######## 
##    ## ##     ## ###   ##    ##    ##       ###   ##    ##    
##       ##     ## ####  ##    ##    ##       ####  ##    ##    
##       ##     ## ## ## ##    ##    ######   ## ## ##    ##    
##       ##     ## ##  ####    ##    ##       ##  ####    ##    
##    ## ##     ## ##   ###    ##    ##       ##   ###    ##    
 ######   #######  ##    ##    ##    ######## ##    ##    ##    


*/
.breadcrumb { font-size: 11px; background-color: transparent; padding-left: 0; }
.breadcrumb a { color: #666; text-transform: lowercase; }
.breadcrumb a:hover { color: #e41720; }

.ricerca-output .breadcrumb { margin-bottom: 0; padding-bottom: 0; }
.ricerca-output a { text-decoration: underline; color: #e41720 }
.ricerca-output a.pagelink { text-decoration: underline; color: #999; }
.ricerca-output a.pagelink:hover { color: #3a3937; }

.content .marginTop { min-height:45px; line-height:45px; }
.content .marginTop .breadcrumb { margin-bottom:40px;}
.content { position: relative; min-height: 400px; margin-top:0; margin-bottom: 25px; }
.content h1 { margin-top: 2px !important; font-size: 14px; font-weight: 600; color: #3a3937; margin-bottom: 10px; }
.content h2 { margin-top: 2px !important; font-size: 12px; font-weight: 600; margin-bottom: 20px }
.content, .content p { font-size: 12px; font-weight: 400; color:#656565 }
.separatore { position: relative; width: 100%; border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; margin: 10px 0 20px; }
/* MENU LATERALE 
.menu-laterale { margin-bottom: 30px; }
.menu-laterale ul { list-style: none; font-size: 12px; font-weight: 400; color: #666666; margin-bottom: 5px; padding: 0; }
.menu-laterale li { padding: 3px 0; padding-bottom:5px; }
 .menu-laterale ul li ul li:before { content: "- "; }
.menu-laterale ul li a { color: #4d4d4d; font-size:14px; font-weight: 700; display: block }
.menu-laterale ul li a:hover, .menu-laterale ul li a.active { color: #e41720; }
.menu-laterale ul li a i { font-size: 16px; line-height: 16px; }
 
.menu-laterale ul li ul { margin-left: 0px; }
.menu-laterale ul li ul li ul { margin-left: 10px; }
.menu-laterale ul li ul li a { font-weight: 400; display: inline }
*/


/* MENU LATERALE */
.menu-laterale { margin-bottom: 30px; }
.menu-laterale ul { list-style: none; font-size: 12px; font-weight: 400; color: #666666; margin-bottom: 5px; padding: 0; }
.menu-laterale li { padding: 3px 0; padding-bottom: 5px; }
.menu-laterale ul li a { color: #4d4d4d; font-size: 14px; font-weight: 700; display: block; float: left; width: 100%; padding: 0px 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1; }
.menu-laterale ul li a:hover, .menu-laterale ul li a.active { color: #e41720; }
.menu-laterale ul li a i { font-size: 16px; line-height: 16px; }
/* 1° nodo */
.menu-laterale ul li ul li a { font-size: 13px; white-space: pre; color: #666; }
/* 2° nodo*/  
.menu-laterale ul li ul { margin-left: 0px; }
.menu-laterale ul li ul li ul { margin-left: 0px; }
.menu-laterale ul li ul li a { font-weight: 400; display: inline }
.menu-laterale ul li ul li ul li a:before { content: "- "; }
.menu-laterale ul li ul li ul li a { font-size: 12px; white-space: pre; }

/* RESPONSIVE MOBILE UNDER 480px WIDTH*/
@media screen and (max-width: 480px) {
.collapse-ul { display: none; margin-bottom: 30px; }
.menu-laterale { display: block; overflow: auto }
.menu-laterale ul { list-style: none; font-size: 12px; font-weight: 400; color: #666666; margin-bottom: 5px; padding: 0; }
.menu-laterale li { padding: 3px 0; padding-bottom: 5px; }
.menu-laterale ul li a { color: #4d4d4d; font-size: 14px; font-weight: 700; display: block }
.menu-laterale ul li a:hover, .menu-laterale ul li a.active { color: #e41720; }
.menu-laterale ul li a i { font-size: 16px; line-height: 16px; }
/* 2° nodo*/ 
.menu-laterale ul li ul { margin-left: 0px; }
.menu-laterale ul li ul li a { font-weight: 400; display: inline }
}
/* VISTA 1 */
.menu-articoli ul { list-style: none; font-size: 12px; font-weight: 400; color: #666; margin-bottom: 5px; padding: 0; }
.menu-articoli .img { min-height: 60px; margin-right: 0px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.menu-articoli.vista3 .img { margin-right: 20px; min-height: 80px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.menu-articoli li { border-bottom: 1px dotted #D3D3D4; margin-bottom: 10px; }
.menu-articoli ul li a { color: #4d4d4d; display: block; font-size: 10px; }
.menu-articoli ul li a:hover, .menu-articoli ul li.active a { color: #BD0926; }
.menu-articoli .data { padding-left: 0; margin-bottom: 10px; margin-right: 10px; color: #FFF; width: 26px; float: left; }
.menu-articoli .data .gg { background-color: #f4f4f4; color: #ccc; width: 26px; height: 26px; line-height: 26px; font-size: 12px; text-align: center; }
.menu-articoli .data .mm { background-color: #BD0926; width: 26px; font-size: 10px; text-align: center; padding: 2px 0; }
.menu-articoli h4 { font-size: 13px; font-weight: 400; margin-top: 2px; }
.menu-articoli h5 { font-size: 12px; font-weight: 400; margin-top: 2px; }


/* VISTA 2 */

.menu-articoli.vista2 ul li { border: none; margin-bottom:0px; padding:0; }
.menu-articoli.vista2 ul li a { position:relative; border: 0px dotted #D3D3D4; height: 320px; overflow: hidden; padding: 0px; }
.menu-articoli.vista2 .data { padding-left: 0; margin-bottom: 10px; margin-right: 10px; color: #FFF; width: 100%; float: left; }
.menu-articoli.vista2 .data .gg { display:none; background-color: transparent; color: #fff; width:auto;  height: auto; line-height: 26px; font-size: 12px; text-align: left; margin-right:5px; }
.menu-articoli.vista2 .data .mm { background-color: transparent; color: #fff;  width:auto;  height: auto; margin-right:5px; font-size: 12px; text-align: left; padding: 2px 0; display:inline; float:left;}
.menu-articoli.vista2 .data .aa { background-color: transparent; color: #fff;  width:auto;  height: auto; margin-right:5px; font-size: 12px; text-align: left; padding: 2px 0; display:inline; float:left;}

.menu-articoli.vista2 .img { width: 100%; min-height: 320px; border:0px solid #ccc; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.menu-articoli.vista2 .caption { position:absolute; bottom:-10px; border: 0px dotted #D3D3D4; left:0; width:100%; padding:5px 10px; background-color:#3D3D3D; /*opacity: 0.85; filter: alpha(opacity=85);*/ color:#fff; height:0px; overflow:hidden;
-webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; 
-webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; -ms-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease; 
 }
 
.menu-articoli.vista2 .caption>div { }
.menu-articoli.vista2 .caption div.relative { height:100%; widows:100%; padding-top:45%; padding-left:10px}
.menu-articoli.vista2 h4 { color:#ffffff; font-size: 14px; font-weight: 400; margin-top: 2px; margin-bottom:5px }
.menu-articoli.vista2 h5 { color:#ffffff; font-size: 14px; font-weight: 400; line-height:180%;}
.menu-articoli.vista2 .caption i { position:absolute; bottom:20px; right:10px; display:none;} 
.menu-articoli.vista2 .img { -webkit-transition: background-size 0.2s ease; -moz-transition: background-size 0.2s ease; -ms-transition: background-size 0.2s ease; -o-transition: background-size 0.2s ease; transition: background-size 0.2s ease; }
.menu-articoli.vista2 .img:hover{ background-size: cover; /* effetto transizione generale */ -webkit-transition: background-size 0.5s ease; -moz-transition: background-size 0.5s ease; -ms-transition: background-size 0.5s ease; -o-transition: background-size 0.5s ease; transition: background-size 0.5s ease; }
.menu-articoli.vista2 a:hover > .caption { /*padding-top:45%;*/background-color:#3D3D3D;-webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; 	
/*opacity: 0.85; filter: alpha(opacity=85);*/  height:330px !important; -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -ms-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease;  }
.menu-articoli.vista2 a:hover > .caption i { display:block} 

/* transition */

.menu-articoli .img, .menu-articoli.vista3 .img { background-size: 100%; /* effetto transizione generale */ -webkit-transition: background-size 0.2s ease; -moz-transition: background-size 0.2s ease; -ms-transition: background-size 0.2s ease; -o-transition: background-size 0.2s ease; transition: background-size 0.2s ease; }
.menu-articoli .img:hover, .menu-articoli.vista3 .img:hover { background-size: 120%; /* effetto transizione generale */ -webkit-transition: background-size 0.5s ease; -moz-transition: background-size 0.5s ease; -ms-transition: background-size 0.5s ease; -o-transition: background-size 0.5s ease; transition: background-size 0.5s ease; }

/* ARTICOLI DETTAGLIO */ 

.articolo-dettaglio { } 
.articolo-dettaglio .img{ display:none } 
.articolo-dettaglio .data { padding-left: 0; margin-bottom: 30px; margin-right: 0px; color: #FFF; width: 100%; max-width:100px; }
.articolo-dettaglio .data .gg { background-color: #A6A6A6; width: 100%;  height: 40px; line-height: 40px; font-size: 24px; text-align: center;  margin-bottom: 1px; }
.articolo-dettaglio .data .mm { background-color: #EEEEEE; width: 100%; color:#4d4d4d;  height: 39px; line-height: 39px; font-size: 14px; font-weight:400; text-align: center; text-transform: capitalize; }
.articolo-dettaglio h1{ font-weight:700; }
.articolo-dettaglio h2{  }
.articolo-dettaglio P{  }
.articolo-dettaglio .back { font-size:12px; text-transform:uppercase; }


/* PAGINAZIONE */

.pagination>li>a, .pagination>li>span { color: inherit; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #e41720; border-color: #e41720; }
.pagination .selectpicker { font-size: 10px !important; }

/* SLIDER EVIDENZA HP */

#sliderArtEvidenza { min-height: 120px; overflow: hidden; margin-top: 0; }
#sliderArtEvidenza.crsl-items { margin-bottom: 0!important; }
#sliderArtEvidenza .breadcrumb { color: #999; font-size: 10px; margin-bottom: 0; }
#sliderArtEvidenza h4 { font-size: 12px; color: #4d4d4d; font-weight: 700; margin-top: 5px; }
#sliderArtEvidenza h5 { font-size: 12px; color: #4d4d4d; font-weight: 400; }
#sliderArtEvidenza .img { min-height: 80px; margin-right: 10px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#sliderArtEvidenza .data { padding-left: 0; margin-bottom: 50px; margin-right: 15px; color: #FFF; width: 30px; }
#sliderArtEvidenza .data .gg { background-color: #CDCDCD; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; }
#sliderArtEvidenza .data .mm { background-color: #e41720; width: 30px; font-size: 10px; text-align: center; text-transform: capitalize; }
#sliderArtEvidenzaNAV { width: 45px; float: right; }
#sliderArtEvidenzaNAV i { font-size: 18px; font-weight: bold; }
#sliderArtEvidenzaNAV a { color: #CDCDCD; }
#sliderArtEvidenza .img { background-size: 100%; /* effetto transizione generale */ -webkit-transition: background-size 0.2s ease; -moz-transition: background-size 0.2s ease; -ms-transition: background-size 0.2s ease; -o-transition: background-size 0.2s ease; transition: background-size 0.2s ease; }
#sliderArtEvidenza .img:hover { background-size: 130%; /* effetto transizione generale */ -webkit-transition: background-size 0.5s ease; -moz-transition: background-size 0.5s ease; -ms-transition: background-size 0.5s ease; -o-transition: background-size 0.5s ease; transition: background-size 0.5s ease; }

/* GALLERIA FOTO */

.galleria-foto { position: relative;   margin: 40px 0; }
.galleria-foto .img { position: relative; float: left; margin: 0 !important; display: block; /*width: 150px;*/ height:250px;}
.galleria-foto .img a { width:100%; height:100%; display:inline-block;  background-position: center center; background-size: cover; background-size: 120%; -webkit-transition: background-size 0.2s ease; -moz-transition: background-size 0.2s ease; -ms-transition: background-size 0.2s ease; -o-transition: background-size 0.2s ease; transition: background-size 0.2s ease; }
.galleria-foto .img a:hover { background-size: 100%; -webkit-transition: background-size 0.5s ease; -moz-transition: background-size 0.5s ease; -ms-transition: background-size 0.5s ease; -o-transition: background-size 0.5s ease; transition: background-size 0.5s ease; }
.galleria-foto .img a:hover > i { opacity: 0.9; }
.galleria-foto .img a i { position: absolute; top: 35%; left: 50%; margin-left: -15px; font-size: 30px; color: #fff; opacity: 0.5; text-shadow: 0px 0px 4px #999; }


/* ALLEGATI FILE*/

.allegati-file {  position: relative;   margin: 40px 0; font-size:10px; }
.allegati-file ul { list-style:none; padding:0; }
.allegati-file ul li { list-style-type: square; margin-left:15px; padding: 5px 0;  }
.allegati-file ul li:first-child { list-style:none; margin: 0 0 20px 0; padding: 0; text-transform:uppercase; font-size:12px; }
.allegati-file ul li a { font-size: 10px; }


/*

########  #######   #######  ######## ######## ########  
##       ##     ## ##     ##    ##    ##       ##     ## 
##       ##     ## ##     ##    ##    ##       ##     ## 
######   ##     ## ##     ##    ##    ######   ########  
##       ##     ## ##     ##    ##    ##       ##   ##   
##       ##     ## ##     ##    ##    ##       ##    ##  
##        #######   #######     ##    ######## ##     ## 


*/
.footer { min-height: 200px; margin-top: -200px; background-color: #fff; font-size: 13px; line-height: 130%; font-weight: 400; color: #3a3937; padding: 40px 0; }
.footer a { color: #3a3937; text-decoration: none; }
.footer a:hover { color: #e41720; text-decoration: none; }
.footer .margin { margin-bottom: 20px; }
.footer .menu { float:right}
.footer ul { list-style: none; padding: 0 15px; }
.footer ul li { float: left; margin: 0 40px 0 0; padding: 0; }
.footer ul li a { font-size: 11px; }
.footer .logo-credits { width: 110px; height: 21px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -ms-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; margin: 30px 0; }
.footer .logo-credits:hover { background-position: -110px 0; }
.selectpicker { font-size: 14px; font-weight: 400; color: #3C3830; }
a.btn-back-top { width: 40px; height: 40px;  text-align: center; background-color: #fff; color: #e41720; position: absolute; bottom: 0px; left: 50%; margin-left: -20px; cursor: pointer; z-index: 999;   -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; }
a.btn-back-top i {font-size: 30px; margin-top:5px;}
a.btn-back-top:hover {  background-color: #e41720; text-align: center; color: #fff;  }
/* SOCIAL */
.social-bar { color: #333 !important; background-color: #000; color: #fff; line-height: 40px; height: 40px; }
.social a { color: #000; }
.social a:hover { color: #e41720; }
.social .fa-inverse { font-size: 12px; }
.social .fa-stack { font-size: 16px; }


/* ERRORE */
.error-template { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; padding: 20px; text-align: center;  cursor: auto!important;}
.error-details { margin-top: 35px; margin-bottom: 35px; }
.error-actions { margin-top: 35px; margin-bottom: 35px; }