body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font: 11px arial,sans-serif;
}

h1,h3,h4,h5,h6 {
	color: #A02214 !important;
}

h7 {
	width:510px; 
	color: #0A5908 !important;
	font:12px arial,sans-serif; 
	padding-bottom:15px;
	font-weight: bold;
}

h2 { 
	width:510px; 
	font:18px arial,sans-serif; 
	color:#0b7451; 
	border-bottom:1px solid; 
	padding-bottom:15px;
}

h8 {
	width: 510px;
	font: 13px arial,sans-serif;
	color: #0B7451;
	font-weight: bold;
}

.margin-top-left {
	 float:right;
	 margin-top:15px;
	 margin-right:60px"
}

.imagem-obra{ 
	position: relative;
	top: 50%;
}

h1 {
	width: 90%;
	margin: auto;
	padding: 8px 0px 0px 0px;
}

.sidebar{ 
	float:left; 
	width:211px; 
	height: 100%;
	list-style: none; 
}

.ui-wizard-step-title {
	font-size: 15px;
	margin: 0px 3px 0px 0px;
	padding: 0.4em;
	float: left;
	width: 109px;
	text-align: center; 
}

.td { 
	vertical-align: top; 
}

label {
	font-size: 11px !important;
}

.header {
	display: block;
	height: 44px;
	width: 90% !important;
	margin: auto !important;
	padding: 0 !important;
	border: 1px solid #e0cfc2;
	background: #E3AB0E
		url(/cnart/resources/gfx/header_sacta_x.png) no-repeat;
}
.header_cnart {
	display: block;
	height: 98px;
	width: 90% !important;
	margin: auto !important;
	padding: 0 !important;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
}


.header .titulo-sistema {
	display: block;
	text-indent: 200px;
	font-weight: bolder;
	font-size: 26px;
	color: #A02214 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-weight: bolder;
}

.header .slogan-sistema {
	display: block;
	text-indent: 200px;
	font-weight: normal;
	font-size: 12px;
	color: #A02214 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.workspace {
	display: block !important;
	border: none !important;
	width: 90% !important;
	margin: auto !important;
	margin-top: 6px !important;
	padding: 0px !important;
}


#main{
	float: left;
	overflow: auto;
	padding-bottom: 88px;
	width: 778px;
	margin: 0 auto 50px;
	padding-left: 26%;
}

.calendar input {
width: 130px;
}

.top-content {
	vertical-align: text-top !important;
}

.menuLateral {
	margin: 16px 8px 0 0 !important;
	border: none !important;
	padding: 0px !important;
	display: block !important;
	float: left !important;
	width: 156px;
}

.form-login {
	border: 1px solid magenta !important;
	display: block !important;
	width: 500px !important;
	margin: auto !important;
}

.no-border {
	border: none !important;
}

.required:after {
	content: " *" !important;
	color: #FF0000 !important;
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 0.4em;
    color: #FF0000 !important;
}

#sidebar {
	font-size: 0.9em;
	width: 225px;
	float: right;
	border: 1px solid #666666;
	background: #EAECEE;
	padding: 0 15px 5px 15px;
}

#sidebar ul {
	padding-left: 30px;
}

#footer {
	clear: both;
	text-align: center;
	color: #666666;
	font-size: 0.85em;
	padding: 3em 0 0 0;
}

code {
	font-size: 1.1em;
}

span.invalid {
	padding-left: 3px;
	color: red;
}

.center {
	text-align: center !important;
}

.combo-buttons {
	display: block;
	background: #E0CFC2;
	text-align: center;
	padding: 6px;
	margin: 6px;
	padding: 6px;
}

.combo-buttons input {
	margin: 3px;
}

tr td.name {
	width: 120px !important;
}

/* Primefaces custom */
button span {
	font-size: 12px !important;
	font-weight: normal !important;
}

.panel-link {
	padding: 6px 0px 2px 0px !important;
	display: block;
	margin: 0 auto !important;
}

.ui-panel {
	margin: auto;
	width: 90%;
}

.ui-panel .ui-panel-content {
	padding: 0 !important;
}

.ui-menubar {
	width: 90% !important;
	margin: auto !important;
}

.ui-widget-header {
	background: #E3AB0E !important;
}

.ui-corner-all {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.ui-menu .ui-menuitem-text {
	float: none !important;
}

.fontBold {
	font-weight: bold;
}

.alignCenter {
	font-align: center !important;
}

.h50px {
	height: 50px;
}

.h100px {
	height: 100px;
}

.w25 {
	width: 25%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.w300px {
	width: 300px;
}

.w500px {
	width: 500px;
}

.w800px {
	width: 800px;
}

.w70px {
	width: 70px;
}

.vertical ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.panelCenter {
	margin-left: 205px;
}

.nav-top{ float: right; font:10px arial,sans-serif; padding-top: 20px; width: 150px; }
.nav-top li { list-style: none; float: right; padding-left: 10px;}
.nav-top img { border: 0 }

* {
	margin:0;
	padding:0;
}



html, body {
	height: 100%;
}


.logocnart img { border: 0; }


/* Menu Vertical Sanfona
----------------------------------------------- */

.vertical ul {
	margin: 0;
	padding: 0;
	list-style:none;
	width: 100%;
}

.vertical ul li {
	display:block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style:none;
	height:40px;
	width: auto;
	background-color:transparent;
}

.vertical ul li h3 {
	display:block;
	margin: 0;
	padding:10px;
	padding-left:20px;
	height:8px;
	border-top:none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 5px 0 10px;
	color: #CE4E38;
	background: transparent;
	text-align: left;
	font-size:12px;
	list-style:none;
}

.vertical ul li h3 a{
color: #CE4E38;
list-style:none;
}

.vertical ul li div {
margin:0;
overflow: auto;
padding:10px 0 0 15px;
height:40px;
list-style:none;
}

.verticalsanfona ul {
margin: 0;
padding: 0;
list-style:none;
width: 100%;
}

.verticalsanfona ul li {
display:block;
overflow: hidden;
margin: 0;
padding: 0;
list-style:none;
height:40px;
width: auto;
background-color:transparent;
transition: height 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out;
-webkit-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
}

.verticalsanfona ul li h3 {
display:block;
margin: 0;
padding:10px;
padding-left:20px;
height:8px;
border-top:none;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
padding: 5px 0 10px;
color: #CE4E38;
background: transparent;
text-align: left;
font-size:12px;
list-style:none;
}
.verticalsanfona ul li h3 a{
color: #CE4E38;
list-style:none;
}

.verticalsanfona ul li h3 a:hover{
color:#CE4E38;
list-style:none;
}

.verticalsanfona ul li div {
margin:0;
overflow: auto;
padding:10px 0 0 15px;
height:80px;
list-style:none;
}

.verticalsanfona ul li:hover {
height: 80px;
width: 100%;
list-style:none;
}

.verticalsanfona:hover ul li:hover h3 {
color:#CE4E38;
list-style:none;
}

.verticalsanfona ul li h3:hover {
cursor:pointer;
list-style:none;
}


/*-----------------------------------------------------*/
.logo { 
	padding:3px 0 0 5px; 
	float:left; 
	width:190px;
}

#cnart{ 
	margin-top:10px; 
	margin-bottom:25px;	
}


.content-rodape{ font:12px arial,sans-serif; color:#ce4e38; padding-top:30px; padding-bottom:30px; text-align: center; }

.sidebar{ float:left; width:211px; height: 100%;list-style: none;}

.sidebar li{
	 font:12px arial,sans-serif; 
	 color:#ce4e38; 
	 padding-top: 10px;
	 list-style: none;
}
.sidebar div li{
	 font:12px arial,sans-serif; 
	 color:#ce4e38; 
	 padding: 0 0 15px 0;
	 height: 10px;
	 list-style: none;	 
}

.sidebar li a{color:#ce4e38; text-decoration:none; font-weight:bold;list-style: none;}
.sidebar li a:hover{color:#ce4e38; text-decoration:underline;list-style: none;}

#menu{ min-height:250px;}
#menu li ul{ display:none;}
#menu li ul li{ list-style:none; padding:2px 0 2px 10px;}

.imagem-obra{ width:170px; margin:0 auto;}

.cadastro-home{ width:440px; margin:0 auto;}
.cadastro-home p{ margin-right:5px; width:100px;}
.cadastro-home label{ font:11px arial,sans-serif; color:#000000;}
.cadastro-home .big{ width:450px; padding:10px; margin:10px 0 15px -15px;}
.cadastro-home .small{ width:425px; padding:10px; margin-bottom:15px;}
.cadastro-home .smallObjeto{ width:400px; padding:10px; margin-bottom:15px;}
.cadastro-home legend{ font:14px arial,sans-serif; color:#ce4e38; font-weight:bold; padding:0 5px 0 5px;}

.center {float:left;}
.center h2{ width:480px; margin:0 auto; font:18px arial,sans-serif; color:#0b7451; border-bottom:1px solid; padding-bottom:15px;}
.center h8{ width:775px; margin:0 auto; font:13px arial,sans-serif; color:#0B7451; font-weight: bold;}
.erro{  font-weight: bold; color: red; list-style: none;}
.alerta { font-weight: bold; color: green; list-style: none;}

.coluna1 {  
    text-align: right;  
}  
  
.coluna2 {  
    text-align: left;  
}  

.header-table{
	margin-left: 27%;
}

.field-filtro {
	width:534px;
}

.botao{
	margin-right: 50px;
	padding: 1px 4px;
	background-color: #C73D3D;
	border: 1px solid;
	border-color: #900000;
	color: #FFF;
	font-weight: bold;
}

.botao2{
	margin: 0 auto; 
	float:right; 
	margin-top:5px; 
	border: 1px solid #900000; 
	background: #C73D3D; 
	font-weight: bold; 
	color: #FFF; 
	padding: 1px 4px;
}

.botao3 {
	margin-left: 45%; 
}

.ui-dialog.meu-dialog
{
	font-size: 15px;
	text-align: center;
}

.panel-content {
	width:500px;border:0px;
}

		.ui-panelgrid tr, .ui-panelgrid td {border:0 !important;}
		.ui-fieldset{width: 100%;}
		.ui-fieldset-content{width: 450px;}
		.ui-widget-header {background: #E4E4E4 !important;}
	   	.affaires .ui-menuitem-text{color:white;}
	   	.ui-widget-content {background: #FFFFFF}
	   	.ui-widget-header{border: 1px solid #FFFFFF}
	   	.ui-fieldset-legend{background: #FFFFFF} 
	   	.ui-corner-all {background: #FFFFFF} 
	   	.ui-state-default {background: #FFFFFF}
	   	.ui-menuitem-text{color: #ce4e38; text-decoration: none; font-weight: bold;	list-style: none;}
	   	.ui-widget-content {background: #FFFFFF}  
	   	.ui-state-default {background: #FFFFFF} 
	   	.ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all {background-color: #E4E4E4}
	   	.ui-dialog .ui-dialog-titlebar-close span, .ui-dialog .ui-dialog-titlebar-minimize span, .ui-dialog .ui-dialog-titlebar-maximize span {background-color: #E4E4E4}