/*Documento CSS style_carrossel_teste2.css*/

body{
     background-attachment: fixed;
     background-image:url(/static/img/textura-escura2.jpg);
     /*background-repeat: no-repeat;*/
}		 

 
*{
 margin:0;
 padding:0;
}

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, img{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	

#container{
	 width: 55%;
	 /*height: 90%;/*1950px;*/
	 border: 0.1em dotted white;
	 padding: 1.2em;
	 margin: 0 auto; 
	 background-color: #F5F5F5; /*branco*/background-color: #8FBC8F; /*verde*/
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  }

h1, h2{
  text-align: center;
}

h3{
  text-align: center;
  color: #B00000;
}
em{
  color: #B00000;
}


p{
  font-family: Arial, "lucinda grande", "lucinda sans", verdana, sans-serif;
  font-size: 1em;
  text-align: justify;
  padding-top: 30px;
  padding-bottom: 30px;
  float:left;/*o float é necessário para que o texto não aglomere em cima das imagens*/
}
#carrossel{
	width: 10%; /*210px;*/
	float:left;
	text-align: center;
 }
 
#carrossel ul{
	list-style:none;
 }
 
#carrossel ul li{
		border: 0.2em solid #333;
		padding: 0.5em 0;
 }
 
 #carrossel img{
		width: 170px;
		height: 120px;
		padding: 0.2em 0;/*esspaço entre o top, o bottom e a imagem*/
	         clear: both;
 }
 
pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

#footer{  
	width: 55%;  
	height:	36px;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/  
 }