/*Documento CSS style_plugin_carrossel_noticias.css*/

body{
     background-attachment: fixed;
     background-image:url(/static/img/textura-escura2.jpg);
     /*background-repeat: no-repeat;*/
}	 
/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, #destaques, .top, img, noticias a em, .p, .li, .a{
	  min-width: 240px;
	  width: 240px;
	  font-size: 16px;
	 /*background-color: aqua;*/
  }
}

#container{
	 width: 55%;
	 /*height: 750px;*/
	 border: 0.1em dotted white;
	 padding: 1.2em;
	 margin: 0 auto; 
	 background-color: #F5F5F5; 
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o 1º número é da sombra direita, o 2º é da parte debaixo*/
  }
  
  *{margin:0; padding:0;}
  
  img{border:0; padding:0; margin:0;}
  
  ul{list-style:none;}
 
#geral{
 border: 2px solid red;
 width: 60%;/*tamanho em relação ao container*/ 
 height: 200px;/*diminui o espaço entre o carrossel  e o pre (onde está inserido o texto do tutorial*/
 /*border: 3px dotted #F00;*/
 margin: 8% auto;/*espaço ao redor da div*/ 
display:table;
}

#destaques .top{
  width: 100%;/*botão superior -faixa preta*/ 
  height: 30px;
  float:left;
  background-color: #181818;
  color:#FFF;
  border:none;
  cursor:pointer;
  outline: none;	
} 

#destaques .bottom{
  width: 100%;/*botão inferior -faixa preta*/ 
  height: 30px;
  float:left;
  background-color: #181818;
  color:#FFF;
  border:none;
  cursor:pointer;
  outline: none;
} 

.noticias{
  width: 100%;/*texto com as notícias*/ 
  height: 800px; /*tirar a altura poiso texto pode ser maior ou menor, (se aconteceer algum erro) deixar*/
  float: left;
  border:1px solid #000;
}

.noticias li img{
   display: block;
   width: 100%;/**/ 
   float: left;
   margin: 0.3em;
}

.noticias a em{
     width: 90%;
     font:1em Verdana, Geneva, sans-serif;
     color: red;
      margin: 0.5em;
}

h1:hover{
    font:1em Verdana, Geneva, sans-serif;
    color:#B00000;
    text-decoration:underline;
}

.noticias li p{
     font: 0.8em Arial, Helvetica, sans-serif;
     color:#666;
     margin: 0.5em;
     padding-bottom:0.5em;
     text-align:justify;
}
 
pre{
  width: 98%;
  margin-top: 15px;
  border: 0.1em dotted #000;
  background-color: #FFF;
  padding: 0.5em;
  } 

 em{
  color: green;
  }
  
h1, h2, h3{
 text-align: center;
}

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*/  
 }