/*======================================================
SLIDE
======================================================*/
.slide{
	position:relative;
	margin:auto;
	width:100%;
	overflow: hidden;
	padding:0;
}	
.slide img{
	width:100%;
}
.slide .slideOpcion1 img{
	position:absolute;
	opacity:1;
	/*top:15%;
	right:10%;
	width:45%;*/
}
.slide .slideOpcion1 .textosSlide{
	position:absolute;
	/*width:40%;
	top:20%;
	left:10%;*/
}
.slide .slideOpcion2 img{
	position:absolute;
	opacity:1;
	/*top:5%;
	left:15%;
	width:25%;*/
}
.slide .slideOpcion2 .textosSlide{
	position:absolute;
	text-align:right;
	/*width:40%;
	top:15%;
	right:15%;*/
}
.slide .slideOpciones h1{	
	text-transform: uppercase;
	font-family: 'raleway_extraboldregular';
    font-size: 55px;
	opacity:1;
	top:-10%;
	/*color:#333;*/
}
.slide .slideOpciones h2{
	text-transform: uppercase;
    font-family: 'raleway_lightregular';
    font-size: 25px;
	opacity:1;
	top:-10%;
	/*color:#777;*/
}



.slide .slideOpciones button {
    display: inline-block;
    padding: 13px 20px;
    color: #F0F1F1;
    text-decoration: none;
    position: relative;
    background: #E73332;
    border: 1px solid #E73332;
    font: 12px 'ralewaybold';
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: color 0.1s linear 0.05s;
}
.slide .slideOpciones button:hover{
    color: #F0F1F1; 
}
.slide .slideOpciones button::focus{
    color: #F0F1F1
}
/*======================================================
FLECHAS
======================================================*/
.slide .flechas{
	position:absolute;
	font-size:2em;
	color:white;
	cursor:pointer;
	z-index:2;
}
.slide #retroceder{
	background:#666;
	left:0;
	opacity: 0;
}
.slide #avanzar{
	background:#666;
	right:0;
	opacity: 0;
}
.slide #retroceder:hover, #slide #avanzar:hover{
	background:#777;
}
.slide #retroceder:active, #slide #avanzar:active{
	background:#444;
}
/*======================================================
PAGINACIÓN
======================================================*/
.slide #paginacion{
	position: absolute;
	width:100%;
	margin:auto;
	text-align: center;
	line-height: 40px;
	font-size:12px;
	bottom:0px;
	left:0px;
	z-index:1;
	background:rgba(0,0,0,.05);
}
.slide #paginacion li{
	display:inline-block;
	margin:0px 5px;
	cursor:pointer;
	opacity:.5;
	color:white;
	text-shadow:0px 0px 5px #333;
}
.slide #paginacion li:first-child{
	opacity:1;
}
/*======================================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
======================================================*/
@media (min-width:1200px){
	.slide #retroceder{
		top:37%;
		padding:40px 15px 40px 10px;
		font-size:22px;
	}
	.slide #avanzar{
		top:37%;
		padding:40px 10px 40px 15px;
		font-size:22px;
	}
	.slide .slideOpciones h1{			
		font-size:50px;	
		margin-top:5px;
	}
	.slide .slideOpciones h2{			
		font-size: 25px;	
	}
	.slide .slideOpciones button{
		padding:10px;
	}
}
/*======================================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
======================================================*/
@media (max-width:1199px) and (min-width:992px){
	.slide #retroceder{
		top:35%;
		padding:40px 15px 40px 10px;
		font-size:18px;
	}
	.slide #avanzar{
		top:35%;
		padding:40px 10px 40px 15px;
		font-size:18px;
	}
	.slide .slideOpciones h1{			
		font: 35px "raleway_blackregular";
		margin-top:5px;
	}
	.slide .slideOpciones h2{			
		font: 25px "raleway_lightregular";
	}
	.slide .slideOpciones button{
		padding:10px;
	}	
}
/*======================================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
======================================================*/
@media (max-width:991px)and(min-width:768px){
	.slide #retroceder{
		top:35%;
		padding:30px 8px 30px 5px;
		font-size:14px;
	}
	.slide #avanzar{
		top:35%;
		padding:30px 5px 30px 8px;
		font-size:14px;
	}
	.slide .slideOpciones h1{			
		font: 30px "raleway_blackregular";
		margin-top:5px;
	}
	.slide .slideOpciones h2{			
		font: 20px "raleway_lightregular";
	}
	.slide .slideOpciones button{
		padding:5px;
	}
}
/*======================================================
MOVIL (XS revisamos en 320px)
======================================================*/
@media (max-width:767px){
	.slide #retroceder, #slide #avanzar{
		display:none;
	}
	.slide .slideOpciones h1{			
		font-size: 30px;
		margin-top:5px;
		margin-bottom:-20px;
	}
	.slide .slideOpciones h2{			
		font-size: 25px;	
	}
}