@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');



/*RESET*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section, figure
{margin:0; padding:0; border:0; text-decoration:none; list-style:none;}


/*html 5 tags*/
header, nav, article, aside, footer, hgroup, section, figure {
	display:block
}


/*styles*/
*{margin:0; padding:0;}

body{
	background:#f5d413;
	background-position:top;
	padding:0;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	}
	



/* TEXTOS */
h1 {
	color: #666;
	font-size:32px;
	margin:0 0 20px 105px;
	font-family: 'Open Sans', sans-serif;
	}


h2 {
	color: #666;
	font-size:24px;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
	}


h3 {
	color: #666;
	font-size:20px;
	margin-bottom:5px;
	line-height:24px;
	font-family: 'Open Sans', sans-serif;
	}
	
h8 {
	color: #fff;
	font-size:34px;
font-weight: 900;
text-align:center;
	font-family: 'Open Sans', sans-serif;
	}


p {
	color: #666;
	font-size:18px;
	margin:0;
	text-align:left;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
	}


a {color:#fff; text-decoration:none;}
a:hover{color:#ee7c1d;}


#contenthome {
	background-color:#f18c00;
	width:100%;
	margin: 0 auto;
}



.section {
	width:100%;
	display:block;
	margin:0;
}

#section-1 {
	width:100%;
	height:auto;
	color:#4a382a;
	padding-top:0px;
}



#section-3 {
	background-color:#9cbf1d;
	background-size:100% 100%;
	height:650px; 
	width:100%;
	position:relative;
}

#section-3 .bgvideos {
	background:url(../images/videos/videoScreen.png) no-repeat top center;
	width:950px;
	height:650px;
	top:50%;
	left:50%;
	margin-top:-275px;
	margin-left:-425px;
	position:absolute;
    z-index:9000
}

/* slider videos*/
#section-3 #slider {
	width:950px;
	height:600px;
	position:relative;
}

#section-3 .jcarousel-clip {
	width:800px;
	height:500px;
	margin:25px auto;
	overflow:hidden;
	padding-top:20px;
}

#section-3 ul#mycarousel {
	position:relative;
}

#section-3 ul#mycarousel li {
	float:left;
	display: inline;
	height:460px;
	width:800px;
	margin:0 auto;
}

#section-3 .jcarousel-prev ,
#section-3 .jcarousel-next {
	background:url(../images/videos/arrow-next.png) no-repeat 0 0;
	width:30px;
	height:162px;
	display:block;
	float:left;
	position:absolute;
	top:180px;
	right:-70px;
	cursor:pointer;

}

#section-3 .jcarousel-prev {
	background:url(../images/videos/arrow-prev.png) no-repeat 0 0;
	left: -69px;
}




/*seccion social*/
#section-4 {
	background:url(../images/social/bgSocial.jpg) top center repeat;
	height:auto;
	padding-top:20px;
	width:100%;
}


#section-4 .content {
	width:90%;
	height:auto;
	margin:0 auto;
    max-width:1200px
}



/*seccion contacto*/
#section-5 {
	background-color:#e41b23;
	padding-top:40px;
	width:100%;
	text-align:center;
}


#section-5 img {
	width:300px;
	height:auto;
}





/*TERMINOS Y CONDICIONES*/
#terminos {
	display:none;
	border-radius:10px;
	background-color:#fff;
	width:900px;
	height:500px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-450px;
	z-index:9999;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#terminos .txt {
	overflow-y:auto;
	overflow-x:hidden;
	height:390px;
	margin:0 auto;
	width:800px;
	margin-top:15px;
	position:relative;
}


#terminos .txt .title {
	color:#e31d1a;
	font-size:22px;
	font-weight:600;
}

#terminos .txt  p {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:18px;	
	color:#e31d1a;
}



#terminos .btncerrar {
	display:block;
	cursor:pointer;
	position:absolute;
	z-index:1000;
	background:url(../images/contacto/btn-cerrar.png) top center no-repeat;
	color:#fff; 
	height:40px;
	width:40px;	
	right:10px;
	top:10px;
}


/*FOOTER*/
footer{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:22px;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	background-color:#e31d1a;
	width:100%;
	height:auto;
	vertical-align:middle;
	margin:0;
}



#section-8 {
	background-color:#f18c00;
	background-size:100% 100%;
	color:#4a382a; 
	height:750px;
	padding-top:50px; 
	width:100%;
	position:relative;
}


/*MEDIA QUERIES // RESPONSIVE ---------------------------------------------*/
/*1366*/
@media screen and (max-width:1366px) {

/* videos*/
#section-3 {height:500px;

}

#section-3 .bgvideos {
	background:url(../images/videos/videoScreen1000.png) no-repeat top center;
	background-size:700px 470px;
	height:470px;
	width:700px;
	top:50%;
	left:50%;
	margin-top:-220px;
	margin-left:-350px;
}


#section-3 #slider {height:428px; width:700px; }
#section-3 .jcarousel-clip {height:428px; width:650px; padding-top:25px;	margin:25px auto;}
#section-3 ul#mycarousel li {height:360px; width:650px;}
#section-3 .jcarousel-prev, #section-3 .jcarousel-next {width:30px; height:162px; top:140px; right:-41px;}
#section-3 .jcarousel-prev {left: -40px;}

	}


/*1150*/
@media screen and (max-width:1150px) {

#section-8 {
	width:100%;
	top:0px;
	margin-top:0px;
	height:600px;
	}



}



/*1024*/
@media screen and (max-width:1024px) {


/* videos*/
#section-3 {height:635px;

}

#section-3 .bgvideos {
	background:url(../images/videos/videoScreen1000.png) no-repeat top center;
	background-size:700px 500px;
	height:500px;
	width:700px;
	top:59%;
	left:50%;
	margin-top:-240px;
	margin-left:-350px;
}


#section-3 #slider {height:428px; width:700px; }
#section-3 .jcarousel-clip {height:428px; width:650px; padding-top:25px;	margin:25px auto;}
#section-3 ul#mycarousel li {height:360px; width:650px;}
#section-3 .jcarousel-prev, #section-3 .jcarousel-next {width:30px; height:162px; top:140px; right:-41px;}
#section-3 .jcarousel-prev {left: -40px;}



/*footer*/
#section-5 img {width:300px;}
	
#section-8 {
	width:100%;
	top:0px;
	margin-top:0px;

	}
	
}




/*--------------------------------------------------------------------*/


/*768*/
@media screen and (max-width:800px) {



/*videos*/
#section-3 {height:425px; padding-top:120px;}

#section-3 .bgvideos {
	background:url(../images/videos/videoScreen1000.png) no-repeat top center;
	background-size:500px 306px;
	height:306px;
	width:500px;
	top:63%;
	left:50%;
	margin-top:-150px;
	margin-left:-250px;
}


#section-3 #slider {height:306px; width:500px; }
#section-3 .jcarousel-clip {height:306px; width:450px; padding-top:25px;	margin:0px auto;}
#section-3 ul#mycarousel li {height:250px; width:450px;}

#section-3 .jcarousel-prev, 
#section-3 .jcarousel-next {
	width:20px; height:100px; top:100px; right:-37px; background-size:20px 100px;}

#section-3 .jcarousel-prev {left: -36px;}




/*TERMINOS Y CONDICIONES*/
#terminos {
	width:90%;
	height:400px;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-45%;
}


#terminos .txt {
	height:300px;
	margin:0 auto;
	width:85%;
}

#section-8 {
	width:100%;
	top:0px;
	margin-top:0px;
	height:auto;
    padding-bottom:30px;
	}
	
}

/*--------------------------------------------------------------------*/


/*600*/
@media screen and (max-width:600px) {

	
#section-1 {padding-top:0px; }


/*videos*/
#section-3 {height:400px; padding-top:120px;}

#section-3 .bgvideos {
	background:url(../images/videos/videoScreen1000.png) no-repeat top center;
	background-size:440px 306px;
	height:300px;
	width:500px;
	top:63%;
	left:50%;
	margin-top:-150px;
	margin-left:-250px;
}


#section-3 #slider {height:300px; width:500px; }
#section-3 .jcarousel-clip {height:265px; width:400px; padding-top:30px;	margin:0px auto;}
#section-3 ul#mycarousel li {height:250px; width:400px;}

#section-3 .jcarousel-prev, 
#section-3 .jcarousel-next {
	width:20px; height:100px; top:100px; right:0px; background-size:20px 100px;}

#section-3 .jcarousel-prev {left: 0px;}




/*TERMINOS Y CONDICIONES*/
#terminos {
	top:50%;
	left:50%;
	margin-top:-200px;

}


#terminos .txt {
	height:300px;
	margin-top:60px;
	padding-right:10px;
	padding:10px;
}


#terminos .btncerrar {
	right:10px;
	top:5px;
}

#section-8 {
	width:100%;
	top:0px;
	margin-top: 0px;
	height:auto;
	padding-top: 0px;
    padding-bottom:30px;
	}

	
}


/*500*/
@media screen and (max-width:500px) {


/*videos*/
#section-3 {height:350px; padding-top:120px;}

#section-3 .bgvideos {
	background:url(../images/videos/videoScreen1000.png) no-repeat top center;
	background-size:320px 257px;
	height:257px;
	width:320px;
	top:63%;
	left:50%;
	margin-top:-130px;
	margin-left:-160px;
}


#section-3 #slider {height:290px; width:320px; }
#section-3 .jcarousel-clip {height:280px; width:300px; padding-top:35px;	margin:0px auto;}
#section-3 ul#mycarousel li {height:180px; width:300px;}

#section-3 .jcarousel-prev, 
#section-3 .jcarousel-next {
	width:20px; height:100px; top:100px; right:-37px; background-size:20px 100px;}

#section-3 .jcarousel-prev {left: -36px;}

}



/*400*/
@media screen and (max-width:400px) {


#section-8 {
	width:100%;
	top:0px;
	margin-top: 0px;
	height:auto;
	padding-top: 0px;
    padding-bottom:30px;
	}
	
/*videos*/
#section-3 {
	height:300px; 
	background:#9cbf1d
	}

#section-3 .bgvideos {
	background:url(../images/videos/videoScreen1000.png) no-repeat top center;
	background-size:300px 230px;
	height:230px;
	width:300px;
	top:63%;
	left:50%;
	margin-top:-120px;
	margin-left:-150px;
}


#section-3 #slider {height:290px; width:300px; }
#section-3 .jcarousel-clip {height:280px; width:280px; padding-top:20px;	margin:0px auto;}
#section-3 ul#mycarousel li {height:180px; width:280px;}

#section-3 .jcarousel-prev, 
#section-3 .jcarousel-next {
	width:20px; height:100px; top:70px; right:-15px; background-size:20px 100px;}

#section-3 .jcarousel-prev {left: -15px;}

}