@charset "UTF-8";
/* CSS Document */

body, html{

	overflow-x:hidden!important;
	font-size:9px!important;

}

p, div{

	font-size:9px!important;
}

p { font-size:13px!important; }

#header{


    background-image: linear-gradient(bottom, #fff 30%, #D8E5EC 70%);
	background-image: -o-linear-gradient(bottom, #fff 30%, #D8E5EC 70%);
	background-image: -moz-linear-gradient(bottom, #fff 30%, #D8E5EC 70%);
	background-image: -webkit-linear-gradient(bottom, #fff 30%, #D8E5EC 70%);
	background-image: -ms-linear-gradient(bottom, #fff 30%, #D8E5EC 70%);




}

#menu-sotto{

	/*line-height:0px!important;*/


}

#banner { }

div.crsl-items div.crsl-wrap figure.crsl-item figcaption, div#content-banner-home.no-alto-contrasto div#gallery-lavori div#NAV-ID.crsl-nav{

	display:none;

}

#logo-mobile{

    background: url("_img/logo-parco-majella.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block !important;
   height: 20.5em;
    top: 5px;
    position: absolute;
    width: 10.7em;
    z-index: 9999;
	left:10px;
	background-size: 10.7em;

}

#logo{

	display:none;

}



#top {

	padding-top:10px;
	/*margin-top:-58px;*/

}

#briciole{

	font-size:11px!important;

}

div#page div#colonna-dx div#toggle{

	width:100%;

}

#googlemap{


	height:265!important;

}

h2.trigger{

	font-size:20px;
}


/*2 img affiancate*/

.box-news, .box-news-no-padding{

	width:124px;
	padding-right:0px;
	height:131px;

}

.box-news-title{

	height:50px;

}

.cont-box-news img{

	width:112px;
	height:auto;

}

.news, .cont-subpages-menu{

	width:90%;
	margin-left:5%;

}


div#page div#colonna-dx div#toggle h2{

	width:94%;

}


/*.foto img {

	width:100%;

}*/

#pan-parks {

    float: none;
    margin-bottom: 20px;
    margin-left: -20px;
    padding-top: 0;

}

#content-banner-home{

	margin-left: 3%;
    width: 94%;
	overflow:hidden!important;

}



#gallery-lavori{

	margin-left:-90px;

}

div#content-banner-home.no-alto-contrasto div.banner-img, #top-sx{

	display:none;

}

.banner-img{

	width: 94%;
	margin-left:3%;
	margin-right:3%;
	/*height: 150px; */
	overflow: hidden!important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-bottom:-5px;

}

#menu-sotto{

	margin-top:0px!important;

}

div#content-banner.no-alto-contrasto div.banner-img img{

	/*height:150px!important;*/
	/*width:auto;*/

}


div#header div#cont-header{

	width:100%;

}

#content-navigazione{

	margin:auto;
	width:94%;

}

#content-banner{

	text-align:center;
	width:100%;
	height:auto!important;

}

#utilita{

	width:100%;

}


#menu-utilita ul li {
	float: left;
	margin: 0 0 0 0.5em;
	font-size: 1em;
}

#cont-contenuti{

	width:100%;

}


#content-banner-home{

	height:auto;

}

#contenuti{

	padding-left:3%;

}



#cont-contenuti{

	width:94%;

}

div#intro-home div.csc-textpic-imagewrap div.csc-textpic-image{

	display:none;


}

#cont-contenuti p {

	padding-right:3%;

}

#cont-contenuti h1{

	padding-right:3%;

}


div#fascia-news div#news{

	width: 300px;

}


div#news .content-tab-verde, .content-tab-interna{

	width: 236px;
	border-radius: 0px 5px 5px 5px;

}

.content-tab-interna{

	width:80%;

}



div#fascia-news div#content-video{

	display:none;

}



#fascia-proposte{

	display:none;
}

#footer{

	display:none;

}


.content-tab-verde{

	height: 242px;
    overflow-x: scroll;


}


.content-tab-interna{

	overflow-y:scroll;
	height: 242px;
	margin-bottom:20px;

}

div#tabs-pagine-interne div#tab-1.content-tab-interna p{

	font-size:11px!important;

}

div#page div#colonna-dx div#toggle {

	overflow: hidden;

}

/*#mappa, #googlemap .gm-style{

	margin-left:-200px;

}

#googlemap .gm-style{

	overflow:visible!important;

}*/


.content-tab-interna .tab-foto img {
    height: auto;
    width: 100%;
}



#social-footer-mobile{

	display:block!important;

}



#copyright{

	padding-top:0px;

}



/*immagini page*/

div div.news-img-wrap a.lightbox img.alignLeft, div.csc-textpic-imagewrap div.csc-textpic-imagerow div.csc-textpic-imagecolumn div.csc-textpic-image a.lightbox img{


	width:80px;
	height:70px;
	margin-right:0px;

}

/*menu*/

div#menu ul li ul li ul li{

	display:none;

}

#menu{
	width:100%;
}

html body.hideLeftColumn div#social-footer-mobile div#social div#social_logo ul{

	margin:auto;

}

/*social*/

html body.hideLeftColumn div#social-footer-mobile div#social div#social_logo{

	margin:auto;
	text-align:center;

}

#social {
    float: left;
    height: 4em;
    padding: 3%;
    width: 94%;
}

#menu-footer{

	width:100%;

}

#fascia-footer-bottom{

	display:none!important;

}

#fascia-footer-bottom-mobile{

	display:block!important;
	background: none repeat scroll 0 0 #404040;
    color: #FFFFFF;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 10px;

}




#style-fascia-footer-bottom-mobile div#contatti-mobile a, #style-fascia-footer-bottom-mobile div#contatti-mobile a:hover{

		color:#fff;

}

#content-fascia-footer-bottom-mobile{

	display:block!important;
	width:100%;
}

/*social header*/

div#content-navigazione div#menu-sotto div#social, #seguici{

	display:none;

}


div#menu-sotto div#social{

	display:none;

}

#contatti-dx-mobile, #contatti-mobile, #contatti {


	width:92%;
	margin-left:3%;
	text-align:left;
}



#fascia-footer-bottom-mobile p, #fascia-footer-bottom-mobile div{

	font-size:14px!important;

}

#fascia-news{
	padding: 1em 0 4em;
}



/*pagine interne*/

#colonna-dx, .article-download{

	width:94%!important;

}


.bordo-verde div.article-text{

	padding-left:0px;
}

.news-item{

	float:left;
	margin-right:30px;

}

.content-tab-verde div.news{

	width:768px;

}


#colonna-sx {

	width:195px!important;

}


div.condivisione-social{

	display:none;

}


/*Sei in Home > Visita il parco > Da non perdere > La Valle dell'Orfento*/

.alignLeft{

	float:none;

}

.alignLeft img{

	width:100%;
	height:200px;

}

.article-text-detail{

	width:100%;

}


/*Sei in Home > Visita il parco > Dove dormire, dove mangiare > Le case del Parco*/

.foto {

	float:none;

}


.csc-default{

	padding:0px;
}

a.back{

	margin:0px 0px;

}

.article a img{

	float:none;

}

/*Sei in Home > Visita il parco > Multimedia > Mappe*/

.article-text{

	width:100%;

}

.article{

	padding-bottom:0px;

}


#colonna-dx .csc-default{

	padding-bottom:0px;

}


#page{

	padding:0px 0px;

}


.article-text{

	float:none;
	width:94%;
	padding-left:3%;
	padding-right:3%;

}

#briciole{
    padding: 1em 3% 1em 0;
    width: 94%;
}

#content-fascia-footer-bottom-mobile {
    width: 94%;
	margin:3%;
}


/*menu*/

#responsive-menu{

	display:none;

}

.slicknav_menu{
    margin-left: 2%;
	margin-right: 4%;
    position: fixed;
    width: 94%;
    z-index: 999999;
	/*border-radius: 0 0 5px 5px!important;*/
	display:block;
	background:none!important;

}

.slicknav_nav{

	overflow:scroll!important;
	max-height:280px!important;
	background:#6E6964;
	padding:10px!important;
	border-radius:5px;
	border-top-right-radius:0px;
}


.slicknav_collapsed{

	border-radius:5px!important;

}

.slicknav_open{

	border-bottom-right-radius:0px!important;
	border-bottom-left-radius:0px!important;

}




.slicknav_nav a {

	font-size:14px;

}


.arancio, .pag-77 {

	background-color:#6E6964!important;

}

/*immagine interna testo*/

div.csc-textpic div.csc-textpic-imagewrap{

	float:none;

}




div.csc-textpic-imagewrap div.csc-textpic-image a.lightbox img{

	width:100%;
	height:auto;

}


/*voci di menu*/

.no-mobile{

	display:none;

}


#menu-interno{

	display:none;

}


html.js body div.slicknav_menu ul.slicknav_nav{

	text-align:right;

}

.slicknav_btn{

	padding: 15px 15px 15px 15px!important;
	background-color: #6E6964!important;
	margin:0px!important;

}

.slicknav_icon slicknav_no-text{

	height:23px;

}


.slicknav_menu .slicknav_icon-bar {

	width: 23px!important;
	margin-top:3px!important;

}


.slicknav_nav .slicknav_item {

	margin:0px!important;


}

.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover{

	background:#404040!important;
	border-radius:0px 0px!important;
	color:#fff!important;
}


.slicknav_arrow{

	font-size:16px!important;
	font-weight:bold;

}


#gallery-lavori{

	display:block!important;

}

/*tesi*/


div.news-list-container div.article div.article-text-no-float h2{

	font-size:12px;

}


<!------------------------------------ SLIDER HOME ------------------------------------------------->



/*----------------------------------- Gallery */
.crsl-items{
	margin: 30px auto;
}
.crsl-item figcaption{
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	color: #FFF;
	background: rgba(0,0,0,.5);

}
.crsl-nav{
	position: relative;
	min-height: 1px;
}
.crsl-nav .previous{
	float: left;
}
.crsl-nav .next{
	float: right;
}
/*----------------------------------- Special Galleries */
/* Custom controls */
#gallery-lavori{
	position: relative;
}
#gallery-lavori .crsl-nav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#gallery-lavori .crsl-items:after{
	display: block;
	clear: both;
	content: '';
}
#gallery-lavori .previous, #gallery-lavori .next{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	text-indent: -10000px;
	color: #FFF;
	background: rgba(0, 0, 0, .80) url(../_img/previous-next.png) no-repeat 0 0;
	z-index: 10;
	/* border radius */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* transition */
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
}
#gallery-lavori .previous:hover, #gallery-lavori .next:hover{
	background-color: rgba(0,0,0, .95);
}
#gallery-lavori .previous{
	left: 0;
	background-position: 0 0;
}
#gallery-lavori .next{
	right: 0;
	background-position: 100% 0;
}
#gallery-lavori .crsl-item{
	margin-bottom: 0;
}


/*----------------------------------- Clearfix */
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
/*----------------------------------- Media Queries */
@media only screen and ( min-width : 1360px ){

	.features-content{
		width: 26%;
	}
	.features-gallery{
		width: 72%;
	}
}
@media only screen and ( min-width : 720px ) and ( max-width : 960px ){

	.features-content{
		width: 36%;
	}
	.features-gallery{
		width: 60%;
	}
	.feature-list li{
		margin-bottom: 15px;
		font-size: 116%;
	}
}
@media only screen and ( max-width : 720px ){

	.csc-textpic-intext-right-nowrap-295 .csc-textpic-text {
		margin: 0;
	}

	.features-content, .features-gallery{
		float: none;
		width: 100%;
	}
	.feature-list li{
		margin-bottom: 15px;
	}

	#social {
		height:auto;
	}

}




#gallery-lavori {
    height: 200px !important;
    overflow-y: hidden;

}
