/*--------------------------
*           FONT 
*--------------------------*/
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,600,700);

/*--------------------------
*           GENARAL 
*--------------------------*/
body {
    /*background: url(../images/elementi/bg.png) repeat-y;
    background-size: 350px;*/
	font-family: "Raleway", sans-serif;
	color:#1d1d1b;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FDFBFA),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #FDFBFA 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #FDFBFA 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #FDFBFA 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #FDFBFA 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #FDFBFA 0%, #FFFFFF 100%);
}

a{color:#1d1d1b;text-decoration:none}
a:hover{ color:#e9cd7b; text-decoration:none}
.no-padding{ padding:0}
.no-margin{ margin:0}


/********************************** MENU MOBILE ************************************/

.navbar-toggle{
	border:2px solid #e9cd7b !important;
	border-radius:0 !important;
	margin-top:15px !important}	

.navbar-toggle .icon-bar{ background:#e9cd7b !important}
	
.navbar-fixed-top{
	top: 97px  !important;
	background: #e9cd7b !important;	
}

.navbar-default .navbar-nav > li > a {
	color: #1d1d1b;
	font-weight: 700;
}

.dropdown-menu{ position:absolute !important; margin-top:5px !important}
.dropdown-menu li{ display: block !important;}
.dropdown-menu li:after{ display: none !important}
.dropdown-menu > li > a{ font-weight:700}
.dropdown-menu > li > a span {
	display: inline-block;
	background: #e9cd7b;
	content: "";	
	width: 7px;
	height: 7px;
	vertical-align: text-top;
    margin: 4px 7px 0 0;
	border-radius: 50%;}


/*--------------------------
*           HEADER 
*--------------------------*/
header{
    padding-top: 20px;
}

#top-nav ul{
    margin:50px auto 0;
    position:relative;
    list-style: none;
    padding-right:0;
}

#top-nav ul li{
	position:relative;
	display: inline-block;
	font-weight:700;
}
	
#top-nav ul li a{
    font-size:14px;
    /*color:#1d1d1b;*/
	padding-top:5px}

#top-nav ul li a:hover,#top-nav ul li a.act{ border-top:2px solid #e9cd7b}
	
#top-nav ul li:after {
	display: inherit;
	background: #e9cd7b;
	content: "";	
	width: 7px;
	height: 7px;
	margin: 0 8px;
	border-radius: 50%;}

#top-nav ul li:last-child:after{ display:none}

#container-gallery{
	margin:0;
    /*height: 520px;*/
}
#gallery,#gallery_cat,#gallery_art{
	padding:0;
	width:100% !important;
	/*height: 520px;*/
}
#gallery img{ max-height:500px}

#gallery_cat img{ 
	max-width: none;
    width: auto !important;
    max-height: 500px;}

#gallery_art img{ width:100%; max-height:500px}

#desc_cat{
	background:#e9cd7b;
	z-index:30;
	color:#969694;
	font-weight:300;
	padding:10px 0 20px;
	margin-bottom:20px;}
	
#desc_cat h1{
	font-size:30px;
	font-weight:300;
	color:#1d1d1b;
	margin-bottom:0; 
	display:inline-block}
	
#desc_cat img{ margin-top:-15px;}

#desc_cat.storie{
    font-weight:300;
	color:#fff;
	font-size:20px;
}

#desc_cat.storie h1{
	color:#1d1d1b;
	/*font-size:18px;*/
	display:block;
	margin-top:0
}

/*--------------------------
*           FOOTER 
*--------------------------*/
footer{
	color:#fff;
	background:#f3f3f3;}
	
#social a{
	width:50px;
	display:inline-block;
	margin:20px 15px 20px 0;
	opacity: 0.8;}
	
#social a:last-child { margin-right:0}	

footer #cnt_f{
	/*min-height:200px;*/
	background:#1d1d1b;
	padding-bottom:50px}

footer ul li a{ color:#fff}
	
#text_foo{ font-size:18px; font-weight:300}	
#text_foo a{color:#e9cd7b}

/*--------------------------
*           HOME 
*--------------------------*/
#cnt_home{
	background:#fff
}

#cnt_home .item{
	position:relative;
	padding-top:40px;
	padding-bottom:40px;
	background: #fff;}

#cnt_home .item h3{
	margin-top:10px;
	font-size:20px;
	font-weight:300;}

/*--------------------------
*           EVENTI 
*--------------------------*/

#box_eventi .row{ margin-left:0; margin-right:0}

#box_eventi{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #e9cd7b),
	color-stop(0.8, #e9cd7b)
	);
	background-image: -o-linear-gradient(bottom, #e9cd7b 0%, #FFFFFF 80%);
	background-image: -moz-linear-gradient(bottom, #e9cd7b 0%, #FFFFFF 80%);
	background-image: -webkit-linear-gradient(bottom, #e9cd7b 0%, #FFFFFF 80%);
	background-image: -ms-linear-gradient(bottom, #e9cd7b 0%, #FFFFFF 80%);
	background-image: linear-gradient(to bottom, #e9cd7b 0%, #FFFFFF 80%);
	padding:15px 0}

#box_eventi .bx-wrapper{ width:100% !important}
#box_eventi .bx-viewport{ width:100% !important; height:100% !important;}
	
#box_eventi .item{ position:relative; /*margin-right:45px;*/ min-height:225px}		
#box_eventi .item a{ 
	display: inline-block; 
	width:100%; 
	/*max-height:225px; */
	overflow:hidden;
	position:relative;}
	
/*#box_eventi .item a img{
	max-width: none;
    width: auto !important;
	max-height:135px} */	
	
#box_eventi .item div.txt{
   opacity: 0;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   color:#e9cd7b;
   text-align:center;
   font-size:20px;
   font-weight:300;
   padding-top:18px}

#box_eventi .item div.txt h4{
	color:#1d1d1b;
	font-size:18px;
	margin-top:0;
}
#box_eventi .item.active-slide .txt{ opacity: 1;}	

.bx-wrapper .bx-prev,.bx-wrapper .bx-next{ width:37px !important; height:37px !important; top: auto !important; bottom:17% !important; background:none;}
.bx-wrapper .bx-prev{ left:25%}
.bx-wrapper .bx-next{ right:25%}

@media (max-width: 480px) {
	#box_eventi .item div.txt{opacity: 1;}
	.bx-wrapper .bx-prev{ left:-25%}
	.bx-wrapper .bx-next{ right:-25%}
	
	.dropdown-menu{ 
		position: static !important;
		background-color: #FDFBFA !important;
		margin-top:0 !important}
	.dropdown-menu > li > a span {display: none;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#000}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background: #fbeab8 }

/*--------------------------
*           ELENCO 
*--------------------------*/
.lnk_dwn{
	padding:28px 0;
	cursor:pointer;
}
.elenco,.immgh{
	/*height:225px;*/
	position:relative;
	overflow:hidden;
}

.elenco .boxAAA{
	position: relative;
	left:0;
}
	
.elenco .tit_ele{
	width:100%;
	text-align:center;
	font-weight:300;
	position:absolute; 
	bottom:0;
	height:85px;
	background-color:rgba(255,255,255,0.5)
}

.elenco .tit_ele h4{ font-size:20px; padding:0 10%}
.elenco .txt{
	/*width:460px;*/
	min-height:100px;
	text-align:center;
	background:#fff;
	/*position:absolute;
	top:0;
	right:0;*/
	z-index:20}

/*.elenco .immgh img{
	height:100%;
}
*/
.togglelink{
	display:inline-block;
	/*width:58px;
	height:58px;*/
	position:absolute;
	top:50%;
	left:50%;
	margin:0  0 0 -18px;
}

.togglelink img{width:100%;}

.togglelink.selected{ background:url(/images/elementi/up.gif) no-repeat; background-size:46px;}

div.toggle{    
	width: 100%;
	height: auto;
	position: relative;
	margin-top: -50%;
	/*left: 0;*/
	padding: 1em;
	display:none
}



/*--------------------------
*  ELENCO E DETTAGLIO STORIE
*--------------------------*/
.elencos{
	background:#fff
}

.elencos .col-xs-2 img{ /*width:70px;*/ height:100px;}

.elencos .txt{ 
	border-bottom:1px solid #bebebd;
	font-size:20px;
    font-weight:300;
	color:#e9cd7b;
	padding-top:20px;
	padding-bottom:20px;
}

.elencos h4{
	color:#1d1d1b;
	font-size:18px;
}

.elencos .txt a.dett{ display:inline-block}

#articolos .col-xs-4{
	overflow:hidden;
	height:150px;
	margin-bottom:25px;
}

#articolos .col-xs-4 img{ height: 100%;}