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

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


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

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

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


a {
    font-family: "merri";
}


     
  
#capa2Header{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #000;
}

	.fila1Capa2Header{ position: relative; width: 100%; height: auto; background-size: 100%; }
		.subFila1Capa2Header{position: relative; width: 100%; height: 100px; }
			.txt1Capa2Header{position: relative; width: 100%; text-align: center; font-size: 4em; font-family: "snf"; color: #fff;}
			.txt2Capa2Header{position: relative; width: 50%; text-align: center; font-size: 2em; display: block; margin-left: auto; margin-right: auto; color: #fff;}
			.btn1Capa2Header{position: relative; width: 250px; height: 50px; font-family: "snf"; display: block; color: #fff; 
								background: linear-gradient(180deg, rgba(206,2,57,1) 0%, rgba(206,2,19,1) 52%, rgba(206,2,57,1) 100%);margin-left: auto; margin-right: auto; 
											border-radius: 50px; border: none; outline: none; font-size: 1.3em; cursor: pointer;}
											.btn1Capa2Header:hover{color: #000; background: rgba(255,255,255,1);-webkit-transition: all 0.5s ease;}


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



            #capa2{
                position: relative;
                width: 100%;
                height: auto;
                background-size: cover;
                background-repeat: no-repeat;
               
            }

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

               .fila1Capa2{position: relative; width: 100%; height: 100px; } 
            
                .fila2Capa2{
                    position: relative;
                    display: inline-table;
                    margin-left: 10%;
                    margin-right: 10%;
                    width: 80%;
                    height: auto;
                }
            
                .linkYa{position: relative; display: block; margin-left: auto; margin-right: auto; width: 250px; height: auto; font-size: 1.2em; color: #fff; 
                    background-color: #ed3237; padding: 10px; text-align: center; text-decoration: none;}
    
                    .col1Capa2{float: left; width: 45%; height: auto;}
                    .col2Capa2{float: left; width: 5%; height: 50px;}
                        .subFilaCol1Capa2{position: relative; width: 100%; height: auto; background-color: #000;}
                            .subColFila1{float: left; width: 75%; height: auto; }
                            .subCol2Fila1{float: left; width: 25%; height: auto; }
                        .txt1Capa2Col1{position: relative; text-align: center; font-size: 1em; display: block; margin-left: 5%; margin-right: 5%; width: 90%;}
                        .txt2Capa2Col1{position: relative; text-align: center; font-size: 1em; top: -5px; }

                            .subCol3Fila1{float: left; width: 10%; height: auto;  }
                            .subCol4Fila1{float: left; width: 90%; height: auto;  display: block; margin-left: auto; margin-right: auto;}
                            .subCol5Fila1{float: left; width: 90%; height: auto;  display: block; margin-left: 5%; margin-right: 5%;}

                            .iconoPlanes2{position:relative; top: 10px;}
                            .iconoPlanes{position:relative; top: 5px;}


            .fila3Capa2{position: relative; width: 100%; height: auto; background-color: #3c3f97;}
                .txt3Capa2{position: relative; text-align: center; font-size: 1.4em; text-align: center; color: #fff; padding: 20px;}

            .fila4Capa2{position: relative; width: 80%; margin-left: 10%; margin-right: 10%; display: inline-table; height: auto; background-color: #3c3f97; }

                .col1Fila4Capa2{float: left; width: 30%; height: auto;background-color: #3c3f97;}
                
                    .txt4Capa2{position: relative; text-align: center; font-size: 1.4em; text-align: center; color: #fff; padding: 20px;}
                    .txt5Capa2{position: relative; text-align: center; font-size: 1.4em; text-align: center; color: #fff; padding: 20px;}

                .col2Fila4Capa2{float: left; width: 70%; height: auto; background-color: #fff;}
                    .subFila1Fila4{position: relative; width: 100%; height: auto; display: inline-block;}
                    .subFila2Fila4{position: relative; width: 90%; height: auto; display: inline-block; margin-left: 5%; margin-right: 5%;}
                        .subCol1Fila4{ float: left; width: 20%; height: auto; }
                        .subCol2Fila4{ float: left; width: 25%; height: auto; }
                            .iconoPlanes2{position:relative; display: block; margin-left: auto ; margin-right: auto;}
                            .txt6Capa2{position: relative; text-align: center; font-size: 1.4em; text-align: center; color: #000;}




                    .col11Fila4Capa2{float: left; width: 6%; height:100px;background-color: #fff;}
                    .col13Fila4Capa2{float:left; width: 47%; background-color: #3c3f97; background-size: cover; background-repeat: no-repeat;}



#capa3{
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}


    .form1{
        float: left;
        width: 30%;
        height: 100%;
        background-color:#3c3f97
    }

        .txt1Capa3{
            position: relative;
            padding-top: 50px;
            text-align: left;
            width: 60%;
            display: inline-block;
            margin-left: 20%;
            margin-right: auto;
            font-size: 2.5em;
            color: #fff;

        }


        .txt2Capa3{
            position: relative;
            text-align: left;
            top: -50px;
            width: 70%;
            display: inline-block;
            margin-left: 20%;
            margin-right: auto;
            font-size: 1.2em;
            color: #fff;

        }


    .form{
        float: left;
        width: 70%;
        height: 100%;      
    }


#capa4{
position: relative;
width: 100%;
height: auto;
background-image: url(../alianzas/pagina/planes/servicios24.png);
background-size: cover;
background-attachment: fixed;
background-color: #000;
}
        
        
        
        .fila1Capa4{
            position: relative;
            width: 100%;
            height: 100px;
        }
        
        .fila2Capa4{
            position: relative;
            width: 100%;
            height: auto;
            display: inline-table;
        }
           
        
        
                .txt1Capa4{
                    position: relative;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    text-align: center;
                    width: 40%;
                    color: #fff;
                    font-size: 2.5em;
                }
        
                .txt2Capa4{
                    position: relative;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    text-align: center;
                    width: 80%;
                    color: #fff;
                    font-size: 1.3em;
                }
  





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

                    .fila1Capa2{ height: 50px; }
                         .fila2Capa2{ margin-left: 0%; margin-right: 0%; width: 100%;}
                             .col1Capa2{ position: relative; width: 100%;}
                             .colXCapa2{  position: relative; width: 100%; }
                 

                             .subFilaCol1Capa2{position: relative; width: 100%; height: auto; background-color: #000;}
                                .subColFila1{float: left; width: 65%; height: auto; }
                                .subCol2Fila1{float: left; width: 35%; height: auto; }
                                .subCol4Fila1{float: left; width: 80%; height: auto; margin-left: 10%; margin-right: 10%; }

                                .iconoPlanes{width: 35px;}

                                .fila4Capa2{position: relative; width: 100%; margin-left: 0%; margin-right: 0%; display: inline-table; height: auto; background-color: #3c3f97; }

                              

                                .col1Fila4Capa2{position: relative; width: 100%;}
                                    .txt4Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #fff; padding: 20px;}
                                    .txt5Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #fff; padding: 20px;}

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

                                .col2Fila4Capa2{position: relative; width: 100%;}
                                          .subCol1Fila4{ position: relative; width: 100%;}
                                        .subCol2Fila4{ position: relative; width: 100%;}
                                            .iconoPlanes2{position:relative; width: 50px; display: block; margin-left: auto ; margin-right: auto;}
                                            .txt6Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #000;}




                 
                             .txt1Capa2Col1{position: relative; text-align: center; font-size: 1em;}
                             .txt2Capa2Col1{position: relative; text-align: center; font-size: 1.1em; text-align: center;}
                             
                             .fila1Capa4{height: 50px;}
                                     .txt1Capa4{width: 90%;font-size: 2em;}
                                       .txt2Capa4{width: 95%;font-size: 1.1em;}



                                       
                             

#capa3{height: auto;}
.form1{position: relative; width: 100%; height: auto; }
    .txt1Capa3{
    position: relative;
    padding-top: 50px;
    width: 100%;
    display: inline-block;
    margin-left: 5%;
    }
                                
    .txt2Capa3{
    top: -50px;
    width: 100%;
    display: inline-block;
    margin-left: 5%;
    }
.form{ position: relative; width: 100%; height: 1300px;  }
                                              
}
    
    
@media screen and (min-width: 361px) and (max-width: 640px) {
    .fila1Capa2{ height: 50px; }
    .fila2Capa2{ margin-left: 5%; margin-right: 5%; width: 90%;}
        .col1Capa2{ position: relative; width: 100%;}
        .colXCapa2{  position: relative; width: 100%; }

		
        .fila1Capa2{ height: 50px; }
        .fila2Capa2{ margin-left: 0%; margin-right: 0%; width: 100%;}
            .col1Capa2{ position: relative; width: 100%;}
            .colXCapa2{  position: relative; width: 100%; }


            .subFilaCol1Capa2{position: relative; width: 100%; height: auto; background-color: #000;}
               .subColFila1{float: left; width: 65%; height: auto; }
               .subCol2Fila1{float: left; width: 35%; height: auto; }
               .subCol4Fila1{float: left; width: 80%; height: auto; margin-left: 10%; margin-right: 10%; }

               .iconoPlanes{width: 55px;}

               .fila4Capa2{position: relative; width: 100%; margin-left: 0%; margin-right: 0%; display: inline-table; height: auto; background-color: #3c3f97; }

             

               .col1Fila4Capa2{position: relative; width: 100%;}
                   .txt4Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #fff; padding: 20px;}
                   .txt5Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #fff; padding: 20px;}

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

               .col2Fila4Capa2{position: relative; width: 100%;}
                         .subCol1Fila4{ position: relative; width: 100%;}
                       .subCol2Fila4{ position: relative; width: 100%;}
                           .iconoPlanes2{position:relative; width: 50px; display: block; margin-left: auto ; margin-right: auto;}
                           .txt6Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #000;}





            .txt1Capa2Col1{position: relative; text-align: center; font-size: 1em;}
            .txt2Capa2Col1{position: relative; text-align: center; font-size: 1.1em; text-align: center;}
            
            .fila1Capa4{height: 50px;}
                    .txt1Capa4{width: 90%;font-size: 2em;}
                      .txt2Capa4{width: 95%;font-size: 1.1em;}


         
#capa3{height: auto;}
.form1{position: relative; width: 100%; height: auto; }
    .txt1Capa3{
    position: relative;
    padding-top: 50px;
    width: 100%;
    display: inline-block;
    margin-left: 5%;
    }
                                
    .txt2Capa3{
    top: -50px;
    width: 100%;
    display: inline-block;
    margin-left: 5%;
    }
.form{ position: relative; width: 100%; height: 1300px;  }
                                              
}
          

    
    
@media screen and (min-width: 641px) and (max-width: 960px) {
    .fila1Capa2{ height: 50px; }
    .fila2Capa2{ margin-left: 5%; margin-right: 5%; width: 90%;}
        .col1Capa2{ position: relative; width: 100%;}
        .colXCapa2{  position: relative; width: 100%; }

			
    
        .fila1Capa2{ height: 50px; }
        .fila2Capa2{ margin-left: 0%; margin-right: 0%; width: 100%;}
            .col1Capa2{ position: relative; width: 100%;}
            .colXCapa2{  position: relative; width: 100%; }


            .subFilaCol1Capa2{position: relative; width: 100%; height: auto; background-color: #000;}
               .subColFila1{float: left; width: 65%; height: auto; }
               .subCol2Fila1{float: left; width: 35%; height: auto; }
               .subCol4Fila1{float: left; width: 80%; height: auto; margin-left: 10%; margin-right: 10%; }

               .iconoPlanes{width: 45px;}

               .fila4Capa2{position: relative; width: 100%; margin-left: 0%; margin-right: 0%; display: inline-table; height: auto; background-color: #3c3f97; }

             

               .col1Fila4Capa2{position: relative; width: 100%;}
                   .txt4Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #fff; padding: 20px;}
                   .txt5Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #fff; padding: 20px;}

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

               .col2Fila4Capa2{position: relative; width: 100%;}
                         .subCol1Fila4{ position: relative; width: 100%;}
                       .subCol2Fila4{ position: relative; width: 100%;}
                           .iconoPlanes2{position:relative; width: 50px; display: block; margin-left: auto ; margin-right: auto;}
                           .txt6Capa2{position: relative; text-align: center; font-size: 1.2em; text-align: center; color: #000;}





            .txt1Capa2Col1{position: relative; text-align: center; font-size: 1em;}
            .txt2Capa2Col1{position: relative; text-align: center; font-size: 1.1em; text-align: center;}
            
            .fila1Capa4{height: 50px;}
                    .txt1Capa4{width: 90%;font-size: 2em;}
                      .txt2Capa4{width: 95%;font-size: 1.1em;}



          #capa3{height: 680px;}
          .form1{position: relative; width: 100%; height: auto; }
              .txt1Capa3{
              position: relative;
              padding-top: 50px;
              width: 100%;
              display: inline-block;
              margin-left: 5%;
              }
                                          
              .txt2Capa3{
              top: -50px;
              width: 100%;
              display: inline-block;
              margin-left: 5%;
              }
          .form{ position: relative; width: 100%; height: 300px;  }
			
}
    
    
@media screen and (min-width: 961px) and (max-width: 1210px) {

    .iconoPlanes{width: 35px;}

    .txt1Capa2Col1{position: relative; text-align: center; font-size: 0.9em;}
    .txt2Capa2Col1{position: relative; text-align: center; font-size: 1em; text-align: center;}
}