/*reset*/
*{
	margin: 0;
	padding: 0;
	border: 0;	
}
a{
	text-decoration:none;
	color:rgba(250,250,250,0.6);
}
a:hover{
	color:rgba(250,250,250,1);
}

ul,ol{
	list-style:none;
}
/*fonts*/
@font-face {
     font-family:dms;
     src: url('../fonts/dms.otf');
}
@font-face {
     font-family:myriad;
     src: url('../fonts/myriad-pro-8.otf');
}
@font-face {
     font-family:myriad-thin;
     src: url('../fonts/myriad-pro-light-semiextended.otf');
}
@font-face {
     font-family:myriad-black;
     src: url('../fonts/myriad-pro-black.otf');
}
@font-face {
     font-family:social;
     src: url('../font/social.ttf');
}
.main{
	width:100%;
	height:2000px;
	display:flex;
	flex-direction:column;
}
.header{
	display:flex;
	flex-direction:rows;
	justify-content:space-between;
	width:100%;
	height:4.1rem;
	top:0;
	position:fixed;
	background-color:rgba(250,250,250,0.2);	
	box-shadow:1px 1px 3px rgba(0,0,0,0.8);
	z-index:10;
}
.header-visible{
	text-shadow:0px 1px 2px rgb(0,0,0);
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(27,131,245)), to(rgb(5,5,169)));
    background : -moz-linear-gradient(top, rgb(27,131,245), rgb(5,5,169));
    border-top: 1px solid rgb(5,5,169);
	opacity:0.9;
}
.logo{
	width:15%;
	height:4rem;
	margin-left:2rem;
	line-height:4rem;
	text-align:center;
	font-family:dms;
	font-size:2rem;
	text-shadow:1px 2px 3px rgb(0,0,0,0.3);
	color:rgba(0,152,239,0.8);
	cursor:pointer;	
}
.logo span{
	color:rgba(139,0,0,0.8);
}
.nav{  
	width: 53%;
	height:4rem;
	font-size: 1.2rem;	
	font-family:myriad;	
	padding-left:4rem;	
}

.nav ul{    
    position: relative;
    float: right;
    margin-right: 100px;
    display: inline-table;
}
.nav ul li{	
    float:left;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.nav ul li:hover{
	background-color:rgb(5,5,169);
	
}
.nav ul li:hover > ul{
	display: block;
}
.nav ul li a{
    display: block; 
    padding:1.3rem 30px;   
}
.nav ul ul{
    display: none;    
    position: absolute; 
    top: 100%;
    box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.1);
}
.nav ul ul li{
	float: none; position: relative;
}
.nav ul ul li a {
    padding:1.3rem 30px; 
    border-bottom: 1px solid rgba(0,0,0,.05);
 }
 .nav ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}
.search{
	width:23%;
	height:4rem;
	font-family:myriad-thin;
	font-size:1.2vw;		
	line-height:4rem;	
}
.input-form{
	width:15rem;
	height:2.1rem;
	border:1px solid rgba(250,250,250,0.3);
	border-radius:0.5rem;
	box-shadow:1px 2px 3px rgba(0,0,0,0.3);
	background-color:transparent;
	outline:none
}
::-webkit-input-placeholder  {
	font-family:myriad-thin;
	font-size:1.2rem;	
	color:rgba(250,250,250,0.6);
	padding-left:5px;
}
input:-moz-placeholder { 
	font-family:myriad-thin;
	font-size:1.2rem;	
	color:rgba(250,250,250,0.6);
	padding-left:5px;
}
.search .botao{
	width:10%;
	min-width:2.2rem;
	height:2.2rem;
	border-radius:0.5rem;
	background-color:#0098EF;
	color:#FFF;
	text-shadow:1px 2px 2px rgba(0,0,0,0.8);
	box-shadow:1px 2px 2px rgba(0,0,0,0.3);
	cursor:pointer;
}
.search .botao:hover{
	background-color:#0040FF;
}
.topo{
	width:100%;
	height:41rem;
	margin-top:0rem;	
	text-align:center;
	font-size:6vw;
	padding-top:14rem;
	background-image:url('../img/fundo-01.jpg');
	background-attachment: fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-bottom: 2px solid transparent;	
	-moz-border-image: -moz-linear-gradient(to right,#FAAC58 0%, #B45F04 50%,#FAAC58 100%);
	-webkit-border-image: -webkit-linear-gradient(to right,#FAAC58 0%, #B45F04 50%,#FAAC58 100%);
	border-image: linear-gradient(to right,#FAAC58 0%, #B45F04 50%,#FAAC58 100%);
	border-image-slice: 1;
}
.topo h1{
	font-family:myriad-black;	
	color:rgba(250,250,250,1);
	/*text-shadow:2px 3px 4px rgba(0,0,0,0.8);*/
	text-shadow:2px -2px 3px rgba(0,0,0,0.6),-2px 2px 3px rgba(0,0,0,0.6), 2px 2px 3px rgba(0,0,0,0.6), -2px -2px 3px rgba(0,0,0,0.6);
	opacity:0.9;
	
}
.topo h1:hover{
	opacity:1;
}
.section{
	width:90%;
	height:41rem;
	margin:3rem auto;
	background-color:#fff;
}