/* CSS Document */
body{
/:*width : 1000px; */
width: 100%;
font-size : 1.2em;
line-height: 1.5;
font-family: "MS UI Gothic","Hiragino Mincho Pro" "Helvetica Neue", Helvetica, Arial, sans-serif,"Hiragino Mincho Pro";

}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.fullpage
{
 margin: 0 auto;
 max-width: 1200px;
}
.header{
		width:100%;
		height: 100px;
		/*margin-top: 3.6em;
		margin-bottom: 3.6em;*/
		
}
img{
  width : 100%;
}
.menu {
width: 100%; /*840px / 1128px */
float: left;
}

.menu ul {
float: left;
padding : 0;
}

.menu li {
font-size: 1.5em;
/*margin-top: 1em;*/
display: inline-block;
}


li{
  color : black ;
  border-right : 1px solid white;
  border-bottom : 1px solid silver;
  }
.menu ul li{
background-color : seagreen;
color : white;
float : left;
width : 240px;
height : 60px;
display : inline-block; /* tira bolinhas entre itens*/
line-height : 60px; /* centraliza vertical*/
text-align : center;
}
.menu ul li:hover{
background-color : limegreen;
}
.menu ul{
padding : 0; /* sem nao funciona submenu some antes de clicar(por que?) */
position : relative;
}
.menu ul ul{
display : none;
}
.menu ul li:hover > ul{
display : block;
}
.menu ul ul li{
   font-size : 1.0em;
}
.menu a{
color : white;
text-decoration : none;
}

/* media queries */
@media screen and (max-width: 720px){
body{

 width: 100%;
font-size : 1.0em;
line-height: 1.1;
}


 .menu li{
font-size: 1.3em;
} 


.menu ul{
   padding : 0,
}
.menu ul li{
background-color : seagreen;
color : white;
float : left;
width : 200px;
height : 50px;
display : inline-block; /* tira bolinhas entre itens*/
line-height : 50px; /* centraliza vertical*/
text-align : center;
}
.menu ul ul li{
   font-size : 0.8em;
}
}
@media screen and (max-width: 540px){
body{

 width: 100%;
font-size : 0.9em;
line-height: 1.1;
}

.menu li{
font-size: 1.2em;
}
.menu ul{
padding : 0;
}
menu ul li{
background-color : seagreen;
color : white;
float : left;
width : 110px;
height : 40px;
display : inline-block; /* tira bolinhas entre itens*/
line-height : 40px; /* centraliza vertical*/
text-align : center;
}
}
@media screen and (max-width: 360px){
body{

 width: 100%;
font-size : 0.8em;
line-height: 1.1;
}

.menu ul{
   padding : 0;
}
.menu ul ul li{
  font-size : 0.8em:
}
.menu ul li{
background-color : seagreen;
color : white;
float : left;
width : 100px;
height : 30px;
display : inline-block; /* tira bolinhas entre itens*/
line-height : 30px; /* centraliza vertical*/
text-align : center;
}
}


.clearfix:before,
.clearfix:after {
content: " "; 
display: table; 
}

.clearfix:after {
clear: both;
}

.clearfix {
*zoom: 1;
}