/*Documento CSS style_dores_culinaria.css*/
body  {    
    margin: 0;     
	padding: 0;    
	/*background: beige; /*#DDD;*/
	background-image:url(/static/img/textura-tijolos-aparente.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, p, span, .foto1, .foto2, .foto3, .foto4, .foto5, .foto6, #footer{
	  min-width: 240px;
	  width: 240px;
	  /*background-color: aqua;*/
  }
}	  
	   	     
#container {
	border: 1px dotted #EBD699;
	width: 55%;
	
	padding: 1.25em;
	margin: 0 auto;
        background: #FAF5E6;
	}
	
.foto1{ 
	border: 0.2em solid #624200;
        position: relative;
        float: left;
	width: 40%;
	height: 220px;
	padding: 0.5em;
	margin-top: 30px;
	margin-left: 1.25em;
	text-align: center;
	background-image: url(/static/img/culinaria-arroz.jpg);
	background-repeat: no-repeat;
	background-position: center;
	z-index:1;
       }	
		
.foto2{
        border: 0.2em solid #624200;
        position: relative;
        float: left;
	width: 40%;
	height: 220px;
	padding: 0.5em;
	margin-top: 30px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/culinaria-feijao.jpg);
	background-repeat: no-repeat;
	background-position: center;
	z-index:2;
	}			
.foto3{
        border: 0.2em solid #624200;
        position: relative;
        float: left;
	width: 40%;
	height: 220px;
	padding: 0.5em;
	margin-top: 30px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/culinaria-sopa.jpg);
	background-repeat: no-repeat;
	background-position: center;
	z-index:3;
	}	
					
.foto4{
        border: 0.2em solid #624200;
        position: relative;
        float: left;
	width: 40%;
	height: 220px;
	padding: 0.5em;
	margin-top: 30px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/culinaria-frango-assado.jpg);
	background-repeat: no-repeat;
	background-position: center;
	z-index:4;
	}
	
.foto5{
        border: 0.2em solid #624200;
        position: relative;
        float: left;
	width: 40%;
	height: 220px;
	padding: 0.5em;
	margin-top: 30px;
	margin-left: 1.25em;
	text-align: center;
	background-image:url(/static/img/culinaria-vaca-atolada.jpg);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 5;
	}

	
.foto6{
        border: 0.2em solid #624200;
        position: relative;
        float: left;
	width: 40%;
	height: 220px;
	padding: 0.5em;
	margin-top: 30px;
	margin-left: 1.25em;
	text-align: center;
	background: url(/static/img/mingau-fuba.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center;
	z-index:6;
	}		
	

   p{
       border: 1px dotted black;
	width: 19%;
	float: left;
	margin-top: -10px;/*Afasta do top do container*/
	margin-right: 10px;/*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*/
	color: #002088;
	text-align:center;
	font-size: 1em;
  }
  
  em{
    font-size: 0.875em;
  }
  
  h2{
   text-align: center;
  }
  
 span{
        border: 1px dotted black;
	width: 45%;
	float: right;
	margin-top: 25px;/*Afasta das margens do container e centraliza com relação a div da imagem*/
	margin-right: 10px;/*Afasta das margens da div*/
	padding: 0.625em; /*afasta o texto da lateral esquerda do box*/
	color: #002088;
	text-align:center;
  }

 p:hover{
	color:#181818;/*a cor que era preta passou a ser cinza*/
	background-color:#CDAA7D;/*#CCCC33; /*cor que aparece quando se clica o link*/
	}
  
#footer{  
	width: 90%;  
	height:	50px;
	padding-top: 20px;
	text-align: center;
	clear: both;   
	}