@charset "utf-8";
/* CSS Document */
#home{
	background:url(../images/bg-home.jpg) no-repeat;
	background-size:cover;	
}
#home #slide-content{
	width:80%;
	height:600px;
	border:3px solid #9b999a;
	padding:20px;
	margin:0 auto;
	position:absolute;
	top:50px;
	left:0;
	right:0;
}
#home #slides{
	width:100%;
	height:100%; 
}
#home #slides .slide{
	width:100%;
	height:100%;
}
#home #btn-slides{
	width:160px;
	height:17px;
	margin:0 auto;
	position:absolute;	
	bottom:50px;
	left:0;
	right:0;
	padding:0;
}
#home #btn-slides a{
	width:17px;
	height:17px;
	background:#b2151b;
	margin:0 10px;
	padding:0;
	cursor:pointer;
	display:inline-table;
	text-decoration:none;
	color:#b2151b;
	font-size:0;
	text-align:center;
	-moz-border-radius: 50%; /* Firefox */
	-webkit-border-radius: 50%; /* Safari y Chrome */
	-khtml-border-radius: 50%; /* Konkeror, ... */
	border-radius: 50%; /* Opera 10.50, IE y CSS3 */
}
#home #btn-slide a:hover{
	background:#f00; 
}
#home #next{
	width:71px;
	height:71px;
	background:url(../images/bt-right.png) no-repeat;
	background-position:0 0;
	position:absolute;
	bottom:50%;
	right:10px;
	cursor:pointer;
	z-index:10;
}
#home #next:hover{
	background-position:-71px 0;
}
#home #back{
	width:71px;
	height:71px;
	background:url(../images/bt-left.png) no-repeat;
	background-position:0 0;
	position:absolute;
	bottom:50%;
	left:10px;
	cursor:pointer;
	z-index:10;
}
#home #back:hover{
	background-position:-71px 0;
}
@media handheld, only screen and (max-width: 1000px) {
	#home{
		height:450px;
	}
	#home #slide-content{
		width:95%;
		height:300px;
		padding:5px;
		bottom:0;
		top:0;
		margin:auto;
	}	
	#home #slides{
		
	}
	#home #slides .slide{
	}
	#home #btn-slides{
		display:none;
	}
	#home #btn-slides a{
	}
	#home #btn-slide a:hover{
	}
	#home #next{
		margin-bottom:-35px;
		right:20px;
	}
	#home #next:hover{
	}
	#home #back{
		margin-bottom:-35px;
		left:20px;
	}
	#home #back:hover{
	}
}