/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/

/* General
------------------------------------------------------------------------------------------------- */
body {
    background: transparent url("../Images/Background.png") no-repeat scroll center top;
	text-align: justify;
}

body #middle {
	margin-top: 20px;
}

.content.col-xs-12 {
	padding: 0;
}

.utility.col-sm-3 {
	padding-left: 0;
}

.content.col-sm-9 {
	border-left: 1px solid #d3d3d3;
	padding-right: 0;
}

.section-title h1,
.section-title h2 {
    color: #737373;
    font-size: 22px;
    font-weight: bold;
	margin-top: 10px;
	text-align: left;
}

@media(max-width: 767px){
	.section-title h1,
	.section-title h2 {
		font-size: 19px;
	}
}

.utility .section-title .h2 {
    color: #444444;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 10px;
	text-align: left;
}

h3 {
    color: #515151;
    font-size: 18px;
    font-weight: bold;
	margin-bottom: 0;
    padding-top: 20px;
}

h4 {
    color: #525252;
    font-size: 16px;
    font-weight: bold;
}

div.introduction {
    font-style: italic;
}

.nature {
    color: #7eac28;
}

.mineralogy {
    color: #866c51;
}

.history {
    color: #ffd600;
}

.faith {
    color: #ee0000;
}

.work {
    color: #dd0055;
}

.human {
    color: #0044bb;
}

.tradition {
    color: #ff5500;
}

.turism {
    color: #7c50a5;
}

.section-gallery-right > .section {
    float: right;
    float: right;
    margin-left: 10px;
    width: 50%;
}

.padding-left-35 {
	padding-left: 35px;
}

.content .section.html a {
    color: #575757;
}

.content .section.html a:hover, 
.content .section.html a.hover {
    text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.clear {
    clear: both;
}

.section .section-body:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

a.button-link {
    background-color: #575757;
    border: 1px solid #575757;
    color: #fff !important;
    display: block;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

a.button-link:hover {
    background-color: #fff;
    color: #575757;
    text-decoration: none !important;
}


.btn.btn-work {
  border-color: #DD0055;
  color: #DD0055;
}
.btn.btn-work:hover {
  background-color: #DD0055;
  color: #FFF;
}

.no-margin {
	margin-bottom: 0px !important;
}

@media(max-width: 767px){
	.utility.col-sm-3 {
		margin-bottom: 20px;
		padding: 0;
	}
	.content.col-sm-9 {
		border-left: medium none;
		padding: 0;
	}
	.section-gallery-right > .section {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	.section-gallery-right > .section .album-items.galleria {
		margin: 0 auto;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Immagini 
------------------------------------------------------------------------------------------------- */
img.shadow {
    box-shadow: 4px 4px 4px 0 #515151;
}

img.landscape,
div.landscape {
    max-width: 400px;
}

img.portrait,
div.portrait {
    max-width: 300px;
}

img.right,
div.image.right {
    float: right; 
	margin-left: 10px;
}

img.left,
div.image.left {
    float: left; 
	margin-right: 15px;
}

.image.center {
	margin-bottom: 15px;
	text-align: center;
}

.image.center img {
	margin: 0 auto;
}

div.image span.caption {
    color: #444444;
    display: block;
    font-size: 12px;
    font-weight: bold;
	margin-top: 10px;
    padding: 0 5px;
}

@media(max-width: 991px) {
	img.left,
	div.image.left,
	img.right, 
	div.image.right {
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

/*Video*/
.video.left {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.video.right {
    float: right;
    margin-bottom: 5px;
    margin-left: 10px;
}

.video.landscape {
    max-width: 400px;
    position: relative;
}

.video .overlay {
    background-color: #CCC;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
	transition: all 1200ms ease 0s;
    width: 100%;
}

.video:hover .overlay {
    opacity: 0.6;
}

.video .play {
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header .logo {
    display: inline-block;
    padding: 20px 0;
}

.header-sections {
    float: right;
    padding: 20px 0;
}

.header-sections .section {
    margin-bottom: 0;
}

header .menu-container {
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
	margin-bottom: 15px;
}

header .navbar-nav > li + li {
	margin-left: 7px;
}
	
header .navbar-nav > li + li::before {
    background: transparent url("../Images/MenuSeparator.png") no-repeat scroll center;
    content: " ";
    display: block;
    height: 37px;
    left: -7px;
    position: absolute;
    top: 0;
    width: 7px;
}

@media(max-width: 767px){
	header .logo {
		display: block;
		padding: 10px 0;
	}
	.logo img {
		margin: 0 auto;
	}
	
	.header-sections {
		padding: 0;
	}
	
	.header-sections img {
		max-width: 160px;
	}
	
	header .navbar-nav > li + li {
		margin-left: 0;
	}
	
	header .section.menu {
		margin-bottom: 0;
	}
	
	.utility .section.menu {
		margin-bottom: 5px;
	}
		
}

/*Language Switcher*/
.language-switcher.section {
    float: right;
    margin-bottom: 0;
}

.language-switcher ul {
    margin-bottom: 0;
    padding-left: 0;
}

.language-switcher ul li {
    display: inline;
    list-style: outside none none;
}

.language-switcher ul li + li::before {
    color: #ccc;
    content: "|";
    margin-left: 5px;
    margin-right: 8px;
}

.language-switcher ul li a {
    color: #363636;
    display: inline-block;
    font-size: 12px;
    padding: 7px 0;
}

.language-switcher ul li a.active-parent {
    font-weight: bold;
}

.language-switcher ul li a:hover {
    text-decoration: underline;
}

@media(max-width:767px){
    .menu-container {
        position: relative; 
    }
    .language-switcher.section {
        left: 0;
        position: absolute;
        top: 8px;
    }
}
/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
#footer-logo-container {
    text-align: center;
}

@media(min-width:768px){
	html, body, form {
		height: 100%;
	}

	#page-wrapper {
		height: auto !important;
		min-height: calc(100% - 110px);
	}

	footer {
		height: 110px;
	}
}
footer {
    background: transparent url("../Images/BackgroundFooter.png") no-repeat scroll center bottom;
    color: #fff;
    font-size: 12px;
    padding-top: 30px;
}

footer a {
    color: #fff;
    text-decoration: underline;
}

footer a:hover {
    color: #fff;
    text-decoration: none;
}

footer .footer-social {
	text-align: center;
}

footer .footer-social a{
	background-color: #363636;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
}

footer .footer-social a:hover {
	background-color: #fff;
  	color: #363636;
}

footer .links-list {
    text-align: center;
}

footer .links-list > li {
    display: inline;
    margin-left: 5px;
}

footer .links-list > li + li::before {
    border-left: 1px solid #363636;
    content: " ";
    margin-right: 5px;
}

footer .links-list li a {
    color: #363636;
}

footer .links-list li a.active,
footer .links-list li a:hover {
    color: #424242;
	text-decoration: none;
}

#footer-bottom {
    margin: 0 auto 5px;
    max-width: 720px;
}

#footer-bottom:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

footer #created-by {
    float: right;
}

footer #footer-copyright {
    float: left;
}

@media(max-width:767px){
	footer {
		font-size: 11px;
	}
	footer .container {
		padding: 0 5px;
	}	
	footer .links-list {
		padding-left: 0;
	}
	footer .links-list > li {
		margin-left: 3px;
	}
	footer .links-list > li + li::before {
		margin-right: 3px;
	}
	footer #footer-copyright,
	footer #created-by {
		float: none;
		text-align: center;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Social Share
------------------------------------------------------------------------------------------------- */
span.section-socials-share {
    display: block;
    text-align: center;
}
span.section-socials-share a {
    display: inline-block;
    margin: 5px;
}
span.section-socials-share a.image {
    height: 24px;
    width: 24px;
}
span.section-socials-share a.image.facebook {
    background: rgba(0, 0, 0, 0) url("../Images/SectionSocialsShareFacebook.png") no-repeat scroll 0 0;
}
span.section-socials-share a.image.twitter {
    background: rgba(0, 0, 0, 0) url("../Images/SectionSocialsShareTwitter.png") no-repeat scroll 0 0;
}
span.section-socials-share a.image.googleplus {
    background: rgba(0, 0, 0, 0) url("../Images/SectionSocialsShareGooglePlus.png") no-repeat scroll 0 0;
}
span.section-socials-share a.image.linkedin {
    background: rgba(0, 0, 0, 0) url("../Images/SectionSocialsShareLinkedin.png") no-repeat scroll 0 0;
}
/* ---------------------------------------------------------------------------------------------- */



/* Paragrafi
------------------------------------------------------------------------------------------------- */
span.book-name, 
span.citation, 
span.name, 
span.evidence, 
span.dialect, 
strong.dialect {
    font-style: italic;
}

p.edited-by {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 30px;
}

div.separator {
    border-top: 1px solid #d3d3d3;
    margin: 30px 0 10px;
    padding-top: 20px;
}

.thanks {
    font-size: 12px;
    font-style: italic;
    text-align: right;
}

/*Legenda*/
span.footer-note {
    font-size: 11px;
    font-style: italic;
    vertical-align: super;
}

div.footer-note {
    padding-top: 10px;
}

div.content .section.html div.footer-note ul {
    padding-left: 0;
}

div.footer-note ul li {
    font-size: 11px;
    font-style: italic;
    list-style: outside none none;
    padding-bottom: 5px;
    padding-left: 20px;
    position: relative;
}

div.footer-note ul li span.referrer {
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 0;
}

/*Download*/
p.download {
    font-size: 12px;
    text-align: right;
}

p.download a {
    display: inline-block;
    height: 20px;
    padding-left: 22px;
    text-decoration: none;
}

p.download.pdf a {
    background: transparent url("/Resources/img/file/page_white_acrobat.png") no-repeat scroll 0 0;
}

/*Statuto*/
div.statute p.article {
    font-weight: bold;
    margin-bottom: 15px;
}

div.statute div.description {
    margin-bottom: 35px;
}

div.statute p.title {
    margin: 30px 0;
}

div.statute span.ecomuseo {
    font-weight: bold;
}

div.statute ul, 
div.statute ol {
    margin: 5px 0;
}

div.statute ul li, 
div.statute ol li {
    list-style-position: outside;
    margin-bottom: 5px;
    margin-left: 18px;
}

div.statute ul.alpha li {
    list-style: outside none lower-alpha;
}

/*Regolamento*/
div.rule-book p.article {
    font-weight: bold;
    margin-bottom: 15px;
}

div.rule-book div.description {
    margin-bottom: 35px;
}

/*Archivi*/
div.archive div.municipal {
    border-top: 1px solid #d3d3d3;
    margin: 30px 0 10px;
    padding-top: 20px;
}

div.archive span.archive-name {
    font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------- */



/* Bibliografia
------------------------------------------------------------------------------------------------- */
div.bibliography p {
    color: #404040;
    font-style: italic;
    font-weight: bold;
    margin: 20px 0 10px;
}

div.bibliography ul {
    font-size: 12px;
	padding-left: 0;
}

div.bibliography ul li {
    background: transparent url("../Images/BibliographyItem.png") no-repeat scroll 0 5px;
    list-style: inside none none;
    padding: 4px 0 4px 22px;
}

div.bibliography ul li.bookmark {
    background: transparent url("../Images/BookmarkItem.png") no-repeat scroll 0 3px;
}

div.bibliography ul li span.author {
    font-weight: bold;
}

div.bibliography ul li span.title {
    font-style: italic;
}

div.bibliography ul li span.in {
}

div.bibliography ul li span.volume {
    font-style: italic;
}

div.bibliography ul li span.note {
}
/* ---------------------------------------------------------------------------------------------- */



/* Home Page
------------------------------------------------------------------------------------------------- */
.home-page .section.banner {
    box-shadow: 4px 4px 4px 0 #515151;
    margin-bottom: 20px;
}

.home-page .content .section.html.col-sm-6{
	padding-left: 0;
}

.home-page .content .section.articlescarousel.col-sm-6{
	padding-right: 0;
}

.home-page .section.articlescarousel.col-sm-6 .section-body {
    margin: -10px;
}

.main-menu-grid h2 {
    color: #737373;
    font-size: 22px;
    font-weight: bold;
}

.main-menu-grid .grid {
	margin: 0 -15px;
}

.main-menu-grid a {
    box-shadow: 4px 4px 4px 0 #515151;
    display:block;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out 0s;
}

.main-menu-grid a:hover {
    box-shadow: none;
	text-decoration: none;
}

.main-menu-grid a .caption {
    color: #ffffff;
    font-size: 17px;
	padding: 5px;
    text-shadow: 2px 2px 2px #333333;
}

.main-menu-grid a .caption.nature {
    background-color: #7eac28;
}

.main-menu-grid a .caption.mineralogy {
    background-color: #866c51;
}

.main-menu-grid a .caption.history {
    background-color: #ffd600;
}

.main-menu-grid a .caption.faith {
    background-color: #ee0000;
}

.main-menu-grid a .caption.work {
    background-color: #dd0055;
}

.main-menu-grid a .caption.human {
    background-color: #0044bb;
}

.main-menu-grid a .caption.tradition {
    background-color: #ff5500;
}

.main-menu-grid a .caption.turism {
    background-color: #7c50a5;
}

@media(max-width:767px){
	.home-page .content .section.html.col-sm-6, .home-page .content .section.articlescarousel.col-sm-6, .home-page .content .dinamic-html.col-sm-6{
		padding: 0;
	}

	.home-page .section.articlescarousel.col-sm-6 .section-body {
		margin: -10px;
	}

	.main-menu-grid h2 {
		font-size: 19px;
	}

}
/* ---------------------------------------------------------------------------------------------- */



/* I Comuni - Le biblioteche
------------------------------------------------------------------------------------------------- */
.municipality {
    margin-bottom: 20px;
}

.dl-horizontal dt {
    font-weight: normal;
}

.municipality .dl-horizontal dt {
    margin-bottom: 10px;
}

.dl-horizontal dd {
    font-weight: bold;
    text-align: left;
}

.municipality .dl-horizontal dd {
    font-style: italic;
}

@media(max-width: 767px){
	.municipality img {
		margin: 0 auto 20px;
		max-width: 200px;
	}
	
	.municipality .dl-horizontal dt {
		margin-bottom: 0;
	}

	.municipality .dl-horizontal dd {
		margin-bottom: 10px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* I Percorsi
------------------------------------------------------------------------------------------------- */
/*Links*/
.utility .section.links ul, 
.sidebar .section.links ul {
    border-top: 1px dotted #b4a69d;
	padding-left: 0;
}

.utility .section.links ul > li, 
.sidebar .section.links ul > li {
    border-bottom: 1px dotted #b4a69d;
    line-height: 25px;
    list-style: outside none none;
    width: auto;
}

.utility .section.links.paths ul li,
.sidebar .section.links.paths ul li {
    padding-left: 26px;
    text-transform: uppercase;
}

.utility .section.links ul li a, 
.sidebar .section.links ul li a {
    display: block;
    font-size: 14px;
    text-decoration: none;
}

.utility .section.links ul li a.active, 
.sidebar .section.links ul li a.active {
    font-weight: bold;
}

.utility .section.links.paths ul li a.active, 
.sidebar .section.links.paths ul li a.active {
    font-weight: normal;
}

.links.paths ul li {
    background: url("../Images/NatureColorUnselectBackground.png") no-repeat 5px 5px transparent;
}

.links.paths ul li.item-pos-1 {
    background-image: url("../Images/NatureColorUnselectBackground.png");
}

.links.paths ul li.item-pos-2 {
    background-image: url("../Images/MineralogyColorUnselectBackground.png");
}

.links.paths ul li.item-pos-3 {
    background-image: url("../Images/HistoryColorUnselectBackground.png");
}

.links.paths ul li.item-pos-4 {
    background-image: url("../Images/FaithColorUnselectBackground.png");
}

.links.paths ul li.item-pos-5 {
    background-image: url("../Images/WorkColorUnselectBackground.png");
}

.links.paths ul li.item-pos-6 {
    background-image: url("../Images/HumanColorUnselectBackground.png");
}

.links.paths ul li.item-pos-7 {
    background-image: url("../Images/TraditionColorUnselectBackground.png");
}

.links.paths ul li.item-pos-8 {
    background-image: url("../Images/TurismColorUnselectBackground.png");
}

.links.paths ul li.item-pos-1:hover,
.links.paths ul li.item-pos-1.li-active {
    background-image: url("../Images/NatureColorBackground.png");
}

.links.paths ul li.item-pos-2:hover,
.links.paths ul li.item-pos-2.li-active {
    background-image: url("../Images/MineralogyColorBackground.png");
}

.links.paths ul li.item-pos-3:hover,
.links.paths ul li.item-pos-3.li-active {
    background-image: url("../Images/HistoryColorBackground.png");
}

.links.paths ul li.item-pos-4:hover,
.links.paths ul li.item-pos-4.li-active {
    background-image: url("../Images/FaithColorBackground.png");
}

.links.paths ul li.item-pos-5:hover,
.links.paths ul li.item-pos-5.li-active {
    background-image: url("../Images/WorkColorBackground.png");
}

.links.paths ul li.item-pos-6:hover,
.links.paths ul li.item-pos-6.li-active {
    background-image: url("../Images/HumanColorBackground.png");
}

.links.paths ul li.item-pos-7:hover,
.links.paths ul li.item-pos-7.li-active {
    background-image: url("../Images/TraditionColorBackground.png");
}

.links.paths ul li.item-pos-8:hover,
.links.paths ul li.item-pos-8.li-active {
    background-image: url("../Images/TurismColorBackground.png");
}
/* ---------------------------------------------------------------------------------------------- */



/* Utility
------------------------------------------------------------------------------------------------- */
@media(max-width:767px){
	.utility .section .section-body {
		display: none;
	}	
	
	.utility .section .section-title {
		border: 1px solid #ccc;
		cursor: pointer;
		margin-bottom: 10px;
		padding: 5px;
	}
	
	.utility .section-title .h2 {
		margin: 0;
	}
	
	.utility .section-title .h2::after {
		color: #333;
		content: "+";
		font-size: 20px;
		margin: 0;
		position: absolute;
		right: 15px;
	}
	
	.utility .section-title .h2.active::after {
		content: "-";
	}
	
	.utility .section.gallery-album .section-body {
		display: block;
	}	
	
	.utility .section.gallery-album .section-title {
		border: none;
		cursor: default;
		margin-bottom: 10px;
		padding: 0;
	}
	
	.utility .gallery-album .section-title .h2 {
		margin: 0;
	}
	
	.utility .gallery-album .section-title .h2::after {
		content: "";
	}
	
	.utility .gallery-album .section-title .h2.active::after {
		content: "";
	}
	
	.utility .section.gallery-album .section-body .album-items.galleria {
		margin: 0 auto;
	}	
	
}
/* ---------------------------------------------------------------------------------------------- */



/* Video grid
------------------------------------------------------------------------------------------------- */
#video-grid .item {
    margin-bottom: 30px;
}

#video-grid .item .image {
    position: relative;
}

#video-grid .item img {
    box-shadow: 4px 4px 4px 0 #515151;
	transition: all 1200ms ease 0s;
}

#video-grid .item:hover img {
    box-shadow: none;
}

#video-grid .item .overlay {
    background-color: #CCC;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
	transition: all 1200ms ease 0s;
    width: 100%;
}

#video-grid .item.nature .overlay {
    background-color: #7eac28;
}

#video-grid .item.mineralogy .overlay {
    background-color: #866c51;
}

#video-grid .item.history .overlay {
    background-color: #ffd600;
}

#video-grid .item.faith .overlay {
    background-color: #ee0000;
}

#video-grid .item.work .overlay {
    background-color: #dd0055;
}

#video-grid .item.human .overlay {
    background-color: #0044bb;
}

#video-grid .item.tradition .overlay {
    background-color: #ff5500;
}

#video-grid .item.turism .overlay {
    background-color: #7c50a5;
}

#video-grid .item:hover .overlay {
    opacity: 0.6;
}

#video-grid .item .play {
    box-shadow: none;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
}

#video-grid .caption {
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

#video-grid .you-tube-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

#video-grid .you-tube-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

}
/* ---------------------------------------------------------------------------------------------- */



/* Alta Via
------------------------------------------------------------------------------------------------- */
.hundred-paths h3.short-description {
    margin-bottom: 20px;
	padding-top: 0;
}

.hundred-paths .map-legend {
    font-size: 12px;
}

.hundred-paths .map-legend .map {
    padding-right: 0;
}

.hundred-paths .map-legend .difficulty,
.hundred-paths .map-legend .hut,
.hundred-paths .map-legend .way-mark {
    margin-bottom: 10px;
}

.hundred-paths .map-legend .period,
.hundred-paths .map-legend .distance {
    background-color: #d2d3d5;
    margin-bottom: 10px;
	padding: 5px;
}

.hundred-paths .map-legend .difference-in-level,
.hundred-paths .map-legend .times {
    background-color: #e7e7e8;
    margin-bottom: 10px;
	padding: 5px;
}

.hundred-paths .map-legend .period:after,
.hundred-paths .map-legend .distance:after,
.hundred-paths .map-legend .difference-in-level:after,
.hundred-paths .map-legend .times:after,
.hundred-paths .map-legend .hut:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.hundred-paths .map-legend .description {
    display: block;
    float: left;
    width: 80px;
	text-align: left;
}

.hundred-paths .map-legend .value {
	display: inline-block;
    font-weight: bold;
}

.hundred-paths .map-legend .difference-in-level > img {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.hundred-paths .map-legend .hut > img {
    float: left;
    margin-right: 10px;
}

.hundred-paths .map-legend .way-mark > img {
    margin-right: 5px;
}

.hundred-paths .map-legend .interests > img {
    margin: 0 2px 2px 0;
}

.hundred-paths .path p {
    color: #515151;
    font-size: 18px;
    font-weight: bold;
	margin: 20px 0 0;
}

.hundred-paths .path > h3 {
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 0;
}

.hundred-paths .path .description {
    margin-bottom: 20px;
}

@media(max-width: 991px){
	.hundred-paths .map-legend .description {
		width: 64px;
	}
}

@media(max-width: 767px){
	.hundred-paths .map-legend .map {
		margin-bottom: 10px;
		padding-right: 15px;
	}
	.hundred-paths .map-legend .description {
		width: 80px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Turismo / Le grandi imprese
------------------------------------------------------------------------------------------------- */
ul.climbing {
	padding-left: 0;
}

ul.climbing li {
    background: transparent url("../Images/MountainItems.png") no-repeat scroll 0 10px;
    list-style: inside none none;
    padding: 4px 0 15px 22px;
}

ul.climbing li span {
    display: block;
    font-size: 14px;
}

ul.climbing li span.mountain {
    display: inline;
    font-weight: bold;
    padding-right: 5px;
}

ul.climbing li span.height {
    display: inline;
    font-style: italic;
    font-weight: bold;
}

ul.climbing li span.period {
    font-style: italic;
}
/* ---------------------------------------------------------------------------------------------- */



/* Articoli
------------------------------------------------------------------------------------------------- */
.articles div.section-body li.articles-list-item div.more {
    font-size: 12px;
}

.articles .article-sub .date {
	font-size: 14px;
}

.articles .article-sub .article-sub-links {
	text-decoration: underline;
}

.articles .article-sub .article-sub-links:hover {
	text-decoration: none;
}

.articles .article-sub {
    border-bottom: 1px solid #d3d3d3 !important;
    min-height: 30px;
}

.articles .back-to-list {
    font-weight: bold;
    text-decoration: underline;
}

.articles .back-to-list:hover {
    text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------- */



/* Galleria Fotografica
------------------------------------------------------------------------------------------------- */
ul.gallery-view {
	padding-left: 0;
}

ul.gallery-view li {
    margin: 3px 3px 3px 5px !important;
}

@media(max-width: 767px){
	ul.gallery-view li {
		width: 100% !important;
	}
	a.item-thumbnail,
	li.gallery-album a	{
		margin: 0 auto !important;
	}
	li.gallery-item div.actions {
		margin-right: 44% !important;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Login
------------------------------------------------------------------------------------------------- */
.utility .section.userinfo ul {
    border-top: 1px dotted #b4a69d;
	padding-left: 0;
}

.utility .section.userinfo ul > li {
    border-bottom: 1px dotted #b4a69d;
	font-size: 14px;
	font-weight: bold;
    height: auto;
    line-height: 25px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

.utility .section.userinfo ul > li.user-name > span {
    display: block;
    font-weight: normal;
}
/* ---------------------------------------------------------------------------------------------- */



/* Giornata Mondiale della Miniera*/
------------------------------------------------------------------------------------------------- */
/*Programma*/
.mines-day-program h3 span {
    display: block;
}

.mines-day-program .title {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

.mines-day-program .text-small {
    font-size: 11px;
}

.mines-day-program p {
    margin-bottom: 20px;
}

.mineralogy-color .mines-day-program .title {
  color: #866c51 !important;
}

.mineralogy-color .mines-day-program .subtitle {
  color: #866c51 !important;
  display: block;
}

/*Concerto*/
.concert-program {
    margin-bottom: 20px;
}

.concert-program .title {
    display: block;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.concert-program .subtitle {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

.concert-program .item {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0;
}

.concert-program .item .name {
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    min-width: 350px;
    text-transform: uppercase;
}

.concert-program .item .place {
    display: inline-block;
    min-width: 170px;
}

@media(max-width:1200px){
    .concert-program .item .name {
        min-width: 100%;
        width: 100%;
    }
    .concert-program .item .place, 
    .concert-program .item .author {
        width: 50%;
    }
}
@media(max-width:767px){
    .concert-program .item .place, 
    .concert-program .item .author {
        min-width: 100%;
        width: 100%;
    }
}

/*Laboratorio*/
.laboratory-image-grid img {
    padding: 0 1px;
}

@media(max-width:767px){
    .laboratory-image-grid img {
        margin-bottom: 10px;
        padding: 0;
    }
}
/* ---------------------------------------------------------------------------------------------- */



/* Premi di Laurea
------------------------------------------------------------------------------------------------- */
.thesis-list .item {
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
    padding-bottom: 30px;
}

.thesis-list .item:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.thesis-list .item img {
    float: left;
    margin-right: 15px;
    max-width: 200px;
}

.thesis-list .item .name {
    display: block;
    font-style: normal;
    font-weight: bold;
}

.thesis-list .item .title {
    display: block;
    font-style: italic;
    margin-bottom: 30px;
}

.thesis-item {
    margin-bottom: 30px;
}

.thesis-item .title {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.thesis-item .name {
    display: block;
    margin-bottom: 30px;
}

.thesis-item .pdf {
    background-color: #737373;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
}

.thesis-item > div {
    margin-bottom: 10px;
}

.thesis-item .pdf:hover {
    background-color: #333;
}

@media(max-width: 767px){
.thesis-list .item img {
    float: none;
    margin: 0 auto 15px;
    max-width: 100%;
}

}
/* ---------------------------------------------------------------------------------------------- */



/* Sentiero Glaceologico Marson
------------------------------------------------------------------------------------------------- */
.marson-grid .subtitle {
    color: #444;
    font-weight: bold;
    margin-bottom: 30px;
}

.marson-grid .title {
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}

.marson-grid .title span {
    background-color: #7eac28;
    display: block;
    float: left;
    height: 15px;
    margin-right: 5px;
    margin-top: 3px;
    width: 15px;
}

.marson-grid .item {
    margin-bottom: 30px;
}

.marson-grid .item img {
    margin-bottom: 20px;
}


.marson-map .legend {
    background-color: #706e71;
    color: #fff;
    column-count: 2;
    column-gap: 20px;
    margin-top: 25px;
    padding: 20px;
    text-align: left;
}

@media(max-width:991px){
.marson-map .legend {
    column-count: 1;
    column-gap: 0;
}
}
/* ---------------------------------------------------------------------------------------------- */



/* Crediti e Links
------------------------------------------------------------------------------------------------- */
.credits-list {
    column-count: 3;
    column-gap: 0;
}

.credits-list > span {
    border-bottom: 1px solid #eaeaea;
    display: block;
    padding: 5px 10px;
}

@media(max-width:991px){
    .credits-list {
        column-count: 2;
    }
}

@media(max-width:767px){
    .credits-list {
        column-count: 1;
    }
    .credits-list > span {
        padding: 5px 0;
    }
}


.links-grid p {
    margin-bottom: 30px;
}

.links-grid .item a {
    border: 1px solid #adadad;
    display: block;
    margin-bottom: 30px;
}

.links-grid .item a span {
    background-color: #adadad;
    color: #fff;
    display: block;
    padding: 5px;
    text-align: center;
}

.links-grid .item a:hover span {
    background-color: #363636;
}

.links-grid .item a img {
    padding: 15px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Progetto Interreg
------------------------------------------------------------------------------------------------- */
.interreg-project img {
       margin-bottom: 20px;
}

.interreg-project .grid {
	margin-top: 20px;	
}

.interreg-project a.box {
    box-shadow: 4px 4px 4px 0 #515151;
    display: block;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out 0s;
}

.interreg-project a .caption{
    background-color: #737373;
    color: #ffffff;
    font-size: 17px;
    padding: 5px 10px;
    text-shadow: 2px 2px 2px #333333;
}

.interreg-project a .caption:hover {
	background-color: #212121
}

.interreg-project .grid img {
       margin-bottom: 0px;
}

.list-item .item {
      display: block;
}

.list-item .item i {
      padding-left: 15px;
      font-size: 40px;
      margin-bottom: 20px;
      float: left;
      padding-right: 10px;
}

.list-item .item span {
      font-size: 14px;
      background-color: #f9f9f9;
      font-weight: 600;
      border-radius: 30px;
      padding: 2px 10px;
}

.list-item .item span i {
      padding-left: 5px;
      font-size: 14px;
      float: none;
}

.interreg-section {
    background-color: #f9f9f9;
    padding: 20px;
    margin: 0px;
}

.interreg-section .title {
    color: #737373;
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
    text-align: left;
}

.interreg-section .description {
    font-style: italic;
}

.interreg-section .image img{
    padding: 20px;
    background-color: #fff;
}

.project-list-item .item {
	margin-bottom: 15px;
}

.project-list-item .icon-box {
	background-color: #f9f9f9;
    height: 150px;
    font-size: 70px;
    text-align: center;
    padding: 27px 0px;
    margin-bottom: 10px;
  	position: relative;
}

.project-list-item a:hover .icon-box {
	background-color: #363636;
    color: #f9f9f9;
}

.project-list-item .image-box {
	height: 150px;
  	background-position: center;
  	background-size: cover;
  	margin-bottom: 10px; 
  	position: relative;
}

.project-list-item .icon-box span,
.project-list-item .image-box span {
	position: absolute;
  	bottom: 10px;
  	right: 10px;
  	background-color: #fff;
  	border-radius: 50%;
  	height: 22px;
  	width: 22px;
	font-size: 16px;
  	text-align: center;
  	padding: 1px;
  	z-index: 2;
}

.project-list-item a:hover .icon-box span {
	color: #363636;
}

.project-list-item .text{
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	min-height: 60px;
}

.project-list-item .overlay {
	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 100%;
  	height: 100%;
  	background-color: #363636;
  	opacity: 0;
  	z-index: 1;
}

.project-list-item .item:hover .overlay {
  	opacity: 0.4;
}
/* ---------------------------------------------------------------------------------------------- */



/* Iscrizione Newsletter
------------------------------------------------------------------------------------------------- */
.contacts .information {
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600;
    padding: 0px;
    background-color: #777;
    padding: 5px 15px;
}

.contacts .modal-header {
	background-color: #ADADAD;
  	color: #fff;
}

.contacts .modal-title i{
 	display: none;
}

.contacts .close {
	color: #000;
  	opacity: 1;
}
/* ---------------------------------------------------------------------------------------------- */



/* Banner Eventi Home
------------------------------------------------------------------------------------------------- */
.header-image::after {
	background-image: url(/Sites/284/WebExplorer/Eventi/Shadow.png);
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 234px;
	content: "";
	z-index: 9;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.header-image {
	position: relative;
	background-size: cover;
	background-position: center;
	height: 340px;
	display:block;
	color: #FFF;
}

.header-image h3 {
  font-family: Bevan;
  font-size: 32px;
  color: #FFF;
  text-align: right;
  font-weight: 600;
  letter-spacing: 4px;
  position: relative;
  z-index: 3;
  padding-right: 40px;
  padding-top: 40px;
  line-height: 40px;
  margin-top: 0px;
}

/*
.header-image .more {
   padding-right: 43px;
   text-align: right;
   padding-top: 10px;
   z-index: 10;
   position: relative;
}
*/
.header-image .more {
	padding-right: 20px;
	text-align: right;
	padding-top: 185px;
	z-index: 10;
	position: relative;
	color: #000;
}

a div.more:hover {
	color: #000 !important;
	text-decoration: underline;
}

.header-image .overlay {
  background-color: #262626;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0.1;
  z-index: 0;
}
.header-image:hover .overlay {
  opacity: 0.3;
}

.header-image:hover .more {
  color: #fff;
}

@media(max-width: 767px) {
	.header-image {
		height: 300px;
	}
	
	.header-image h3 {
		padding-top: 30px;
		padding-right: 30px;
		font-size: 25px;
		line-height:28px;
		padding-bottom: 15px;
	}

	.header-image .more {
		padding-right: 30px;
	}
}
/* ---------------------------------------------------------------------------------------------- */