/*Documento CSS style_museu_home.css*/

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

#container {
	border: 1em groove  #EBD699;
	width: 60%;
	height: 450px;
	padding: 0.625em;
	margin: 50px auto;
        background: #FAF5E6;
	}
	
#carrossel{
        border: 0.625em groove  #EBD699;
	width: 20%;
	float:left;
 }
 
#carrossel ul{
	list-style:none;
 }
 
#carrossel ul li{
	border: 0.1em solid #333;
	padding: 0.3em 0;
 }
 
 #carrossel img{
		width: 100%;
		height: 120px;
		padding: 0.3em 0;
 }

#carrossel{
background-position: center;
}
 	
 h1{
   text-align:center;
  }
  
   h2, h4{
	color: #002088;
	text-align:center;
  }
 
  em{
    color: #B00000;
    font-size: 1.25em;
  }
  
  li{
   /*list-style:none;*/
   padding-left: 1em;
   font-size: 1.25em;
  }
  a.text{
   /*e todas as propriedades que ele terá*/
   font-family: Comic Sans MS, Challenge Extra Bold, Arial, Helvetica, sans-serif;
   font-size: 1.25em;
   color: brown;
   margin-left: 3%;
}
   p{
       border: 0.1em dotted black;
       float: left;
       width: 19%;
       height: 3%;
       margin: 5px auto;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0.5em; /*afasta o texto das laterais do box*/
	color: #002088;
	text-align:center;
	font-size: 1em;

	border-top-left-radius: 1.25em;
	border-bottom-right-radius: 1.25em;

	webkit-border-top-left-radius: 1.25em;
	webkit-border-bottom-right-radius: 1.25em;

	box-shadow: 1px 1px 6px #181818;

  }
  
  p:hover{
  background-color: #EBD699; 
  }
  
  a:link{
       text-decoration: none;
       color: #B00000;
  }
 #footer{
        margin-top: 110px;/*Afasta do top do container*/
 
}