/*Documento CSS  - style_bordas.css*/
/*Documento CSS style_css_paginas.css */
body{
margin: 0;     
padding: 0; 
background-attachment:fixed; 
background-image:url(/static/img/textura-escura1.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, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
	
  }
}

#container{
	width: 55%;
	/*height:320px;*/
	border:0.1em dotted black;
	background-color: beige; /*#F5F5CC; /*ActiveBorder; /*aqui fica com a cor da janela ativa*/
	margin: 0 auto; /*centraliza a página*/
	padding-top:1.5em;
	padding-bottom:10px;/*aumenta o espaçamento vertical*/
	padding-left: 1.4em;
	padding-right: 1.4em;/*aumenta o espaçamento vertical*/
	/*box-shadow:8px 8px 8px 8px #8B4513;/*sombra ao redor da div*/
    }

 
#div1{   
         position:relative;
	 float: left;
	 width:30px;
	 height:30px;
	 border: 25px solid; /* As 4 bordas sólidas com 25px de espessura */
	 border-color: #CCFF66 #CCFF99 #CC99FF #98B7BD; /*cores: top, right, bottom, left*/
	 margin: top center; /*20px 200px 20px;/*o primeiro nº desloca a div da margen superior do browser. O segundo desloca a 
	 div para a direita e o terceiro aumenta ou diminui o espaço inferior entre uma div e outra*/
	 }	

#div2{
         position:relative;
	 float: left;
	 width:130px;
	 height:30px;
	 border: 25px solid; /* As 4 bordas sólidas com 25px de espessura */
	 border-color: #CCFF66 #CCFF99 #CC99FF #98B7BD; /*cores: top, right, bottom, left*/
	 margin: top center; /*20px 200px 20px;/*o primeiro nº desloca a div da margen superior do browser. O segundo desloca a 
	 div para a direita e o terceiro aumenta ou diminui o espaço inferior entre uma div e outra*/
	 }
img{
width: 50%;
}

 p, em, pre{
   font-family: Arial, "lucinda grande", "lucinda sans", verdana, sans-serif;	 
   /*color: #009933; verde*/
   font-size: 1em;
}

em{
   color: #009933; /*verde*/
   font-size: 1em;
}	
		
 #footer{
       width: 100%;
	height: 80%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 2px;
	text-align: center;
}