body{
	height:100%;
	margin:0;
	padding:0;
	font-size: 88%;
	-webkit-font-smoothing: antialiased;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ LOGIN PAGE ~~~~~~~~~~~~~~~~~~~~~~~~ */


div#footer div#poweredby, div#historico, div#form, div#user{
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
h1{
	font-weight: 100;
	font-size: 31px;
	line-height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 8px;
}
div#content{
	width:900px;
	height:580px;
	position:relative;
	margin:40px auto 0px;
}
div#left{
	float:left;
	width:480px;
	height:495px;
}
div#left div#text{
	color:white;
	width: 480px;
	height:150px;
}
div#left div#text a#button{
		color:#2672EC;
}
div#left div#text{
	background-color:#990000;
}
div#left div#text h1, div#left div#text p, div#left div#text a{
	margin-left:30px;
}
div#left div#text p{
	font-family: "Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
	font-weight: 100;
	font-size: 14px;
	line-height: 16px;
	margin-top:12px;
	margin-bottom:18px;
	padding: 0;
}
div#left div#text a#button{
	border: 1px white;
	background-color: white;
	text-decoration: none;
	display: inline-block;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
	font-size: 13px;
	font-weight: 100;
	line-height: 10px;
	padding: 6px 7px;
}
div#left div#text a#button:active{
	background-color: black;
	color: white;
}
div#right{
	float:right;
	width:420px;
	height:495px;
}
div#right img{
	margin-left:100px;
	margin-top:40px;
	width:185px;
}
div#right div#login{
	margin-left:100px;
	margin-top:30px;
	width:320px;
	height:320px;
	position:relative;
}
div#right div#login a{
	font-weight: inherit;
	text-decoration: none;
	color: #2672EC;
	cursor: pointer;
}
div#right div#login form input[type=text], div#right div#login form input[type=password], textarea{
	width: 302px;
	padding: 6px 8px;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	font-size: 100%;
	color: #212121;
	border: 1px solid rgba(0, 0, 0, 0.27);
	background-color: rgba(255, 255, 255, 0.8);
	line-height: 142%;
	margin-top:8px;
}
div#right div#login form input[type=checkbox]{
	opacity: 0;
	position: absolute;
	padding: 0 0 0 0;
	width: 19px;
	height: 19px;
	margin: 0 0 0 0;
	float: left;
	cursor: pointer;
	-webkit-appearance: checkbox;
	box-sizing: border-box;
}
div#right div#login form input[type=checkbox] + label{
	background:
	url(/_images/controls.png) top left no-repeat,
	url(/_images/controls.png) top left no-repeat,
	url(/_images/controls.png) top left no-repeat;
	background-position: left -38px;
	display: inline-block;
	height: 19px;
	padding-left: 24px;
	cursor: pointer;
	margin-top:10px;
}
div#right div#login form input[type=checkbox]:active + label, div#right div#login form input[type=checkbox] + label:active{
	background-position: left -57px;
}
div#right div#login form input[type=checkbox]:active:checked + label, div#right div#login form input[type=checkbox]:checked + label:active{
	background-position: left 38px, left -152px, left -57px;
}
div#right div#login form input[type=checkbox]:checked + label, div#right div#login form input[type=checkbox] + label:checked{
	background-position: left 38px, left -114px, left -38px;
}
input[type=radio]{
	opacity: 0;
	position: absolute;
	padding: 0 0 0 0;
	width: 19px;
	height: 19px;
	margin: 0 0 0 0;
	float: left;
	cursor: default;
	font-size: 100%;
font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}
input[type=radio] + label{
	display: inline-block;
	background: url(/_images/controls.png) top left no-repeat,url(/_images/controls.png) top left 	no-repeat,url(/_images/controls.png) top left no-repeat;
	height: 19px;
	line-height: 19px;
	padding:0px 20px 0px 24px;
	cursor: default;
	background-position: left -228px;
	margin-top:15px;
}
input[type=radio] + label:active{
	background-position: left -247px;
}
input[type=radio]:checked+label {
background-position: left 38px,left -304px,left -228px;
}
div#right div#login form input[type=text]:focus, div#right div#login form input[type=password]:focus, textarea:focus{
	border-color: rgba(0, 0, 0, 0.64);
	outline: none;
}
div#right div#login form input[type=submit]{
	background-color: #0072C6;
	color:white;
	height: 2em;
	min-width: 6em;
	font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", 	"Helvetica Neue", Arial;
	font-size: 100%;
	padding: 3px 12px 5px;
	border: 0px;
	margin:30px 0px;
}
div#right div#login form input[type=submit]:hover{
	background-color: #1E82CC;
}
div#right div#login form input[type=submit]:active{
	background-color: #212121;
}
div#footer{
	width:930px;
	border-top:#ccc 1px solid;
	height:30px;
	position:absolute;
	bottom:0;
	left:-15px;
	right:0;
	margin:auto;
}
div#footer p{
	width:895px;
	margin:15px auto;
	display:block;
	color:#666;
	font-size:12px;
	position:relative;
	
}
div#footer div#poweredby{
	width:112px;
	height:20px;
	background:url(../_images/poweredby.png)  no-repeat center center;
	position:absolute;
	top:0;
	bottom:-15px;
	margin:auto;
	right:20px;
}
div#footer div#poweredby:hover{
	background:url(../_images/poweredby-hover.png) no-repeat center center;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~ INDEX PAGE ~~~~~~~~~~~~~~~~~~~~~~~~ */

div#header{
	width:100%;
	height:40px;
	position:relative;
	background:url(/_images/logo-header.png) 5px center no-repeat #008A17;
}
div#header ul{
	height: 40px;
	margin:0px 0px 0px 195px;
	padding:0px;
}
div#header li{
	display:inline;
	margin:0px;
	padding:0px;
}
div#header li a{
	color:white;
	text-decoration:none;
	font-size:14px;
	height:40px;
	float:left;
	line-height:40px;
	padding:0px 10px;
	cursor:pointer;
}
div#header li a span#novo{
	background-image:url(/_images/command2.png);
	background-position: -1px -1px;
	width:26px;
	height:26px;
	display:block;
	float:left;
	margin:7px 5px 0px 0px;
	padding:0px;
}
div#header li a span#usuario{
	background:url(/_images/command2.png);
	background-position: 55px -1px;
	width:19px;
	height:19px;
	display:block;
	float:left;
	margin:11px 5px 0px 0px;
	padding:0px;
}
div#header li a:hover{
	background-color:#00610F;
}
div#header img#logo{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}
div#header div#user_info{
	position:absolute;
	right:17px;
	color:white;
	line-height:40px;
	padding:0px 10px;
	height:40px;
}
div#header div#user_info a{
	color:white;
	text-decoration:none;
}
div#user{
	width:300px;
	height:0px;
	overflow:hidden;
	background:white;
	color:black;
	position:absolute;
	top:40px;
	right:10px;
	z-index:990;
}
div#notificacoes{
	border-bottom:1px solid silver;
	overflow:auto;
}


#jewelCount1 {
display: block;
}
#jewelCount1 {
-webkit-border-radius: 2px;
color: #fff;
font-size: 9px;
font-weight: bold;
overflow: hidden;
padding-bottom: 1px;
position:absolute;
top:3px;
right:-8px;
}
#notificationsCountValue1{
	line-height:13px;
	text-align:center;
	height:13px;
	width:14px;
	background-color: #f03d25;
	border: 1px solid #d83722;
	border-bottom: 1px solid #c0311e;
	border-top: 1px solid #e23923;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
	display: block;
}
#notificationsCountValue1{
color: #fff;
font-size: 10px;
font-weight: bold;
}


#jewelCount {
display: block;
}
#jewelCount {
-webkit-border-radius: 2px;
color: #fff;
font-size: 9px;
font-weight: bold;
overflow: hidden;
padding-bottom: 1px;
position: absolute;
right: 1px;
top: 3px;
}
#notificationsCountValue{
	line-height:13px;
	text-align:center;
	height:13px;
	width:14px;
	background-color: #f03d25;
	border: 1px solid #d83722;
	border-bottom: 1px solid #c0311e;
	border-top: 1px solid #e23923;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
	display: block;
}
#notificationsCountValue{
color: #fff;
font-size: 10px;
font-weight: bold;
}
div#user ul, div#notificacoes ul{
	padding:0;
	margin:0;
}
div#user ul li, div#notificacoes ul li{
	cursor:pointer;
	padding:0;
	margin:0px 0px 1px 0px;
	display:block;
	padding:5px 10px 5px 35px;
	color:#008A17;
	font-weight:bold;
	position:relative;
}
div#user ul li img{
	position:absolute;
	top:0;
	bottom:0;
	left:10px;
	margin:auto;
}
div#user ul li:hover, div#notificacoes ul li:hover{
	background:#F0F0F0;
}
div#ContentLeft{
	position:absolute;
	background: #F3F3F3;
	width: 200px;
	left: 0px;
	top: 40px;
	bottom: 0px;
	z-index:997;
	overflow:auto;
}
div#ContentLeft form{
	width:123px;
	height: 28px;
	border:#BABABA 1px solid;
	background-color: white;
	position: relative;
	padding-right: 35px;
	margin:10px auto 10px;
	background-position: right center;
	background-repeat: no-repeat;
}
div#ContentLeft form input[type=text]{
	font-size: 100%;
	margin-right: 0;
	padding-left: 5px;
	border: 0 none;
	height:24px;
	background: transparent;
	width: 100%;
	padding: 2px 8px;
	font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}
div#ContentLeft form input[type=text]:focus{
	outline:none;
}
div#ContentLeft form input[type=button]{
	background:url(/_images/search.png) white no-repeat left top;
	border: 0 none;
	width: 15px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 9px;
	top: .45em;
	padding: 0;
	min-width: 0;
}
div#ContentLeft h1, div#historico h1, div#form h1{
	padding:0px 40px 0px 0px;
	color: #666;
	padding-left: 20px;
	margin: 10px 0 5px 0;
	font-weight: normal;
	font-size: 150%;
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;
}
div#ContentLeft ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
div#ContentLeft ul li{
	margin: 0;
	display: block;
	font-size: 100%;
	cursor: pointer;
	text-align: -webkit-match-parent;
}
div#ContentLeft ul li a{
	color: #666;
	white-space: nowrap;
	clear: both;
	display: block;
	overflow: hidden;
	min-height: 30px;
	padding-left:20px;
	text-decoration:none;
	cursor: pointer;
	line-height:30px;
}
div#ContentLeft ul li a.active{
	background-color: #D4D4D4;
}
div#ContentLeft ul li a:hover{
	background-color: #E7E7E7;
}
div#ContentRight{
	position:fixed;
	bottom:0px;
	left:200px;
	top:40px;
	right:0px;
	overflow:auto;
}
div#ContentRight div#osTitle{
	height:50px;
	background:white;
	left:200px;
	right:0px;
	border-bottom:1px solid #CCC;
	z-index:996;
	position:fixed;
	overflow:hidden;
}
div#ContentRight div#osTitle ul{
	padding:0px;
	margin:0px;
	height:50px;
}
div#ContentRight div#osContent ul a{
	color:#555;
}
div#ContentRight div#osTitle ul li{
	display:block;
	float:left;
	margin:5px 0px 5px 0px;
	padding:10px;
	border-right:1px solid #f0f0f0;
}

div#ContentRight div#osContent{
	background:white;
	width:auto;
	overflow:auto;
	top:50px;
	bottom:0px;
	left:0px;
	right:0px;
	position:absolute;
}
div#ContentRight div#osContent ul{
	padding:0px;
	margin:0px;
	height:50px;
	overflow:hidden
}
div#ContentRight div#osContent ul li{
	display:block;
	float:left;
	margin:0px;
	padding:15px 10px;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f9f9f9;
}
div#ContentRight div#osContent ul:hover{
	background:#f0f0f0;
}
div#ContentRight div#osContent ul:hover li{
	border-color:white;
}
div#ContentRight div#osContent ul:active, div#ContentRight div#osContent ul a:active{
	color:white;
	background:#008A17;
}
div#risos{
	height:10px;
}
div#osPrint{
	width:940px;
	padding:10px;
}
div#osPrint h2{
	border:1px solid black;
	margin:20px auto 0px;
	text-align:right;
	font-size:15px;
	font-weight:normal;
	height:105px;
	padding:10px;
	width:900px;
}
div#osPrint h2 img{
	float:left;
	margin:7px;
}
div#osPrint div#osCliente{
	border:1px solid black;
	margin:20px auto 0px;
	width:920px;
	display:table;
}
div#osPrint div#osCliente span#label{
	display: block;
	float: left;
	padding: 8px 5px 8px 0px;
	width: 95px;
	border-bottom: 1px solid black;
	font-weight: bold;
	text-align: right;
}
div#osPrint div#osCliente span#result{
	display: block;
	width: 820px;
	padding: 8px 0px 8px;
	float: right;
	text-align: left;
	border-bottom: 1px solid black;
}
div#osPrint div#osItens{
	margin: 20px auto;
	width: 920px;
	display: block;
        border:1px solid black;
}
div#osPrint div#osItens span{
	border-top:1px solid black;
	line-height:19px;
	padding:8px;
	float: left;
	margin: 0px;
}
div#osPrint div#itens{
        margin: 0 auto;
        width: 920px;
        height: auto;
        display:table;
        table-layout:fixed;
}
@media (min-width: 920px) {
div#osPrint div#itens span, div#osPrint div#osItens span{
	border-top:1px solid black;
	line-height:19px;
	padding:8px;
	float: none !important;
	margin: 0px;
	height:100%;
        display: table-cell;
}
}
div#osPrint div#osItens span#quantidade{
	width:30px;
	text-align:center;
}
div#osPrint div#osItens span#descricao{
	width:370px;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

div#osPrint div#osItens span#medida{
	width:90px;
	border-left: 1px solid black;
	text-align:center;
}
div#osPrint div#osItens span#material{
	width:316px;
}
div#osPrint div#osItens span#editar{
	width:25px;
	border-left: 1px solid black;
	text-align:center;
}
div#osPrint div#osObservacao{
	width: 900px;
	padding: 10px;
	margin: 20px auto;
	border: 1px solid black; 
	min-height:100px;
}
div#historico{
	width:0px;
	background:#f3f3f3;
	position:fixed;
	top:40px;
	bottom:0;
	right:0px;
	overflow:hidden;
	border-left:1px solid #e0e0e0;
}
div#historico form{
	width:240px;
	height: 35px;
	border:#BABABA 1px solid;
	background-color: white;
	position: relative;
	padding-right: 35px;
	margin:10px auto 10px;
	background-position: right center;
	background-repeat: no-repeat;
}
div#historico form input[type=text]{
	font-size: 100%;
	margin-right: 0;
	padding-left: 5px;
	border: 0 none;
	height:31px;
	background: transparent;
	width: 100%;
	padding: 2px 8px;
	font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}
div#historico form input[type=text]:focus{
	outline:none;
}
div#historico form input[type=submit]{
	background:url(/_images/send.png) white no-repeat left center;
	border: 0 none;
	width: 15px;
	height: 21px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 9px;
	top: .45em;
	padding: 0;
	min-width: 0;
}
div#historico div#result{
	position:absolute;
	bottom:0px;
	left:10px;
	top:100px;
	overflow:auto;
	right:0px;
}
div#historico div#result div#mensagem{
	border-top:1px solid white;
	margin:2px 5px 3px 0px;
	padding:8px 5px 5px;
}
div#form{
	background:white;
	position:fixed;
	top:0;
	bottom:0;
	margin:auto;
	height:0px;
	width:100%;
	overflow:hidden;
	z-index:999;
	overflow:auto;
}
div#form_bg{
	display:none;
	position:absolute;
	right:0;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	background:rgba(0,0,0,0.75);
	z-index:998;
}
div#form_c{
	width:880px;
	margin:0px auto;
	position:relative;
}
div#form_c h1{
	margin:10px 0px;
	padding:0px;
	font-weight:bold;
}
div#form_c ul{
	padding:0;
	margin:0;
	list-style:none;
}
div#form_c li{
	min-height:30px;
	margin:2px 0px;
	display:table;
	padding:0;
}
div#form_c select{
	width:418px;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	font-size: 100%;
	color: #212121;
	border: 1px solid rgba(0, 0, 0, 0.27);
	background-color: rgba(255, 255, 255, 0.8);
	line-height: 142%;
	margin-top:8px;
	display:block;
	padding: 6px 8px;
}
div#form_c select:focus{
	outline:none;
	border-color: rgba(0, 0, 0, 0.64);
}
div#form_c select#id_cliente{
	width:878px;
}
div#form_c input[type=text], div#form_c input[type=password]{
	width:400px;
	padding: 6px 8px;
	font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
	font-size: 100%;
	color: #212121;
	border: 1px solid rgba(0, 0, 0, 0.27);
	background-color: rgba(255, 255, 255, 0.8);
	line-height: 142%;
	margin-top:8px;
}
div#form_c input[type=text]:focus{
	border-color: rgba(0, 0, 0, 0.64);
	outline: none;
}
div#form_c textarea{
	width:860px;
	max-width:860px;
}
div#form_c input[type=submit]{
	background-color: #008A17;
	color: #FFFFFF;
	right: 135px;
	position: absolute;
	width: 125px;
	padding: 3px 12px 5px;
	border: 0;
	height: 2.142em;
	min-width: 6em;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Medium","Helvetica Neue",Arial;
	line-height:142%;
	-webkit-align-items: flex-start;
	text-align: center;
	cursor: default;
	box-sizing: border-box;
	-webkit-appearance: push-button;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	margin: 0em;
	font: -webkit-small-control;
	-webkit-writing-mode: horizontal-tb;
	font-weight:bold;
}
div#form_c input[type=submit]:hover{
	background-color: #3DA64E;
}
div#form_c input[type=submit]:active{
	background-color: #212121;
}
div#form_c input[type=button]{
	background-color: rgba(205,205,205,.7);
	color: #212121;
	right: 2px;
	position: absolute;
	width: 125px;
	padding: 3px 12px 5px;
	border: 0;
	height: 2.142em;
	min-width: 6em;
	font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Medium","Helvetica Neue",Arial;
	line-height:142%;
	-webkit-align-items: flex-start;
	text-align: center;
	cursor: default;
	box-sizing: border-box;
	-webkit-appearance: push-button;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	margin: 0em;
	font: -webkit-small-control;
	-webkit-writing-mode: horizontal-tb;
	font-weight:bold;
}
div#form_c input[type=button]:hover{
	background-color: rgba(205,205,205,.82);
}
div#form_c input[type=button]:active{
	background-color: #212121;
	color: #fff;
}
span#lista_serv{
	display:block;
	width:910px;
	text-align:left;
	color:white;
	line-height:37px;
	margin:10px 0px;
}
div.listaserv input[type=text]{
	margin:10px 10px 10px 0px;
	overflow:hidden;
}

div.listaserv input#lista_serv_qtd{
	width:60px;
	text-align:center;
}
div.listaserv input#lista_serv_medida{
	width:100px;
	text-align:center;
}
div.listaserv input#lista_serv_descricao{
	width:365px;
}
div.listaserv input#lista_serv_material{
	width:315px;
}
div#form_cos{
	margin:10px auto 20px;
	display:table;
}
div#dados-pessoa .labels{
	width:110px;
	float:left;
}
div#dados-pessoa .labels li{
	line-height:43px;
	height:43px;
	padding:0px;
}
div#dados-pessoa .inputs{
	float:left;
}
div#dados-pessoa .inputs li{
	line-height:43px;
	padding:0px;
	height:43px;
}
div#pjui, div#pfii{
	text-align:center;
}
div#pfii, div#pjui, div#pjul, div#pfil{
	display:none;
	height:auto;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #d0d0d0;
}