body {font-family: 'Roboto', sans-serif; }
a {text-decoration: none;}
ul {list-style-type: circle;}


.contenedor_principal{
	text-align:center;
	width:100%;
	font-size:18px;
}

.contenedor_principal h1{
	text-align:center;
	font-family:'Roboto', Helvetica,Arial,FreeSans,sans-serif; 

	color:#015284;
	
}

p {font-weight:bold; color:#004992}


#idprovincia , #idcompa {font-size:14px; size:10; font-family:'Roboto', Helvetica,Arial,FreeSans,sans-serif;  background-color:#FFFFFF; color:#015284; font-weight:bold; border:none; border-radius:3px; padding-left:5px;-webkit-appearance: none; height:150px;}

 label {color:#015284; margin-right:5px;}
 
  
@media only screen and (max-width: 450px) {
  /* For mobile phones: */
  #idprovincia , #idcompa {font-size:14px; size:10; font-family:'Roboto', Helvetica,Arial,FreeSans,sans-serif;  background-color:#FFFFFF; color:#015284; font-weight:bold; border:none; border-radius:3px; padding-left:5px;-webkit-appearance: none; height:30px;}
}

button{
  border-radius:5px;
  width: 70%;
  max-width:300px;
  color:#fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  content: '.';
  height: 45px;
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
  cursor: pointer;
  background-color:#4C92BE;
  font-family:'Roboto', Helvetica,Arial,FreeSans,sans-serif;}
  
  
   button:hover {opacity:0.7;}
  
  fieldset {border:none; background-color:#82b5d4; padding:40px 20px; border-radius:4px; max-width:700px; margin:0px auto; size:10;}
  
  
   .titulo {font-weight:bold; color:#00bfd5; line-height:100%;}
   
   
  
  

/************************************************************************ de 480px para abajo  MÓVIL****************************************************************/
@media only screen and (max-width: 480px){
	
	.contenedor_principal h1{
		font-size:30px;
	}
	
	label {font-size:18px;}
	
	.titulo {font-size:140%; }

}

/************************************************************************ de 481px a 767px  TABLET ****************************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px){
	
	.contenedor_principal h1{
		font-size:32px;
	}
	
	label {font-size:19px;}
	
	.titulo {font-size:160%; }



}

/**************************************************************************** de 768px hasta 979px  LAPTOP  ***********************************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	
	.contenedor_principal h1{
		font-size:35px;
	}
	
	label {font-size:20px;}
	
	.titulo {font-size:180%; }
	
}

/********************************************************************DESDE 1025px ORDENADOR  *****************************************************************************/
@media only screen and (min-width: 1025px) {
	
	.contenedor_principal h1{
		font-size:39px;
	}
	
	label {font-size:20px;}
	
	.titulo {font-size:200%; }

}