/*************************** MONITOR  GRANDE ***********************************/
/*************************** MONITOR  GRANDE ***********************************/
/*************************** MONITOR  GRANDE ***********************************/
/*************************** MONITOR  GRANDE ***********************************/
.contenedor-formulario
{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin:20px;
	text-align: center;
		
	border-style: solid;
	border-width: 1px;
	border-color: blue;   
	font-family: Arial, Helvetica;
 }
 
 .form-group
{
   display: flex;
   flex-direction: row;
}
 
 .form-group label
{
	width: 100px;
	height: 25px;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	margin-top: 6px;
}

.form-group .input-control
{
	margin-bottom: 10px;
	margin-right: 8px;
	margin-left: 3px;
	height: 25px;
	
	font-family: Helvetica;
	font-size: 16px;
	text-transform: uppercase;  
}

.input-control
{
	text-transform: uppercase;  
}


.input-control:focus
{
	background-color:#F6CEF5;
}
 

.boton
{
  background-color: DodgerBlue; 
  border: none; 
  color: white; 
  padding: 15px;
  margin-top:10px;
  margin-right:10px;
  margin-left:5px;
  font-size: 16px; 
  cursor: pointer; 
  /* redondeado */
  border-radius: 8px;
}

.boton:hover
{
  background-color: RoyalBlue;
}

.boton:disabled 
{
  background-color: red;
  cursor: not-allowed;
}

#mensaje
{
	margin-top:25px;
}

 .leyenda
 {
 	font-weight: bold;
	font-size: 22px;
	font-family: Helvetica;
	color: brown;
 }
/**************************** TAMAÑO TABLET ************************************/
/**************************** TAMAÑO TABLET ************************************/
/**************************** TAMAÑO TABLET ************************************/
/**************************** TAMAÑO TABLET ************************************/
@media (max-width: 1000px)
{
	
.contenedor-formulario
{
	border-color: green;
	margin:20px;	
}

.form-group .input-control
{
	font-size: 16px; 
	/*background-color: yellow;*/
}

.form-group label
{
	text-align: right;
	font-size: 16px; 
}   

}


/**************************** TAMAÑO MÓVIL ************************************/
/**************************** TAMAÑO MÓVIL ************************************/
/**************************** TAMAÑO MÓVIL ************************************/
/**************************** TAMAÑO MÓVIL ************************************/
@media (max-width: 780px)
{
	
.contenedor-formulario
{
	border-color: fuchsia;   
	padding: 20px;
	margin:20px;
}

.form-group
 {
	 flex-direction: column;
 }
		   
.form-group .input-control
{
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 5px;
	min-width: 95%;
	font-size: 14px; 
	background-color: initial;
}

.form-group label
{
	text-align: left;
	margin-top: 0px;
	height: 15px;
	font-size: 14px; 
	font-weight: normal;
}   

.input-control:focus
{
	  background-color:#F6CEF5;
}

.boton
{
  margin-right:0px;
  margin-left:0px;
  font-size: 14px; 
}


}