html, body {
 margin: 0; 
 padding: 0;
 background: url(../../imagens/header-bg.jpg) repeat-x;
 color: #fff;
}

* {
 list-style: none;
 text-decoration: none;
}
 
#pagewidth { 
 width: 1000px; 
 text-align: left;  
 margin-left: auto; 
 margin-right: auto;  
}

#header {
 width: 1000px;
 height: 184px; 
 background: url(../../imagens/header.jpg) no-repeat;
}

#header a {
 background: transparent url(../../imagens/logo.png) no-repeat;
 display: block;
 float: left;
 width: 352px;
 height: 113px;
 margin: 20px 0 0 13px;
} 

#sub-header {
 width: 1000px;
 height: 66px; 
}

#menu {
 float: left;
 margin-left: 20px;
 width: auto;
 height: 66px;

}

#menu ul {;
 display: inline;
}

#menu ul li {
 width: auto;
 height: 66px;
 float: left;
 padding: 14px 5px 0 32px;
 background: url(../../imagens/menu-seta.png) 8px 12px no-repeat;
 line-height: 15px;
}

#menu ul li a {
 color: #fff;
 font: normal 0.95em Arial;
}

#menu ul li a:hover {

 background-color: #1C6FB7; 
}

.search {
 width: 404px;
 height: 66px;
 float: right;
 background: url(../../imagens/busca-bg.jpg) no-repeat;
}

.input-txt-search {
 border: none;
 background: none;
 color: #666666;
 margin: 22px 0px 6px 50px;
 width: 282px;
 font: italic bold 0.90em Arial, Tahoma, Verdana;
 letter-spacing: -1px;
}

.btn-search {
 position: absolute; 
 float: right;
 width: 25px;
 height: 22px;
 margin: 20px 0 0 0px;
}

#twocols {
 width: 788px; 
 float: right; 
}

#leftcol {
 width: 212px; 
 float: left;
}
 
#rightcol {
 width: 212px;
 float: right;
}
 
#maincol {  
 float: left; 
 display: inline; 
 width: 576px;
 min-height: 750px;
 height: auto;
}

.nav {
 width:  210px;
 margin: 0 auto;
} 

.nav-header {
 width:  210px;
 height: 45px; 
 background: url(../../imagens/nav-header.jpg) no-repeat;
}

.nav-header p {
 position: absolute;
 width:  105px;
 height: 16px;
 margin: 12px 0 0 53px;
 padding: 1PX 0 0 21px;
 font: bold 0.90em Arial, Tahoma, Verdana;
 background: url(../../imagens/seta-nav-title.png) no-repeat;
} 
  
.nav-main {
 width: 210px;  
 float: left; 
 display: inline; 
 background: url(../../imagens/nav-main.jpg) repeat-y;
}

.nav-main-content {
 margin: 0 auto;
 width: 180px;
}

.nav-main-content ul { 
 padding: 0 0 0 6px;
 margin: 0;
}

.nav-main-content li {
 display: block;
 padding: 7px 0 7px 17px;
 background: url(../../imagens/seta-nav.png) 0 10px no-repeat;
 border-bottom: 1px solid #fff;
 line-height: 10px;
}

.nav-main-content ul li a {
 color: #000;
 font: normal 0.75em Tahoma, Helvetica, Arial;
}

.nav-main-content ul li a:hover {
 text-decoration: underline;
 color: #666666;
}
 
.nav-footer {
 width: 210px;
 height: 19px;  
 clear: both;
 background: url(../../imagens/nav-footer.jpg) no-repeat;
}

.post {
 width:  558px;
 margin: 0 auto; 
} 

.post-header {
 width:  558px;
 height: 46px; 
 background: url(../../imagens/post-header.jpg) no-repeat;
}

.post-title {
 position: absolute;
 float: left; 
 width:  280px;
 height: 23px;
 margin: 8px 0 0 52px;
}

.post-title a {
 color: #fff;
 font: bold 1.1em Arial;
 letter-spacing: -0.04em;
}

.post-title a:hover {
 color: #eee;
}

.post-link-broken {
 float: right; 
 width:  130px;
 height: 11px;
 margin: 13px 52px 0 0;
 font: normal 0.54em Helvetica, Arial, Tahoma;
 letter-spacing: -0.1em;
 text-transform: uppercase;
}

.post-link-broken a {
 color: #fff;
}

.post-link-broken a:hover {
 color: #eee;
 text-decoration: underline overline;
}
  
.post-main {
 width: 558px;  
 float: left; 
 display: inline; 
 background: url(../../imagens/post-main.jpg) repeat-y;
 }

.post-main-content {
 float: left;  
 width: 511px;
 margin: 10px 0 0px 23px;
 padding-bottom: 5px;
}

.post-main-image {
 margin: 0;
 color: #111;
 font: normal 0.8em Arial;
 line-height: 17px;
}

.post-main-full {
 width: 100%;
 margin: 0 auto;
 padding-bottom: 10px;
}

.post-main-full span {
 font: bold 1.0em Arial;
}

.post-main-download {
 float: left;
 width: 100%;
 height: auto;
 margin: 0 0 20px 1px;
}

.post-main-download span {
 position: absolute;
 font: bold 0.75em Helvetica, Tahoma;
 color: #111;
 margin: 0;
}

.post-main-download a {
 color: #111;
 font: bold 0.8em Helvetica, Tahoma;
 margin: 10px 0 0 17px;
}

.post-main-download a:hover {
 text-decoration: underline;
}

.post-main-sponsor {
 float: left;
 width: 100%;
 height: auto;
 margin: 13px 0 0 1px;
}

.post-main-sponsor span {
 position: absolute;
 font: bold 0.95em Helvetica, Tahoma;
 color: #111;
 margin: 0;
}

.post-main-sponsor a {
 color: #111;
 font: bold 1.0em Helvetica, Tahoma;
 margin: 10px 0 0 17px;
}

.post-main-sponsor a:hover {
 text-decoration: underline;
}

.post-main-buttons {
 
 width: 510px;
 height: 70px;
}

.post-main-buttons ul {
 display: inline;
}

.post-main-buttons ul li {
 float: left;
 padding: 17px 10px 0 0;
}

.post-main-buttons ul li a {
 background: url(../../imagens/bt-download.png) 0 0 no-repeat;
 color: #fff;
 width: 144px;
 height: 34px;
 display: block;
 font: bold 1.1em Arial;
 text-align: center;
 padding: 3px 0 0 0;
}

.post-main-buttons ul li a:hover {
 color: #ddd;
}

.post-info {
 float: left;
 background: #fefefe;
 width: 509px;
 height: 30px;
 border: 1px solid #00448F;
}

.post-info p {
 margin: 7px 0 0 20px;
 text-align: center;
 line-height: 15px;
 font: bold 0.9em Arial;
 color: #111;
}

.post-info p span {
 padding-right: 15px;
}

.post-info p a {
 font: bold 0.96em Arial;
 color: #111;
}

.post-info p a:hover {
 text-decoration: underline;
}
 
.post-footer {
 width: 558px;
 height: 18px;  
 clear: both;
 background: url(../../imagens/post-footer.jpg) no-repeat;
}

.post-comment {
 width:  558px;
 margin: 0 auto; 
}

.post-header-comment {
 width: 558px;
 height: 18px;  
 background: url(../../imagens/post-header-comment.jpg) no-repeat;
}

.post-main-comment {
 width: 558px;  
 float: left; 
 display: inline; 
 background: url(../../imagens/post-main.jpg) repeat-y;
 }

.post-main-content-comment {
 float: left;  
 width: 511px;
 margin: 0 0 0 23px;
}

.post-main-image-comment {
 margin: 0;
}

.post-main-image-comment h2 {
 font: bold 1.1em Arial;
 color: #111;
 border-bottom: 1px solid #fff;
 margin: 0 5px 0 5px;
}

.post-main-image-comment h3 {
 font: bold 1.1em Arial;
 color: #111;
 margin: 10px 5px 0 5px;
}

.post-main-image-comment p {
 margin: 0 5px 0 5px;
 color: #111;
 font: normal 0.8em Arial;
 line-height: 25px;
 padding: 10px 0 10px 0;
 border-bottom: 1px solid #fff;
}

.post-main-image-comment p span {
 color: #00448F;
 font: bold 1.0em Arial;
}

.post-main-image-comment a {
 color: #00448F;
 font: bold 1.0em Arial;
 text-decoration: underline;
}

.post-footer-comment {
 width: 558px;
 height: 18px;  
 clear: both;
 background: url(../../imagens/post-footer.jpg) no-repeat;
}

.erro-captcha {
 color: #111;
 font: normal .9em Arial;
 text-align: center;
}

.erro-captcha a {
 color: #111;
 font: normal .9em Arial;
 text-align: center;
}

.erro-captcha a:hover {
 text-decoration: underline;
}

.pagination {
 width: auto;
 height: 25px;  
 clear: both;
 margin: 0 auto;
}

.pagination a {
 padding: 2px 6px 2px 6px; 
 margin: 1px;
 border: 1px solid #222;
 font: bold 0.9em Courier New, Arial, Tahoma;
 color: #fff;
 background-color: #1C6FB7;
}

.pagination a:hover {
 border: 1px solid #222;
 color: #fff;
 background-color: #222;
}

.pagination span.pages {
 padding: 2px 6px 2px 6px; 
 margin: 1px;
 color: #fff;
 border: 1px solid #222;
 background-color: #1C6FB7;
 font: bold 0.9em Courier New, Arial, Tahoma;
}

.pagination span.current {
 padding: 2px 6px 2px 6px; 
 margin: 1px;
 font-weight: bold;
 border: 1px solid #222;
 color: #222;
 background-color: #fff;
 font: bold 0.9em Courier New, Arial, Tahoma;
}

.pagination span.extend {
 padding: 2px 6px 2px 6px; 
 margin: 1px;
 font-weight: bold;
 border: 1px solid #222;
 color: #222;
 background-color: #fff;
 font: bold 0.9em Courier New, Arial, Tahoma;
}
 
#footer {
 text-indent: -9999px;
 width: 100%;
 height: 137px; 
 background: url(../../imagens/footer-bg.jpg) repeat-x;
 margin: auto;
}

#footer a {
 width: 1000px;
 height: 137px;
 margin: 0 auto;
 display: block;
 background: url(../../imagens/footer.jpg) no-repeat; 
}

#comment label {
 clear: both;
 width: 50px;
 float: left;
}

.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}

.clearfix {
display : inline-block;
}

* html .clearfix{
height : 1%;
}

.clearfix {
display : block;
}

@media print {
#leftcol {
display : none;
}

#rightcol {
display : none;
}

#twocols, #maincol {
width : 100%;
float : none;
}
}