.btnhover {
    width: 300px; 
    font-size:20px; 
    background-color:#e86130; 
    color:#ffff; 
    border:1px solid #607d8b; 
    border-radius:5px; 
    padding:8px; 
    margin:25px 0 0 0;
}
.btnhover:hover {
    font-size: 22px;
}



.gfBarraTit {
    width:100%; 
    height:100px; 
    background-color:#e86130;    
}
.gfBarraTit img {
    height: 80%; 
    margin: 12px;
}

#imgIzqDiv {
    display:none; 
    height:fit-content; 
    justify-content:left; 
}
.divForm {
    display:grid; 
    width:100%; 
    height: fit-content; 
    justify-content:center; 
    font-size: 20px;
}
#divFormTitulo {
    font-family: Open Sans,Arial,Tahoma,sans-serif; 
    font-weight: 900; 
    margin:50px 0 20px 0; 
    text-align:center; 
    font-size: 25px;
}
#divFormLote {
    justify-content:center; 
    display:flex;
}
.formLot {
    width: 300px; 
    border: 1px solid #607d8b; 
    border-radius:4px;
    padding: 25px;
}
label {
    font-family: Open Sans,Arial,Tahoma,sans-serif; 
    color:#607d8b;
}
input[type=text] {
    font-family: Open Sans,Arial,Tahoma,sans-serif; 
    width: Calc(100% - 25px); 
    border: 1px solid #607d8b; 
    border-radius: 10px;
    padding: 10px;
    font-size: 20px;
}
#Msg {
    visibility:hidden; 
    font-size:20px; 
    max-width:330px; 
    padding: 17px; 
    text-align: justify; 
    color: #721c24; 
    background-color: #f8d7da; 
    border: solid 1px #f5c6cb; 
    border-radius: 15px;
}
#divContacto {
    width: 360px;  
    border: 1px solid #607d8b; 
    border-radius:4px;
    padding: 15px;
    background-color:#fff; 
    font-family: Open Sans,Arial,Tahoma,sans-serif;
    font-size: 15px; 
    text-align: justify; 
    position:absolute; 
    top: 160px;
    left: Calc(50% - 200px);
}
#divContacto label{
    font-size: 11px;
    margin: 3px 0 0 11px;
    display: block;
    visibility:hidden;
}
.iconoInput {
    color:#e86130; 
    position: absolute; 
    margin: 8px;    
}
#divContacto input[type=text]{
    border-radius: 7px;
    padding: 6px 10px 6px 32px;
    font-size: 15px;
    width: Calc(100% - 45px); 
}

.btnContacto {
    width: 100px; 
    background-color:#e86130;
    color:#ffff; 
    border:1px solid #607d8b; 
    border-radius:5px; 
    padding:8px; 
    margin:10px 0 0 0;    
}
.btnContacto:hover {
    font-size: 14px;
}

#Desc {
    cursor: pointer;
    text-align: center;
    font-size: 17px;
}
#Desc img{
    margin-left:40px;
    width: 120px;
}
#Desc:hover {
    font-size: 20px;
}
#Desc:hover img{
    font-size: 20px;
    width: 130px;
}




.gerforMdModal {
    display: block;
    position: fixed;
    /*top: 50px; left: 50px; bottom: 50px; right: 50px;*/
    background: white;
    z-index: 100;
}

.gerforMdOverlay {
    position: fixed;      
    top: 0; left: 0; bottom: 0; right: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
}	
        
.gerforDivEspera {
    position:absolute; 
    top: calc(50% - 50px); 
    left: calc(50% - 185px);
}

/*----------------Icono Espera------------------------*/
#prg { height: 80px; font-size:12px; font-weight: bold; margin: 5px 10px; padding: 10px; }
#prg ul { margin-left: 60px; margin-top: 10px; }
#prg li { 
list-style:none;
float: left;
width: 15px; 
height: 50px;
background: #f1f2f9; /*#aeb5da;*/
border: 1px solid #8490c6;
box-sizing: border-box;
margin-right:8px;
opacity: 0.2;
}

#prg li:nth-child(1) {
animation-name: anim;
animation-duration: .9s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#prg li:nth-child(2) {
animation-name: anim;
animation-duration: .9s;
animation-delay: .2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#prg li:nth-child(3) {
animation-name: anim;
animation-duration: .9s;
animation-delay: .4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#prg li:nth-child(4) {
animation-name: anim;
animation-duration: .9s;
animation-delay: .6s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
#prg li:nth-child(5) {
animation-name: anim;
animation-duration: .9s;
animation-delay: .8s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes anim {
from {
    opacity: 1;
    transform: scale(1.1);
}
to {
    opacity: 0.2;
    transform: scale(1);
}
}
/*----------------Fin Icono Espera------------------------*/


/********   RADIO BTN    *********/
.radio {
    display: flex;
    height:22px;
    margin:0;
    align-items: center;
    font-size:12px;
    position: relative;
    cursor: pointer;
  }
  
  .radio input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .checkRd {
      position: absolute;
      width:16px; 
      height:16px; 
      border-radius:16px; 
      border:1px solid #999; 
      padding:4px;
  
      background-color: #ccc;
      -webkit-transition: .2s;
      transition: .2s;
  }
  
  .checkRd div {
      width:100%;
      height:100%; 
      border-radius:50%; 
      border:2px solid #fff; 
      margin: -2px;
  }
  
  
  .radioTxt {
      display: block;
      margin: -5px 0 0 37px;
      color: #999;
      font-size: 12px;
    
      -webkit-transition: .2s;
      transition: .2s;
  }
  
  input[type=radio]:checked + .checkRd {
    background-color: #ff7f27; /* #2196F3;*/
  }
  
  input[type=radio]:checked + span + .radioTxt {
     color: #333;
  }
  
  
  /*
  input[type=radio]:checked + .radioTxt {
    color: #333;
  }
  
  
  .radio:hover input[type=radio]:not(:checked) + .radioTxt{
      background: #B1E8CD;
  }
  */
  
  input:focus + .checkRd {
    box-shadow: 0 0 2px #2196F3;
  }
  /********  FIN RADIO BTN    *********/