@import 'css/styles.css';

body
{

background-image: linear-gradient(45deg, darkorange, white);

background-image: -ms-linear-gradient(45deg, darkorange, white);

background: -webkit-linear-gradient(45deg, darkorange, white);
background: -moz-linear-gradient(45deg, darkorange, white);
background: -o-linear-gradient(45deg, darkorange, white);
-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#81aea7′, EndColorStr='#81aea7′)";
-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#81aea7′, EndColorStr='#81aea7′)";
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#006353', EndColorStr='#c7dad6', GradientType=0);

}

h1
{
	color:black;
	text-align:center;
}
p
{
	font-family:"Arial";
	font-size:20px;
}

a
{
	font-family:"Arial";
	font-size:12px;
	color:black;
}
#entradaText
{
	width: 480px;  
	top:250px;
    height: 30px;  
	position: absolute; 
	
}

#titulo
{
	left:50%;
	top:30%;
	
}

#opcoes{
	
font-size:16pt;
color:#FFF;
text-shadow:#0FF 0.0em 0.0em 0.3em;

	
}

#logo{
			
		position:absolute;	
		top:9%;
		left:28%;
		width:40%;
			
}

#nome_empresa{
			position:absolute;
			top:10%;
      		        left:50%;
                        margin-left: -300px;
			font-size: 100px;
			font-weight: bold;
			color: white;
			text-shadow: blue 0.0em 0.0em 0.3em;
			
		
		
		}
		
		
		
#frase1{
			position:absolute;
			top:30%;
      		        left: 50%;
			margin-left: -160px;
			font-size: 30px;
			font-weight: bold;
			color: white;
			text-shadow: blue 4px 4px 4px;
			
		
		
		}

#frase2{
			position:absolute;
			top:37%;
      		        left: 50%;
			margin-left: -260px;
			font-size: 30px;
			font-weight: bold;
			color: white;
			text-shadow: blue 4px 4px 4px;
			
		
		
		}
		
#nomeVasculhar
{
	font-family:"Arial";
	font-size:80px;
	color:black;
	position: absolute; 
	left:220px;
	top: 80px;
}


#mais
{
	position: absolute; 
	right:0%;
	top: 43%;
	height:120px;
	width:100px;

	


}

#voltar
{
	position: absolute; 
	left:0%;
	top: 43%;
	height:120px;
	width:100px;

	


}

#atualizar
{
	position: absolute; 
	right:0%;
	top: 43%;
	height:150px;
	width:200px;

	


}

#divFormulario
{
	position: absolute; 
	left:10%;
	top: 43%;
}

#divLinks
{
	position: absolute; 
	left:37%;
	top: 95%;
}

#paginaInside
{
	position: absolute; 
	left: 270px;
	top: 130px;
}

#nomeVasculharPesquisa
{
	font-family:"Arial";
	font-size:80px;
	color:black;
	position: absolute; 
	left: 480px;
	top: -70px;
}
	
@font-face {
  font-family: 'HighlandGothicFLFRegular';
  src: url('fonts/HighlandGothicFLF.eot');
  src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('fonts/HighlandGothicFLF.ttf') format('truetype');
}

input#btn {
  /* General Properties */
  height:68px;
  width:180px;
  border:1px solid #000;
  background:#717a77;
  cursor:pointer;
  /* CSS3 Styling */
  background:-moz-linear-gradient(bottom, #0a0809, #0a0f0b 50%, #6d7673 50%, #afbdc0);
  background:-webkit-gradient(linear, left bottom, left top, from(#0a0809), to(#afbdc0), color-stop(0.5, #0a0f0b), color-stop(0.5, #6d7673));
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  -moz-box-shadow:0px 0px 7px rgba(255, 255,255, 0.5);
  -webkit-box-shadow:0px 0px 7px rgba(255, 255,255, 0.5);
  box-shadow:0px 0px 7px rgba(255, 255,255, 0.5);
  /* Text Styling */
  color:#FFF;	
  text-shadow:0px 0px 10px #00F;
  font-family:'HighlandGothicFLFRegular', Impact, 'Arial Black', sans-serif;
  font-size:40px;
  padding-bottom:5px;
}

input#btn:hover {
  font-size:21px;
  -moz-box-shadow:0px 0px 7px rgba(255, 255,255, 1);
  -webkit-box-shadow:0px 0px 7px rgba(255, 255,255, 1);
  box-shadow:0px 0px 7px rgba(255, 255,255, 1);
}

input#btn:focus {
  -moz-box-shadow:0px 0px 7px rgba(255, 255,255, 0.75);
  -webkit-box-shadow:0px 0px 7px rgba(255, 255,255, 0.75);
  box-shadow:0px 0px 7px rgba(255, 255,255, 0.75);
}
  
input#btn:active {
  border-width:2px 1px 1px 2px;
  font-size:20px;
}


.formulario {
	 
	background:#DADADA;color:#000;
	border: #000 5px solid;padding: 2px;
	border-radius:20px; -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-align:center;
	width:250px;
	height:30px;
	font-size:14px;
	 
 }
 
 .formulario_anuncio {
	 
	background:#CCC;color:#000;
	border: #000 3px solid;padding: 2px;
	border-radius:20px; -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-align:center;
	width:250px;
	height:20px;
	font-size:14px;
	 
 }
 
 
 
 .letras{
	 
	color: white;
	font-size:48px;
	text-shadow: blue 0.0em 0.0em 0.5em;
	
			
 }
 
.usuario{
	
	font-size:14px;
	font-weight:bold;
	margin-left: 20px;
	
}
 
 .titulo{
	 
	 font-size:30px;
	font-weight:bold;

	 
 }
 
 .botao{
	 background:#9C9C9C;color:#fff;
	border: #000 1px solid;padding: 10px;
	border-radius:10px; -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
	font-family:"Comic Sans MS", cursive;
	font-weight:bold;
	font-size:15px;
	 
 }