@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: "Roboto-Light";
}


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

	.fila1Capa2Header{ position: relative; width: 100%; height: auto; background-image: url(../alianzas/pagina/planes/encabezado.png); 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;
               
            }
                .fila1Capa2{position: relative; width: 100%; height: 50px; }
            
                .fila2Capa2{
                    position: relative;
                    display: inline-table;
                    margin-left: 10%;
                    margin-right: 10%;
                    width: 80%;
                    height: auto;background-color:#383b99
                }
            
    
                    .col1Capa2{float: left; width: 22%; height: auto; }
                    .colXCapa2{float: left; width: 4%; height: 540px; background-color: #fff;}

                    .imgCapa2{position: relative; width: 100%; height: auto;}
                        .subFilaCol1Capa2{position: relative; width: 100%; height: auto; background-color: #000;}
                            .subColFila1{float: left; width: 60%; height: auto; }
                            .subCol2Fila1{float: left; width: 40%; height: auto; }
                        .txt1Capa2Col1{position: relative; text-align: center; font-size: 1.5em;}
                        .txt2Capa2Col1{position: relative; text-align: center; font-size: 1.2em; text-align: center;}


                        .txt1Capa2{text-align: center; color: #fff; width: 95%; margin-left: 2%; margin-right: 2%;}
                        .filaAux{position: relative;width: 100%; height: 10px;}

                            .subCol3Fila1{float: left; width: 10%; height: auto; }
                            .subCol4Fila1{float: left; width: 90%; height: auto; }

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

#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: 5%; margin-right: 5%; width: 90%;}
                             .col1Capa2{ position: relative; width: 100%;}
                             .colXCapa2{  position: relative; width: 100%; height: 20px; }
                 
                 
                 
                             
                             .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%;height: 20px;

		
            
        .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%;height: 20px; }

			
            
        .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) {

			
}