@charset "utf-8";

body{

	background-image: url(../imagens/bg.gif);

	background-repeat: repeat-y;

	margin: 0;

	padding: 0;

	background-position: center;

}

#principal{

	width: 760px;

	margin: 0 auto;

	background-position: center;

}

#topo {

	padding: 0;

	position:relative;

	z-index:1;

	height:164px;

	width:760px;

	margin-top:0px;

	margin-right:auto;

	margin-bottom:auto;

	margin-left:auto;

}

#maincontent{

	width: 555px;

	padding-top: 15px;

	padding-right: 5px;

	padding-bottom: 15px;

	padding-left: 5px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0;

	margin-left: 195px;

	background-position: center;

}

#cx_texto  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	text-decoration: none;

	padding-right: 4px;

	padding-left: 4px;

	padding-top: 0px;

	padding-bottom: 0px;

	background-color: #FFFFFF;

	float: left;

	width: 545px;

	margin-top: 0px;

	}



#banners {

	width: 545px;

	padding-top: 14px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align: center;

}



#maincontent #cx_texto a {

	color: #333333;

	text-decoration: underline;

}

#maincontent #cx_texto a:hover {

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	text-decoration: none;

}

#maincontent #cx_texto h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #003300;

	text-decoration: none;

}

#coluna {

	float: left;

	width: 160px;

	padding: 10px 10px 15px 20px;

	vertical-align: top;

	margin: auto;

	position:relative;

	z-index:1;

}

#footer {

	padding: 0 10px 0 20px;

	text-align: center;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

} 

#footer  a {

	color: #FFFFFF;

	text-decoration: underline;

}

#footer a:hover {

	text-align: center;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

}

.suckerdiv ul{

margin: 0;

padding: 0;

list-style-type: none;

width: 160px;

border-bottom-width: 0;

float: left;

margin-top: 5px;

margin-right: 0;

margin-bottom: 5px;

margin-left: 0;

font: normal 13px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

background-image: url(../imagens/glossyback2.gif);

background-repeat: repeat-x;

}

.suckerdiv ul li{

position: relative;

}

.suckerdiv ul li ul{

position: absolute;

width: 170px;

top: 0;

visibility: hidden;

}

.suckerdiv ul li a{

	display: block;

	overflow: auto; /*force hasLayout in IE7 */

	color: #C1C1C1;

	text-decoration: none;

	background-image: url(../imagens/glossyback2.gif);

	background-repeat: repeat-x;

	padding: 1px 5px;

	border-bottom-width: 0;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

}

.suckerdiv ul li a:hover{

color: #FFFFFF;

background-image: url(../imagens/glossyback.gif);

background-repeat: repeat-x;

}

.suckerdiv .subfolderstyle{

background: url(../imagens/arrow-list.gif) no-repeat center right;

background-image: url(../imagens/glossyback2.gif);

background-repeat: repeat-x;

}

/* Holly Hack for IE \*/

* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }

/* End */

#breves {

	width: 555px;

	height: 15px;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	background-image: url(../imagens/bg_breves.gif);

	background-repeat: repeat-x;

	vertical-align: middle;

	top: 10px;

}

#banners {

	width: 545px;

}

.cssform p{

	clear: left;

	margin: 0;

	padding: 5px 0 8px 0;

	padding-left: 155px;

	height: 1%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #CCCCCC;

}

.cssform label{

font-weight: bold;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 360px;

}

.cssform textarea{

width: 250px;

height: 150px;

}

/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/

* html .threepxfix{

margin-left: 3px;

}

#paginacao {

	padding: 3px;

	margin: 3px;

	text-align:center;

	color:#a0a0a0;

	font-size:50%;

	font-family: Arial, Helvetica, sans-serif;

}

#paginacao a {

	border: 1px solid #043102;

	margin-right:3px;

	padding:2px 5px;

	background-image:url(../imagens/bar.gif);

	background-position:bottom;

	text-decoration: none;

	color: #CCCCCC;

}

#paginacao a:hover, div.meneame a:active {

	border: 1px solid #f0f0f0;

	background-image:url(../imagens/invbar.gif);

	background-color:#074A03;

	color: #ffffff;

}

#paginacao span.current {

	margin-right:3px;

	padding:2px 5px;

	border: 1px solid #053902;

	font-weight: bold;

	background-color: #074A03;

	color: #ffffff;

}

#maincontent  p   {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: medium;

	text-decoration: none;

	color: #000000;

}

