/*Documento CSS style_dom.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{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
#container{
	 width:55%;
	 /*height: 90%;/*1950px;*/
	 border: 1px dotted white;
	 padding: 1.4em;
	 margin: 0 auto; 
	 background-color: #8FBC8F; /*#CCEBD6;*/
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o 1º número é da sombra direita, o 2º é da parte debaixo*/
  }
  
 div{
    text-align:center;
 }	 

h2, h3{
  color: #002059;
  text-align:center;
 }
 
h1, h4{
  color: #B00000;
  text-align:center;
 }
 
em{
color:  #B00000;
}
  
p{
font-size: 1.2em;
text-align:justify;
padding-left: 1.4em;
padding-right: 1.4em;
}
pre{
font-size: 1em;	
}
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*/  
   background: #8FBC8F; /*LightSteelBlue #B0C4DE*/ 
 }