@charset "utf-8";
/* CSS Document */

body {
	margin: 0em auto;
	/*overflow-x:hidden;*/
    background-color:#fff;
    padding: 0;
    margin: 0;
	/*overflow-x:hidden*/
}

@font-face {
    font-family: "carson";
    src: url(../fonts/carson.otf) format("opentype")
}

@font-face {
    font-family: "alsscrp";
    src: url(../fonts/alsscrp.ttf) format("truetype")
}


@font-face {
    font-family: "magetasRegu";
    src: url(../fonts/magetasRegu.otf) format("opentype")
}

@font-face {
    font-family: "Roboto-Light";
    src: url(../fonts/Roboto-Light.ttf) format("truetype")
}




@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/Roboto-Bold.ttf) format("truetype")
}








@font-face {
    font-family: "merriBold";
    src: url(../fonts/merriBold.otf) format("opentype")
}

@font-face {
    font-family: "merri";
    src: url(../fonts/merri.otf) format("opentype")
}


@font-face {
    font-family: "cellothin";
    src: url(../fonts/cellothin.otf) format("opentype")
}




a{
font-family: "carson";	
}


h1{
	font-family: "Roboto-Light";	
}



h2{
font-family: "carson";	
}


h3{
 font-family: "Roboto-Light";
}



p{font-family: "Roboto-Light";}



	



	
#capa1Body{
			position: relative;
			width: 100%;
			height: auto;
			
}
		
			.fila1Capa1Body{
				position: relative;
				width: 100%;
				height: 100px;
					}
		
		

		
					.fila2Capa1Body{
						position: relative;
						width: 70%;
						height: auto;
						display: inline-table; 
						margin-left: 15%;
						margin-right: 15%;
						
						}

							.col1Capa1Body{float: left; width: 47%; height: auto;}

							.img1Capa1Body{position: relative; display: block; margin-left: auto; margin-right: auto; width: 100%; height: auto;}

							.txt1Capa1Body{position: relative; font-size: 2em; color: #164876; }
							.txt2Capa1Body{position: relative; font-size: 2em;display: inline;}
							.txt3Capa1Body{position: relative; font-size: 1.5em; }


							.col2Capa1Body{float: left; width: 6%; height: 10px; }


#capa2Body{
	position: relative;
	width: 100%;
	height: auto;
	/*background-color: #2c2d3f;*/

	background-color: #e6e7e7;
}

	.fila0Capa2Body{
		position: relative;
		width: 100%;
		height: 170px;
	}

	.fila1Capa2Body{
		position: relative;
		width: 100%;
		height: auto;
		display: inline-table;

	}

		.col1Capa2Body{float: left; width: 25%; height: 250px; background-color: #164876; background-size: cover;}

			.txt1Capa2Body{position: relative; font-size: 1.8em; color: #fff; padding-left: 50px; padding-top: 30px;  }
			.txt2Capa2Body{position: relative; font-size: 1.3em;display: inline; padding-left: 50px; color: #dfdfdf;}


			.txt3Capa2Body{position: relative; font-size: 2.5em; color: #fff;  padding-top: 80px; text-align: center; font-family: "Roboto-Bold"; color: #164876;}
			.txt4Capa2Body{position: relative; font-size: 1.3em;  color: #656565; text-align: center;}


							
#capa3Body{
position: relative;
width: 100%;
background-color: #164876;
height: auto;
background-attachment: fixed;
background-size: cover;
background-image: url(../imagenes/img2Body.png);

}


	.fila1Capa3Body{position: relative; width: 100%; height: 130px; }

			.txt1Capa3Body{position: relative; font-size: 2.5em; color: #fff;  padding-top: 10px; text-align: center; font-family: "Roboto-Bold"; }
			.txt2Capa3Body{position: relative; font-size: 1.5em;  color: #fff; text-align: center;}
			.btnCapa3Body{position: relative; display: block; margin-left:auto ; margin-right: auto;  width: 200px; height: 50px; position: relative;
				border-radius: 10px;
				border: solid;
				border-color: #fff;
				border-width: 2px;
				background:rgba(70,148,184,0.6);
				font-size: 1.2em;
				color: #fff;}

/*Celular portrait*/
@media screen and (min-width: 1px) and (max-width: 360px) {


		.fila1Capa1Body{height: 50px;}
				.fila2Capa1Body{width: 90%;	margin-left: 5%;margin-right: 5%;}
						.col1Capa1Body{position: relative; width: 100%; height: auto;}
						.txt1Capa1Body{ text-align: center; }
						.txt2Capa1Body{font-size: 1.6em; display: block; text-align: center; }
						.txt3Capa1Body{display: block; text-align: center; font-size: 1.3em; }


						.col2Capa1Body{position: relative; width: 100%; height: auto;}




						

	.fila0Capa2Body{height: 100px; }
		.col1Capa2Body{position: relative; width: 100%; height: 180px;}
			.txt1Capa2Body{  text-align: center; font-size: 1.5em;  padding-left: 0px; padding-top: 30px;  }
			.txt2Capa2Body{  text-align: center; display: block; font-size: 1em; padding-left: 0px;  }
			.txt3Capa2Body{font-size: 2em; }
			.txt4Capa2Body{font-size: 1em;  }


}

/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {
	.fila1Capa1Body{height: 50px;}
	.fila2Capa1Body{width: 90%;	margin-left: 5%;margin-right: 5%;}
			.col1Capa1Body{position: relative; width: 100%; height: auto;}
			.txt1Capa1Body{ text-align: center; }
			.txt2Capa1Body{font-size: 1.6em; display: block; text-align: center; }
			.txt3Capa1Body{display: block; text-align: center; font-size: 1.3em; }


			.col2Capa1Body{position: relative; width: 100%; height: auto;}


			
	.fila0Capa2Body{height: 100px; }
	.col1Capa2Body{position: relative; width: 100%; height: 180px;}
		.txt1Capa2Body{  text-align: center; font-size: 1.5em;  padding-left: 0px; padding-top: 30px;  }
		.txt2Capa2Body{  text-align: center; display: block; font-size: 1em; padding-left: 0px;  }
		.txt3Capa2Body{font-size: 2em; }
		.txt4Capa2Body{font-size: 1em;  }

}

/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {
	.fila1Capa1Body{height: 50px;}
	.fila2Capa1Body{width: 90%;	margin-left: 5%;margin-right: 5%;}
			.col1Capa1Body{position: relative; width: 100%; height: auto;}
			.txt1Capa1Body{ text-align: center; }
			.txt2Capa1Body{font-size: 1.6em; display: block; text-align: center; }
			.txt3Capa1Body{display: block; text-align: center; font-size: 1.3em; }


			.col2Capa1Body{position: relative; width: 100%; height: auto;}


			
	.fila0Capa2Body{height: 100px; }
	.col1Capa2Body{position: relative; width: 100%; height: 250px;}
		.txt1Capa2Body{  text-align: center; font-size: 1.5em;  padding-left: 0px; padding-top: 30px;  }
		.txt2Capa2Body{  text-align: center; display: block; font-size: 1em; padding-left: 0px;  }

}

/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1210px) {



}


/*pantallas grandes*/
@media screen and (min-width: 1211px) {

	

}