@charset "UTF-8";
/* CSS Document */


.logo{
	
	background-color: #c3381b;
	
}
.titulo{
	color: white;
	font: 600;
	font-size: 3em;
	margin-top: 5%;
}

.SUBtitulo{
	color: white;
	font-size: 1.5em;
	}



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

		
	.logo img{
			width: 90%; 
		}	
			
		
		
   .titulo{
	color: white;
	font: 600;
	font-size: 3em;
	margin-top: 5%;
	text-align: center;
	  
}

	}

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

	   .titulo{
		color: white;
		font: 600;
		font-size: 2em;
		margin-top: 5%;

		}

	}



	@media screen and (max-width: 750px) {
		
		.logo{
	
	   /*background-color: #FFFFFF;*/
		text-align: center;	
		
	
      }
		
		.logo img{
			width: 40%; height: auto;
		}	
		
		
		#menu1
		{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10000;		
			
		}
		
		.titulo{
	color: white;
	font: 200;
	font-size: 1.5em;
	  
}


	}




	

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

	.logo{
	
	   /*background-color: #FFFFFF;*/
		text-align: center;	
	
      }
		
		.logo img{
			width: 40%; height: auto;
		}	
		
		
		#menu1
		{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10000;		
			
		}
		
		.titulo{
			color: white;
			font: 600;
			font-size: 1.5em;
			margin-top: -5px;
			text-align: center
	
	  
				}

		
		
	}



.warningFormulario {
	
	background-color: #ca401d ;
	color: #fff;
	font-size: 14px;
}

.goodFormulario {
	
	background-color: #029E11 ;
	color: #fff;
	font-size: 14px;
}