html, body {
margin:0;
padding:0;
border:0;
height:100%;
background:#F1ECD6;
}
img {
border:0;
}
#main {
width:100%;
height:100%;
display:table;
position:relative;
}
#mainhold {
width:100%;
vertical-align:middle;
position:relative;
display:table-cell;
}
#content {
border:1px solid #858276;
margin:auto;
position:relative;
width:612px;
background:#FFF;
color:#000;
}
#header {
background:url(imagens/topo.jpg) no-repeat;
height:112px;
}
#leftside {
width:306px;
float:left;
line-height:0px;
font-size:0;
}
#rightside {
width:306px;
float:right;
line-height:0px;
font-size:0;
}
div.off {
opacity: 1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
div.on {
opacity: 0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
border-top:1px solid #000;
border-bottom:1px solid #000;
text-align:center;
width:100%;
position: relative;
bottom:0;
left:0;
background:#6D603F;
padding:2px 0;
}
.clear {
clear:both;
line-height:0px;
font-size:0;
height:0;
}
</style>
<!--[if IE]>
<style type="text/css">
#mainhold {
top:50%;
}
#content {
top:-50%;
}