/*Documento CSS  - style_saude.css*/

 body{
       background-attachment:fixed; 
       background-image:url(/static/img/laranjas.jpg);/*declarar uma imagem*/
       /*border:50px solid #001F3D; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
     }
.menu{
margin: 0; 
width: 100%;
height: 7%; /* altura do menu */
position: fixed;
z-index: 9999;
padding-left: 30px;
top: 0;
left: 0;
background: #000; /* cor de fundo do menu */
}

.menu a{
color: beige;/*--cor da fonte--*/
padding-left: 30px;
/*background: green; cor de fundo do menu */
font-family: 'comic sans ms', cursive; /* nome da fonte */
font-size: 1em; /* tamanho da fonte ===========================*/
}


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

 #container{
	border:1px solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
	position: relative;
	width: 60%;/*largura da div*/
	/*height:600px;/*altura da div*/
	margin:50px auto;/*-10px diminui o espaço entre o top do browser e a div, auto centraliza a div*/
	padding:3%;/*afasta o texto da margem superior da div e não do browser*/	 
	background-color: #FFFFFF;
	}

#header .selecionado{

background-color: darkgreen;/*cor que aparece quando se passa o mouse*/
color: darkorange;
padding: 0.4em;
}


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

pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

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