/* CSS Document */

ul{
	list-style-type:none;

	
	}
	
	/* 
	Encabezado del Slider
	*/
	
	.slider-title{
	float: none;
	font-family: 'Roboto', Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #033;
	text-align: center;
	margin:20px auto;
	
		}
		
		/* 
		Slider Content
		*/
		
		.slider-container{
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;					
			}
			.slider-wrapper{
	position: relative;
	z-index:40;
	height: 480px;
	width: 800px;;
	overflow: hidden;
}
.slider-wrapper li{
	display:none;
	
}
li.slide-current{
	display:block;
	}


.slider-wrapper li img{
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	height:auto;}		
.caption{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.6);
	padding:12px;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	}
.caption-title{
	color:#F20D3A;
	font-weight:700;
	font-size:14px;
	margin-bottom:10px;
	
	}
.caption p{
	color:#999;
	font-size:12px;
	line-height:13px;}
	
	.slider-wrapper li:hover .caption {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
	
.shadow{
	width:100%;
	height:15px;
	position:relative;
	
	}
	
.shadow:after, .shadow:before {
	content:'';
	height:100%;
	width:50%;
	background:#666;
	position:absolute;
	left:10px;
	top:-20px;
	-webkit-transform:rotate(-4deg);
	-ms-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	transform:rotate(-4deg);
	-webkit-box-shadow:0 0 15px 8px #666;
	-ms-box-shadow:0 0 15px 8px #666;
	box-shadow:0 0 15px 8px #666;
	
	
	
	
	}
	.shadow:after{
		left:auto;
		right:10px;
	-webkit-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	transform:rotate(4deg);
		} 
		
		/*
		Controles */
.slider-controls{
			text-align:center;
			margin-top:15px;
			}
.slider-controls li{
	background:#415066;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	height:12px;
	width:12px;
	margin:0 4px;
	cursor:pointer;
	
	}
.slider-controls li.active{
	background:#00c5b0;

	}
	/**
 * Responsive
 ----------------------------------------*/
@media only screen and (max-width: 825px) {
	.slider-container {
		width: 500px;
	
		height: 260px
	}

	.slider-wrapper {
		width: 500px;
	
		height: 260px;
	}
}

@media only screen and (max-width: 535px) {
	.slider-container {
		width:400px;
	}

	.slider-wrapper {
		width:400px;
		height: 200px;

	}

	.caption {
		display: none;
	}
}

@media only screen and (max-width: 410px) {
	.slider-wrapper {
		height: 160px;
	}
}