h2 { text-transform: uppercase; font-size: 22px; font-weight: bold; color: #888888; margin-bottom: 20px; margin-top:30px; }
h3 { text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 8px; }

body { margin:16px; }
a { cursor:pointer; }
body > header { margin-bottom:20px; overflow:hidden; }
body > header h1 { float:left; }
body > header h1 a{ font-size:20px; font-weight:bold; color:#5b8aff; }


body > section {}
body > section > div > section > article > header > h1 { text-transform:uppercase; font-size:26px; font-weight:normal; color:#888888; margin-bottom:20px; }


body > footer { margin-top:50px; }
body > footer p{ font-size:12px; color:#4b4b4b; }

input[type=file],
input[type=text],
input[type=password] { padding:8px 12px; font-size:18px; color:#adadad; }

input[type=button],
input[type=submit],
.btn { cursor:pointer; padding:8px 14px; text-transform:uppercase; display:inline-block; border:solid 1px #a4a4a4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#e5e5e5; font-size:16px; line-height:20px; color:black; font-family:Verdana; margin-top:30px; }
select { padding:8px 14px; font-size:16px; min-width:400px; }

a.btn:hover { text-decoration:none; }
p.sucesso { color:green; }


.box label,
form > label,
form > div > label { display:block; padding-bottom:20px; }

form > label > em { font-size:14px; color:#999; font-style:italic; }

.box label.pd,
form > label.pd,
form > div > label.pd { padding-left:30px; }

.box label > strong,
form label > strong { font-size:14px; padding-bottom:6px; display:block; }

.box label > strong span,
form label > strong span { color:red; }

.grid { padding:46px 40px; border:dotted 1px #c4c4c4;   width:400px; }
.grid.pri { border:solid 1px #c4c4c4; margin-bottom:70px; margin-top:40px; }
.grid.pri h4 { font-size:20px; }
.grid.pri a{ font-size:18px; }

.voltar+.avancar { margin-left:60px; }

.voltar,
.avancar { margin-top:40px; }

.ajaxLoading{ background: url(/_web/img/ajax-loader.gif) no-repeat center center; }
.ajaxLoading *{ visibility:hidden; }

.ajaxLoadingP{ background: url(/_web/img/ajax-loader-pequeno.gif) transparent no-repeat center center; }
.ajaxLoadingP *{ visibility:hidden; }

p.desc { font-size:16px; margin-bottom:20px; }

span.paginacao { margin-top:10px; padding:10px; border:solid 1px #a4a4a4; background-color:#f0f0f0; display:inline-block; }
span.destaque { margin-top:20px; margin-bottom:30px; display:block; padding:10px; border:solid 1px #906200; background-color:#dfc07d; font-weight:bold; color:black; text-shadow: 1px 1px #fff; }

ul.menu {}
ul.menu > li.btnMenu { display:block; }
ul.menu > li.btnMenu h2 { color:gray; font-size:24px; font-weight:normal; margin:0 0 30px; cursor:default; display:inline; }
ul.menu > li:first-child { margin-top:0px; }
ul.menu > li:first-child h4 { margin-top:0px; }
ul.menu > li { margin-top:20px;}
ul.menu > li  > span,
ul.menu > li  > a{ font-size:14px; text-transform:uppercase; }
ul.menu > li  > span { cursor:default; }
ul.menu > li.config a { color:grey; } 
ul.menu > li  > ul > li { margin-top:6px; }
ul.menu > li h4 { text-transform: uppercase; font-size: 16px; color: grey; margin-top: 0; cursor: default; margin-top:40px; }

table { margin-top:40px; width:100%; }
table thead tr td { font-weight:bold; background-color:#a4a4a4; }
table tr {}
table tr td { padding:16px; }
table tbody tr td { background-color:#f6f6f6; }

table tbody tr:nth-child(even) td { background-color: #dfdfdf }

table tbody tr:hover td,
tbody tr:hover td { background-color:#fcf2d2; }

table tbody tr.erro td { background-color:#ffe3e3; }
table tbody tr.erro td a{ color:#555; font-size: 15px; }


table a { text-decoration:underline; color:#5c8ed2; font-size:13px; }
.link { text-decoration:underline; color:#5c8ed2; font-size:13px; cursor:pointer; }

.back { color:#5c8ed2; font-size:13px; font-size:18px; margin-top:40px; display:inline-block; }

.link.add { margin-left:10px; font-size:14px; }

.refresh { display:inline-block; padding-right:6px; }
.refresh img {   position: relative; top: 5px; }

textarea.desc { width: 429px; height: 100px; display:none; }

#passo-4 input[type=text] { width:875px; }
#passo-4 select { min-width:192px; }

ul.passo-5 a { text-decoration:underline; color:#5c8ed2; font-size:13px; float:right; }
ul.passo-5 input[type=button] { margin-top:20px; }
ul.passo-5 { margin-top:30px; margin-bottom:30px; overflow:hidden; }
ul.passo-5 li { float:left; margin-left:26px; }
ul.passo-5 li:first-child { margin-left:0; }
ul.passo-5 label strong{ display:block; font-size:14px; padding-bottom:6px; }
ul.passo-5 select { margin-top:4px; }
ul.passo-5 select.fabricante { min-width:320px; }
ul.passo-5 select.modelo { min-width:400px; }
ul.passo-5 select.aro { min-width:76px; }
ul.passo-5 select.furacao { min-width:76px; }
ul.passo-5 select.acabamento { min-width:400px; }
ul.passo-5 select.tala { min-width:76px; }
ul.passo-5 select.et { min-width:76px; }

ul.passo-5 select.runflat { min-width:76px; }
ul.passo-5 select.largura { min-width:76px; }
ul.passo-5 select.altura { min-width:76px; }
ul.passo-5 select.ic { min-width:138px; }
ul.passo-5 select.iv { min-width:185px; }
ul.passo-5 select.tipo-pneu { min-width:116px; }

.passo-7 { padding-top:20px; }

.cad-img { width:300px; position:absolute; top:250px; right:80px; text-align:center; }
.cad-img > img { width:100%; }
.cad-img p { color:#5a5a5a; font-size:14px; font-style:italic; line-height:20px; display:block; padding-bottom:12px; }


.cad-final { }
.cad-final li{ float:left; min-width:340px; margin-right:40px; margin-bottom:30px; background-color:#f4f4f4; padding:20px; position:relative; }
.cad-final li .novoValor{ position:absolute; top:6px; right:6px; color:#9e9e9e; font-size:16px; }
.cad-final.carac li{ min-width:120px; }
.cad-final li:first-child{ }


.cad-final li .corpred,
.cad-final li .tipoacab,
.cad-final li .fundo,
.cad-final li .face,
.cad-final li .borda { min-width: 200px; }

.cad-final li .tipo-pneu { min-width: 250px; }

.cad-final li .furos-aparentes { min-width: 100px; }
.cad-final li .original-fabrica { min-width: 270px; }

.passo-upload-7 { margin-top:30px; }

.comment { color:grey; font-size:14px; font-style:italic; }

#formStatus { font-size:18px;  }
#formStatus  p{ margin-top:16px; color:#959595; }

#formStatus  p.load span { padding-right:20px; background: url(/_web/img/ajax-loader-pequeno.gif) no-repeat right center; }

#formStatus  p.success { color:#3dd31f; }
#formStatus  p.error { color:#d31f1f; }


h2.sub { font-size:18px; color:#bbac5b; }
span.vazio { font-size:11px; font-style:italic; color:#979797; }

.menu.grid.home input[type=submit] { margin:0; }
.corantiga { clear:both; margin:65px 0 43px!important; }




	#menuHeader {
		position: relative;
	}
	
	.menu-fixo  {
		position:fixed !important;
		top: 0;
		z-index: 99;
		display:table;
		width:100%;
	}
	
	.menu-fixo td { text-indent:-7px; }
	
.pd-left{ padding-left:24px; }

.cadProdHead { padding:20px; margin: 30px 0 36px 0; border:dotted 1px #ccc; }
.cadProdHead ul li { display: inline; margin-right:40px; }

.cadProdHead ul li label em,
.cadProdHead ul li label span {  }

.cadProdHead ul li label span { color:#555; }
.cadProdHead ul li label em { color:#999; }

.cadProdBot { padding:30px 0 0; }

.agrupa { padding:20px; }
.agrupa:nth-child(odd) { background:#e7e7e7; }

.anexo { position: fixed; right: 15px; top: 252px; width:400px; z-index:999; }

.anexo ul.pag{ padding-bottom:6px; text-align:right; }
.anexo ul.pag li{ display:inline; }
.anexo ul.pag li a{ display:inline; color:#a0a0a0; }
	
.anexo #content {
  width: 100%;
  max-width: 600px;
  text-align: center;
  background-color: #fff;
}


.anexo .frame {
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 6px;
}

.anexo .frame > img { width: 100%; }

.anexo #controls { }

.anexo #controls button {
	border:0;
	background:transparent;
	margin: 0 5px;
	min-width: 40px;
	color: #7f7f7f;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

.anexo #controls button:hover { color: #333; }

.anexo #data {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.anexo #data .column {
  display: inline-block;
  margin: 0 15px;
}

.anexo #data li {
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
}

.anexo #data span {
  display: inline-block;
  font-weight: normal;
}
#pg_produtos-cadastrar-sucesso > footer p,
#pg_produtos-cadastrar-sucesso > section > div > section > article > header > h1 { display:none; }

section.fim-cadastro{}
section.fim-cadastro > header{ padding-bottom:30px;}
section.fim-cadastro > header > h1{ font-size:20px;}
section.fim-cadastro > header > h1 span.fa{ margin-right:8px; }
section.fim-cadastro > header > h1.success{ color:green; }
section.fim-cadastro > header > h1.alert{ color:#f0b80c; }
section.fim-cadastro > div{}
section.fim-cadastro > div p{ padding-bottom:20px; }
section.fim-cadastro > div p em{ font-weight:700; color:#555; }
section.fim-cadastro > div a{ color:#398ce1; text-decoration:underline; }



div.cliente-atual{ position:absolute; top:41px; right:88px; }
div.cliente-atual ul{ line-height:22px; }
div.cliente-atual ul li{ float:left; margin-left:28px; }
div.cliente-atual ul li:first-child{ padding-left:0px; margin-left:0px; border-left:0px; }
div.cliente-atual ul li .pendencias{ position:relative; display:block; width:32px; height:32px; background:url(/_web/img/notification.png) no-repeat 0 0; }
div.cliente-atual ul li .pendencias strong{ color:white; font-size:10px; position:absolute; top: 11px; left: 20px; }
div.cliente-atual ul li select{ min-width: 200px; font-weight:bold; color:red; }
div.cliente-atual ul li select.disabled{ min-width: 200px; font-weight:normal; color:grey; }
div.cliente-atual ul li a.sair{ color:grey; text-decoration:underline; }

.coletas-produtos { width:1200px; }

.coletas-transportes { width:760px; margin-top: 10px; }


tr.add td{ background-color:transparent!important; padding-top:20px!important; }

.mnu-estoques {padding:40px 0 10px; float:left; }
.mnu-estoques li { display:inline; border:solid 1px #494949; padding:16px; margin-right:6px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.mnu-estoques li.ativo { font-weight:bold; }
.mnu-estoques li a{}

.disponibilidade { margin-top:40px; color:#494949; float:right;}
.disponibilidade a{ color:#494949; }


.trprods input { width:100px; border:0; background:transparent; font-size:16px; color:#000; font-family: Verdana, Tahoma; }

.inputLoading{ background-image:url(/_web/img/dashboard_loading.gif); background-repeat:no-repeat; background-position: 45px center; }
.inputLoading input{ visibility:hidden; }
.inputErro{ border-color:red!important; }