/*Documento CSS style_arte_wanderlei.css*/

body  {    
        margin: 0;     
	padding: 0;  
	background-attachment: fixed; /*fixa o fundo*/
	background-image:url(/static/img/textura-feijao1.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{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	

#container{
	/*border: 16px groove green;*/
	width: 65%;
	height: 450px;
	padding: 0.625em;
	margin: 7% auto;
	background: #FAF5E6;
	box-shadow: 0.1em 0.1em 1.8em 0.1em #000;/*o 1º número é da sombra direita, o 2º é da parte debaixo,*/
}
	
#carrossel{
	border: 0.5em groove green;
	width: 20%;/*aumenta a largura de cada imagem*/
	float:left;
	margin-left: 8%;/*afasta o bloco de imagens da margem esquerda*/
 }
 
#carrossel ul{
	   list-style:none;
 }
 
#carrossel ul li{
	border: 0.1em solid #333;
	padding: 0.5em 0;
	width: 98%;
	height: 150px;
 }
 img{
    width: 100%;
    height: 100%;
    padding: 0.5em 0;
 }

 h1{
  text-align:center;
  }
  
   h2, h4{
	color: #002088;
	text-align:center;
  }
 
  em{
    color: #B00000;
    font-size: 1.4em;
  }
  
  li{
   /*list-style:none;*/
   padding-left: 0.95em;
   font-size: 1.4em;
  }
  
p{
border: 0.1em dotted black;
width: 19%;
float: left;
margin-top: -10px;/*Afasta do top do container*/
margin-left: 1.8em;/*Afasta das margens da div*/
margin-right: 0.625em;/*10px;Afasta das margens da div*/
padding-left: 0.5em; /*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*/
color: #002088;
text-align:center;
font-size: 1em;
box-shadow: 0.1em 0.1em 0.6em #181818;

}
  
  p:hover{
  background-color: #181818; 
  }
  
  a:link{
       text-decoration: none;
       color: #B00000;
  }
p{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}