/*Documento CSS style-calculo-imc.css*/
body{
     background-attachment: fixed;
     background-image:url(/static/img/textura-escura2.jpg);
     /*background-repeat: no-repeat;*/
} 

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

#container{
	 border: 0.5em solid #CCC;
         width:55%;
	 padding: 0.625em;
	 margin: 0 auto; 
	 background-color: #FFF; /*cinza*/
	 -moz-border-radius:2px;
	-webkit-border-radius:2px;/*para que funcione em outros navegadores*/
	box-shadow:2px 2px 12px 12px black; /*#8B4513;/*sombra ao redor da div*/	
}
em{
    color: green;
}
h2{
    color:#002059;
	text-align: center; 
	padding: 0.625em;
	}
h3{
  color:#C80017;
  text-align: center;
}

li{
   text-align: center;
   list-style:none; /*retira a marcação de lista. As bolinhas*/
   /*color: #98B7BD;*/
} 
 
p{
/*text-align: justify;/*alinhamento justificado. Ocupa todo o espaço em branco*/
text-align: center;
}

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

footer{ 
       border: 0.1em dotted #CCC;
	width:auto;  
	height:	36px;
	margin-left: 30%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }