/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background-image:url(bkground.png);
	background-repeat:repeat-x;
	min-width: 931px;
	font-family: "Century Gothic", Verdana, Tahoma, arial, sans-serif;
	font-style:normal;
	font-size: 12px;
	margin-top:  0px;
	margin-left: 0px;
	text-align: center;	
	background-color:#fefefd;
}

a, a:visited 
{
	color: #000; 
}
a:hover 
{
	color: #ffab04;
}

.labelerror {
	display:block;
	color:Red;
	margin:5px 0;
}

label {
	display:block;
	margin:0px 0;
}

.lista label {
	display:inline;
}

.labelsimple
{
	margin:5px 0;
}

input
{
	padding: 2px;
	font-size: 10px;
	color: #000;
	border: #d3d3d3 1px solid;
	text-transform: uppercase;
}

.labeltextbox
{
	padding:2px;
	border:1px solid #d3d3d3;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

.inputMoney {
	padding:2px;
	font-size: 10px;
	border: #d3d3d3 1px solid;
	color: #000;
	text-align:right; 
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #d3d3d3;
	height:100px;
	display:block;
	color:#777;
}

input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	text-transform:capitalize;
	background: url(headerbg.gif) repeat-x left bottom;	
	color: #000;
}

input.button:hover { 
	color: #fe7701;
}

ul 
{
	margin: 5px 20px;
	padding: 0 20px;
	color: #ff8200;
}

.sidebar 
{
	text-align: left;	
	position: relative;
	width: 220px;
	float:left;
	margin-left:-1px;
}	

h1 
{
	font-size:14px;
}

.sidebar h1 {
	font-family: "Century Gothic";
	margin-top: 10px;
	padding: 5px 0 5px 10px; 
	color: #fffeff;
	background: url(head_menu.png) left top;	
	background-repeat:no-repeat;
}

.sidebarh1top {
	margin-top: 10px;
	padding: 4px 0 0px 10px; 
	margin-top:0px;
	color: #fffffe;
	font-size: 1.2em;
	font-weight:bold;
	text-align:left;
}

.sidebartop {
	background-image: url('head_menu_top.png'); 
	background-repeat:no-repeat;
	height: 27px; 
	width: 220px;
}

.sidebar .left-box {
	margin: 0 0 5px 0;	
}

.sidebar ul.sidemenu {
	font-family: "Century Gothic";
	font-size: 1.0em;
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
}

.sidebar ul.sidemenu li {
	background: url(go.png) no-repeat 5px 5px;
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}

.sidebar ul.sidemenu a 
{
	font-weight:normal;
	text-decoration: none;	
	color: #000; 
}
 
.sidebar ul.sidemenu a:hover {
	color: #ffab04;
}

 
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
.red { color: red; }


.grd
{
	border: gray 1px solid;
	color: Black;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
	vertical-align:text-top;
}

.grd_AlternatingRow
{
	background-color: #eaeaea;
}

.grd_Header
{
    color : black;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	background: url(headerbg.gif) repeat-x left bottom;		
}

.grd_Header a
{
	text-decoration:underline;
	color: black;
}

.select {
	font-size: 10px;
	color: Black;
	background-color: #f5f5f5;
}

.topleft
{
	background-image:url(table_corner_top_left.png);
	background-repeat:no-repeat;
	width:10px;
	background-position:bottom;
}
.topcenter
{
	background-image:url(table_top.png);
	background-repeat:repeat-x;	
	background-position:center;
}
.topright
{
	background-image:url(table_corner_top_right.png);
	background-repeat:no-repeat;
	width:10px;	
	background-position:bottom;
}
.topright1
{
	background-image:url(table_corner_topa_right.png);
	background-repeat:no-repeat;
	width:10px;	
	background-position:bottom;
}
.botleft
{
	background-image:url(table_corner_bottom_left.png);
	background-repeat:no-repeat;
}
.botcenter
{
	background-image:url(table_bottom.png);
	background-repeat:repeat-x;
	background-position:right;
}
.botright
{
	background-image:url(table_corner_bottom_right.png);
	background-repeat:no-repeat;
}
.midleft
{
	background-image:url(table_left.png);
	background-repeat:repeat-y;
	width:10px;	
}
.midright
{
	background-image:url(table_right.png);
	background-repeat:repeat-y;	
	background-position:right;
	width:10px;	
}

.leftline
{
	background-color:White;
	width:10px;	
}
.rightline
{
	background-color:White;
	width:11px;	
}
.centerline
{
	background-color:White;
	background-image:url(bkground_grey.png);
	background-repeat:repeat-x;	
}
.pointleft
{
	background-color:White;
	background-image:url(point.png);
	background-repeat:repeat-y;
	width:1px;
}
.pointright
{
	background-image:url(point.png);
	background-repeat:repeat-y;
	width:1px;
}
.basemenu
{
	background-position:left top;
	background-image:url(table_bottom_menu.png);
	background-repeat:no-repeat;
}

fieldset 
{
	border:0;
	background-color:Transparent;
	/*background: url(headerbg.gif) repeat-x left bottom;*/
	padding:2px;
}

.quadro
{
	position: relative; 
	margin: 15px auto;
	width: 931px; 
	background-image: url(right_line.png);
	background-repeat:repeat-y;	
	background-position:right;
}

.flash
{
	position: absolute; 
	top: 30px; 
	left: 65px;	
}
.corner_left_login
{
	float: left; 
	background-image: url(corner_left_login.png); 
	background-repeat: no-repeat;
	height: 116px; 
	width: 12px;
}
.top_login_1
{
	float: left; 
	background-image: url(top_login_1.png); 
	background-repeat: repeat-x;
	height: 116px; 
	width: 216px;
}
.middle_left_login
{
	float: left; 
	background-image: url(middle_left_login.png); 
	background-repeat: no-repeat;
	height: 116px; 
	width: 22px;
}
.top_login_2
{
	float: left; 
	background-image: url(top_login_2.png); 
	background-repeat: repeat-x;
	height: 116px; 
	width: 659px;
}
.middle_right_login
{
	float: left; 
	background-image: url(middle_right_login.png); 
	background-repeat: no-repeat;
	height: 116px; 
	width: 12px;
}
.corner_right_login
{
	float: left; 
	background-image: url(corner_right_login.png); 
	background-repeat: no-repeat;
	height: 116px; 
	width: 10px;	
}
.curve_login
{
	float: left; 
	background-image: url(curve_login.png); 
	background-repeat: no-repeat;
	height: 34px; 
	width: 250px;	
}
.curve_login_open
{
	float: left; 
	background-image: url(curve_login_open.png); 
	background-repeat: no-repeat;
	height: 34px; 
	width: 250px;	
}
.fundo
{
	float: left; 
	background-color: #fffefd; 
	height: 34px; 
	width: 659px;	
}
.curve_login2
{
	float: left; 
	background-image: url(curve_login2.png); 
	background-repeat: no-repeat;
	height: 34px; 
	width: 22px;
}
.middle_orange
{
	float: left; 
	background-image: url(middle_orange.png); 
	background-repeat: repeat-y;
	height: 111px; 
	width: 250px;	
}
.acesso
{
	position: absolute; 
	top: 150px; 
	left: 55px; 
	font-weight: bold; 
	font-size: 14px;
	color: #fefeff;	
}
.cplogin
{
	position: absolute; 
	top: 175px; 
	left: 35px; 
	font-size: 12px; 
	color: #fffefe;
	text-align: right;	
}
.lock
{
	float: left; 
	background-image: url(lock.png); 
	background-repeat: no-repeat;
	height: 56px; 
	width: 240px;	
}
.lock_middle
{
	float: left; 
	background-image: url(lock_middle.png); 
	background-repeat: repeat-x;
	height: 56px; 
	width: 670px;	
}
.lock_right
{
	float: left; 
	background-image: url(lock_right.png); 
	background-repeat: no-repeat;
	height: 56px; 
	width: 10px;	
}
.banner
{
	position: absolute; 
	top: -10px; 
	left: 240px;
}
.clock
{
	position: absolute; 
	top: 10px; 
	text-align: right; 
	right: 25px; 
	color: #fefffe;
	font-weight: bold;	
}
.bottom
{
	float: left; 
	background-image: url(bottom.png); 
	width: 931px;
	height: 71px;
	background-color:White;	
}
.menu
{
	float: left; 
	width: 216px; 
	background-color:#feffff;	
}
.principal
{
	float: left; 
	width: 931px;
}
.pnleft
{
	float: left; 
	width: 218px;
}
.pnright
{
	float: right; 
	width: 676px; 
	text-align: left; 
	margin-left: 12px; 
	margin-top: -8px;
	min-height:277px;
}
#navegacao
{
	position: relative; 
	top: 28px; 	
	text-align: left; 
	color: #000;
	font-size:smaller;
}
.pnprefeitura
{
	position:absolute;
	float: left; 
	width: 668px; 
	text-align: left; 
	margin-left: 246px; 
	margin-top: 40px;
	min-height:56px;
	z-index:99;
}
.pnmid
{
	float: left; 
	width: 931px; 
	text-align: left; 
	margin-top: -10px;
}

.topleftcs
{
	background-image:url(table_corner_top_left_cs.png);
	background-repeat:no-repeat;
	width:19px;
	background-position:bottom right;
	background-color:#fefefe;
}
.topcentercs
{
	background-image:url(table_top_cs.png);
	background-repeat:repeat-x;	
	background-position:bottom;	
}
.toprightcs
{
	background-image:url(table_corner_top_right_cs.png);
	background-repeat:no-repeat;
	width:20px;	
	background-position:bottom left;
	background-color:#fefefe;
}
.brasao
{
	float:left;
	/*background-image:url(brasao.png);
	background-position:left;
	background-repeat:no-repeat;*/
	width:50px;	
	height:50px;	
	padding-right:10px;
}
#dados
{
	font-size: xx-small;
}

.Calendar
{ 
	float: left;
	border-style: none;
	cursor: pointer;
	padding: 1px;
	background: url(calendar.png) no-repeat;
	width: 24px; height: 21px; 
	border: none;
	overflow: hidden;	
}

.progressImg
{
	background-color: White; border: solid 1px; width: 110px; height: 14px;
	position: absolute; top: 50%; left: 50%; margin-left: 0px; margin-top: 0px;
	padding: 10px 10px 10px 10px; font-family: Tahoma; font-size: 12px; 
}

