/***********************************************************/
/** Author: Gerardo A. Riano *******************************/
/** Simple Slider Style		 *******************************/
/**	June 05 - 2014           *******************************/
/***********************************************************/

/************************ CONTAINER ************************/

.container
{
	width: 1020px;
	height: 380px;
}

.slider
{
	width: 710px;
	height: 380px;
	float: left;
}

.captions
{
	width: 310px;
	height: 380px;
	float: left;
	background: rgb(41,51,82);
	-webkit-box-shadow: inset 0px 0px 40px 2px rgba(48, 48, 48, 1);
	-moz-box-shadow:    inset 0px 0px 40px 2px rgba(48, 48, 48, 1);
	box-shadow:         inset 0px 0px 40px 2px rgba(48, 48, 48, 1);
}

/************************ CAPTION ************************/

.caption h2
{
	position: relative;
	color: white;
	font-family: sans-serif;
	margin: 50px 30px 10px 30px;
	z-index: 2;
}

.caption h5
{
	position: relative;
	color: white;
	font-family: sans-serif;
	margin-left: 30px;
	margin-right: 30px;
	z-index: 2;
}

.caption p
{
	position: relative;
	color: white;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	margin-left: 30px;
	margin-right: 30px;
	z-index: 2;
	margin-top: 40px;
	text-align: justify;
	margin-bottom: 30px;
}

/************************ SLIDE ************************/

.slide
{
	height: 380px;
	width: 710px;
	background-size: cover;
	background-position: center;
	position: absolute;
	z-index: 2;
}

/************************ BUTTONS ************************/

#buttons
{	
	margin-left: 30px;
	z-index: 10;
	width: 50px;
	height: 25px;
	display: inline;
}

#left
{
	background-image: url('images/arr.png');
	background-position: left;
	width: 25px;
	height: 25px;
	display: inline-block;
	cursor: pointer;
}

#rigth
{
	background-image: url('images/arr.png');
	background-position: right;
	width: 25px;
	height: 25px;
	display: inline-block;
	cursor: pointer;
}