/************** GENERAL **************/
.cuerpo{  
    text-align: center;
    font-family: TheSansPlain; 
}

.seccion{
    padding: 2px;
    width: 100%;
    box-sizing: border-box;
}

.secciones{
    position: relative;
    top: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
    background-color: white;
}

/************** QUIEN ES **************/
.filosofia td:nth-child(1) {
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
    vertical-align: top;
    padding-top: 60px;
}

.filosofia td:nth-child(3) {
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
}
/************** SERVICIOS **************/
.marco {
    width: 466px;
    height: 362px;
    border: 1px solid #EDB2D3;
    padding: 6px;
    float: left;
    margin: 25px 10px 20px 20px;
    box-sizing: border-box;
}

.servicios { 
    height: 348px;
    background-color: #FBE6F0;    
}

.txt_nana {
    width: 100%;
    height: 70px;
    font-size : 11px;
    color : #B34FC5;
}

.txt_nana img {
   float: left;
}

.txt_descripcion {
    padding: 12px;
    width: 380px;
    height: auto;
    float: left;
    font-size : 1em;
    font-weight: bolder;
    font-family: TheSansPlain;
    box-sizing: border-box;
    text-align: justify;
}

.tit_serv_mini {
    color: #D163CE;
    font-size: 17px;
}

.tit_serv_big {
    width: 200px;
    font-size : 40px;
    color : #D163CE;
    font-weight: bold;
}

.sec_servicios hr {
    width: 340px;
    border: 1px solid #EDB2D3;
}

.titulo {
    position: relative;
    width: 260px;
    height: none;
    padding: 0px;
    margin-top: -330px;
    left: 60%;
    font-size : 28px;
    background-color: none;
    color : #FFFFFF;
    font-weight: bold;
    box-sizing: none;
}

.texto {
    position: relative;
    margin-top: 40px;
    margin-bottom: 100px;
    left: 60%;
    width: 300px;
    height: 150px;
    padding: 0px;
    font-size : 14px;
    color : #231F20;
    box-sizing: none;
}

/************** ESTADOS **************/
.txt_sucursales {
    font-size : 20px;
    color : #D163CE;
    text-align: center;
    float:left;
    padding: 28px;
    box-sizing: border-box;
}

.tit_suc {
    float: left;
    width: 25%;
    font-size : 26px;
    color : #D163CE;    
    font-weight: bold;
}

.txt_suc {
    float: right;
    width: 70%;
    font-size : 18px;
    color : #FFFFFF;   
    background-color: #D163CE;
}

.suc {
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

.suc div {
    width: 180px;
}

.suc div:hover{
    border-radius: 30px;
    background-color: rgba(245, 217, 233, 0.4);
    cursor: pointer;
}
.pie_suc {
    width: 100%;
    height: 33px;
    background-color: #F0DAE3;
}

/************** SUCURSALES **************/
.tit_est {
    width: 100%;
    padding: 4px;
    font-size : 18px;
    color : #B34FC5;   
    background-color: #F0DAE3;
}

.tab_tit hr {
    width: 700px;
}

.tab_listado {
    width: 100%;
    padding: 0px 10px 24px 10px;
    box-sizing: border-box;
    background-color: #FFFDF4;
    display: none;
}

.close {
    font-size: 12px;
}

.close:hover{
    cursor: pointer;
    color: rgba(90, 87, 87, 0.60);
}

.google-maps {
    padding-left: 40px;
}

.google-maps iframe{
    width: 580px;
    height: 340px;
}

.barra {
    width: 100%;
    height: 30px;
    background-color:  #FFFDF4;
}

.estado_sucursal {
    width: 100%;
    height: 30px;
    background-color:  #F0DAE3; 
    color: #B34FC5;
    font-size : 20px;
    font-weight: bold;
    padding: 6px;
    box-sizing: border-box;    
}

.ciudad_sucursal {
    padding-top: 8px;
    color: #B34FC5;
    font-size : 16px;
    font-weight: bold;
}

.ciudad_sucursal hr {
    width: 100%;
}

.texto_sucursal {
    font-size : 13px;
    color: #231F20;    
}

.ico_sucursal i{
    color: #D163CE;
}

.tab_izq {
    float: left;
    width: 40%;
}
.tab_der {
    float: right;
    width: 40%;
    margin-top: -383px;
    left: 20px;
}
/************** FILOSOFIA **************/

.tit_fil {
    color: white;
    font-family: Subway; 
    font-size: 40px;
}

.txt_fil2 {
    font-family: TheSansBold; 
    font-size : 30px;
    color : #B1E2F2;  
    font-size: bolder;
}

.txt_fil3 {
    width: 400px;
    font-family: TheSansBold; 
    font-size : 14px;  
    margin-top: -160px;
    margin-left: 6%;
    padding: 40px;
    box-sizing:border-box;    
}   
.txt_fil {
    color: white;  
    font-size: 14px;
}

.fil_col_1{
    width: 300px;
    min-height: 500px;
    float: left;
    margin-right: 16px;
    margin-left: 16px;
}

.fil_col_1 img {
    position: relative;
    top: 100px;    
}

.fil_col_2{
    width: 280px;
    min-height: 500px;
    float: left;
    margin-right: 16px; 
}

.fil_col_2 img {
    position: relative;
    top: 100px;    
}

.fil_col_3{
    width: 350px;
    min-height: 500px;
    float: left;
    text-align: left;
    margin-right: 16px;    
}

.col_azul{
    margin-top: -12px;
    margin-bottom: 0px;
    float:left;
    width: 33.3%;
    min-height: 500px;
    height: auto;
    padding: 20px;
    background-color: #00BFD6;
    box-sizing: border-box;
}
/************** FRANQUICIAS **************/
.tab {
    padding= 30px;    
}

.uno {
    width: 100%;
    font-size : 30px;
    color : #B34FC5;
}

.dos {
    font-family: Subway, verdana; 
    font-size : 51px;
    color : #db85b6;    
}

.fra img{
    padding: 7px;
    flex-wrap: wrap;
}

.tres {
    padding: 20px 80px 40px 80px;;
}

.tab2 {
    flex-wrap: wrap;
}
.cuatro {
    float: left;
    width: 30%;
    font-family : TheSansBold;
    font-size : 20px;
    color : #B34FC5;    
    padding: 20px;
}

.img_dos {
    float: left;
    width: 25%;
}

.cinco {
    float: left;
    width: 40%;
    text-align: left;
    font-family : TheSansLight;
    font-size : 12px;
    color : #231F20; 
}

.seis {
    padding: 10px 80px 10px 80px;
    font-family : TheSansBold;
    font-size : 28px;
    color : #B34FC5;
}

.cuatro a{
    text-decoration: none;
}

.btn_archivo {
    border-radius: 20px;
    margin-top: 10px;    
    padding: 6px;
    background-color:  #F0DAE3; 
    color: #B34FC5;
}

.btn_archivo:hover{
    cursor: pointer;
    background-color:  rgba(239, 218, 226, 0.74); 
    color: #d004f4; 
}
/************** CONTACTANOS **************/
.box_contacto {
    width: 100%;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    background-image: url(../images/pagina-nanaplancha-fondo.jpg);  
}

.box_contacto form {
    width: 100%;
}

.frm_titulo {
    font-family : Subway;
    font-size : 33px;
    color : #8C189B;    
}

.frm_texto {
    font-family : Subway;
    font-size : 28px;
    color : #8C189B;    
}

.box_contacto input {
    width: 100%;
    height: 30px;
    padding: 2px 2px 2px 10px;
    border: 1px solid #e0dbdb;
    border-radius: 10px;   
    margin-bottom: 10px;
}

.box_contacto textarea {
    width: 100%;
    height: 120px;
    padding: 10px 10px 1px 10px;   
    border: 1px solid #e0dbdb;    
    border-radius: 10px;     
}

.box_contacto button {
    width: 100%;
    height: 30px;
    padding: 2px 2px 2px 10px;
    border: 1px solid #e0dbdb;
    border-radius: 10px;   
    margin-bottom: 10px;
}

#validacion {
    width: 200px;
    height: 20px;
    padding: 2px 2px 2px 2px;
    border-radius: 6px;   
    margin-bottom: 4px;
    color: rgb(70, 39, 198);
    font-weight: bold;
}
.img_franquicias img {
    max-width: 1000px;
    width: 100%;
    height: auto;
}
@media (max-width: 1050px) { 
/************** SOMOS **************/    
    .fil_col_1{
        width: 100%;
        min-height: 0;
        float: left;
        margin-right: 0;
        margin-left: 0;
    }

    .fil_col_1 img {
        position: relative;
        top: 0;    
    }

    .fil_col_2{
        width: 100%;
        min-height: 0;
        float: left;
        margin-right: 0;    
    }

    .fil_col_2 img {
        position: relative;
        top: 20px;    
    }

    .fil_col_3{
        position: relative;        
        width: 100%;
        min-height: 0;
        float: left;
        text-align: left;
        margin-right: 0; 
        top: 30px;
        margin-bottom: 30px;
    }    
/************** SERVICIOS **************/    
    .marco {
        width: 98%;
        height: auto;
        border: 1px solid #EDB2D3;
        padding: 6px;
        float: left;
        margin: 0px 0px 20px 0px;
        box-sizing: border-box;
    }  
    iframe{
        width: 100%;
        min-height: 200px;
    }
    .x {
        width: 100%;
        height: auto;
    }  
    .servicios {
        height: auto;
        background-color: #FBE6F0;    
    }

    .txt_nana {
        width: 100%;
        height: auto;
        font-size : 20px;
        color : #B34FC5;
    }    
      
    .txt_descripcion {
        width: 100%;
      background-color: #FBE6F0;
    } 
    
    .titulo {
        position: none;
        width: 100%;
        height: auto;
        padding: 8px;
        margin-top: 0px;
        left: 0;
        font-size : 36px;
        background-color: #B34FC5;
        color : #FFFFFF;
        font-weight: bold;
        box-sizing: border-box;
    }

    .texto {
        position: none;
        margin-top: 0;
        margin-bottom: 0px;        
        left: 0;
        width: 100%;
        height: auto;
        padding: 6px;
        font-size : 26px;
        color : #B34FC5;
        box-sizing: border-box;
    }  
    
    .tit_suc {
        float: none;
        width: 100%;
        font-size : 50px;
        color : #D163CE;    
        font-weight: bold;
    }

    .txt_suc {
        float: none;
        width: 100%;
        font-size : 30px;
        color : #FFFFFF;   
        background-color: #D163CE;
    }    

    .txt_fil3 {
        width: 100%;
        font-family: TheSansBold; 
        font-size : 30px;  
        margin-top: 0;
        margin-left: 0;
        padding: 20px;
        box-sizing: border-box;
    } 
    .col_azul{
        margin-top: 0px;
        margin-bottom: -20px;
        float: none;
        width: 100%;
        min-height: 500px;
        height: auto;
        padding: 40px;
        background-color: #00BFD6;
        box-sizing: border-box;
    }    
    .tit_fil {
        color: white;
        font-family: Subway; 
        font-size: 40px;
    }  
    .txt_fil {
        color: white;  
        font-size: 18px;
    } 
    .txt_fil2 {
        font-size : 20px;
    }    
    .tab_listado {
        width: 100%;
    }    
    
    .NormalCharacterStyle {
        padding: 20px;
        font-family : Subway;
        font-size : 38px;
        color : #00BFD6;
        color : rgb(0, 191, 214);
      box-sizing: border-box;
    }  
    .tab_izq {
        float: none;
        width: 100%;
    }
    .tab_der {
        float: none;
        width: 100%;
        margin-top: 0;
        left: 0;
    } 
    
    .google-maps {
        padding-left: 0;        
    }
    .google-maps iframe{
        width: 100%;
        height: auto;
    }    
    .texto_sucursal {
        font-size : 20px;
        color: #231F20;    
    }  
    .cuatro {
        float: none;
        width: 100%;
        font-family : TheSansBold;
        font-size : 40px;
        color : #B34FC5;    
        padding: 20px;
        box-sizing: border-box;
    }

    .img_dos {
        margin-top: 20px;
        float: none;
        width: 100%;
    }

    .cinco {
        margin-top: 20px;
        margin-bottom: 20px;
        float: none;
        width: 100%;
        text-align: left;
        font-family : TheSansLight;
        font-size : 18px;
        color : #231F20; 
    }
    .box_contacto input {
        width: 90%;
    }

    .box_contacto textarea {
        width: 90%;   
    }
    .sec_servicios hr {
        width: 90%;
        border: 1px solid #EDB2D3;
    } 
   
    .servicios {
        min-height: 460px;
    }
    .suc {
        text-align: center;
        padding: 0px;
        box-sizing: border-box;
    } 
    .suc div {
        width: 160px;
    }  


/***************** CONTACTO ***********************/
/*.box_contacto input {
  width: 50px;
  height: 30px;
  padding: 2px 2px 2px 10px;
  border: 1px solid #e0dbdb;
  border-radius: 10px;   
  margin-bottom: 10px;
}

.box_contacto textarea {
  width: 50px;
  height: 120px;
  padding: 10px 10px 1px 10px;   
  border: 1px solid #e0dbdb;    
  border-radius: 10px;     
}

.box_contacto button {
  width: 50px;
  height: 30px;
  padding: 2px 2px 2px 10px;
  border: 1px solid #e0dbdb;
  border-radius: 10px;   
  margin-bottom: 10px;
}*/
/**********************************************/
}
@media (max-width: 320px) { 
    .uno {
        font-size : 1.6em;
    }
    .dos {
        font-size : 1.8em;
    }
    .suc div {
        width: 150px;
    } 
}

@media (max-width: 375px) {
    .tab_izq img {
        width: 100%;
    }
   
}