/*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;
	}

section{
/*border: 1px solid #000;*/
box-shadow:2px 2px 2px 2px  #CCC; /*sombra ao redor da div*/
width: auto;
padding: 0.5em;
}

 .h2{
  color:darkgreen;
  text-align: center;
  /*text-shadow: 0.5em 0.5em 0.5em green, 0px 0px 0px red;*/
 -webkit-transform: skew(-317deg, 294deg);
  -moz-transform: skew(-317deg, 294deg);
  -o-transform: skew(-317deg, 294deg);
  -ms-transform: skew(-317deg, 294deg);
  transform: skew(-317deg, 294deg);
} 
#header .selecionado{
background-color: darkgreen;/*cor que aparece quando se passa o mouse*/
color: darkorange;
padding: 0.4em;
}
blockquote{
	font-family: "Comic Sans MS", Arial, "Challenge Extra Bold", Helvetica, sans-serif;
	font-size: 1em;
	color:darkorange;
	text-align: center;
}
#accordion h3{
width: auto;
}

iframe{
display:block;
margin: 0 auto;
width: 50%;
height: 170px;
}
p{
text-align: justify; 
 text-indent: 2em;
}

h1{
font-family: Arial, "Comic Sans MS", "Challenge Extra Bold", Helvetica, sans-serif;
text-align: center;
}
h2{
font-family: Arial, "Comic Sans MS", "Challenge Extra Bold", Helvetica, sans-serif;
color: #B00000;
text-align: center;
}
h3{
font-family: Arial, "Comic Sans MS", "Challenge Extra Bold", Helvetica, sans-serif;
color:darkblue;
text-align: center;
}

 h4{
    font-family: Arial, "Comic Sans MS", "Challenge Extra Bold", Helvetica, sans-serif;
	color: #000000;
	}
.p{
color:#CC9900;
}

 em {
     font-size: 1em;
     color:crimson; 
	}

.luto{
width: auto;
height: auto;
background-color: black;
font-size: 1.4em;
color: beige;
}

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*/  
 }