/*Documento CSS style_alimentacao_site.css*/

body{    
margin: 0;     
padding: 0;
background-image:url(/static/img/fundo-html5.jpg);
/*background-image: -webkit-linear-gradient(#36648B, #F5F5DC 20%);  background-image: -webkit-linear-gradient(#00795f, #F5F5DC 60%);*/ 
}  

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, a.text:link, .div, .h3, .p, .a{
	  min-width: 340px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
 a.text{
   /*e todas as propriedades que ele terá*/
   font-family: Comic Sans MS, Challenge Extra Bold, Arial, Helvetica, sans-serif;
   font-size: 2em;
   color:#FFFFFF;
   margin-left: 3%;
}

#container{
	 margin: 0 auto; 
	 padding-top: 30px;
	 width: 60%;
	 border: 1px dotted white;
	 padding-left: 1em;
	 padding-right: 1em;
	 background-color: #F5F5F5; /*white smoke*/
	 box-shadow: 0.1em 0.1em 0.1em 0.1em #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  }

#container .links{
margin: 0 auto; 
border-top:  0.55em solid #EEDD82;
width: 70%;
margin-top: 0.5;/*separa um box do outro embaixo*/
padding: 0.85em; /*afasta o texto da lateral esquerda do box*/
background: #FFFFFF;
color: #002088;
box-shadow: o.1em 0.2em o.1em o.2em #686868;/*o 1º número é da sombra direita, o 2º da parte debaixo*/
  } 
   
 h3{
color: #B00000;
text-align:center;
  }

li{
list-style: none;
padding-left: 1em;
font-size: 1.2em;
}
  
.links p{
font-size: 1.25em;
line-height: 0.8em;
}

/*span{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}*/