/*Documento CSS style_jQuery2_destacar_celulas.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, .destaque, .sub th, #onibus{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
#container{
	 width: 55%;
	 /*height: 90%;/*1950px;*/
	 border: 0.1em dotted white;
	 padding-left: 1em;
	 padding-right: 2.8em;
	 margin: 0 auto; 
	 background-color: #8FBC8F; /*verde*/
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o 1º número é da sombra direita, o 2º é da parte debaixo*/
  }
  .sub th {
    text-align:left;
	background: #CCC;
	color: #000;
  } 
  
  img.maismenos{
      border:none;
      margin-left: 0.4em;
      text-align:left;
      background: beige; /**/
  }
  
  p{
   text-align: justify;
  }
  
thead, tr td, tr th{
      border: 0.2em solid #000;
      padding: 0.2em 0.6em;
      text-align:center;
  }
  tr{
  background: beige; 
  }
  
  th {
     background:#000;
     color: beige;
     text-align:center;
 }
  
 h2{
	color: #002059;
	text-align:center;
 }

h3{
color: #B00000; 
text-align:center;
 }
 
 .impar{
        background: #CCC; 
	text-align:center;
 }
 .destaque{
        background: #000; 
	color: beige; 
 }
 

 em{
     color: #B00000;
  }
  
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*/  
 }