@charset "utf-8";
/* CSS Document */
body {
	margin: 0em auto;
	overflow-x:hidden;
    background-color:#fff;
	width:auto;
    padding: 0;
    margin: 0;

}

@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: "Dulcelin";
    src: url(../fonts/Dulcelin.otf) format("opentype")
}

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



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


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



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



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


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


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


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



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


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




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

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



a {
    text-decoration: none;
    color: #000;
    font-family: "Roboto-Light";
}




h1 {
    font-family: "Roboto-Bold";
    font-weight: 900
}

h2 {
    font-family: "Roboto-Light";
    font-weight: 900
}

h3 {
    font-family: "Dulcelin";
}

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


input{
    width:38%;height:40px; border:none	; background-color:#e7e7e7; outline:none
    }
    
    textarea{
    width:38%;height:40px; border:none	; background-color:#e7e7e7; outline:none
    }


#capa2Body{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #e0e0e0;
}


    .fila1Capa2Body{position: relative; width: 100%; height: 40px;} 


    .fila2Capa2Body{position: relative; width: 100%; height: auto; } 
        .img1Capa2Body{position: relative; width: 40%; height: auto; display: block; margin-left: auto; margin-right: auto;}
        .txt0Capa2Body{position: relative; text-align: center; font-size: 3em;}
        .txt00Capa2Body{position: relative; text-align: center; font-size: 1.5em;}

    .fila3Capa2Body{position: relative; width: 100%; height: auto; display: inline-table; background-color: #fff;}
        .col1Capa2Body{float: left; width: 30%; height: 400px; background-color: #fdef4d; background-image: url(../imagenes/imgMision.png); background-size: cover;}
        .txt1Capa2Body{position: relative; display: block; margin-left: auto; margin-right: auto; text-align: left; width: 50%; padding-top: 90px;font-size: 3em;}

        .col2Capa2Body{float: left; width: 70%; height: auto; }
        .txt2Capa2Body{position: relative; display: block; margin-left: auto; margin-right: auto; text-align: left; width: 60%; padding-top: 60px;}



/*Celular portrait*/
@media screen and (min-width: 1px) and (max-width: 360px){
    .txt0Capa2Body{ font-size: 2em;}
    .txt00Capa2Body{ font-size: 1em;}
    .img1Capa2Body{  width: 90%; }

    .col1Capa2Body{ position: relative; width: 100%; height: auto; }
    .txt1Capa2Body{width: 90%; padding-top: 40px;font-size: 2em;}

    .col2Capa2Body{position: relative; width: 100%; height: auto; }
    .txt2Capa2Body{width: 90%; padding-top:40px;}


	
}
	
	/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {
    .txt0Capa2Body{ font-size: 2em;}
    .txt00Capa2Body{ font-size: 1em;}
    .img1Capa2Body{  width: 90%; }

    .col1Capa2Body{ position: relative; width: 100%; height: auto; }
    .txt1Capa2Body{width: 90%; padding-top: 40px;font-size: 2em;}

    .col2Capa2Body{position: relative; width: 100%; height: auto; }
    .txt2Capa2Body{width: 90%; padding-top:40px;}
	
	
}
			
	
	
	/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {
	.col1Capa2Body{float: left; width: 40%; height: 400px; background-color: #fdef4d; background-image: url(../imagenes/imgMision.png); background-size: cover;}
        .txt1Capa2Body{width: 50%; padding-top: 90px;font-size: 2em;}

        .col2Capa2Body{width: 60%; height: auto; }
        .txt2Capa2Body{width: 90%; padding-top: 40px;}
	
}
	
	
	
	
/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1210px) {
		
}