body{

height:100%;
background: #000 url(bg.jpg) no-repeat;
background-size:100%;  
}



.area {
    max-width: 942px;
    overflow: auto;
    height: auto;
    max-height: 100%;
    margin: auto;
    
}

.header{
background:#000;
text-align:center;
text-transform: uppercase;
padding:7px;
font-size:20px;
}

img {
  max-width: 100%;
}

a {
text-decoration:none;
}

.texto{
text-align:center;
color:#fff;
text-decoration:none;
font-weight: bold;
padding: 5px;
}

/*  SECTIONS  */
.section {
  text-align:center;
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  margin: 1% 0 0% 1%; ;
}


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%;     background: #00000094;}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {  margin: 1% 0 1% 0%; }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}