/*Documento CSS style_sugestoes.css*/

body{    
        margin: 0;     
	padding: 0;    
	background-attachment: fixed; /*fixa o fundo*/
	background-image:url(/static/img/bo_play_pattern.png); 
	}   

 /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .lista1, img, .p, .h2, .a{
	   min-width: 240px;
	   width: 240px;
  }
}  
	   
#container{  
	border: 1px dotted black; /*SteelBlue87CEEB*/  
	width: 55%;
	/*height:930px;*/
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
        background: #F8F8F8;
	background-position: center top;
	text-align: left;
	/*z-index:1;*/
	}
	
.p{
color:#CC9900;
text-align: justify;
}

.lista1{
        border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/	
	margin-top: 30px;
	}

 h2{
     /*border: 1px dotted black;*/
     margin-top: 1px;/*Afasta das margens da div*/
     color: #002088;
 }	
	

h1, h3{
	color: #002088;
	text-align:center;
  }

  
  li{
   margin-top: 70px;/*Afasta das margens da div*/
   padding-top: 20px;
   padding-left: 1.25em; 
   font-size: 1.25em;
    /*list-style:none;*/
  }
  
  p{
   
   padding-left: 20px;
   font-size: 20px;
  }
  
  em{
   color:red;
   font-size: 1em;
  }
 #footer{  
    border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/  
    width: 90%;  
    height: 80px;
    margin-top: 45px;/*desloca o rodapé dentro da div container, 5px o deixa colado a parte de baixo*/
    text-align: center;
}