/*Portada*/
  #general{
    background: url("../images/sudmedica-portada.jpg") top center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/sudmedica-portada.jpg");
    position:relative;
    background-size: cover;
    position:relative;
    background-attachment: fixed;
  }
  .form-group{
    width: 900px;
    height: 1450px;
    background-color: white;
    margin: 0 auto;
  }
  .form-header{
    width: 900px;
    height: 232px;
    background-color: #D9D9D9 ;
    
  }
  h1{
    font-size: 34px;
    display: flex;
    justify-content: center;
    position: relative;
    top: 80px;
    color: #11406F;
  }
  .form-header > h2{
    color: #7c7979;
    font-size: 15px;
    display: flex ;
    justify-content: center ;
    position: relative;
    top: 85px;
    
  }
  #imagenFormulario{
    position: relative;
    width: 74px;
    height: 130px;
    left: 90px;
    top: -55px;
  }
  h5{
    font-size: 16px;
    color: #7c7979; 
    position: relative;
    left: 79px;
    top: 20px;
  }
/*radiobutton*/
.radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
  left: 8%;
}

.radio-item input[type='radio'] {
  display: none;
}

.radio-item label {
  color: #11406F;
  font-weight: normal;
}

.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 3px solid #004c97;
  background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #96C120; 
}
 
/*Labels formularios*/

#boxrut{
  color: #11406F;
  font-size: 18px;
  position: relative;
  left: 80px;
  top: 20px;
  width: 200px;
  height: 20px;
  display: none;
  
  
}
#boxpasaporte{
  color: #11406F;
  font-size: 18px;
  position: relative;
  left: 80px;
  top: -20px;
  width: 200px;
  height: 20px;
  display: none;
  
}
#inputrut{
  color: #004c97;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
border-radius: 5px;
border: 0.2px solid #666666;
padding: 0 1px 0 1px;

}
#inputpasaporte{
  color: #004c97;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
border-radius: 5px;
border: 0.2px solid #666666;
padding: 0 1px 0 1px;

}

.Nombres{
 color: #11406F;
  font-size: 18px;
  position: relative;
  left: 80px;
  width: 200px;
  top: 25px;
  width: 720px;
}

.MlastNamegeneral{
  color: #11406F;
  font-size: 18px;
  position: relative;
  left: 80px;
  width: 720px;
  top: 35px;
}
.emailgeneral{
  color: #11406F;
  font-size: 18px;
  position: relative;
  left: 80px;
  width: 720px;
  top: 45px;
}
.phone{
  color: #11406F;
  font-size: 18px;
  position: relative;
  left: 80px;
  width: 720px;
  top: 55px;

}
.addressgeneral{
  color: #11406F;
  font-size: 18px;
  position: relative;
  left: 80px;
  width: 720px;
  top: 65px;
}
#regiones{
  position: relative;
  left: 80px;
  top: 85px;
  font-size: 20px;
  height: 2.5%;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 3.5px;
  color: #666666;

}

#comunas{
  width: 29%;;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 2.5%;
  position: relative;
  left: 100px;
  top: 85px;
  font-size: 20px;
  color: #666666; 

}
#info1{
  font-size: 16px;
  color: #7c7979;
  position: relative;
  top: 110px;
  left: 80px;
}
#info2{
  font-size: 14px;
  color: #7c7979;
  position: relative;
  top: 120px;
  left: 80px;
}
#textosolicitud{  
  position: relative;
  top: 130px;
  left: 80px;
  color: #11406F;
  font-size: 18px;
}
textarea {
  position: relative;
  top: 120px;
  left: 80px;
  width: 720px;
  height: 200px;
  border-radius: 1%;
  border-color: #7c7979;
}
#subirarchivo{
  position: relative;
  top: -185px;
  left: 55%;
  
}
#subirarchivo
{
  color:#666666;
}
.boton-enviar{
  background-color: #96C120;
  color: white;
  position: relative;
  left: -5%;
  font-size: 100%;
  top: -2%;
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  height: 40px; 
} 

.boton-enviar:hover {
  background-color: #11406F; 
  color: white;
}

/* CSS ESPECIAL RECLAMOS*/


#tituloselect{
  color: #11406F;
  left: -20px; 
  font-size: 17px;
  top: 15px;
  color: #7c7979;
  font-weight: lighter;
  
  }
  
  #areas{
  position: relative;
  color: #11406F;
  left: 31%;
  top: 1%;
  font-size: 18px;
  height: 2.5%;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 3.5px;
  color: #666666;
  width: 35%;
  
  
  }

  #area{
    color: #11406F;
    font-size: 20px;
    font-weight: lighter;
    position: relative;
    top: 15px;
    left: 44%;
  }
  .boton-enviarR{
    background-color: #96C120;
    color: white;
    position: relative;
    left: -5%;
    font-size: 100%;
    top: -3%;
    width: 350px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    height: 40px; 
  } 
  .form-groupR{
    width: 900px;
    height: 1550px;
    background-color: white;
    margin: 0 auto;
  }
 

/*Vista enviado*/

#cardP{
  margin: 0 auto;
  position: relative;
  align-content: flex-end;
  color: #004c97;
  width: 734px;
  height: 446px;
  left: 0%;
  align-items: center; 
  justify-content: center;

  
}
.card-header{
 
  width: 734px;
  height: 145px;
  background-color: #96C120;
}
.card-body i{
  color: #96C120;
  font-size: 70px;
}
.card-title{
  color: #11406F;
  font-size: 36px;
  left: 13px;
}
.card-text{
  font-weight: bold;
  color: #666666;
  font-size: 70%;
}
#volver{
  background-color: #96C120;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  height: 40px; 
}
#volver:hover {
  background-color: #11406F; 
  color: white;
}
#imagenFormulario2{
  position: relative;
  width: 310px;
  opacity: 0.1;
  filter: alpha(opacity=40); 
  left: 58%;
}