.formulario { 
  background: #fff;
  -moz-border-bottom-right-radius : 2px;
  -moz-border-bottom-left-radius : 2px;
    -webkit-border-bottom-right-radius : 2px;
    -webkit-border-bottom-left-radius : 2px;
      border-bottom-right-radius : 2px;
      border-bottom-left-radius : 2px;
  width: 60%;    
  margin:10% auto;
}

.rangoFormulario {
  background-color: #FAFBFD;
  border-bottom: 1px solid #485c5a;
  border-top: 1px solid #485c5a;
  color: #485c5a;
  font-size: 15px;
  font-weight: bold;
  height: 30px;
  padding-top: 4px;
  width: 100%;
  padding-left: 10px;
  margin-top: 1px;
}

.rangoFormulario label {
  display: inline-block;
  width: 65px;
  text-align: right;
  padding-right: 2px;  
}

.cabeceraFormulario {
    background: #8A1818;
    text-align: center;
    border-bottom: 1px solid #808080;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cabeceraFormulario label {
    font-size: 20px;
    font-weight: bold;   
    color: #FFFFFF; 
}

.icon-cross2 { 
    margin-top: -10px;
    color: #fff;
    float: right;
    cursor:default;
    font-size: 30px;
} 

.icon-cross2:hover {   
  color: #ffd300;
}

.subtituloFormulario {
  width: 100%;
  margin-top: 15px;
  text-align: center;
}

.subtituloFormulario label {
    font-size: 20px; 
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #0E7FAD;
    color: #555555;
}

.pieFormulario {
    width: 95%;  
    height: 40px;
    text-align: right;
    padding-top: 10px;
}

.salto {
  clear:both;
}

.linea {
  width: 100%;
  display: block;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3%;
}

.linea label {
  font-weight: bold;
  color: #555555;
}


.linea input[readonly] { 
  background-color:#E7D7C3;
  pointer-events: none;
}

.linea input:focus { 
  background-color:#FFFACD;
 
}

::-webkit-input-placeholder { 
    color:#A9A9A9;
}
:-moz-placeholder { 
   color:#A9A9A9;
   opacity:1;
}
::-moz-placeholder { 
   color:#A9A9A9;
   opacity:1;
}
:-ms-input-placeholder { 
   color:#A9A9A9;
}

.linea > div {
  display: inline-block;
}

.linea .lg25 {
  width: 25%;
}

.linea .lg25s {
  width: 25%;
}

.linea .lg50 {
  width: 50%;
}

.linea .lg43 {
  width: 43%;
}

.linea .lg33 {
  width: 33%;
}

.linea .check25 {
  width: 25%;
}

.linea .lg20 {
  width: 20%;
}

.linea .lg15 {
  width: 15%;
}

.linea .lg10 {
  width: 10%;
}

.linea .lg5 {
  width: 5%;
}

.linea .lg8 {
  width: 8%;
}



.linea .lg100 {
  width: 100%;
}

.linea .lg75 {
  width: 75%;
}

.linea input {
  width: 95%;
  font-size: 14px;
  padding-left: 5px;
  border-color: 1px solid #3377B4;
  display: inline-block;
}

.linea input.check {
    width: 10%;
    margin-left: 5px;
}



.linea .lg25s input {
  width: 75%;
  font-size: 14px;
  padding-left: 5px;
  border-color: 1px solid #3377B4;
  display: inline-block;
}

.linea .lg25s button {
  border: none;
  background: transparent;
}

.linea .lg25s button span.icon-search{  
  font-size: 17px;
  
}

.linea .lg25s button:hover span.icon-search{  
  color: #d4314b;

}





.linea select {
  width: 95%;
  font-size: 14px;
  padding-left: 5px;
  border-color: 1px solid #3377B4;
  display: inline-block;
}


.linea textarea {
  width: 95%;
  height: 100px;

}

.linea input.check{
  width: 10%;
  margin-left: 5px;

}

/* ------------------------------ BOTON -------------------------------- */

/* gost button */

button.ghostFormulario {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0E7FAD;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid #0E7FAD;
    margin-top: 10px;
    margin-right: 5px;
    float: right;
    
}

button.ghostFormulario:hover, button.ghost:active {
  color:#555555;
  border: 1px solid #555555;
}

button.ghostAltas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff; /*#8c2445;*/
    padding: 2px 15px;
    background: transparent;
    border: 1px solid #fff;
    margin-top: 0px;
    margin-right: 5px;
    float: right;
    
}

button.ghostAgenda {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555; /*#8c2445;*/
    padding: 2px 15px;
    background: transparent;
    border: 1px solid #555555;
    margin-top: 0px;
    margin-right: 5px;
    float: right;
    
}

button.btnRgFormulario {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555; /*#8c2445;*/
    padding: 2px 15px;
    background: transparent;
    border: 1px solid #555555;
    margin-top: 0px;
    margin-right: 5px;
    float: right;
    
}

button.btnRgFormulario:hover {
  color:#d4314b;
  border: 1px solid #d4314b;
}

button.ghostSearch {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555; /*#8c2445;*/
    padding: 2px 15px;
    background: transparent;
    border: 1px solid #555555;
    margin-top: 0px;
    margin-right: 5px; 
    font-weight: bold;   
}

button.ghostSearch span {
    margin-right: 5px;
}

button.ghostSearch:hover {
    color:#D4314B;
    border: 1px solid #D4314B;
}



button.ghost:active, button.ghostAltas:hover {
  color:#ffcc00;
  border: 1px solid #ffcc00;
}

button.ghostAgenda:hover {
  color:#d4314b;
  border: 1px solid #d4314b;
}

button.ghostPhone {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555; /*#8c2445;*/
    padding: 2px 15px;
    background: transparent;
    border: 1px solid #555555;
    margin-top: 0px;
    margin-right: 5px; 
    font-weight: bold;   
}

button.ghostPhone span {
    margin-right: 5px;
}

button.ghostPhone:hover {
    color:#D4314B;
    border: 1px solid #D4314B;
}


 @media screen and (max-width: 700px) {

  .formulario {
    width: 90%;
  }

  .linea .lg25 {
    width: 100%;
  }

  .linea .lg50 {
    width: 100%;
  }

  .linea .lg33 {
    width: 100%;
  }

  .linea > div {
    display: block;
  }

  .formulario .linea input {
    display:block;
  }

  .formulario .linea input{
    width: 100%;
    
  }

  .formulario .linea select{
    width: 100%;
    
  }

  .linea textarea {
    width: 100%;
    height: 100px;
  }

  .linea input.check{

    /*
    -ms-transform: scale(1.5); 
    -moz-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
    -o-transform: scale(1.5);  */
    width: 10%; /*5%;*/
    margin-left: 10px; /*5px;*/
    display: inline-block;
    float: right;
    margin-top: 5px;

  
  }  

  .linea .check25 {
    display:block;
    width: 100%;
    height: 25px;
  }


  .linea .lg25s {
    width: 100%;
  }

  .linea .lg43 {
    width: 100%;
  }

  .linea .check25 {
    width: 100%;
  }

  .linea .lg20 {
    width: 100%;
  }

  .linea .lg15 {
    width: 100%;
  }

  .linea .lg10 {
    width: 100%;
  }

  .linea .lg5 {
    width: 100%;
  }

  .linea .lg8 {
    width: 100%;
  }

  .linea .lg75 {
    width: 100%;
  }


    
}