<style type="text/css">
	
	html {
		
		position: relative;
		min-height: 100%;
	}

	body{
	
		margin:0;
		font-family:Arial;
		background-color: #d9e6f2;	
		
		
	}
	

	.container-fluid {
  
	   margin: 2% auto;
	   width: 70%;
	   background-color:#ffffff;
	   box-shadow: 0 2px 5px rgba(0,0,0,0.16), 0 2px 5px rgba(0,0,0,0.23);
	 
	    
	  
	}

	.principal{
	
		margin: 25px auto;
		width: 90%;
		background-color:#ffffff; 
		height: 90%;

	}

	.interno{

		
		margin: 0 auto;
		width: 100%;
		height: 100%;
		background-color:#ffffff; 
		

	}
	
	
	.div_1{
	
		margin: 0 auto;
		width:50%;
		float:left; 
		background-color:#ffffff; 
		height: 100%;
	
	}
	.div_2{
	
		width:50%;
		float:left; 
		background-color:#ffffff; 
		height: 100%;
	
	}
	#texto_inicio{
		
		font-size:16px;
		font-family: Arial;
		color:#005ca9;;

	}
	
	#texto_inicio_1{
		
		font-size:16px;
		font-family: Arial;
		color:#005ca9;;

	}
	#texto_inicio_2{
	
		font-size:16px;
		font-family: Arial;
		color:#005ca9;;
	
	}
	
	#barra_nome{
	
		background: #ffffff;	
		text-align: center;
		font-size:16px;
	}
	
	#barra_cabecalho{

		background: #4FA4DB;
		color: #ffffff;
		padding: 5px;
		border-radius: 5px;
		box-shadow: 0 2px 1px rgba(0,0,0,0.16), 0 2px 1px rgba(0,0,0,0.23);

	}
	
	#barra_cadunico{
	
		background: #ffffff;
		color: #cc0000;
		
	
	
	}
	

	p label{
	  color: #0B3861;
	  position: relative;
	  font-size: 20px;
	}

	input[type="text"]{   
		
		font-size:16px;
		text-transform: uppercase;
		font-family:calibri;
		padding: 8px 10px;
		-webkit-border-radius: 5px;

	}

	/*estilo do botão submit */
	input[type="submit"]{
	  
	  width: 60%!important;
	  cursor: pointer;  
	  background: #3d9db3;
	  padding: 8px 10px;
	  color: #fff;
	  font-size: 20px;  
	  border: 1px solid #ffffff;   
	  margin-bottom: 10px;  
	  text-shadow: 0 1px 1px #3d9db3;
	  font-size: 18px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	 
	  transition: all 0.2s linear;
	}
	 
	/*estilo do botão submit no hover */
	 input[type="submit"]:hover{
	  background: #4ab3c6;
	 
	}

	div.texto1 {
		
		 border-style: solid;
		 border-bottom-width: 0;
		 border-top-width: 0;
		 border-right-width: 0;
		 border-left-width: 0;
		 border-color: #9bc9e8;
		 height: 14em;
		 position: relative

		 }

	div.texto1 p {
		margin: 0;
		font-size:20;
		color: #ffffff;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%) 
		
		}
		
		
	div.texto2 {
		
		 border-style: solid;
		 border-bottom-width: 2px;
		 border-top-width: 0;
		 border-right-width: 0;
		 border-left-width: 0;
		 border-color: #9bc9e8;
		 height: 40px;
		 position: relative;

	}	
		 
	div.texto2 p {
		margin: 0;
		font-size:18px;
		color: #ffffff;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -80%;
		transform: translate(-50%, -50%) 
				
				
	}

	.rodape{
		
		background: #df990b;
		font-size: 14px;
		color: #ffffff;
		box-shadow: 0 2px 1px rgba(0,0,0,0.16), 0 2px 1px rgba(0,0,0,0.23);
		position: fixed;
		bottom:0;
		width:100%;
		margin: auto auto;
		padding: 10px 5px;
				

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

	

	.container-fluid {
  
	   margin: 2% auto;
	   width: 90%;
	   background-color:#ffffff;
	   box-shadow: 0 2px 5px rgba(0,0,0,0.16), 0 2px 5px rgba(0,0,0,0.23);
	   margin-bottom:0;
	   padding-bottom: 30%;
	}

	.principal{
	
		margin: 25px auto;
		width: 100%;
		background-color:#ffffff; 
		height: 100%;

	}

	.interno{

		
		margin: 0 auto;
		width: 90%;
		height: 100%;
		background-color:#ffffff; 
		

	}
	
	
	.div_1{
	
		width:100%;
		float:left; 
		background-color:#ffffff; 
		
	
	}
	.div_2{
	
		width:100%;
		float:left; 
		background-color:#ffffff; 
		
	
	}
	
	.rodape{
	
		background: #df990b;
		font-size: 11px;
		color: #ffffff;
		box-shadow: 0 2px 1px rgba(0,0,0,0.16), 0 2px 1px rgba(0,0,0,0.23);
		width: 100%;
		position: relative;
		padding-bottom: 15px;
		

	}

		
	

	input[type="text"]{
	  
		   outline: none;
		   width: 100%!important;
		   font-size: 18px;
	       -webkit-border-radius: 5px;
	}

	p label{
		  color: #0B3861;
		  position: relative;
		  font-size: 20px;
	}
			
		/*estilo do botão submit */
	input[type="submit"]{
	
		  width: 100%!important;
		  cursor: pointer;  
		  background: rgb(61, 157, 179);
		  padding: 10px 6px;
		  color: #fff;
		  font-size: 14px;  
		  border: 1px solid #fff;   
		  margin-bottom: 10px;  
		  text-shadow: 0 1px 1px #333;
		 
		  -webkit-border-radius: 5px;
		  border-radius: 5px;
		 
		  transition: all 0.2s linear;
	}

		/*estilo do botão submit no hover */
	input[type="submit"]:hover{
			  background: #4ab3c6;
			 
	}

	div.texto1 {
				
				 border-style: solid;
				 border-bottom-width: 0;
				 border-top-width: 0;
				 border-right-width: 0;
				 border-left-width: 0;
			
				 border-color: #9bc9e8;
				 height: 16em;
				 position: relative

	}

	div.texto1 p {
	
				margin: 0;
				font-size:30;
				color: #ffffff;
				position: absolute;
				top: 60%;
				left: 50%;
				margin-right: -50%;
				transform: translate(-50%, -50%) 
				
	}

	div.texto2 {
				
				
				 border-style: solid;
				 border-bottom-width: 2px;
				 border-top-width: 0;
				 border-right-width: 0;
				 border-left-width: 0;
				 border-color: #9bc9e8;
				 height: 40px;
				 position: relative

	}	
	
	div.texto2 p {
				margin: 0;
				font-size:16px;
				color: #ffffff;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-right: -50%;
				transform: translate(-50%, -50%) 
				
	}

	#texto_inicio_1{
		
		font-size:14px;
		font-family: Arial;
		color:#005ca9;;

	}
	#texto_inicio{
		
		font-size:14px;
		font-family: Arial;
		color:#005ca9;;

	}
	
	#barra_nome{
	
		background: #ffffff;	
		text-align: center;
		font-size:30;
	}
	
	#barra_cabecalho{

		background: #4FA4DB;
		color: #ffffff;
		padding: 6px 10px;
		font-size: 12px;
		border-radius: 5px;
		box-shadow: 0 2px 1px rgba(0,0,0,0.16), 0 2px 1px rgba(0,0,0,0.23);
	}
	
	#barra_cadunico{
	
		background: #ffffff;
		color: #cc0000;
		font-size: 14px;
		
	
	
	}
	
}

</style>
