/* Generales */
h1, h2, h3, h4, h5, h6 {
    padding: 0 0;
    margin: 0 0;
}

ul {
    padding: 0 0;
    margin: 0 0;
}

body{
	padding:0 0;
	margin:0 0; 
}

/*Boton primario, cambio de color a naranja, por defecto es azul*/

.btn-primary {
    color: #fff;
    background-color:  #ff9541;
    border-color: #f77a14;
}
.btn-primary:hover {
    color: #fff;
    background-color:  #f77a14;
    border-color: #ff9541;
}
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #fa9828;
}
.btn-primary:active {
    box-shadow: 0 0 0 0.2rem #fab67f;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #fab67f;
}

.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { /*estilo bootstrap al pulsar el boton*/
    color: #fff;
    background-color: #d36205;
    border-color: #773702;
}
/*fin de definicion de estilo del boton primario*/




/*FIN ESTILOS GENERALES*/
/*********************************************************************************************************************************/

/*Estilo Nuevo Usuario*/

body.form_page{
    background: rgb(52, 58, 65);
    font-family: 'Open sans';
}

div.espacio
{
    background: white;
}

/*Estilo formulario*/
.formulario {
    width: 90%;
    padding: 30px 40px;  
    margin: 50px auto;
    margin-top: 2%;
    display: flex;
    background:white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(245, 243, 243, 0.527);
}

.form-control:focus {
    color:#495057;
    background-color: #fff;
    border-color:  #efb587;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #f7d5b9;
}

.form-contact h3{
    text-align: center;
}


.cerrarformulario{
    position: relative;
    top: -35px;
    left: 85%;
    text-decoration: none;
    color: rgb(172, 166, 166);
}

.cerrarformulario:hover{
    color: #efb587;
    cursor: pointer;
}







/*campo mensaje para no poder cambiar el tamaño*/
textarea{
    resize:none;
}



.contenido
{
    position:relative;
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px;
}

hr {
    height: 0.2px;
    width: 100%;
    background-color: #e6e0e0;
}


.pieform
{
    width: 100%;
}


.form-contact label, 
p 
{
    color:grey;
}



/*deja espacio superior en el elemento con class="espacio"*/
.espacio
{
    padding-top: 94px;
}



/*      LOS TRES BLOQUES DEL FORMULARIO    */


.box {
    position: relative;
    display: flex;
    /*en vez de jugar con absolute y relative  usamos flex-direction*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color:black;
}


#imagenperfil{
    height:270px;
    max-width: 400px;
    margin-bottom: 12px;
    display: flex;
    background:white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 10px 10px 25px rgb(7, 7, 7);
  }

/*Estilo input[type="file"] establecido por el sistema*/

/*oculta texto junto al boton Seleccionar archivo*/
input[type="file"] {
    color: transparent;
/*ocultamos el boton que pone por defecto el sistema y no se puede editar su estilo*/    
}

.fileContainer {
    overflow: hidden;
    position: relative;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

/*tamaño del boton de Subir Imagen, para que no ocupe todo el espacio*/
.subir{
    width: 210px;
}



.labeldivenlinea{
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
  }

.labeldivenlinea label
{
    color: darkgrey;
    width: 15%;
    text-align: right;
    padding-right: 10px;
}


.labeldivenlinea input
{
    margin-right: 10%;
    width: 80%;
}




/*    ESTILO DE  LOS RADIOBUTTON*/
  .conservacion
  {
      margin: 10%;
  }

  input[type=radio]{
    display: none;
  }
  input[type=radio]+label{
    border: solid 1px darkgrey;  
    display: inline-block;
    padding: 10px 12px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 30px;
    margin: 0px;
    background: white;
  }
  input[type=radio].bajo:checked+label{
      background: #5cb85c;
      color: white; 
  }
  input[type=radio].medio:checked+label{
          background: orange;
          color:white;
  }
  input[type=radio].alto:checked+label{
    background: #d9534f;
    color:white;
}

.blanco
{
    background: white;
}