/*Documento CSS style_album-de-familia.css*/

body  {    
        margin: 0;     
	padding: 0;  
	background-attachment: fixed; /*fixa o fundo*/
	background: beige; /*#DDD;*/
	background-image:url(/static/img/marrom.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, .h1, .h2, .h3, .ul, .li, .p, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
	     
#container {
	border: 1em groove  #EBD699;
	width: 55%;
	padding: 1.2em;
	margin: 0 auto;
        background: #FAF5E6;
	}
	
	
.foto1{
        position: relative;
        float: left;
        border: 10px groove #EBD699;
	width: 100px;
	height:120px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 5px;
	text-align: center;
	background: #000 url(/static/img/white-rose-on-the-black-background.jpg);
	background-repeat: no-repeat;
	background-position: -15px;
	/*z-index:1;*/
	}	
	
   h2, h3{
	color: #002088;
	text-align:center;
  }

  h4{
	color: #B00000;
	text-align:center;
  }	
  
  li{
   /*list-style:none;*/
   padding-left: 40px;
   font-size: 1.2em;
  }
  a{
  color: beige;
  }
  
span{
    border: 1px dotted black;
	width: 14%;
	float: left;
	margin-top: -10px;/*Afasta do top do container*/
	margin-right: 0.5em;/*Afasta das margens da div*/
	padding-left: 10px; /*afasta o texto da lateral esquerda do box*/
	padding-top: 10px; /*afasta o texto do topo do box*/
	padding-bottom: 10px; /*afasta o texto da parte inferior do box*/
	text-align:center;
	font-size: 1em;
  }
  
 a:hover{
	color:#181818;/*a cor que era preta passou a ser cinza*/
	background-color:#CDAA7D;/*#CCCC33; /*cor que aparece quando se clica o link*/
	}

a.text{
	/*e todas as propriedades que ele terá*/
	 color: blue;
	}

 em{
   font-size: 1em;
   color: #B00000;
 } 
  
 p{
   text-align: justify;
   padding: 1.2em;
   font-size: 1.2em;
  }
pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

#footer{  
	width: 55%;  
	height:	36px;
	float: left;
	margin-left: 20%;
	text-align: center;
 }