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

/* Mobile Layout: 580px and below. */
#slider {display:none;}
.contentSliderCol {text-align:center; margin-bottom:25px;}



/* Tablet Layout: 581px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 581px) {
.contentSliderCol {width:40%; float:right; margin-left:25px;}

}




/* Desktop Layout: 800px to a max of 1100px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 800px) {
.contentSliderCol {width:440px;}
	
	#slider {
	  display:inherit;
	  position: relative;
	  overflow: hidden;
	  border-radius: 4px;
	  width:440px; 
	  height:220px;
	  margin-bottom:20px;
	  background: #666;
	}

	#slider ul {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  height: 300px;
	  list-style: none;
	}

	#slider ul li {
	  position: relative;
	  display: block;
	  float: left;
	  margin: 0;
	  padding: 0;
	  width: 440px;
	  height: 220px;
	  background: #333;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  color:#cde4ed;
	  font-size:16px;
	  text-align: center;
	  line-height: inherit;
	}
	
	#slider ul li p {margin:0 auto 0 auto; padding-top:15px; text-align:left; width:370px;}
	
	a.control_prev, a.control_next {
	position: absolute;
	top: 42%;
	z-index: 100;
	display: block;
	padding: 3% 1.5%;
	width: auto;
	height: 20px;
	/*background: #d4d4d4;*/
	background: #666;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	opacity: 0.8;
	cursor: pointer;
	}
	
	a.control_prev:hover, a.control_next:hover {opacity: 1; -webkit-transition: all 0.2s ease;}
	a.control_prev {border-radius: 0 2px 2px 0;}
	a.control_next {right: 0; border-radius: 2px 0 0 2px;}
}