/*Documento CSS style_menu_drop_down.css*/
       
body{
margin: 0;     
padding: 0; 
background-attachment:fixed; 
background-image:url(/static/img/textura-escura1.jpg)
/*background-repeat: no-repeat;
background-position: 5px;*/
}  

#container{
position: relative;
width: 55%;/*largura da div*/
/*height:600px;/*altura da div*/
margin: 0 auto; 
border:0.1em dotted #000;/*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
padding: 1em;/*afasta o texto da margem superior da div e não do browser*/	 
background-color: #F5F5DC;/* se colocar background-color: ActiveBorder; aqui fica com a cor da janela ativa*/
}


/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
     #container, .menu, .li, .a{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}

.menu{
width: 88%; /*aumenta a largura do bloco do submenu*/
float:left;
border:0.1em solid #990000;/*vermelho escuro*/
list-style-type:none;/*retira a marcação de lista. As bolinhas*/
margin:0.2em 0 0 0.3em;/*o 1º nº desloca do topo, o 4º nº diminui na direita*/
}

.menu li{
position: relative;
float:left;
border-right:0.1em solid brown;
padding-left: 0.87em;/*aumenta o espaço entre a palavra e a borda do menu*/
padding-right: 0.87em;/*aqui tem que ser igual, para que a palavra fique centralizada*/
/*background-color: #FFD700; /*Fundo do menu que aparece*/
height:2em;/*altura do menu*/
line-height:1.6em;/*aumentando o número de pixels aumenta o espaço entre as 
palavras home, sobre, serviços e a parte inferior da div*/
background-image: url(/static/img/fundo_1.gif)
}

.menu li a{
font-family:Tahoma;
font-size: 1em;
color:#A0522D; /*cor da fonte do menu*/
/*background-color: #FFD700; /*Fundo do menu que aparece*/
text-decoration:none;
}
.menu li ul{
position:absolute;/*desmonta tudo -muito impotante*/
/*height:28px;/*altura do menu---*/
top:1em;/*diminui o espaço entre o topo do menu e do submenu*/
display:none;/*faz o sub menu ficar invisível - muito impotante*/
/*background-color:aquamarine; /*Fundo do =============submenu -amarelo======================================*/
}

 .menu li:hover ul, /*aqui em hover são dois pontos*/
 .menu li ul li:hover ul,
 .menu li.over ul, /*Cuidado: aqui em over é apenas um ponto*/
 .menu li ul li.over ul {
 display:block;
}

.menu li ul li{
	border:0.1em solid brown;
	display:block;
	width: 40px; /*aumenta a largura do bloco do submenu==================================================*/
	margin-left: 0.1em;
}


h1{
  text-align: center; 
  color: #002088;
}

h2{
  text-align: center; 
  color: #B00000;
} 

p{
padding-top:0.6em;/*afasta o texto da margem superior da div e não do browser*/	 
padding-left:10%;/*afasta o texto da margem esquerda da div e não do browser*/
/*text-align: center;*/ 
}

em{
   color: green;
}

#footer{  
	width: 55%;  
	height:	36px;
	float: left;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }