body{
    background-color:#FFFFFF; 
    background-image:none;
}
header {
  position: relative;
  
}
.menu
    {
    margin:20px auto;
    position : relative;
    width: 100%;
    height: 13px;
    background: #FFFFFF;
    font-weight: bold;
    text-align:center;
    }

.cabecalho figure {
   
    text-align: center;
    margin:2px -30px 0px 0px;
    
}
    
.menu li
    {
    margin:2px 0 0 0;
    float:left;
    list-style-type: none;

    }

.menu li a
    {
    color: #777;
    text-decoration: none;
    float: left;
    padding: 10px 20px 10px 20px;
    }

.menu li a:hover
    {
    color: #000000;
    font-weight:bolder;
    }

body#index a#home
    {
    color: #FFFFFF;
    background: #012e4d;
    padding: 10px 10px 10px 10px;
    }
body#contato a#con
    {
    color: #FFFFFF;
    background: #012e4d;
    padding: 10px 10px 10px 10px;
    }
body#servicos a#ser
    {
    color: #FFFFFF;
    background: #012e4d;
    padding: 10px 10px 10px 10px; 
    }
body#somos a#somos
    {
    color: #FFFFFF;
    background: #012e4d;
    padding: 10px 10px 10px 10px;
    }

.menu ul
{
    margin-left:auto;;
    margin-right:auto;
    margin-top:0;
    display:table;
}
	

@media (max-width: 768px) {
    /* For mobile phones: */
    .cabecalho figure {
   
    text-align: center;
    margin:2px -40px 0px 0px;
    
}

}

@media  (min-width: 600px) {
    /* For tablets: */
    .cabecalho figure {
   
    text-align: center;
    margin:2px -40px 0px 0px;
    
}

}
@media only screen and (min-width: 768px) {
    /* For desktop: */
   .menu
    {
    margin:20px auto;
    position : relative;
    width: 100%;
    height: 43px;
    background: #FFFFFF;
    font-weight: bold;
    text-align:center;
    font-size: 16px; 
    }
.cabecalho figure {
   
    text-align: center;
    margin:2px -60px 0px 0px;
    
}
}