body {
    background: url("../design/bg.gif") 0 0 repeat-x;
    font: 0.8em / 1.5 "arial", sans-serif;
	background-color:#fff; 
	color:#404040;
}

a {color:#FF6100;
text-decoration:none;}
a:hover {color:#090;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {
    margin: 15px 0;
}


ul.ul-01 {
    margin: 15px 0;
    list-style: none;
}

ul.ul-01 li {
    padding: 2px 0 2px 25px;
    background: url("../../../publico/images/site/ul-01.gif") 0 50% no-repeat;
    font-size: 95%;
}

ul.ul-list {
    margin: 15px 0;
    list-style: none;
}

ul.ul-list li {
    padding: 1px 0;
}

ul.ul-list span.date {
    padding-right: 10px;
}

#main {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
} #header {
    position: relative;
    height: 90px;
    padding: 30px 20px 15px 20px;
} #logo {
    margin: 0;
} 

#navigation {
    position: absolute;
    top: 80px;
    right: 20px;
    margin: 0;
} #navigation span {
    margin: 0 8px;
	color:#DDD;
} #navigation #navigation-active {
    font-weight: bold;
    text-decoration: none;
	color:#090;
} 








#menu {
    position: relative;
    width: 960px;
    height: 45px;
    background: url(../../../publico/images/site/menu.gif) 0 0 no-repeat;
    overflow: hidden;
    font:bold 90%/1 "tahoma",sans-serif;
	background-color:#BFBFBF;
} 
#menu li#menu-active a {background-color:#090; color:#FFF;}
#menu ul {
    margin: 0 20px;
    list-style: none;
} #menu li {
    display: inline;
} #menu li a {
    display: block;
    float: left;
    padding: 17px 20px 17px 18px;
    background: url("../../../publico/images/site/menu-separator.gif") 100% 0 no-repeat;
    text-decoration: none;
	color:#404040;
} #menu li a:hover {
    background: url("../../../publico/images/site/menu-hover.gif");
	background-color:#9F9F9F; color:#FFF;
} #menu li#menu-active a {
    background: url("../../../publico/images/site/menu-active.gif");
} 



#search {
    position: absolute;
    top: 8px;
    right: 20px;
} #search div {
    position: relative;
    width: 185px;
} #search #search-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 30px;
    background: url("../../../publico/images/site/busca-input.gif") 0 0 no-repeat;
    overflow: hidden;
	background-color:#FFF;
} #search #search-input input {
    width: 136px;
    margin: 8px;
    border: 0;
    font: 100% / 1 "arial", sans-serif;
	color:#404040;
} #search #search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
} 





#footer {
    clear: both;
    padding: 20px 20px 40px 20px;
    font-size: 85%;
} #footer p {
    margin: 0;
} #footer, #footer a {
	color:#9f9f9f;
} #footer a:hover {
	color:#404040;
}




#col-top, #col-bottom, #col {background-color:#F5F5F5;}

#cols3 .col h3 {background-color:#EEF8E4; color:#090;}
#cols3 .col h3 a {color:#090;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#F5F5F5;}

#col .title {
	color:#090;
	font-size:26px;
	font-weight:bold;
}
#col-left .title {
	color:#090;
	font-size:30px;
	font-weight:bold;
}


#cols2 #col-right {background-color:#EEF8E4;
padding-left:15px;}
#cols2 #col-right h4 span {
	background-color:#EEF8E4;
	color:#090;
	font-size:18px;
}
#cols2 #col-right a{
	color:#FF6100;
	text-decoration:none;
	padding-left:5px;
} #cols2 #col-right a:hover {
	color:#090;
}
 #col-top {
    width: 960px;
    height: 5px;
    margin-top: 15px;
    background: url("../../../publico/images/site/col-top.gif") 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
} #col-bottom {
    width: 960px;
    height: 5px;
    margin-bottom: 15px;
    background: url("../../../publico/images/site/col-bottom.gif") 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
} #col {
    position: relative;
    padding: 15px 30px 15px 20px;
    background: url("../../../publico/images/site/col.gif") 0 0 repeat-y;
} #ribbon {
    position: absolute;
    left: 780px;
    width: 200px;
    height: 100px;
    z-index: 10;
} #col-browser {
    position: relative;
    float: left;
    width: 480px;
    height: 215px;
    background: url("../design/browser.gif") 0 0 no-repeat;
} #col-text {
    float: right;
    width: 400px;
    padding-top: 15px;
    line-height: 1.7;
} #slogan {
    position: relative;
    width: 289px;
    height: 33px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 180%;
} #slogan span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: url("../tmp/slogan.gif") 0 0 no-repeat;
} #btns {
    margin-top: 25px;
    margin-bottom: 0;
} #cols2-top {
    width: 960px;
    height: 5px;
    margin-top: 15px;
    background: url("../../../publico/images/site/cols2-top.gif") 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
} #cols2-bottom {
    width: 960px;
    height: 5px;
    margin-bottom: 15px;
    background: url("../../../publico/images/site/cols2-bottom.gif") 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
} #cols2 {
    background: url("../../../publico/images/site/cols2.gif") 0 0 repeat-y;
} #cols2 #col-left {
    float: left;
    width: 595px;
    padding: 20px;
} #cols2 #col-right {
    float: right;
    width: 290px;
    margin-right: 1px;
    padding: 0px;
} #cols2 #col-left h4, #cols2 #col-right h4 {
    margin: 0;
    font-size: 100%;
} #cols2 #col-left .title {
    background: url("../design/dot.gif") 0 50% repeat-x;
} #cols2 #col-left .title h4 {
    display: inline;
    padding-right: 10px;
} #cols2 #col-left .title span {
    padding-left: 10px;
} #cols2 .box {
    margin-top: 10px;
} #cols2 #col-right h4 {
    background: url("../design/dot-02.gif") 0 50% repeat-x;
} #cols2 #col-right h4 span {
    padding-right: 10px;
} #cols2 .col-right-img {
    float: left;
    width: 65px;
} #cols2 .col-right-text {
    float: right;
    width: 240px;
} #cols2 .col-right-text p {
    margin: 0;
} #cols3-top {
    width: 960px;
    height: 5px;
    margin-top: 15px;
    background: url("../../../publico/images/site/cols3-top.gif") 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
} #cols3-bottom {
    width: 960px;
    height: 5px;
    margin-bottom: 15px;
    background: url("../../../publico/images/site/cols3-bottom.gif") 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
} #cols3 {
    background: url("../../../publico/images/site/cols3.gif") 0 0 repeat-y;
} .col {
    float: left;
    width: 308px;
    padding: 0 1px;
    margin-right: 15px;
} .col.last {
    margin-right: 0;
} .col h3 {
    margin: 0;
    padding: 7px 15px 12px 50px;
    background: url("../../../publico/images/site/cols3-title.gif") 20px 40% no-repeat;
    font-size: 120%;
} .col-text {
    padding: 20px;
    border-top: 1px solid #DFDFDF;
} .col-text p {
    margin: 0;
} .col-text ul {
    margin-bottom: 0;
} .col-more {
    padding: 10px 10px 1px 0;
    text-align: right;
}

 .ico-comment {
    padding-left: 18px;
    background: url("../design/ico-comment.gif") 0 50% no-repeat;
} .ico-rss {
    padding-left: 18px;
    background: url("../design/ico-rss.gif") 0 50% no-repeat;
} .smaller {
    font-size: 85%;
}
.high {color:#090}



.destaque{
	color:#FF6100;
	font-size:18px;
	font-weight:bold;
}


.noscreen {display:none;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.f-left {float:left !important;}
.f-right {float:right !important;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;}
* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}


#footer, #footer a {color:#9f9f9f;}
#footer a:hover {color:#404040;}

#paginacao {
	width:100%;
	float:left;
}
#paginacao .pag_numero{
	padding:20px;
	float: left;
}


#carousel {
	position:relative;
	overflow:hidden;	 	
	width: 480px;	
}

#jogo{
	float:left;
	padding:8px;
	width:130px;
	height:225px;
}

#jogo .ti{
	width:100%;
}

#jogo .titulo{
	color:#090;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin: 0;
	padding:0;
}