/*Documento CSS style-tabelas.css*/
body{    
    margin: 0;     
	padding: 0;    
	background-attachment:fixed; 
	background-image:url(/static/img/textura-escura2.jpg);
	/* background-image: -webkit-linear-gradient(#472400, #F5F5DC 80%);*/ 
	/*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, .table, .tr, .td, .rowspan, .footer, p, a{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
	
  }
}

#container{ /*Lembrete: digitar a cerquilha colada a palavra div. Se ficar espaço entre as duas, não funciona*/
	width: 60%; /*largura da div, onde o texto está inserido*/
	/*height: 60px; /*tirar a altura por causa do texto, se o texto for pequeno dá para deixar*/
	margin: 0 auto;/* centraliza a página*/
	background-color: beige; /*cinza F0F0F0; */	  
	border:0.2em solid #472400;
	padding:1.6em;/*afasta o texto da margens da div e não do browser*/	 
	font-family: "lucinda grande", "lucinda sans", verdana, sans-serif;
	font-size: 1em;/*aumenta a fonte do texto dentro da div -tamanho em pixels*/ 
	
	}

table, td, th { border: 1px solid gray }
.ex{
width="100%";
border:1px;
}

h2{
color: #330066; /*blue;*/
font-size: 1.6em;/* aumenta a fonte do cabeçalho*/
text-align: center;
}
h3{
color: #330066; /*blue;*/
}

p{
font: 1em 'Open Sans',Tahoma,sans-serif;
 color: #585858;
font-size: 1em;
text-align: justify;
}

li{
    font-size: 1em;/* aumenta a fonte*/
    color: #404040; /*verde*/
}	 
	
em{
    font-size: 1em;/* aumenta a fonte*/
     color: green; /*verde*/
   }
   
  .sub th {
    text-align:left;
	background: #CCC;
	color: #000;
  } 
  
  img.maismenos{
      border:none;
      margin-left:0.5em;
      text-align:left;
      background: beige; /**/
  }
  
thead, tr td, tr th{
	border: 0.2em solid #000;
	padding: 0.2em 0.5em;
	text-align:center;
		
}

  tr{
  background: beige; 
  }
  
  th {
     background:#000;
     color: beige;
     text-align:center;
 }
/*
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}*/

pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

table td rowspan{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}