@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Signika:300,700");
/* CSS Document */

body{
	margin:0px auto;
	padding:0px;
	}
	
header{
	width:100%;
	height:150px;
	padding: 30px auto;
	border-top:solid 8px rgba(245,178,51,1.00);
	background-image:url(img/img_logo.png);
	background-position:center;
	background-repeat:no-repeat;
	margin:0px auto;
	display:block;
	}	

main{
	width:100%;
	height:100%;
	}

section{
	width:100%;
	height:100%;
	}
	
footer{
	width:100%;
	height:280px;
	margin:0px;
	padding:0px;
	background-color:rgba(0,74,151,1.00);
	}
	
p{
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	color:rgba(90,90,90,1.00);
	}
	
h1{
	font-size:2em;
	text-align:center;
	color:rgba(255,255,255,1.00);
	font-family: 'Roboto', sans-serif;
	}

h2{
	width:440px;
	height:auto;
	margin: 30px auto 18px auto;
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	color:rgba(0,74,151,1.00);
	text-align:center;
	padding-top:20px;
	padding-bottom:2px;
	}
	
h4{
	font-size:2.5em;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	}
		

h5{
	width:1000px;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:100;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	text-align:left;
	margin:0px 0px 0px 50px;
	line-height:39px;
	}
	
h6{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:rgba(80,80,80,1.00);
	padding-top:290px;
	margin-bottom:-10px;
	text-align:center;
	}
	
/* Banner*/	

#banner{
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	padding: 8em 0 6em 0;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	background-image: url("img/img_banner2.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-top: 0;
	min-height: 40vh;
	position: relative;
	text-align: center;
	overflow: hidden;
	width:100%;
	}

#banner .inner {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	-moz-transition: opacity 1s ease, -moz-transform 1s ease;
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-ms-transition: opacity 1s ease, -ms-transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
	opacity: 1;
	position: relative;
	z-index: 2;
	}

#banner video {
	-moz-transform: translateX(50%) translateY(50%);
	-webkit-transform: translateX(50%) translateY(50%);
	-ms-transform: translateX(50%) translateY(50%);
	transform: translateX(50%) translateY(50%);
	position: absolute;
	bottom: 50%;
	right: 50%;
	width: auto;
	height: auto;
	min-width: 80%;
	min-height: 100%;
	overflow: hidden;
	width:100%;
	}

#banner:before {
	-moz-transition: opacity 3s ease;
	-webkit-transition: opacity 3s ease;
	-ms-transition: opacity 3s ease;
	transition: opacity 3s ease;
	-moz-transition-delay: 1.25s;
	-webkit-transition-delay: 1.25s;
	-ms-transition-delay: 1.25s;
	transition-delay: 1.25s;
	content: '';
	display: block;
	background-color: #041625;
	height: 100%;
	left: 0;
	opacity: 0.45;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	}

/* Fin Banner */

/* Class */

.p{
	margin:20px 0px 0px 58px;
	}
	
.cajas {
	width:59%;
	height:460px;
	margin:30px auto;
	display:block;
	}
	
.caja1 {
	width:316px;
	height:420px;
	background-image:url(img/caja1.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	padding:0px 40px 0px 40px;
	margin:0px auto;
	}
	
.caja2 {
	width:316px;
	height:420px;
	background-image:url(img/caja2.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	padding:0px 40px 0px 40px;
	margin:0px auto;
	}

.caja3 {
	width:316px;
	height:420px;
	background-image:url(img/caja3.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:0px auto;
	}

		
.logoblanco{
	width:250px;
	height:56px;
	background-image:url(img/img_logoblanco.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:30px 0px 0px 90px;
	padding:0px;
	}
	
.banderas{
	width:483px;
	height:81px;
	background-image:url(img/img_banderas.png);
	background-repeat:no-repeat;
	float:right;
	margin:-100px 60px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.direccion{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:100;
	text-align:left;
	line-height:25px;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	margin:0px 0px 0px 0px;
	padding: 120px 20px 0px 90px;
	background-color:rgba(0,74,151,1.00);
	}

.copyright{
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight:100;
	text-align:center;
	letter-spacing: 1px;
	line-height:20px;
	color:rgba(255,255,255,0.50);
	padding: 30px 20px 0px 0px;
	}
	
.textocentrado{
	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-size: 50px;
	background-color:rgba(255,255,255,0.50);
	color:rgba(0,0,0,1.00);
	padding: 380px 0px 0px 0px;
	}

.titulo{
	width:290px;
	height:auto;
	color:rgba(0,74,151,1.00);
	margin: 20px auto 0px auto;
	font-family: 'Roboto', sans-serif;
	font-size:36px;
	padding-top:25px;
	/*border-bottom:rgba(0,74,151,1.00) solid 2px;
	display:block;*/
	}
	
.textoprincipal{
	width:50%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	color:rgba(77,77,77,1.00);
	text-align:center;
	/*margin: 35px 300px 25px 300px;*/
	margin: 35px auto 25px auto;
	}
	
.regular{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:rgba(77,77,77,1.00);
	margin:-30px 0px 0px 60px;
	/*text-align:justify;*/
	text-align:left;
	}
	

.margen{
	width:316px;
	height:400px;
	margin:0px 30px 0px 30px;
	padding:0px;
	align-content:center;
	float:left;
	}
	
/* Fin Class*/

@media screen and (max-width: 1680px) {
	
.cajas {
	width:67%;
	height:460px;
	margin:30px auto;
	display:block;
	}
	
}

@media screen and (max-width: 1366px) {
	
.cajas {
	width:83%;
	height:460px;
	margin:30px auto;
	display:block;
	}
	
}

@media screen and (max-width: 1280px) {
	
	h6{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:rgba(80,80,80,1.00);
	padding-top:290px;
	margin-left: -120px;
	margin-bottom:-10px;
	}
	
	.p{
	margin:20px 0px 0px 0px;
	text-align:left;
	}
	
.cajas {
	width:25%;
	height:1300px;
	margin:30px auto;
	}
	
.caja1 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja1.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:20px auto;
	}
	
.caja2 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja2.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:0px auto 50px auto;
	}

.caja3 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja3.png);
	background-repeat:no-repeat;
	margin:0px auto;
	align-content:center;
	}
	
.logoblanco{
	width:250px;
	height:56px;
	background-image:url(img/img_logoblanco.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:40px 0px 0px -700px;
	padding:0px;
	}
	
	
	
	}
	
@media screen and (max-width: 1024px) {
	

.textoprincipal{
	width:68%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	color:rgba(77,77,77,1.00);
	text-align:center;
	/*margin: 35px 300px 25px 300px;*/
	margin: 35px auto 25px auto;
	}

			
.flex.flex-4 .box {
	width: 15%;
	}
		
#banner video {
	width:100%;
	display: none;
	}	
	
/*footer */

footer{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:rgba(0,74,151,1.00);
	}
	
.logoblanco{
	width:250px;
	height:56px;
	background-image:url(img/img_logoblanco.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:40px 0px 0px 90px;
	padding:0px;
	}
	
.banderas{
	width:300px;
	height:81px;
	background-image:url(img/img_banderas%20300.png);
	background-repeat:no-repeat;
	float:right;
	margin:-100px 60px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.direccion{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:100;
	text-align:left;
	line-height:25px;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	margin:0px 0px 0px 0px;
	padding: 120px 20px 0px 90px;
	background-color:rgba(0,74,151,1.00);
	}

.copyright{
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight:100;
	text-align:center;
	letter-spacing: 1px;
	line-height:20px;
	color:rgba(255,255,255,0.50);
	padding: 30px 20px 0px 0px;
	}

}


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

	
.margen{
	width:316px;
	height:400px;
	margin:15px 30px 50px 30px;
	}
	
h4{
	font-size:1.75em;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	padding-top:7px;	
	margin:0px;
	}
		

header{
	width:100%;
	height:150px;
	padding: 30px auto;
	border-top:solid 8px rgba(245,178,51,1.00);
	background-position:center;
	background-repeat:no-repeat;
	margin:0px auto;
	display:block;
}	
					
/* Banner */

#banner {
	width:100%;
	min-height: 0;
	height: auto !important;
	margin:0px auto;
    }

#banner .inner {
	width: 50%;
	}
	
/* Fin Banner*/
			
	
.textoprincipal{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:rgba(77,77,77,1.00);
	text-align:center;
	margin: 35px auto 25px auto;
	}
	
h6{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:rgba(80,80,80,1.00);
	padding-top:290px;
	margin-left: -120px;
	margin-bottom:-10px;
	}
	
	.p{
	margin:20px 0px 0px 0px;
	text-align:left;
	}
	
.cajas {
	width:43%;
	height:1300px;
	margin:30px auto;
	}
	
.caja1 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja1.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:20px auto;
	}
	
.caja2 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja2.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:0px auto 50px auto;
	}

.caja3 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja3.png);
	background-repeat:no-repeat;
	margin:0px auto;
	align-content:center;
	}
	
/*footer */

footer{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:rgba(0,74,151,1.00);
	}
	
.logoblanco{
	width:250px;
	height:56px;
	background-image:url(img/img_logoblanco.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:30px auto 0px -250px;
	}
	
.banderas{
	width:300px;
	height:50px;
	background-image:url(img/img_banderas%20300.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 220px;
	}
	
.direccion{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:100;
	text-align:center;
	line-height:25px;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	margin:0px 0px 0px 0px;
	padding: 100px 20px 0px 90px;
	background-color:rgba(0,74,151,1.00);
	}

.copyright{
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight:100;
	text-align:center;
	letter-spacing: 1px;
	line-height:20px;
	color:rgba(255,255,255,0.50);
	padding: 90px 20px 0px 0px;
	}
		
			
			
	}

@media screen and (max-width: 414px) {
	
	
	header{
	width:100%;
	height:150px;
	padding: 30px auto;
	border-top:solid 8px rgba(245,178,51,1.00);
	background-image:url(img/img_logo%20350.png);
	background-position:center;
	background-repeat:no-repeat;
	margin:0px auto;
	display:block;
}	

/* Banner 414px */

#banner {
	width:100%;
	height: auto !important;
	margin:0px auto;
	}
			
#banner video {
	width:480px;
	display: none;
	}
		

body.is-loading #banner .inner {
	-moz-transform: scale(0.99);
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
	opacity: 0;
	}

/* Fin Banner 414px */

h6{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:rgba(80,80,80,1.00);
	padding-top:290px;
	margin-left: -120px;
	margin-bottom:-10px;
	}
	
	.p{
	margin:20px 0px 0px 0px;
	text-align:left;
	}
	
.cajas {
	width:80%;
	height:1300px;
	margin:30px auto;
	}
	
.caja1 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja1.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:20px auto;
	}
	
.caja2 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja2.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:0px auto 50px auto;
	}

.caja3 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja3.png);
	background-repeat:no-repeat;
	margin:0px auto;
	align-content:center;
	}
	

footer{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:rgba(0,74,151,1.00);
	}

			
	
.textoprincipal{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:rgba(77,77,77,1.00);
	text-align:center;
	margin: 35px auto 25px auto;
	}
	
.margen{
	width:316px;
	height:400px;
	margin:50px auto 20px 35px;
	}
h2{
	width:390px;
	height:auto;
	margin: 30px auto -30px auto;
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	color:rgba(0,74,151,1.00);
	text-align:center;
	padding-top:20px;
	padding-bottom:2px;
	/*border-bottom-width:3px;
	border-bottom-color:rgba(0,74,151,1.00);
	border-bottom-style:solid;*/
		}
		
.logoblanco{
	width:250px;
	height:56px;
	background-image:url(img/img_logoblanco.png);
	background-repeat:no-repeat;
	position:absolute;
	align-content:center;
	margin:30px 20px 0px -280px;
	padding:0px;
	}
	
.banderas{
	width:300px;
	height:50px;
	background-image:url(img/img_banderas%20300.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 50px;
	}

.direccion{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight:100;
	text-align:center;
	line-height:25px;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	margin:0px 0px 0px 0px;
	padding: 120px 0px 0px 30px;
	background-color:rgba(0,74,151,1.00);
	}

.copyright{
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:100;
	text-align:center;
	letter-spacing: 1px;
	line-height:20px;
	color:rgba(255,255,255,0.50);
	padding: 90px 0px 0px 10px;
	}
		
}

@media screen and (max-width: 320px) {
	
	
	header{
	width:100%;
	height:150px;
	padding: 30px auto;
	border-top:solid 8px rgba(245,178,51,1.00);
	background-image:url(img/img_logo%20350.png);
	background-position:center;
	background-repeat:no-repeat;
	margin:0px auto;
	display:block;
}	

/* Banner 480px */

#banner {
	width:100%;
	height: auto !important;
	margin:0px auto;
	}
			
#banner video {
	width:480px;
	display: none;
	}
		

body.is-loading #banner .inner {
	-moz-transform: scale(0.99);
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
	opacity: 0;
	}

/* Fin Banner 480px */

h6{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:rgba(80,80,80,1.00);
	padding-top:290px;
	margin-left: -120px;
	margin-bottom:-10px;
	}
	
	.p{
	margin:20px 0px 0px 0px;
	text-align:left;
	}
	
.cajas {
	width:100%;
	height:1300px;
	margin:30px auto;
	}
	
.caja1 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja1.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:20px auto;
	}
	
.caja2 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja2.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:0px auto 50px auto;
	}

.caja3 {
	width:316px;
	height:420px;
	padding:0px auto;
	background-image:url(img/caja3.png);
	background-repeat:no-repeat;
	margin:0px auto;
	align-content:center;
	}
	

footer{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:rgba(0,74,151,1.00);
	}

			
	
	.textoprincipal{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:rgba(77,77,77,1.00);
	text-align:center;
	margin: 35px auto 25px auto;
	}
	
.margen{
	width:316px;
	height:400px;
	margin:50px auto 20px 35px;
	}
h2{
	width:390px;
	height:auto;
	margin: 30px auto -30px auto;
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	color:rgba(0,74,151,1.00);
	text-align:center;
	padding-top:20px;
	padding-bottom:2px;
	/*border-bottom-width:3px;
	border-bottom-color:rgba(0,74,151,1.00);
	border-bottom-style:solid;*/
		}
		
.logoblanco{
	width:250px;
	height:56px;
	background-image:url(img/img_logoblanco.png);
	background-repeat:no-repeat;
	position:absolute;
	align-content:center;
	margin:30px 20px 0px -280px;
	padding:0px;
	}
	
.banderas{
	width:300px;
	height:50px;
	background-image:url(img/img_banderas%20300.png);
	background-repeat:no-repeat;
	align-content:center;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 100px;
	}

.direccion{
	width:80%;
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight:100;
	text-align:center;
	line-height:25px;
	letter-spacing: 1px;
	color:rgba(255,255,255,1.00);
	margin:0px 0px 0px 0px;
	padding: 120px 0px 0px 30px;
	background-color:rgba(0,74,151,1.00);
	}

.copyright{
	height:auto;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight:100;
	text-align:center;
	letter-spacing: 1px;
	line-height:20px;
	color:rgba(255,255,255,0.50);
	padding: 90px 0px 0px 10px;
	}
		
		
		
		
		
}