/*Documento CSS style_desenho_pintura_wanderlei.css*/

body  {    
        margin: 0;     
	padding: 0;  
	background-attachment: fixed; /*fixa o fundo*/
	/*background: beige; /*#DDD;*/
	background-image:url(/static/img/textura-feijao1.jpg);
	/*background-repeat: no-repeat;
	background-position: 5px;*/
	}   

@media screen and (max-width: 720px) {
         #container, .f1, .f2, .f3, .f4, .f5, .f6, .f7, .f8, .f9, .f10, .f11, .f12, .f13{
		   min-width: 240px;
		   width: 240px;
		  }
		}	

#container {
       /*border: 16px groove green;*/
	width: 75%;
	min-height: 3500px;
	padding: 0.626em;
	margin: 20px auto;
        background: #FAF5E6;
	box-shadow: 1px 1px 6px #181818;
	}

.paginas{
	border: 0.1em dotted red;
        position: relative;
	float: left;
	width: 20%;
        margin: 0.625em auto;/*separa um número do outro*/
        margin-left: 40%;/*ajuda a centralizar*/
	padding: 0.5em;
	color: #990000;
	font-size: 1em; /*16px;*/
	font-style: italic;
	list-style: none;
	text-align: center;
	background-color: #A9C671;
	border-top-left-radius: 1.125em; /*18px;*/
        border-bottom-right-radius: 1.125em; /*18px;*/
	}	

.paginas:hover{
	font-size: 1em; /*16px;*/
	font-style: italic;
	background-color: beige;
	}	
	
	
.f1{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 50%;
	height: 420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 5px;
	text-align: center;
	background: url(/static/img/lelei/flores-paint.jpg);
	background-repeat: no-repeat;
	background-position: -15px;
	/*z-index:1;*/
	}	
		
	
.f2{ 
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 45%;
	height:420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/frutas-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
		
.f3{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 45%;
	height: 420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/homem-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}			
.f4{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 50%;
	height:420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/telhados-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
					
.f5{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 40%;
	height: 420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/homemdecostas-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
						
.f6{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 55%;
	height: 420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/paisagem-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
							
.f7{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 50%;
	height: 700px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/homemdescansando-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
							
.f8{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 43%;
	height: 700px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/vacas-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	
							
.f9{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	/*border: 25px groove #EBD699;*/
	width: 43%;
	height: 420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/cavalo-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}							
.f10{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 50%;
	height: 420px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/grafitemaior-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}							

.f11{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 40%;
	height: 300px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	 background-image:url(/static/img/lelei/lelei-paisagem.jpg);
	background-repeat: no-repeat;
	}	
	
 .f12{
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 40%;
	height: 300px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/grafite-paint.jpg);
	background-repeat: no-repeat;
	/*z-index:1;*/
	}	

.f13{
	/*z-index:1;*/
	border: 0.1em solid #000;
	position: relative;
	float: left;
	width: 50%;
	height: 440px;
	padding: 0.2em;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	background-image:url(/static/img/lelei/pastoenuvens-paint.jpg);
	background-repeat: no-repeat;
	
	}

h1{
  text-align: center;
}

h2{
  text-align: center;
}

li{
  text-align: center;
  list-style: none;
}