@charset "utf-8";
body {
    margin: 0 auto;
    background-color: #fff;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

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


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


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


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


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

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


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

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

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

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

h2 {
    font-family: "aceSans";
}

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


a {
    font-family: "merri";
}


#capa0Body{
	position:relative;
	width:100%;
	height:auto;
	background-color:#454545; background-image: url(../imagenes/pat.png); background-repeat: no-repeat; background-size: cover;
}

    .fila1Capa0{position: relative; width: 100%; height: 350px;}
    .fila2Capa0{position: relative; width: 100%; height: auto;}
    .txt1Capa0{color: #FFF; text-align: right; padding-right: 150px;}
    .txt2Capa0{color: #FFF; text-align: right; padding-right: 150px; font-size: 2em;}





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

}


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

    .datoTrabaje{

        position: relative;
        width: 100%;
        height: 40px;
        border: solid;
        border-width: 0px 0px 1px 0px;
        border-color: #000;
        outline: none;
    }

    .btnTrabaje{position: relative; width: 100%; background-color: #f1e7c1; height: 50px;border: solid;
        border-width: 1px;
        border-color: #000;}

    .espacio{position: relative; width:30px; height: 30px;}


    .fila1Capa2{
        position: relative;
        width: 100%;
        height: 50px;
    }

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

    .txt0Capa2Body{position: relative;  text-align: center; color: #000; font-size: 1.5em; width: 100%; display: inline-block; margin-left: auto; margin-right: auto; text-align: center; }
    .txt1Capa2Body{position: relative;  text-align: center; color: #7b473a; font-family:"east"; font-size: 3em; width: 100%; display: inline-block; margin-left: auto; margin-right: auto; text-align: center; }
    .lineaCapa2{position: relative; width: 50%; top: -30px;}

    .fila3Capa2{
        position: relative;
        width: 60%;
        height: auto;
        display: inline-block;
        margin-left: 20%;
        margin-right: 20%;
    }
        /*columna principal*/
        .col1Capa2{float: left; cursor: pointer; width: 31%;height: auto;  border-radius: 10px; overflow: hidden; background-color: #fff; -webkit-box-shadow: 6px 9px 21px -4px rgba(0,0,0,0.75);
            -moz-box-shadow: 6px 9px 21px -4px rgba(0,0,0,0.75);
            box-shadow: 6px 9px 21px -4px rgba(0,0,0,0.75);}
            .imgCapa2{position: relative;width: 100%;height: auto;display: inline; border: solid; border-width: 0px 0px 1px 0px; border-color: #000;}
            .conTxt{position: relative; top: -5px; width: 100%; height: 150px; background-color: #fff; }
                .txtCapa2{position: relative; width: 80%;text-align: center; font-size: 1.2em;display: block; margin-left: auto; margin-right: auto;}

        .col2Capa2{float: left; width: 2%;height: 20px;}

@media screen and (min-width: 1px) and (max-width: 360px) {

    #capa0Body{height:200px;}
    .fila1Capa0{position: relative; width: 100%; height: 20px;}
    .txt1Capa0{text-align: left; padding-left: 10px; top: -20px; position: relative; font-size: 1.5em;}
    .txt2Capa0{text-align: left; padding-left: 10px; padding-right: 0px; width: 90%; top: -20px; position: relative;}
    
    
    
    .lineaBody{ width:70%; }
            
	         
                .fila1Capa1Body{height: 130px;}
                     .txt0Capa1Body{font-size: 2em;}
                .fila2Capa1Body{position: relative;  height: 1600px; width: 95%; display: block;margin-left: auto;
                    margin-right: auto;}
                    .col1Capa1Body{position:relative;width:100%;height:400px;}
                        .fila4Capa1Body{ position: relative; width: 100%; height: 100%; }
                            .txt1Capa1Body{top: -300px; font-size: 2.1em;}
                            .txt2Capa1Body{position: relative; width: 90%; bottom: 250px; }
                            .col2Capa1Body{position:relative; width:100%; height:100px; }


 /*columna principal*/
 .txt1Capa2Body{font-size: 2em;  }
 .fila3Capa2{width: 90%; margin-left: 5%; margin-right: 5%;}
 .col1Capa2{ position: relative; width: 100%;}
 .col2Capa2{ position: relative; width: 100%;}


}
    
    
@media screen and (min-width: 361px) and (max-width: 640px) {
    #capa0Body{height:400px;}
    .fila1Capa0{position: relative; width: 100%; height: 20px;}
    .txt1Capa0{text-align: left; padding-left: 10px; top: -20px; position: relative;}
    .txt2Capa0{text-align: left; padding-left: 10px; padding-right: 0px; width: 90%; top: -20px; position: relative;}
	
    .lineaBody{ width:70%; }
	 .fila1Capa1Body{height: 130px;}
     .txt0Capa1Body{font-size: 2em;}
                .fila2Capa1Body{position: relative;  height: 2000px; width: 95%; display: block;margin-left: auto;
                    margin-right: auto;}
                    .col1Capa1Body{position:relative;width:100%;height:500px;}
                        .fila4Capa1Body{ position: relative; width: 100%; height: 100%; }
                            .txt1Capa1Body{top: -300px; font-size: 2.1em;}
                            .txt2Capa1Body{position: relative; width: 90%; bottom: 250px; }
                            .col2Capa1Body{position:relative; width:100%; height:100px}
							
	
 /*columna principal*/
 .txt1Capa2Body{font-size: 2em;  }
 .fila3Capa2{width: 90%; margin-left: 5%; margin-right: 5%;}
 .col1Capa2{ position: relative; width: 100%;}
 .col2Capa2{ position: relative; width: 100%;}


}
    
    
@media screen and (min-width: 641px) and (max-width: 960px) {
    #capa0Body{height:600px;}
    .fila1Capa0{position: relative; width: 100%; height: 20px;}
    .txt1Capa0{text-align: left; padding-left: 10px; top: -20px; position: relative;}
    .txt2Capa0{text-align: left; padding-left: 10px; padding-right: 0px; width: 90%; top: -20px; position: relative;}
	
	.lineaBody{ width:70%; }
	.fila1Capa1Body{height: 300px;}
                     .txt0Capa1Body{font-size: 3em;}
                .fila2Capa1Body{position: relative;  height: 2000px; width: 95%; display: block;margin-left: auto;
                    margin-right: auto;}
                    .col1Capa1Body{position:relative;width:100%;height:500px;}
                        .fila4Capa1Body{ position: relative; width: 100%; height: 100%; }
                            .txt1Capa1Body{top: -300px; font-size: 2.1em;}
                            .txt2Capa1Body{position: relative; width: 90%; bottom: 250px; }
                            .col2Capa1Body{position:relative; width:100%; height:100px}
							
					#btn1{width:200px}
/*columna principal*/
.txt1Capa2Body{font-size: 2em;  }
.fila3Capa2{width: 90%; margin-left: 5%; margin-right: 5%;}
.col1Capa2{ position: relative; width: 100%;}
.col2Capa2{ position: relative; width: 100%;}

}
    
    
@media screen and (min-width: 961px) and (max-width: 1600px) {
    #capa0Body{height:600px;}
    .fila1Capa0{position: relative; width: 100%; height: 20px;}
    .txt1Capa0{text-align: left; padding-left: 10px; top: -20px; position: relative;}
    .txt2Capa0{text-align: left; padding-left: 10px; padding-right: 0px; width: 90%; top: -20px; position: relative;}
    .btn2{width:130px;height:60px;font-size:0.6em;}
	
	
    .txt2Capa1Body{position: relative; width: 30%;}
    


    
}