/*Documento CSS style_teste_tabela.css*/

body{
     background-attachment: fixed;
     background-color: #051C01;
     /*background-image:url(/static/img/textura-azul-flickr.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, .table, tr, td, margin12, .button {
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
#container{
border: 0.1em solid red;
width: 80%;
margin: auto;
}
.text{
color: beige;
font-size: 2em;
}

h1{
text-align: center;
color: beige;
}


table{
margin:auto;
}

table, tr, td{
background-color: #F5F5DC;
valign: middle;
colspan: 2;
border: 1px solid #051C01;
}

table{
width: 100%;
cellpadding: 0.2em;
cellspacing: 0.4em;
border: 0.875em solid #FFF;
 border-spacing: 1em;/*aumenta o espaço em torno dos links*/
}

tr{
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

td{
display: inline-block;
width: 20%;/*aumenta o espaço em torno das tds, bloco cinza*/
valign: top;
align:left;
background-color: #CCCCCC;
}


.button {
    display: inline-block;
    white-space: nowrap;
    background: rgb(205,235,142); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /*               Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 */
	
 
  padding: 0 1.3em;/*espaço em volta das palavras history, etc*/
  margin: 0.5em;
  font: bold 1.5em/2.5em Arial, Helvetica;/*se tirar 2º nº a tabela diminui*/
  text-decoration: none;
  color: #482424;
  text-shadow: 0 0.1em 0 rgba(255,255,255,.8);
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  -moz-box-shadow: 0 0 0.1em 0.1em rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 0.1em 0.1em rgba(255,255,255,.8) inset, 0 0.1em  0 rgba(0,0,0,.3);
  box-shadow: 0 0 0.1em 0.1em rgba(255,255,255,.8) inset, 0 0.1em 0 rgba(0,0,0,.3);
}

margin12 /*Aqui fica do jeito que está. Se tirar as bordas desaparecem*/
12border0.800
0.800padding‒
31.20053.400 × 6031.200
‒0.800
0.80012
12

Inherited from center
user agent stylesheetcenter {
  display: block;
  text-align: -webkit-center;
}

.table{
BORDER-COLLAPSE: collapse;
bordercolor: #000000;
cellspacing: 0;
cellpadding: 0;
width: 100%;
background-color: #F5F5DC;
border:0;
margin:auto;
}

.sbox{
text-align: center;
}

.table td{
 background-color: #F5F5DC;
valign: bottom;
text-align: center;
}


#footer{
color: beige;
}