@charset "utf-8";
body { margin: 0; background: #f0f0f0 url(http://static.textovirtual.com/images/epvc/background.gif) top center; }
ol { list-style: none; }

/* contentores para o estilo da página */
div#main_container {
  margin: 0px auto 0px auto; /* FF centers de container */
  width: 830px;
}

div#header_container { height: 200px;
  background: url(http://static.textovirtual.com/images/epvc/bg_sprite_b.jpg) 0px 5px no-repeat;
}
div#middle_container { width: 830px;
  background: url('http://static.textovirtual.com/images/epvc/bg_repeat_y_solid.png') center top repeat-y;
}
div#footer_container { height: 85px;
  background: url(http://static.textovirtual.com/images/epvc/bg_sprite_b.jpg) 0px -245px no-repeat;
}

/* todos os browsers utilizam imagens PNG com transparencia (à excepção do IE6) */
div#main_container>div#middle_container { background-image: url(http://static.textovirtual.com/images/epvc/bg_repeat_y.png); }

/* CONTENTORES para os CONTEÚDOS - Para todos os browsers (incluisiveo ie6) */
div#container1 { padding: 15px 10px 5px 420px; }
div#container2 { width: 160px; margin: -140px 0 0 15px; *margin-left: 7px; float: left; *overflow: hidden; }
div#container3 { width: 630px; padding-left: 10px; float: left; }
div#container4 { margin: 0 10px; padding-top: 85px; }
/* listas de conteúdos (o main_container é especificado, para esta regra ter precedencia sobre uma do editor de páginas */
div#main_container div#container2 ol.contents { min-height: 166px; }

/***************************************************************************************/
/* para o IE6 */
div#main_container div.clearfix ol.contents { *_list-style: none; *_position: relative; *_float: left; *_width: 100%; *_margin:0; *_padding:0; }
div#main_container div.clearfix ol.contents li { *_position: relative; *_margin: 0; }
/* para os restantes */
div#main_container div.clearfix > ol.contents { list-style: none; position: relative; *float: left; *width: 100%; margin:0; padding: 0 0 5px 0; }
div#main_container div.clearfix > ol.contents > li { position: relative; margin: 0; }

/* CLEARFIX para as janelas de dialogo apresentarem correctamente as listas de plugins */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
