body {
	margin: 0px;
	background-image: url(body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #00bede;
	color: #343434;
	font-family: Arial;
	font-size: 9pt;
}
#container {
	position: absolute; left:50%; width:940px; margin-left: -470px;
}
#content {
	margin-top: 5px;
	padding: 5px;
	background-color: #fff;
	vertical-align: top;
	width: 930;
}
.wrapper { width: auto; display: block; clear: both; }
p, td, input, .ctltext {
	color: #343434;
	font-family: Arial;
	font-size: 9pt;
}
a {
	color: #0066cc;
	text-decoration: none;
}
a:hover {
	color: #0066cc;
	text-decoration: underline;
}
h1 {
	font-size: 12pt;
	color: #990000;
}
h2 {
	font-size: 10pt;
	color: #00498b;
}
h3 {
	font-size: 10pt;
	color: #343434;
}
.titulo1 {
	font-size: 12pt;
	color: #990000;
	font-weight: bold;
	padding-bottom: 10px;
}
.titulo2 {
	font-size: 10pt;
	color: #00498b;
	font-weight: bold;
	padding-bottom: 10px;
}
.titulo3 {
	color: #333333;
	font-weight: bold;
	padding-bottom: 10px;
}
.legenda {
	width: 60px;
	float: left;
	padding-top: 4px;
}
.navigation {
	width: 100%; 
	height: 32px;
	background-image: url('nav_bg.jpg'); 	
	background-repeat: repeat-x; 	
}
.nav {
	color: #fff;
	padding-left: 10px;
}
.nav a {
	color: #fff;
	text-decoration: none;
}
.nav a:hover {
	color: #fff;
	text-decoration: underline;
}
.cttext {
	font: 8pt Arial;
	border: 1px solid #333333;
}
.header {
	width: 100%; 
	height: 105px; 
	background-image: url('header_bg.jpg'); 
	background-repeat: repeat-x;
}
.footer {
	margin-top: 5px;
	width: 100%; 
	background-color: #fff; 
}
.colside {
	float: left;
	width: 150px;
	/*padding: 10px 0px 10px 0px;*/
}
.colmid {
	float: left;
	width: 620px;
	/*padding: 10px 0px 10px 0px;*/
}
.colcont {
	float: left;
	width: 300px;
	vertical-align: top;
}
.colsep1 {
	float: left;
	/*width: 13px;*/
	width: 10px;
}
.colsep2 {
	float: left;
	width: 14px;
}

/* title bar */
.titlebar {
	height: 26px;
	width: 100%;
}
.titcol {
	width: 5px;
}
.titred {
	background-image: url(cr_red_02.jpg);
	background-repeat: repeat-x;
	color: #fff;
} 
.titred1 {
	background-image: url(cr_red_01.jpg);
}
.titred2 {
	background-image: url(cr_red_03.jpg);
}
.titcyan {
	background-image: url(cr_cya_02.jpg);
	background-repeat: repeat-x;
	color: #fff;
} 
.titcyan1 {
	background-image: url(cr_cya_01.jpg);
}
.titcyan2 {
	background-image: url(cr_cya_03.jpg);
}
.titblue {
	background-image: url(cr_blu_02.jpg);
	background-repeat: repeat-x;
	color: #fff;
}
.titblue1 {
	background-image: url(cr_blu_01.jpg);
}
.titblue2 {
	background-image: url(cr_blu_03.jpg);
} 
.box {
	padding: 5px;
	background-color: #eff6fc;
}
.boxgreen {
	padding: 5px;
	background-color: #0083b8;
	color: #fff;
}

/* Lists */
.separator {
	width: 100%; height: 1px; border-bottom: 1px dotted #cccccc; margin-top: 3px; margin-bottom: 3px;
}
.itemgroup {
	display: block; clear: both;
}
.itemholder {
	width: 196px; float: left; margin-bottom: 3px;
}	
.price { color: #cc3300; }	
.itemTemp {
	background: #fff;
	height: 53px;
	padding: 5px 0px 5px 5px;
	border: solid 1px #66ccff;
	margin-bottom: 5px;
}
.itemTempAlt {
	background: #f2fdff;
	height: 53px;
	padding: 5px 0px 5px 5px;
	border: solid 1px #66ccff;
	margin-bottom: 5px;	
}


.pager {
	border:solid 1px #9aafe5;
	margin-right:2px;
	padding: 2px 4px;
}
.pager:hover{
	border:solid 1px #0e509e;
}
.pager:active{
	border:solid 1px #0e509e;
}
.pagernext {
	font-size: 12pt;
}
.pagernext:hover {
	font-size: 12pt;
}

.boxdirect {
	width: auto;
	border: solid 1px #ddd;
	padding: 5px;
	font-size: 8pt;
}

.toolbar {
	height: 26px;
	background-image: url(toolbar.jpg);
	background-repeat: repeat-x;
	color: #fff;
}
.toolbar a { color: #fff; }
.toolbar a:hover { color: #fff; text-decoration: underline; }