/*Documento CSS  style_pintura_em_tela.css*/
    body{
         background-attachment: fixed;
         /*background-color:#F8F8F8;*/
	  background-image:url(/static/img/flora10.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, .a, .foto1, .foto2, .foto3, .foto4, .foto5, .foto6, .foto7,
	.foto8, .foto9, .foto10, .foto11,.foto12, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}

#container{
border:0.1em solid #CCCC33; /*Considerada ultrapassada por alguns, largura, tipo e cor da borda*/
position: relative;
width: 55%;/*largura da div*/
/*height:600px;/*altura da div*/
margin: 0 auto;/*centraliza a página*/
padding: 1.6em;/*afasta o texto da margem superior da div e não do browser*/
background-image:url(/static/img/textura-branca.jpg);
/*background-repeat: no-repeat;
background-position: 5px;*/
box-shadow: 0.1em 0.5em 0.5em 0.5em #000; /*#8B4513;/*sombra ao redor da div*/
 background-size: 100% 100%;
/*background-color: #FFA500; /*cor de fundo
border-radius: 8px; /*deixa a borda da caixa (div) arredondada
-moz-border-radius:8px; /*deixa as bordas arredondadas
-webkit-border-radius:8px;/*para que funcione em outros navegadores*/
}
	
h1{
font-family: "Segoe Print", "lucinda grande", "lucinda sans", verdana, sans-serif;
font-style:italic; /*pode-se escolher entre oblique, normal, inherit*/
font-weight: bold; /*define a tonalidade da fonte baseado em um parâmetro chamado peso varia de 100 a 900*/ 
text-align: center;
font-size: 2em;
color:#6B8E23;
}
.foto1{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:330px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/adalgisabarcos.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:1;
}

.foto2{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:330px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/paisagem-inverno.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:2;
}

.foto3{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:330px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/paisagem-primavera.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:3;
}

.foto4{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:300px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/casaroes.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:4;
}
.foto5{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:480px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/cavalo-cavaleiro.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:5;
}
.foto6{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:380px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
       margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/pintura-fondue.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:6;
}
.foto7{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:460px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/cavalo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:7;
}
.foto8{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:460px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/pintura-frutas.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:8;
}
.foto9{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:420px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/girassois.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:9;
}
.foto10{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:420px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/nascer-sol.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:10;
}
.foto11{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:420px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/nascer-sol2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:11;
}
.foto12{ 
        border:0.1em dotted black;
	position: relative;
	width: 60%;
	height:420px;
	/*float: left;/*tirar o float left para centralizar a página com margin 0 auto*/
        margin: 0 auto;/*centraliza a página*/
	background-image:url(/static/img/adalgisa/nascer-sol3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	z-index:12;
}


p{
border: 0.1em dotted #3CB371;/*#E3BC58;*/
 width: 49%;/*largura da div*/
background-color: #F8F8F8;
border-radius: 1.25em; 
-moz-border-radius: 1.25em; 
-webkit-border-radius: 1.25em; 
padding: 0.75em; /*12px; desloca o texto da margem esquerda da div. Não do browser*/
text-align: center;
 }


a{
/*e todas as propriedades que ele terá*/
font-family: "Segoe Print", "Comic Sans MS", "Challenge Extra Bold", Arial, Helvetica, sans-serif;
/*Obs: Colocar mais de uma fonte, porque o browser escolhe a que tiver instalada.*/
font-size: 1em; /*25px*/
color: #6B8E23;
text-decoration: none;
	}
#footer{
     display: block;
     position: relative;
     float: left;
     width: 100%; 
     text-align: center;
}