/*Documento CSS style_escola-helvecio.css*/

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

 /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .lista1, .h1, .h2, .h3, .ul, .li, .p, img, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	   
#container{  
	border: 1px dotted black; /*SteelBlue87CEEB*/  
	width: 55%;
	/*height:930px;*/
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 1.25em;
	padding-right: 1.25em;
        background: #F8F8F8;
	}
		
.lista1{
        border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/	
	margin-top: 30px;
	}
.p{
color:#CC9900;
text-align: justify;
padding: 0.1em;
}

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

 h2{
     /*border: 1px dotted black;*/
     margin-top: 1px;/*Afasta das margens da div*/
     color: #002088;
 }	
a.text{
color:#181818;
text-decoration: none;	
}	
 li{
   font-size: 1.25em;
    /*list-style:none;*/
  }
  
  p{
   padding-left: 1.25em;
   font-size: 1.25em;
  }
  
  em{
   color:red;
   font-size: 1.25em;
  }
 	

#footer{  
	width: 90%;  
	height:	40px;
	margin-top: 35px;/*desloca o rodapé dentro da div container, 5px o deixa colado a parte de baixo*/
	text-align: center;
	clear: both; 
	}