@charset "UTF-8";
@font-face {
    font-family:"FonteMont";
    src:url("../_fonts/Montserrat-Regular.ttf");
}
@font-face {
    font-family: "FonteUbuntu";
    src:url("../_fonts/Ubuntu-Regular.ttf");
;
}

/*Formatação de menu*/
nav#Menu {
    background-color: #005096;
    padding: 0.1736111111111111%;
    width: 100%;
    height: 6.510416666666667%;
    float: left;
}
nav#Menu ul {
    list-style: none;
    text-transform: uppercase;
}
nav#Menu li {
    display: inline-block;
    margin: 0.0868055555555556%;
    transition: background-color 0.5s;
    border-radius: 15px;
    padding: 0.7% ;
}
nav#Menu li:hover {
    background-color: #27aae1;
}
nav#Menu li#vermelho:hover {
    background-color: #005096;
}
nav#Menu a {
    color: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
}
nav#Menu li#amarelo {
    background-color: #f5c322;
    margin: 0.0868055555555556%;
    padding: 0.7% ;
	font-size: 150%;
}
nav#Menu li#funcionario {
	background-color: #f5c322;
    margin: 0.0868055555555556%;
    padding: 0.7% ;
	font-size: 150%;
	color: black;
}
nav#Menu a#vermelho {
    display: inline-block;
    margin: 0.0868055555555556%;
    padding: 0.7%;
    width: 5.8%;
    height: 100%;
}
/*MENU DO TOPO*/

#top_menu a {
    text-align: right;
    margin-left:35%;
}

#top_menu {
    padding: 1%;
    text-align: left;
    margin-left: 0.5%;
}

/* Ajuda meio do site*/
#help {
    background-color: #61bc4d;
    padding: 1%;
    text-align: center;
    width: 120%;
    height: 100%;
    margin-top: -17px;
    margin-bottom: 3px;
}

#help h2 {
    margin-left: -300px;
    color: white;
    text-align: center;
    font-size: 100%;
}


/*abaixo do site*/

footer#menu_final2 {
    clear:both;
    background-color:#dddddd;
    font-size: 110%;
    width: 120%;
    margin-left: -6%;
    margin-right: 10%;
    margin-bottom: -1%;
    margin-top: -2%;
}
footer#menu_final2 ul {
    list-style: none;
    text-align: center;
    margin-bottom: -1px;
    margin-right: 120px;
}
footer#menu_final2 li {
    display: inline-block;
    margin: 0.1%;
    padding: 1%;
}
footer#menu_final2 p {
    font-size: 100%;
}
footer#menu_final2 b {
    color: #005096;
}
footer#menu_final2 a{
    text-decoration: none;
    transition: background-color 0.5s;
    border-radius: 20px;
    padding: 4%;
}
footer#menu_final2 a:hover {
    background-color: #fec232;
}

/*Menu lateral*/


footer#semi_final {
    background-color: #ed1c24;
    text-align: center;
    padding: 0.5%;
    margin-top: -1.1%;
    width: 110%;
    margin-left: -1%;
	color:white;
}
footer#final {
    background-color: #9a2b65;
    text-align: center;
    padding: 0.5%;
    width: 110%;
    margin-left: -1%;
	color:white;
}

.whats {
	position: fixed;
	width: 100px;
	height: 100px;
	display: block;
	bottom: 10px;
	right: 20px;
}

/*SlideShow*/
.mySlides {
    display:none;
}
section#SlideShow {
    background-color: #ed1c24;
}

/*Media Queries*/
@media screen and (max-width: 1070px){
	nav#Menu {
		font-size:40%;
	}
	nav#Menu li {
		display:block;
		text-align:center;
		font-size:280%;
	}
	nav#Menu a {
		display:block;
		font-size:280%;
	}
	nav#Menu a#vermelho, nav#Menu li#amarelo {
		font-size:300%;
	}
	#help {
		width:100%;
	}
	#help h2{
		margin-right:20%;
		text-align:right;
		margin-right:2%;
		font-size:80%;
		margin-right:8%;
	}
	#help h2#precisadeajuda {
		font-size:100%;
		margin-right:31%;
	}
	footer#menu_final2{
		width:110.7%;
	}
	footer#semi_final{
		width:101%;
	}
	footer#final{
		width:101%;
	}
	footer#menu_final2 ul {
    margin-right: 10%;
	}
	nav#Menu ul {
		margin-right:9%;
	}
	nav#Menu li#funcionario{
		font-size:100%;
	}
}
@media screen and (min-width: 540px) and (max-width: 700px){
	#help h2{
		margin-right:20%;
	}
	#help h2#precisadeajuda {
		margin-right:36%;
	}
	nav#Menu li#funcionario{
		font-size:100%;
	}
}

@media screen and (min-width: 699px) and (max-width: 1070px){
	#help h2{
		margin-right:28%;
	}
	#help h2#precisadeajuda {
		margin-right:40%;
	}
	#Sub_menu h1 {
    font-size: 120%;
	}
	nav#Menu li#funcionario{
		font-size:100%;
	}
}
@media screen and (max-width: 380px){
	#help h2{
		font-size:60%;
	}
	nav#Menu li#funcionario{
		font-size:100%;
	}
}

@media screen and (max-width: 1420px) and (min-width: 1200px){
	nav#Menu li#funcionario{
		font-size:80%;
	}
	nav#Menu li#amarelo {
		font-size:100%;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1070px){
		nav#Menu li#amarelo {
			font-size:80%;
		}
		nav#Menu a {
			font-size:80%
		}
		nav#Menu li#funcionario{
			font-size:100%;
		}
	}