@charset "utf-8";
/* CSS Document */
body{background: #bcbfc1; margin:0; font:11px Verdana, Geneva, sans-serif; color: #333;}
#principal{margin:0 auto; width:900px; height:auto; background:#ffffff;}
#topo{background:url(topo.jpg) no-repeat #000; width:900px; height:376px;}
#topo .status{ color:#FFFFFF;font-weight:bold;height:18px;padding:2px 6px;position:absolute;text-align:center;top:378px;}
#container{width:900px; height:auto; background-color: #bc2821;}
#lateral{float:left; width:193px; min-height:410px;position:absolute; z-index:1}
#central{ float: right; width:707px; min-height:410px; background-color:#FFF; }
#controles{	position:relative; margin-top:550px;}
#rodape{margin:0 auto; font: 10px Verdana, Geneva, sans-serif; text-align:center; color:#fff; width:900px; height:30px; background-color:#999}
.clear {clear:both;}
h3{color:#da251D; text-transform:uppercase; font-weight:bold; padding:0; margin:10px 0 10px 0; font-size:14px;}
h4{color:#E77817; text-transform:uppercase; font-weight:bold; padding:0; margin:6px 0 6px 0; font-size:12px;}
h2{font-size:16px;}
a {color:#FFF; text-decoration:none;}
.especial{color:#FFF; padding:0; margin:0}
.bloco{padding:15px;}
.interaja{height:100px;width:185px; float:left;padding:0;margin:0; position: absolute; z-index:100; top:170px; left:10px}
.texto{height:94px;width:184px;padding:0;margin:0; float:left;position: absolute; z-index:100; top:310px;left:0px}