body {
	margin: 0;
	padding: 0;
	background-image: url(../img/green_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #56B646;
}

html {
	margin: 0;
	padding: 0;
}
html,body,div,p,input,textarea {
	font: normal 11px Verdana, sans-serif; color: #666;
}

input,textarea{
	border:1px solid #CCCCCC;
	margin-top:2px;
}
.noborder{
	border:0;
	margin:0;
}
a:link {
	color: #666;
}

a:visited {
	color: #666;
}

a:hover {
	text-decoration: none;
	color:#666;
}

a:active {
	color: #666;
}

#loading{
	position:absolute;
	z-index:3;
	background:#c44;
	color:white;
	font-size:10px;
	top:1px;
	right:16px;
	padding:2px;
	display:none;
}

#container {
	width: 764px;
	margin:0;
	padding:0;
	height:auto;
}


#contentLeft{
	float: left;
	background:url(../img/bg_menu.jpg) no-repeat top left;
	width:230px;
	height:450px;
	margin: 0 0 0 5px;
	/*overflow:auto;*/
}

#contentLeft ul{
	width:200px;
	padding:0;
	margin:18px 0 0 13px;
	list-style-type: none;
}
#contentLeft ul li{
	padding: 0;
	margin: 0;
}


#contentLeft ul li a {
	padding: 5px 0 0 15px;
	margin: 0;
	display:block;
	text-decoration:none;
	width:189px;
	height:20px;
	border-bottom:1px solid #E7E7E7;
	background-image: url(../img/seta_menu.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	/*background:url(img/main_menu.jpg) 0px 0px no-repeat;*/
}

#contentLeft ul li a:hover{
	background-color:#F5F5F5;
}

#contentRight {
	margin: 0 0 0 240px;
	padding: 5px 0 0 0;
	min-height:600px;
	height: auto !important;
	width: 518px;
	vertical-align:text-top;
}

#contentRight a:link {
	color: #849127;
	font-size: 10px;
}

#contentRight a:visited {
	color: #800080;
	font-size: 10px;
}

#parentContent {
	margin: 0 auto;
	width:764px;
	border-left:7px solid #55B645;
	border-right:7px solid #55B645;	
	vertical-align:top;
	background:#FFF;
}


/*
#contentLeft {
	padding-left: 33px;
	padding-right: 35px;
	padding-top: 25px;
}
*/

#header {
	width: 764px;
	height:135px;
	margin: 0;
	padding:0;
	background:url(../img/green_bg_header.jpg) no-repeat;
}

#logo{
		float:left;		
		background:url(../img/logo.jpg) no-repeat bottom left;
		background-position: 13px 63px;
		width:364px;
		height:135px;
		margin:0 0 0 5px;
		overflow:auto;
}
#logo h1{
		text-indent:-4000px;
}

#logoSom{
margin:20px 20px;
}

#data{
		float:left;
		width:382px;
		text-align:right;
		vertical-align:text-top;
}
#data h3{
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
}

#footer {
	text-align: center;
	width: auto;
	padding-top: 10px;
	clear: both;
}

#footer p {
	font-size: 10px;
}

#msg{
	margin:3px;
	padding:3px;
	border: 1px solid #96965E;
	background-color:#FFFFCC;
}

#mes{
	margin:0;
	padding:0 10px 0 0;
	width:155px;
	height:160px;
	float:left;
	position:relative;
}

#divAgendinha{
	margin:0;
	padding:0 0 0 5px;
	width:345px;
	height:150px;
	float:left;
}
#divAgendinha ul{
	float:left;
	width:80px;
	padding:0;
	margin:0;
	list-style-type:none;
}
#divAgendinha ul li{
	padding: 0;
	margin: 0;
}

#divAgendinha div{
	float:right;
	width:250px;
	height:150px;
}

#dia{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	border:1px solid #F0F0F0;
	float:left;
	text-align:center;
	position: relative;
    z-index: 100;
}
#dia:hover{
	background: #EEE;
}
/* The hover element, dynamically created */
div.ahover {
    position: absolute;
    z-index: 99;
    background: #344;
}
/*
#dia:hover{
	background-color: #EEE;
	cursor:pointer;
}
*/
#diaS{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	border:1px solid #F0F0F0;
	float:left;
	background-color: #F0F0F0;
	text-align:center;
}
#diaBlank{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	border:1px solid #F0F0F0;
	float:left;
	text-align:center;	
}
#diaDisabled{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	border:1px solid #F0F0F0;
	float:left;
	color:#CCC;
}
#diaPassado{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	border:1px solid #F0F0F0;
	float:left;
	color:#CCC;
	text-decoration:line-through;
}

#agendaDia{
	margin:0;
	padding:0;
	width:400px;
	height:400px;
	overflow:hidden;
	float:left;
	/*border:1px solid red;*/
}
#contentHoras{
	position:relative;
	width:900px;
	height:400px;
}
#listaHoras{
	margin:0 5px 0 0;
	padding:2px;
	width:393px;
	height:390px;
	float:left;
	/*overflow:auto;*/
	border:1px solid #CCC;
}
#detalheHora{
	margin:0 0 0 2px;
	padding:2px;
	width:390px;
	height:300px;
	float:left;
	border:1px solid #CCC;
}
#hora{
	margin:0;
	padding:2px;
	width:40px;
	height:15px;
	background-color:#F0F0F0;
	border:1px solid #F0F0F0;
	float:left;
	text-align:center;
}
#horaDisabled{
	margin:0;
	padding:2px;
	width:40px;
	height:15px;
	background-color:#F0F0F0;
	color:#CCC;
	border:1px solid #F0F0F0;
	float:left;
	text-align:center;
}
#horaPassada{
	margin:0;
	padding:2px;
	width:40px;
	height:15px;
	background-color:#F0F0F0;
	color:#CCC;
	border:1px solid #F0F0F0;
	float:left;
	text-align:center;
	text-decoration:line-through;	
}
#linhaHora{
	margin:0;
	padding:2px;
	width:140px;
	height:15px;
	border:1px solid #F0F0F0;
	float:left;
}
#linhaHoraDisabled{
	margin:0;
	padding:2px;
	width:140px;
	height:15px;
	border:1px solid #F0F0F0;
	float:left;
	color:#CCC;
}
#linhaHora:hover{
	background-color: #EEE;
	cursor:pointer;
}
/* Relat&#65533;rio */
#tblRelatorio{
	width:520px;
	text-align:left;
	border:1px solid #CCC;
}

#tblRelatorio th{
	text-align:left;
	background:#F0F0F0;
}

#lnkImprimir{
	padding:2px 0 2px 20px;
	margin:5px 0 5px 0;
	background:url(../img/icons/printer.png) no-repeat;
}


#listaUsuarios{
	margin:0;
	padding:0;
	width:520px;
	text-align:left;
	border:1px solid #CCC;
}

#listaUsuarios th{
	background:#CCC;
	text-align:left;
}

#listaUsuarios tr, #listaUsuarios td{
	margin:0;
	padding:0;
	height:19px;
}

.tdOptions{
	width:40px;
}
.btSave{
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin:0;
	padding:0;
	width:16px;
	height:16px;
	background:url(../img/icons/action_save.gif) no-repeat top left;
}

.btDel{
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin:0 0 0 3px;
	padding:0;
	width:16px;
	height:16px;
	background:url(../img/icons/action_stop.gif) no-repeat top left;
}

	/* progress bar container */
	#progressbar{
		border:1px solid black;
		width:200px;
		height:15px;
		position:relative;
		color:black; 
		font-size:12px;
	}

	/* color bar */

	#progressbar div.progress{
		position:absolute;
		width:0;
		height:100%;
		overflow:hidden;
		background-color:#369;
	}

	/* text on bar */
	#progressbar div.progress .text{
		position:absolute;
		text-align:center;
		color:white;
	}

	/* text off bar */
	#progressbar div.text{
		position:absolute;
		width:100%;
		height:100%;
		text-align:center;
	}	
	
/* Carrocel */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 270px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#divImgHome{
	background:url(../img/oapce-postal.jpg) no-repeat top center;
	width:520px;
	margin:0;
	padding:0;
	height:365px;
}
#divTxHome{
	width:auto;
	height:auto;
	margin:7px auto;
	padding:7px;
	background-color:#555;
	border:1px solid #000;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
}