/*Documento CSS style_utilidade_publica.css*/

body {    
        margin: 0;     
	padding: 0;    
	background-attachment: fixed;
	background-image:url(/static/img/textura-flickr-marron-paint.jpg);
	/*background-repeat: no-repeat;*/
	background-repeat: repeat-x;
	background-position: top;
	}   

 /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .img, .li, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	       
#container{
	border: 0.1em dotted black;
	margin: 0 auto;
	width: 55%;
	/*height:930px;*/
	padding: 0.5em;
	background: beige; 
	background-image:url(/static/img/imagem-telefone.jpg);
	background-repeat: no-repeat;
	background-position: 50% 90px;
	box-shadow: 0.1em 0.95em 0.95em 0.1em #181818;
 }

img{
border: 0;
width:80%; 
height:250px; 
}

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

h2{
color: #002088;
text-align:center;
}
  
em{
text-align:center;
font-size: 1em;
}	
  
  li{
   border: 0.1em dotted #000; 
   width: 65%;
   list-style:none;
   padding: 0.5em;
   margin-left: 20%;
   margin-top: 10px;
   font-size: 1.2em;
   text-align:center;
  }