body {
  margin:0;
  text-align:justify;
  font-family:Verdana,Arial,sans-serif,"Courier new";
  font-size:12px;
  line-height:1.6em;
  color:#454545;
  background-color: #efefef;
}

a {
text-decoration:none;
color:#7a8e9d;
}

a:hover {
color:#2f536f;
background-color:#cccccc;
}

h1 {
font-size:1.8em;
line-height:1.4em;
font-weight:bold;
padding:5px;
margin:0;
text-align:center;
background-color: #3399FF;
	/* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */
}

h2 {
font-size:1.4em;
line-height:1.0em;
font-weight:bold;
font-style:italic;
color:#000066;
padding:0;
margin:0 0 3px 0;
}

h3 {
font-size:1.4em;
line-height:1.0em;
font-weight:bold;
font-style:italic;
border-bottom:1px dashed #454545;
padding:0;
margin:0;
	/* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */
}

h4{
  color:#000066;
  font-size:1.4em;
  line-height:1.0em;
  font-weight:bold;
  font-style:italic;
  text-align:center;
  border-bottom:1px dashed #454545;
  padding:0;
  margin:0;
  background-color:#006666;
  /* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */  
}

h5 {
font-size:1.4em;
font-family:Courier new;
line-height:1.0em;
font-weight:bold;
font-style:italic;
text-align:center;
padding:5px;
margin:0;
color: #0000FF;
	/* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */
}

h6 {
  font-size:1.0em;
  text-align:center;
  padding:0px;
  margin:0;
  color: #fff;
	/* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */
}

label{
  clear:both;
  position:relative;
  min-height:20px;
  background-color:#BDBDBD;
  margin:1px 2px 0 0;/*topo e direita*/
  padding: 2px;
  font-family:"courier-new";
  font-weight:bold;
  /* arredondando */
  -webkit-border-radius:5px; /* safari, chrome... */
  /*-moz-border-radius:5px; /* firefox */
  border-radius:5px; /* opera */
}
.label1{ /* label posicionado à esquerda do form */
  min-width:114px;
  float:left ;
  display:block;  
  z-index:0;
}

.labelRz{ /* label posicionado à esquerda do form, reduzido */
  width:80px;
  float:left ;
  display:block;  
  z-index:0;
}

.label2{ /* label posicionado a 290px d esquerda */
  left:290px;
  position:absolute;
  z-index:0;
}
.label3{
  width:160px;
  float:left ;
  display:block;  
  z-index:0;
}

.labelVertical {
  display:block ;  
  text-align:center;
  width: 45px;
  position:relative;
  left:-14px;
  top:13px;
  margin-bottom:-22px;
  -moz-transform: rotate(-90deg); /* Para Firefox */
  -webkit-transform: rotate(-90deg); /* Para Chrome */
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Para IE */  
}

.labelTransp{
	background-color:transparent;	
}

.labelRadio{
  top:-4px;
  background-color: transparent;
}

input:checked + label {
    color: blue;
}

input,select{
  margin:1px 0 0 0;
  min-height:22px;
}

input[readonly], input:disabled, select:disabled,textarea[readonly],textarea:disabled{
  border:none;
  background-color: transparent;
  border-bottom: 1px solid #7D82FF;
}

input:not([disabled]):not([readonly]),textarea:not([readonly]){
  -webkit-box-shadow:0 0 3px blue inset; 
  -moz-box-shadow:0 0 3px blue inset; 
  box-shadow:0 0 3px blue inset;
  -webkit-border-radius:3px; 
  -moz-border-radius:3px; 
  border-radius:3px;
  min-height:20px;
  line-height:20px;
}

input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="password"], textarea{
   border:none; 
   min-height:22px;
   line-height:22px;
   text-indent:3px;
   border-bottom: 1px solid #7D82FF;
}

.inputLabelV{
  position:relative;
  left:22px; 
}

.input1{
  left:325px;
  position:absolute;
  z-index:0;
}
.inputDir{
  float:right;
  margin:0 65px 0;
}

.h5erro {
  background-color: red;
}

.h5sucesso {
background-color: green;
}

p {
  text-align:justify;
  margin-bottom: 0cm;
}

.copyright {
text-indent:0;
font-size: 0.8em;
font-style:italic;
}

img {
border:none;
}

.pagina {
  width:99%;
  margin: 2px auto;
  padding:2px;
  border:0px solid #454545;
  background-color: #ffffff;
}

#cabecalho {
  border: 2px;
  background-repeat: repeat-x;
  height: 45px;
  border-bottom: solid 1px red;
}

#cabesquerda {
  margin-top: 0px;
  margin-left:0;
  text-align:left;
  float:left;
  padding: 0px;
}
#cabdireita {
  margin-top: 0px;
  font-size:1.3em;
  margin-right:0;
  float:right;
  padding: 0px;
}
#cabdireita h6{
  color:#191970;  
}
#cabdireita sub{
  font-size:1.0em;
  border-bottom:1px dashed #454545;
}
#cabdireita lnk{
  line-height:1.5em;
  background-image: url("imagens/fundologin.jpg");
  background-repeat:no-repeat;
}
#rodape {
  clear:both;
  text-align:center;
  background-color: transparent;
  padding:3px;
}

#rodape h1 {
font-size:1.0em;
line-height:1.0em;
font-weight:bold;
font-style:italic;
border: none;
padding:10px;
margin:0;
background-image: url("imagens/bgbase.jpg"); background-repeat: repeat-x;
}

.login {
padding: 30px;
border:1px solid #dddddd;
width: 270px;
margin:40px auto;
}

#debug {
text-align: left;
padding: 10px;
background-color: #a5efff;
}

caption {
background-color: #ccc;
padding: 3px;
font-weight: bold;
}

table {
	font-size: 1.1em;
	border-collapse:collapse;
}

th {
	text-align: center;
	border: 1px solid #ccc;
  background: -moz-linear-gradient(top, #1C86EE,#00FF66);
}

thead{ /* cabeçalho da tabela ou de grupo  */
  text-align:center;
}

tbody tr:nth-child(odd) {/* corpo tabela // odd = linhas ímpares, even = linhas pares */ 
  background: #E8E8E8;
}

tfoot { /* rodapé tabela */
  background-color: transparent;
  padding: 3px;
  font-weight: bold;
}

td {
	border: 1px solid #ccc;
}

#links {
  float: left;
  background-image: url("imagens/fundolinks.jpg");
  background-repeat: no-repeat;
  border-right: 1px solid #bdbdbd;
  padding: 0px;
  width:180px;
}

.formulario {
  margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:0px;
  float: left;
  display: table;
  background-color: #B0E0E6;
  text-align: left;
  padding: 7px;
	/* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */
  box-shadow: black 0.5em 0.5em 0.3em;
}

.formulario img {
float: right;
margin-right: 10px;
margin-top:5px;
}

.formulario h2 {
	font-size:1.8em;
	line-height:1.4em;
	font-weight:bold;
	text-align:center;
	 /* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */

  background: #00FF66;
  background: -webkit-gradient(linear, left top, left bottom, from(#00FF66), to(#006666));
  background: -webkit-linear-gradient(top, #00FF66, #006666);
  background: -moz-linear-gradient(top, #00FF66, #006666);
  background: -ms-linear-gradient(top, #00FF66, #006666);
  background: -o-linear-gradient(top, #00FF66, #006666);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FF66', endColorstr='#006666',GradientType=0 );

}

.formulario h3 {
border: 0;
padding: 3px;
margin: 0;
color: blue;
}

.formulario h4 {
  font-size: 1.2em;
  font-style: italic;
  border: 0;
  padding: 5px;
  margin: 5px;
  height:auto;
}

.formulario h5 {
  font-size: 14px;
  color: blue;
  border: 0;
  margin: 0;
  text-align:right;
}

#pesquisa {
  text-align:center;
}

#linkList {
	margin-right: 780px;
	position: absolute;
	top: 0;
	right: 0,0,20;
	}

/* esta é a tag menu horizontal */

#menu{
  clear:both;
  margin-top:7px;
  position:absolute;
}

#menu ul, ol {
  margin-top:0px;
  padding: 0;
  line-height:28px;
}

#menu li{
  position: relative;
  float: left;
  list-style:none;
}

/* menu principal */
#menu li a{
  text-decoration:none;
  display:block;
  padding: 0 5px 0;
  min-width:100px;
  background: #ffcc00;
  background: -webkit-gradient(linear, left top, left bottom, from(#141fe3), to(#7707b3));
  background: -webkit-linear-gradient(top, #ffcc00, #ff6600);
  background: -moz-linear-gradient(top, #ffcc00, #ff6600);
  background: -ms-linear-gradient(top, #ffcc00, #ff6600);
  background: -o-linear-gradient(top, #ffcc00, #ff6600);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff6600',GradientType=0 );
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	z-index: 1;
  font-family:"Segoe UI";
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #666;
 
  box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
  cursor:pointer;
  position: relative;

	/* arredondando */
  -webkit-border-radius:10px; /* safari, chrome... */
  /*-moz-border-radius:10px; /* firefox */
  border-radius:10px; /* opera */

}

#menu li a:hover{ 
  border-top-color: #2202d4;
  background: #2202d4;
  color: #e3f20c;
}

#menu li ul{
  list-style-type:none;
	display:none;
  position:absolute;
  top:25px;
  left:0;
  z-index:2;
}

#menu ul li:hover ul{ /*submenu - itens do menu principal*/
  display:block;
}

#menu h6{
  text-align:left;
  margin-left:40px;
}

#menu h1{
  color:#000066;
  margin-top:-4px;
  opacity: .8;
}

/* intens de submenu - com erro */
#menu ul li ul li ul li{
  list-style-type:none;
	display:none;
  position:relative; /* talvez alterando este item resolva o erro*/
  top:-25px;
  left: 180px;
  z-index:3;
}
#menu ul li ul li:hover ul li{
  display:block;
}

/* submenu */
#menu li ul li a{
	width:230px;
  background: #0066CC;
  clear:both;
}

#menu li ul li a{
	float:none;
}

/* item submenu */
#menu ul li ul li ul li a{
	width:100px;
  background: #3366FF;
  clear:both;
}

#botoes{
  text-align:center; 
  display:block;
  width: 99%;
  padding:2px;
  margin: 0 0 3px;
  background-color: #B6C1E0;
  /* arredondando */
  -webkit-border-radius:10px; /* safari, chrome... */
  /*-moz-border-radius:10px; /* firefox */
  border-radius:10px; /* opera */
}

/*criada classe botoes identica ao id botoes, substituir aos poucos nos .php*/
.botoesDiv{
  text-align:center; 
  display:block;
  width: 99%;
  padding:2px;
  margin: 0 0 5px;
  background-color: #B6C1E0;
  /* arredondando */
  -webkit-border-radius:10px; /* safari, chrome... */
  /*-moz-border-radius:10px; /* firefox */
  border-radius:10px; /* opera */
}

/* tabela do datagrid */
#avisos table{
  width:800px;
  border:#000000 1px solid;
}
/*Define as configurações que serão usadas na célula da tabela*/
#avisos td{
  border:#dbdbdb 1px solid;
}

#avisos{
  margin-top:5px;
}

.linha{
  background-color:#F7F7F7;
  font-weight:100;
}

#avisos table{
  width:100%; 
  border:#f4f4f4 2px outset; 
  background-color:#F7F7F7;
}

.linhas{
  background-color: #f7f7f7;
  z-index:0;
}

#editar, #excluir, #codigo{
  width:60px; 
  text-align:center
  }

#preco{
  width:150px
}

#titulo{
  font-size:18px; 
  color:#003399; 
  text-align:center; 
  background:url("imagens/table_title_bg.png") repeat-x center;
}

#cabecalhoT, #novo, .cabecalhoTabela{
  background:url("imagens/table_header_bg.png") repeat-x center;
}

.linhaSelecionada{
  background-color: #B6C1E0; font-weight:bold;
}

.aviso{
  border: thin solid #000000; 
  font-size:12pt; 
  font-weight:bold; 
  color:#ffffff; 
  padding-bottom:10px; 
  padding-top:50px; 
  background:url("imagens/loader.gif") no-repeat center #006699;
}

.contorno{
  border:ridge ;
  text-align:center;
  padding:3px 0 0 3px;  
  /* arredondando */
  -webkit-border-radius:10px; /* safari, chrome... */
  /*-moz-border-radius:10px; /* firefox */
  border-radius:10px; /* opera */
}

.exibeDiv{
  clear:both;
  display:none;
  position:absolute;
  background-color:#7A8E9D;
  padding: 5px;
  z-index: 2;
  /* arredondando */
  -webkit-border-radius:10px; /* safari, chrome... */
  /*-moz-border-radius:10px; /* firefox */
  border-radius:10px; /* opera */
}

#imprimCorDiv {/*cor de fundo branco*/
	background-color: white;
}

#imprimCorDiv table{
	background-color: white;
	border: none;
}

#imprimCorDiv td{
	background-color: white;
  border-left:none;
  border-right:none;
}

/*autocomplete novo*/
#acDiv{ border: 1px solid #9F9F9F; background-color:#F3F3F3; padding: 3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; display:none; position:absolute; z-index:999;}
#acDiv UL{ list-style:none; margin: 0; padding: 0; } 
#acDiv UL LI{ display:block;}
#acDiv A{ color:#000000; text-decoration:none; }
#acDiv A:hover{ color:#000000; }
#acDiv LI.selected{ background-color:#7d95ae; color:#000000; }

fieldset{
  /* arredondando */
  -webkit-border-radius:10px; /* safari, chrome... */
  -moz-border-radius:10px; /* firefox */
  border-radius:10px; /* opera */
  padding:2px;
  margin:2px;
}

/* border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;*/

.aba{/* conteiner pra cada abas */
  background-color: #1C86EE;
  background: -webkit-gradient(linear, left top, left bottom, from(#1C86EE), to(#FFCC99));
  background: -webkit-linear-gradient(top, #1C86EE, #FFCC99);
  background: -moz-linear-gradient(top, #1C86EE, #FFCC99);
  background: -ms-linear-gradient(top, #1C86EE, #FFCC99);
  background: -o-linear-gradient(top, #1C86EE, #FFCC99);
  margin: 3px 0 0 0;
  padding: 5px 5px 3px 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: inline-block;
  font-weight:bold;
  text-shadow: 0 2px 0 gray;
  font-size: 1.8em;
  cursor: pointer;
  height: 21px;
}
.aba:hover{
  color: #000066;
}
.aba img{
  margin: 0;
  float: none;
}
.abaSelecionada{/*aba selecionada*/
  background-color: #0033FF;
  background: -webkit-gradient(linear, left top, left bottom, from(#0033FF), to(#FF9900));
  background: -webkit-linear-gradient(top, #0033FF, #FF9900);
  background: -moz-linear-gradient(top, #0033FF, #FF9900);
  background: -ms-linear-gradient(top, #0033FF, #FF9900);
  background: -o-linear-gradient(top, #0033FF, #FF9900);
  color: black;
  height: 23px;
}
.abaBotoes{
  background: transparent;
  border: solid 1px #787878;
}
.DivComRolagem{
  overflow: auto;
}

legend{
  font-weight:bold;
  color:#000066;	
}

#produtosMP_autocomplete{
	background-color:#FFFF99;
}

#ConteudoPagina{
  clear:both;
}

.ajuda{
  height:20px;
  width: 20px;
  background-image: url("imagens/duvida.gif");
  display: inline-block;
  position: absolute;
  margin:3px;
}

#descontoDiv{/* usado pra desconto e também pra aviso "Aguarde..." */
  display: none;
  z-index: 3;
  position: absolute;
  opacity: .9;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position:center;
  /* arredondando */
  -webkit-border-radius:20px; /* safari, chrome... */
  /*-moz-border-radius:20px; /* firefox */
  border-radius:20px; /* opera */
}

button{
	margin:2px;
	border-radius: 4px;
}
.pressionado {/*para botoes*/
	border-style: inset;
}