/* ------------------ */
/* ---- SLIDER ------ */
/* ------------------ */


#sliderContent {
	padding: 0;
	margin: 0;	
	background: #333333;
	color: #ffffff;
	width: 1140px;
	height: 500px;
	overflow: hidden;
	z-index: -1;
}

/* SIDE NAVBAR BAR */
#leftBar {
	float: left;
	background: #151515;
}
#leftBar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#leftBar ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px #2e2e2e solid;
	text-align: left;
	vertical-align: central;
	cursor: default;
}
#leftBar ul li p {
	margin: 0;
}
#leftBar ul li p span {
	font-weight: bold;
}

#box1 {
	background: #02874a;
}
#box2, #box3, #box4 #box5, #box6 {
	background: #151515;
}

/* IMAGE SLIDER */

#slider {
  position: relative;
  overflow: hidden;
  margin: 0;
	padding: 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.9);		
	z-index: 2;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
	z-index: 3;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	z-index:4;
}

#slider ul li p {
	text-align: left;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  display: block;
  padding: 4% 1%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.5;
  cursor: pointer;
  z-index: 5;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 4px 4px 0;
}

a.control_next {
  right: 0;
  border-radius: 4px 0 0 4px;
}




@media (min-width: 1170px) {


	#sliderText {
		visibility: hidden;
		display: none;
	}

	#sliderContent {width: 1140px; height: 500px;}
	#leftBar {
		width: 250px;
		height: 500px;
	}
	#slider, #slider ul, #slider ul li {
		width: 890px ;
		height: 500px;
	}
	#slider ul li p {		
		margin-left: 30px;
		margin-top: 10px;
		width: 400px;
		padding: 15px;
		font-size: 16px;
		line-height: 25px;
		font-weight: 500;
		color: #eee;
		background: rgba(0,0,0,0.5);
	  border-radius: 4px 4px 4px 4px;
		text-shadow: 1px 1px 2px #111;		
	}
	#slider ul li p span {
		font-size: 24px;
		line-height: 50px;
	}
	#slider ul li p span.evidenz {
		color: #FF0 !important;
		font-size: 16px;
		line-height: 25px;		
	}
	
	#leftBar ul li {
		height: 80px;
	}
	#leftBar ul li p {
		padding: 15px;
		font-size: 12px;
		line-height: 20px;
	}
	#leftBar ul li p span {
		font-size: 16px;
		line-height: 26px;
	}
	
	
}

@media (min-width: 990px) and (max-width: 1169px) {
		
	#sliderText {
		visibility: hidden;
		display: none;
	}

	#sliderContent {width: 960px; height: 432px;}
	#leftBar {
		width: 211px;
		height: 421px;
	}
	#slider, #slider ul, #slider ul li {
		width: 749px;
		height: 421px;
	}
	#slider ul li p {		
		margin-left: 30px;
		margin-top: 10px;
		width: 400px;
		padding: 15px;
		font-size: 16px;
		line-height: 25px;
		font-weight: 500;
		color: #eee;
		background: rgba(0,0,0,0.5);
	  border-radius: 4px 4px 4px 4px;
		text-shadow: 1px 1px 2px #111;		
	}
	#slider ul li p span {
		font-size: 24px;
		line-height: 50px;
	}
	#slider ul li p span.evidenz {
		color: #FF0 !important;
		font-size: 16px;
		line-height: 25px;		
	}
	
	#leftBar ul li {
		height: 68px;
	}
	#leftBar ul li p {
		padding: 10px;
		font-size: 12px;
		line-height: 16px;
	}
	#leftBar ul li p span {
		font-size: 16px;
		line-height: 20px;
	}
	

}

@media (min-width: 769px) and (max-width: 989px) {

	#sliderText {
		visibility: hidden;
		display: none;
	}

	#sliderContent {width: 740px; height: 349px;}
	#leftBar {
		width: 162px;
		height: 325px;
	}
	#slider, #slider ul, #slider ul li {
		width: 578px;
		height: 325px;
	}
	#slider ul li p {		
		margin-left: 30px;
		margin-top: 10px;
		width: 400px;
		padding: 15px;
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
		color: #eee;
		background: rgba(0,0,0,0.5);
	  border-radius: 4px 4px 4px 4px;
		text-shadow: 1px 1px 2px #111;		
	}
	#slider ul li p span {
		font-size: 20px;
		line-height: 35px;
	}
	#slider ul li p span.evidenz {
		color: #FF0 !important;
		font-size: 14px;
		line-height: 20px;		
	}
		
	#leftBar ul li {
		height: 50x;
	}
	#leftBar ul li p {
		padding: 5px;
		font-size: 10px;
		line-height: 14px;
	}
	#leftBar ul li p span {
		font-size: 14px;
		line-height: 18px;
	}
	

}

@media (min-width: 570px) and (max-width: 768px) {

	#sliderText {
		visibility: hidden;
		display: none;
	}

	#sliderContent {width: 540px; height: 274px;}
	#slider ul li p {		
		margin-left: 30px;
		margin-top: 10px;
		width: 400px;
		padding: 12px;
		font-size: 14px;
		line-height: 20px;
		font-weight: 500;
		color: #eee;
		background: rgba(0,0,0,0.5);
	  border-radius: 4px 4px 4px 4px;
		text-shadow: 1px 1px 2px #111;	
		margin-bottom: 0px;	
	}
	#slider ul li p span {
		margin-top: 0px;
		font-size: 20px;
		line-height: 26px;
	}
	#slider ul li p span.evidenz {
		color: #FF0 !important;
		font-size: 14px;
		line-height: 20px;		
	}
	
	#leftBar {
		visibility: hidden;
		display: none;
	}
	#slider, #slider ul, #slider ul li {
		width: 540px;
		height: 303px;
	}
	
}

@media (max-width: 569px) {


	#sliderContent {
		visibility: hidden;
		display: none;
	}
	#sliderText {
		display: block;
		position: relative;
		visibility: visible;
		width: 100%;
		background: #333;
		color: #eee;
	}	
	#sliderText ul {
		list-style-type: none;
		margin: 0;
		padding: 0;		
		width: 95%;
	}	
	#sliderText ul li {
		width: 95%;
	}	

	#sliderText ul li p {		
		padding: 10px;
		font-size: 14px;
		line-height: 22px;
		font-weight: 500;
	}
	#sliderText ul li p span {
		font-size: 22px;
		line-height: 40px;
		font-weight: 600;
	}
	#sliderText ul li p span.evidenz {
		color: #ff0 !important;
		font-size: 14px;
		line-height: 22px;		
	}

}