/*
*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;


}

body {
   width: 100%;
   height: 100%;
      text-align: center;

   overflow-x: hidden; 

}
*/



 /*p {
   margin-bottom: 40px;
    font-size: 25px;
    color: #000;
    padding: 0 100px;
    position: left;*/

}

/* ----------------------------head azul menu -------------------*/

/*//////////CLASE MENU FIJO/////*/

.menu-fijos{
        position: fixed;
    width: 100%;
    max-width: 1270px;
    z-index: 100000000000000;


}
.wrappers {
  height: 115px;
   background: #12192C;
    position: relative;
}
/*==============HEAD MENU=======================*/

.heads{
    display: flex;
    align-items: center;
    justify-content: end;
    height: 43px;   
    background: #12192C;
    position: relative;
    width: 100%;
    z-index: 100;
}

.navbars {
    display: flex;
    margin-right: 10px;
}


.navbars a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;

}
.navbars a:hover {
    color: #15ABE0;
}

/*==============Cabecera idiomas=======================*/
.barra_idiomas_sesion{
    background: white; 
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
}
.logo-joionhome{
    width: 200px;
}
.icono_iniciar_Sesion{
    width: 20px;
    border-radius: 50%;
    margin-right: 5px;
    bottom:0;
}
.link_iniciar_sesion{
    text-decoration:none;
    font-size:15px; 
    color: black;
}
.contenedor_iniciar_sesion{
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.logo_idioma{
    width: 35px;
    border-radius:50%;
}
.contenedor_banderas{
    margin-top: 1px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

/* ----------------------------header imagen-------------------*/
.content-header {
   
     background:  url(../image/Contacto.jpg);  /* Chrome 10-25, Safari 5.1-6 */
     background-repeat: no-repeat;
     background-size: cover;
         background-position: right;
         background-color: white;
         margin-right: 0px;

}

.circulos_azules{
    width: 100%;
    height: 90%;
    background-position: 60% 100%;
    display: flex;
    align-items: center;

}

.controlp{
    color: #000;
    width: 100%;
    padding-left: 35px;
    text-align: left;
    float: left;

}
.controlpp{
    color: #000;
    padding-left: 35px;
    width: 50%;
    text-align: left;
    float: left;
}
/*.btn {
 
     padding: 5px 20px;
    font-size: 20px;
     background: #15ABE0;
      text-decoration: none;

      color:white;
      border-radius:50px;
      border: 1.5px solid white;
      transition: all 0.9s;
      text-align: center;
      width:90%;
      font-weight: normal;

}*/
.btn:hover {
    background: #1C639E;
}

.btn-home {
    margin-left: 60px;
    margin-top: 20px;


}

.btn-home a {
    margin: 0 10px;
}

/* ----------------------------BARRA MENU ESTATICO------------------*/
.sau {
    height: 43px;
    background: #12192C;
}
.navbar-barra-submenu{
    display: flex;
    justify-content: start;
    text-align: left;
}

.navbar-barra-submenu a {
    display: block;
    padding: 0px 5px;
    color: #fff;
margin-left: 40px;
      font-size: 18px;

}




/*---------------------- Formulario JOINHOME-----------------*/
.formulario_contactos{
     margin-left: 280px;    
     margin-right: 250px;
    position: relative!important;
    margin-top: 20px;

}

.formulario_preguntas_frecuentes{
     margin-left: 280px;    
     margin-right: 250px;
    position: relative!important;
    margin-top: 80px;
    width: 58% ;
   

}

.div_probar_titulo{
    display:flex;justify-content: left;
     margin-left: 280px;
}

/*---------------------- PROBAR JOINHOME-----------------*/

.price {
    background: #fff;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    min-height: 850px;
    width: 100% !important;

}


.headblan{
  height: 100%;
  width: 100%;
   background:  url(../image/MarcadeAguaIzq.png) ;  /* Chrome 10-25, Safari 5.1-6 */
     background-repeat: no-repeat;
   background-size: 250px 410px;
     background-position: left top;
       margin-top: 80px;

}

.price2 {
    background: #fff;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    min-height: 800px;
    width: 100% !important;

}


.headblan2{
  height: 100%;
  width: 100%;
   background:  url(../image/MarcadeAguaDer.png) ;  /* Chrome 10-25, Safari 5.1-6 */
     background-repeat: no-repeat;
   background-size: 230px 360px;
     background-position: right top;
       margin-top: 0px;

}



.contenido-probar{
      height: 100%;
  margin-top: 0px;
    float: left;
          padding-right: 20px;

}
.h5{
  font-size: 35px;
  color:DeepSkyBlue !important;
   text-align:left;

}
.phome{
  color:black !important;
   text-align:left; 
     font-size: 20px;
  margin-top: 20px;
    font-weight: normal;
}
.btn_cont{
     text-decoration: none;
    padding: 5px 20px;
    font-size: 20px;
    border-radius: 50px;
    color: #fff;
    background-color:  #15ABE0;
    border: 1px double #87CEEB;
     margin-left: 480px;

}







 .content-price{
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;

}

.content-fo {
     min-height: 30vh!important;
    padding: 50px!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
}


 /* PREGUNTAS FRECUENTES*/


details{
  background: #fff;
  padding-bottom: 2rem;
  margin: .5rem;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

summary{
    list-style: none;


}
/*summary::before  {*/
/*   content: url('../image/FlechaPregunta.png');
    display:block;
    width: 75px;
    height:75px;
    position:absolute;
    left: 10px;
    top: 10px;*/
 /*transform: rotate(0deg);*/
/*content: '+';*/
/*}*/
.flecha_pregunta{
  width: 20px;
  margin-right: 10px;
}

details[open] .flecha_pregunta  {

   
 transform: rotate(90deg);


}

/*details[open] summary::before  {

   content: url('../image/FlechaPregunta.png');
    width: 75px;
    height:75px;
   
 transform: rotate(45deg);*/

    /*content: '-';*/
/*}*/














  @media  (max-width: 400px){

    .navbars a {
    padding: 10px 14px!important;
    }



.navbars {
    display: flex;
    margin-right: 3px;
}

.barra_idiomas_sesion{
    background: white; 
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
}
.logo-joionhome{
    width: 200px;
}
.icono_iniciar_Sesion{
    width: 20px;
    border-radius: 50%;
    margin-right: 5px;
    bottom:0;
}
.link_iniciar_sesion{
    text-decoration:none;
    font-size:13px!important; 
    color: black;
}
.contenedor_iniciar_sesion{
    margin-right: 15px!important;
    display: flex;
    align-items: center;
}
.logo_idioma{
    width: 25px!important;
    border-radius:50%;
}
.contenedor_banderas{
    margin-top: 1px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}


     .formulario_contactos{
     margin-left: 50px;    
     margin-right: 50px;
    position: relative!important;
    margin-top: 80px;

  }

  .formulario_preguntas_frecuentes{
       margin-left: 13px;    
     margin-right: 13px;
    width: 90% ;
}

details{
     width: 100% ;
 
}

.div_probar_titulo{
    display:flex;justify-content: left;
     margin-left: 50px;
}

.controlp{
    margin-top: 130px;
    padding-left: 20px!important;

}
.controlpp{
    color: #000;
    padding-left: 20px!important;
    width: 90%;
    text-align: left;
    float: left;
}


  }






  @media  (max-width: 600px){


.heads{
    display: flex;
    align-items: center;
    justify-content: start;
    height: 43px;   
    background: #12192C;
    position: relative;
    width: 100%;
    z-index: 100;
}

.navbars {
    display: flex;
    margin-right: 3px;
}


.navbars a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;

}
.navbars a:hover {
    color: #15ABE0;
}

     .formulario_contactos{
     margin-left: 50px;    
     margin-right: 50px;
    position: relative!important;
    margin-top: 80px;

  }

  .formulario_preguntas_frecuentes{
       margin-left: 13px;    
     margin-right: 13px;
    width: 90% ;
}

details{
     width: 100% ;
 
}

.div_probar_titulo{
    display:flex;justify-content: left;
     margin-left: 50px;
}

.controlp{
    margin-top: 160px;
}
.controlpp{
    color: #000;
    padding-left: 35px;
    width: 90%;
    text-align: left;
    float: left;
}


}


 @media  (min-width: 600px) and (max-width: 900px){

   .formulario_contactos{
     margin-left: 50px;    
     margin-right: 50px;
    position: relative!important;
    margin-top: 80px;

  }

  .formulario_preguntas_frecuentes{
       margin-left: 10px;    
     margin-right: 10px;
    width: 95% ;
}

details{
    width: 100% ;
 
}

.div_probar_titulo{
    display:flex;justify-content: left;
     margin-left: 50px;
}



 }


  @media  (min-width: 900px) and (max-width: 1025px){

      .formulario_contactos{
     margin-left: 100px;    
     margin-right: 100px;
    position: relative!important;
    margin-top: 80px;

  }

  .formulario_preguntas_frecuentes{
       margin-left: 100px;    
     margin-right: 100px;
    width: 80% ;
}

details{
     width: 100% ;
 
}
.div_probar_titulo{
    display:flex;justify-content: left;
     margin-right: 50px;
}

}


  @media  (min-width: 1025px) and (max-width: 1250px){
    .formulario_contactos{
     margin-left: 180px;    
     margin-right: 150px;
    position: relative!important;
    margin-top: 80px;

}

.formulario_preguntas_frecuentes{
     margin-left: 280px;    
     margin-right: 250px;
    position: relative!important;
    margin-top: 80px;
    width: 58% ;
   

}

/*      .formulario_contactos{
     margin-left: 100px;    
     margin-right: 10px;
    position: relative!important;
    margin-top: 80px;

  }

  .formulario_preguntas_frecuentes{
       margin-left: 10px;    
     margin-right: 10px;
    width: 95% ;
     background: yellow;
}

details{
     width: 100% ;
 
}*/


}