@charset "utf-8";
/* CSS Document */
body {
	margin: 0em auto;
	overflow-x:hidden;
    background-color:#000;
	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: "elegant";
    src: url(../fonts/elegant.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"
}



#capa1Home{
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../imagenes/img1Quienes.png);
    background-size: cover;
}


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

.txt1Capa1Home{position: relative; font-size: 5em; text-align: center; color: #fff; padding-top: 10px;}
.fila1Capa1Home{position: relative; width: 100%; height: 20px;}



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


        .fila1Capa2Home{
            position: relative;
            width: 100%;
            height: 70px;
        }


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

        .txt1Capa2Home{position: relative; font-size: 3em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        .txt2Capa2Home{position: relative;font-size: 1.5em; text-align: center; top: -30px; display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}


        .txt3Capa2Home{position: relative; font-size: 1.8em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        .txt4Capa2Home{position: relative;font-size: 1.2em; text-align: center; top: -30px; display: inline-block; width: 80%; margin-left: 10%; margin-right: 10%;}



        .fila3Capa2Home{
            position: relative;
            display: inline-table;
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            height: 200px;
        }

            .col1Capa2Home{
                float:left;
                width: 33.33%;
                height: 100%;
            }

            .icon1Home{position: relative; display: block; margin-left: auto; margin-right: auto; width: 120px; height: auto;}

            
          
#capa3Home{
position: relative;
background-color: #303030;
width: 100%;
height: auto;
}



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

        .txt1Capa3Home{position: relative; font-size: 3em; color: #fff; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        .txt2Capa3Home{position: relative;font-size: 1.8em; text-align: center; top: -30px; display: inline-block; width: 70%; margin-left: 15%; margin-right: 15%; color: #dfdfdf;}


    .fila2Capa3Home{
        position: relative;
        display: inline-table;
        width: 100%;
        height: 800px;
    }


        .col1Capa3Home{
            float: left;
            width: 49.5%;
            height: 100%;
            background-color: #000;
            background-size: cover;
       }

            .txt3Capa3Home{position: relative; color: #fff; top: 35%; font-size: 4.2em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}

            .txt4Capa3Home{position: relative; color: #fff; top: 20%; font-size: 4.2em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}


           


       .col2Capa3Home{
        float: left;
        width: 1%;
        height: 100%;
       
       }


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


      
        
    #capa4Home{
        position: relative;
        background-color: #f36f2b;
        width: 100%;
        height: auto;
        }
        
        
        
          
            .fila2Capa4Home{
                position: relative;
                display: inline-table;
                width: 100%;
                height: auto;
            }
        
        
                .col1Capa4Home{
                    float: left;
                    width: 50%;
                    height: auto;
                    background-size: cover;
               }
        
                    .txt3Capa4Home{position: relative; color: #fff; top: 15%; font-size: 4.2em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        
                    .txt4Capa4Home{position: relative; color: #fff; top: 20%; font-size: 4.2em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        
        
                   
        
               .img1Capa4Home{position: relative; display: block; margin-left: auto; margin-right: auto; height: auto; width: 100%;}
        
            
                    
            .fila3Capa4Home{
                position: relative;
                width: 100%;
                height: 100px;
            }
        
        

/*Celular portrait*/
@media screen and (min-width: 1px) and (max-width: 360px){
    .fila1Capa2Home{height: 40px;}
    .txt3Capa2Home{  font-size: 1.5em;  }
    .txt4Capa2Home{  font-size: 1em;  }
    .col1Capa2Home{ position: relative; width: 100%; height: auto; }
    .icon1Home{ width: 80px; }



    .fila2Capa3Home{height: auto;}
        .col1Capa3Home{position: relative; width: 100%; height: auto;}
           .txt3Capa3Home{  font-size: 2.5em;  }
            .txt4Capa3Home{ font-size: 2.5em;  }
    .fila3Capa3Home{height: 50px;}


    
    .col1Capa4Home{position: relative;width: 100%; height: auto;}
        .txt3Capa4Home{position: relative; color: #fff; top: 15%; font-size: 2.5em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        .txt4Capa4Home{position: relative; color: #fff; top: 20%; font-size: 2.5em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
    .fila3Capa4Home{height: 50px;}

}
    
/*Celular landscape*/
@media screen and (min-width: 361px) and (max-width: 640px) {
    .fila1Capa2Home{height: 40px;}
    .txt3Capa2Home{  font-size: 1.5em;  }
    .txt4Capa2Home{  font-size: 1em;  }
    .col1Capa2Home{ position: relative; width: 100%; height: auto; }
    .icon1Home{ width: 80px; }



    .fila2Capa3Home{height: auto;}
        .col1Capa3Home{position: relative; width: 100%; height: 300px;}
           .txt3Capa3Home{  font-size: 2.5em;  }
            .txt4Capa3Home{ font-size: 2.5em;  }
    .fila3Capa3Home{height: 50px;}


    
    .col1Capa4Home{position: relative;width: 100%; height: auto;}
        .txt3Capa4Home{position: relative; color: #fff; top: 15%; font-size: 2.5em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        .txt4Capa4Home{position: relative; color: #fff; top: 20%; font-size: 2.5em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
    .fila3Capa4Home{height: 50px;}
      
}
            
    
    
/*tablet 7.1 portrait*/
@media screen and (min-width: 641px) and (max-width: 960px) {
    .fila1Capa2Home{height: 40px;}
    .txt3Capa2Home{  font-size: 1.5em;  }
    .txt4Capa2Home{  font-size: 1em;  }
    .col1Capa2Home{ position: relative; width: 100%; height: auto; }
    .icon1Home{ width: 80px; }



    .fila2Capa3Home{height: auto;}
        .col1Capa3Home{position: relative; width: 100%; height: 300px;}
           .txt3Capa3Home{  font-size: 2.5em;  }
            .txt4Capa3Home{ font-size: 2.5em;  }
    .fila3Capa3Home{height: 50px;}


    
    .col1Capa4Home{position: relative;width: 100%; height: auto;}
        .txt3Capa4Home{position: relative; color: #fff; top: 15%; font-size: 2.5em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
        .txt4Capa4Home{position: relative; color: #fff; top: 20%; font-size: 2.5em; text-align: center;  display: inline-block; width: 100%; margin-left: auto; margin-right: auto;}
    .fila3Capa4Home{height: 50px;}
}
    
  
    
    
/*tablet 7.1 landscape se puede utilizer las medidas iniciales*/
@media screen and (min-width: 961px) and (max-width: 1210px) {   
    
}