/* 
	-------------------------------------------------- 
   	CSP Custom Slider
   	
	-------------------------------------------------- 
*/



/* -----------------------------------------
	containers
----------------------------------------- */
#slides {
	height: 475px;
	position: relative;
	overflow: hidden;
}

	#slides:after {
		width: 100%;
		height: 170px;
		display: block;
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 102;
		background: url('../img/white-gradient.png') no-repeat center top;
		background-size: 100% 100%;
	}

		#slides .content {
			position: relative;
		}


			.slides_container {
				margin: 0 auto;
				display:none;
				overflow:hidden;
				position:relative;
			}

				.slides_control {
					width: 100% !important;
				}



/* -----------------------------------------
	slide
----------------------------------------- */
.slide {
	width: 100%;
	height: 475px;
	display: block;
	text-align:center;
}

	/* -----------------------------------------
		description
	----------------------------------------- */
	
	.cameraContent  .description {
		text-align:left !important;
		display:inline-block;
		margin:100px 0 0 40%;
		width:500px;
	}
	.cameraContent  .description.alineada-derecha {float: right !important; text-align:left !important;margin: 30px 20px 0 0 !important;}
	.cameraContent  .description.alineada-derecha p {width: 350px !important;}
@media (min-width: 1919px) {
	.cameraContent  .description.alineada-derecha {margin: 30px 200px 0 0 !important;}
}
@media (min-width: 1580px) and (max-width: 1918px;) {
	.cameraContent  .description.alineada-derecha {margin: 30px 100px 0 0 !important;}
}
		.cameraContent  .description h2 {
			margin: 0 0 20px 0;
			color: #fff;
			font-size: 25px;
			font-variant: small-caps;
			font-weight: 200;
			line-height: 40px;
			text-transform: uppercase;
		}

			.cameraContent  .description h2 span {
				padding: 0 7px;
				background: url('../img/underline.png') repeat 0 0;
			}

		.cameraContent  .description p {
			margin: 0 0 20px 0;
			color: #444;
			font-size: 14px;
			font-variant: small-caps;
			font-weight: 200;
			line-height: 16px;
			text-transform: uppercase;
			width:400px;
		}

			.cameraContent  .description p span {
				background: url('../img/underline-white.png') repeat 0 0;
			}

			.cameraContent  .description .submit-1, .cameraContent  .description .submit-1:hover {
				text-decoration:none;
				
				color: #17395e;
			}

	/* -----------------------------------------
		image
	----------------------------------------- */
	.cameraContent  img {
		width: 100%;
		min-height: 475px;
		display: block;
		height: auto;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -10;
	}



/* -----------------------------------------
	next / prev buttons
----------------------------------------- */
.slides-buttons {
	width: 940px;
    height: 1px;
	margin-left: -470px;
	position: absolute;
    top: 0;
    left: 50%;
    z-index: 103;
}


#slides .next,
#slides .prev {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 150px;
	z-index:104;
}

	#slides .next {
		left: 930px;
	}

	#slides .prev {
		right: 930px;
	}



/* -----------------------------------------
	Pagination buttons
----------------------------------------- */
#slides .pagination {
	display: none;
}

	/*
	#slides .pagination li {
		margin:0 1px;
		float:left;
		list-style:none;
	}

		#slides .pagination li a {
			width:12px;
			height:0;
			padding-top:12px;
			display:block;
			float:left;
			overflow:hidden;
			background-image:url(../img/pagination.png);
			background-position:0 0;
		}

		.pagination li.current a {
			background-position: 0 -12px;
		}
	*/