/*Documento CSS style_evangelica_aniversariantes_do_mes.css*/

body{    
        margin: 0;     
	padding: 0;    
	background-attachment:fixed; 
	/*background-image:url(/static/img/dores-textura.jpg);*/
	background-image:url(/static/img/evangelica-balao.jpg);
	/*background-repeat: no-repeat;
	background-position: 5px;*/
	} 

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .span.destaque, .img, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}

#container{  
	border: 1px dotted black;   
	width: 56%;
	/*height:930px;*/
	padding-top: 20px;
	padding-left: 1.25em;
	padding-right: 1.25em;
	margin: 0 auto;
        background: #F8F8F8;
	background-image:url(/static/img/evangelica-bolo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	}

.HCB_comment_box{
       width: 70%;
	padding: 1.25em;
	margin-top: 200px;
}	
.lista1{
        border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/	
	margin-top: 200px;
	}
.lista2{
        border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/
	width: 80%;
	padding: 1.25em;
	margin-top: 100px;
	text-align: center;
	}
	
.p{
color:#CC9900;
text-align: justify;
}

span.destaque{
	border: 0.1em dotted black;
	width: 80%;
	float:left;
	margin-top: 40px;/*Afasta das margens da div*/
	margin-left: 1em;/*Afasta das margens da div*/
	background-color: #F9F9FF;/*flora white*/
	padding: 1em; /*afasta o texto da lateral esquerda do box*/
	font-family: "Segoe Script", "lucinda grande", "lucinda sans", verdana, sans-serif;
	font-size: 1.25em;
	color: #AD5C85;
	box-shadow: 0.1em 0.1em 0.1em 0.3em #8FBC8F; /*1ªdireita, 2ªinferior,  3ªnão faz diferença, 4ªdistribui em torno de tudo*/
	}

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

  h4{
	color: #B00000;
	text-align:center;
  }	
  
  li{
   /*list-style:none;*/
   padding-left: 1.25em;
   font-size: 1.25em;
  }
  
  p{
   padding-left: 1.25em;
   font-size: 1.25em;
  }
  
  em{
   color:red;
   font-size: 1.25em;
  }

 #footer{  
	margin-top:420px; 
	width: 90%; 
	height:	30px;
	text-align: center;
	clear: both;   
}