body {

	charset: utf-8;

	background:#cccccc;

	font-family: arial narrow, courier new;

 	line-height: 1.4;

	font-size: 11px;

	letter-spacing:1px;

	margin-left:3%;

	margin-right:3%;

	letter-spacing: 1px;

}



p{

  margin-left:2%;

  margin-right:2%;

  line-height: 1,2;

  letter-spacing: 1.1px;

  text-align: justify;

}



a:link {color: #000; text-decoration:none;}

a:visited {color: #000;}

a:active {text-decoration:bold;}

a:hover{

font-weight:bold;

color:grey;

text-decoration:bold;

color: white;

}



#link:hover{background-color:silver; color:white; cursor: help; text-decoration:bold;}

#check:hover{background-color:silver; color:white; cursor: cell; text-decoration:bold;}



hr{border:2px ridge silver;}

#1{border:1px #888888;}



.lupa {cursor: help;}

#lupa {cursor: help;}

.lupa:hover,#lupa:hover{ cursor: help;}



table{

  	border-radius: 0px;

	border-collapse: collapse;

	text-align: left;

	border: 0px #222222 ridge;

 	background: transparent;

	vertical-align: top;

}





.theader{

font-weight: bold;

background: #eeeeee;

//text-align: center;

}



.tr1{background: #cccccc;}

.tr2{background: #aaaaaa;}

tr,.tr1,.tr2: hover {background: #white;}


select {

border:2px solid #000;

border-color: #999 #000 #000 #999;

background: #cccccc;

box-shadow:outset 1px 1px 1px 1px #444444;

border-radius:0px;

display:inline-block;

cursor:pointer;

padding: 0.5px;

overflow:hidden;

width:300px;

height:28px;

  transition: all 1s ease-out;

}



select option {

background:#888888;

}



select:selection{

    highlight: gold; font-weight:bold; color:white;

}



::selection{

    background: gold; font-weight:bold; color:white;

}

::-moz-selection {

    background: gold; font-weight:bold; color:white;

}



.caixa {

border:1px solid #000;

border-color: #999 #000 #000 #999;

background:linear-gradient(to bottom, #dddddd 5%, #aaaaaa 100%);

box-shadow:inset 1px 1px 1px 1px #444444;

border-radius: 0px;

display:inline-block;

cursor:default;

color:black;

text-align: justify;

padding:6px;



}

.caixa:hover,select:hover {

background:linear-gradient(to top, #cccccc 5%, #888888 100%);

}

.caixa:focus {

background:#cccccc;

border-color: #000 #999 #999 #000; 

border:2px solid #000;

}





.campo,.campo300,.camposhort,.campod,.campo300d,.camposhortd,.lower,.camposhortlower {

border:2px solid #000;

border-color: #999 #000 #000 #999;

background:linear-gradient(to bottom, #cccccc 5%, #888888 100%);

box-shadow:inset 1px 2px 2px 1px #aaaaaa;

border-radius:0px;

display:inline-block;

cursor:default;

font-weight:bold;

text-transform:uppercase;

color:black;

padding:1px 4px 1px 8px;

text-align: left;

vertical-align: center;

height: 24px;

}



.campod,.campo300d,.camposhortd {

	opacity: 0.50;

	color: #222222;

	cursor: not-allowed;

}

.campo:hover,.campo300:hover,.camposhort:hover,.lower:hover {

background:linear-gradient(to top, #cccccc 5%, #888888 100%);

}

.campo:focus,.campo300:focus,.camposhort:focus,.lower:focus{

background:linear-gradient(to top, #cccccc 5%, #888888 100%);

border-color: #000 #999 #999 #000; 

border:2px solid #000;

}



.lower,.camposhortlower{text-transform:none;}



.campo,.camposhortlower{

  width: 200px;

}



.campo300{

  width: 300px;

}



.camposhort{

  width: 50px;

}



.header{

font-weight:bold;

font-size:20px;

border:2px ridge #000000;

background:radial-gradient(#cccccc 5%, #888888 100%);

text-align: center;

padding:4px;

}



.header2{

font-weight:bold;

border:2px ridge #000000;

background:radial-gradient(#cccccc 5%, #888888 100%);

text-align: center;

padding:4px;

}



.red{

font-weight:bold;

font-size:20px;

border:2px ridge #000000;

background:radial-gradient(#cccccc 5%, #dd0000 100%);

text-align: center;

padding:4px;

}



/* ******************************************************* flutuantes */

.flutuante{

	display: block;

	position: fixed;

	width: 80px;

	top: 30px;

	right: 10px;

	text-align: left;

	padding: 6px 6px;

	border: 2px solid #999;

background:radial-gradient(#cccccc 15%, #888888);

        opacity: 1.0;

	color: #000;

	z-index: 100;

}



.flutuante2{

	display: block;

	position: fixed;

	width: 100px;

	bottom: 20px;

	right: 10px;

	text-align: right;

	padding: 6px 6px;

	border: 2px solid #999;

	background: #aaaaaa;

        opacity: 1.0;

	color: #000;

	z-index: 100;

}



.flutuante3{

	display: block;

	position: fixed;

	width: 20px;

	bottom: 20px;

	right: 10px;

	text-align: center;

	padding: 6px 6px;

	border: 2px solid #999;

	background: transparent;

        opacity: 1.0;

	color: #000;

	z-index: 100;

}



.flutuante4{

	display: block;

	position: fixed;

	right: 10px;

	text-align: center;

	padding: 6px 6px;

	border: 2px solid #999;

	background: transparent;

        opacity: 1.0;

	color: #000;

	z-index: 100;

}


.largo{

	display: block;

	position: fixed;

	width: 300px;

	bottom: 20px;

	right: 10px;

	text-align: left;

	padding: 6px 6px;

	border: 2px solid #999;

background:radial-gradient(#aaaaaa 15%, #888888);

        opacity: 1.0;

	color: #000;

	z-index: 100;

}



.defiro{

	display: block;

	position: fixed;

	width: 130px;

	bottom: 30px;

	right: 10px;

	text-align: right;

	padding: 6px 6px;

	border: 2px solid #999;

	background: #aaaaaa;

        opacity: 1.0;

	color: #000;

	z-index: 100;

}



/* ****************************************************** botões */



.bt,.bt1,.bt2,.bt3,.btlittle,.wide,.widenew,.btround,.btthick,.btsq,.btroundlt,.ceifa,.busca,.buscalt,.parser,.deleta,.refresh,.refreshlt,.back,.gravar,.gravarlt,.plus,.ceifalt,.martelo,.martelolt,.calcula,.link,.linklt,.linkp,.linkplt,.linklt,.linkltd,.oab{

background:radial-gradient(#cccccc 5%, #888888);

background-repeat:no-repeat;

border: 2px solid #000;

border-color:#999 #000 #000 #999;

display:inline-block;

cursor:pointer;

text-align: center;

vertical-align: top;

}



.btd,.bt1d,.bt2d,.bt3d,.btlittled,.wided,.widenewd,.btroundd,.btthickd,.btsqd,.btroundltd,.ceifad,.buscad,.buscaltd,.parserd,.deletad,.refreshd,.refreshltd,.backd,.gravard,.gravarltd,.plusd,.ceifaltd,.martelod,.marteloltd,.calculad,.linkd,.linkltd,.linkpd,.linkpltd,.linkltd,.oabd {

cursor:not-allowed;

vertical-align: top;

background:radial-gradient(#cccccc 5%, #888888);

border: 2px solid #000;

border-color:#999 #000 #000 #999;

	opacity: 0.50;

}



.bt:hover,.bt1:hover,.bt2:hover,.bt3:hover,.btlittle:hover,.wide:hover,.widenew:hover,.btround:hover,.btthick:hover,.btsq:hover,.btroundlt:hover,.ceifa:hover,.busca:hover,.buscalt:hover,.parser:hover,.deleta:hover,.refresh:hover,.refreshlt:hover,.back:hover,.gravar:hover,.gravarlt:hover,.plus:hover,.ceifalt:hover,.martelo:hover,.martelolt:hover,.calcula:hover,.link:hover,.linklt:hover,.linkp:hover,.linkplt:hover,.linklt:hover,.linkltd:hover,.oab:hover {

background:radial-gradient(#888888 25%, #cccccc);

border-color: #000 #999 #999 #000 ;

}



.bt:active,.bt1:active,.bt2:active,.bt3:active,.btlittle:active,.wide:active,.widenew:active,.btround:active,.btthick:active,.btsq:active,.btroundlt:active,.ceifa:active,.busca:active,.buscalt:active,.parser:active,.deleta:active,.refresh:active,.refreshlt:active,.back:active,.gravar:active,.gravarlt:active,.plus:active,.ceifalt:active,.martelo:active,.martelolt:active,.calcula:active,.link:active,.linklt:active,.linkp:active,.linkplt:active,.linklt:hover,.linkltd:hover,.oab:active {

background:radial-gradient(#888888 25%, #cccccc);

box-shadow:inset 1px 2px 2px 1px #aaaaaa;

border-color: #000 #999 #999 #000 ;

color:black;

}



.ceifa,.ceifad,.ceifa:hover,.ceifad:hover{

border-radius:60px;

background: transparent;

background-image:url('imgs/foice.png');

background-size: 43px 43px;

  height: 45px;

  width: 45px;

}



.busca,.buscad,.busca:hover,.buscad:hover{

border-radius:60px;

background-image:url('imgs/lupa1.png');

background-size: 68px 30px;

  height: 32px;

  width: 70px;

}



.linkp,.linkpd,.linkp:hover,.linkpd:hover,.linkplt,.linkpltd,.linkplt:hover,.linkpltd:hover{background:#cccccc;}



.link,.linkd,.link:hover,.linkd:hover,.linkp,.linkpd,.linkp:hover,.linkpd:hover{

border-radius:60px;

background-image:url('imgs/link.png');

background-size: 68px 30px;

  height: 32px;

  width: 70px;

}





.linklt,.linkltd,.linklt:hover,.linkltd:hover,{

border-radius:60px;

background-image:url('imgs/link.png');

background-size: 28px 18px;

  height: 18px;

  width: 28px;

}



.buscalt,.buscaltd,.buscalt:hover,.buscaltd:hover{

border-radius:60px;

background-image:url('imgs/lupa1.png');

background-size: 28px 18px;

  height: 18px;

  width: 28px;

}



.martelolt,.marteloltd,.martelolt:hover,.marteloltd:hover{

border-radius:60px;

background-image:url('imgs/martelo.png');

background-size: 28px 18px;

  height: 18px;

  width: 28px;

}



.linklt,.linkltd,.linklt:hover,.linkltd:hover,.linkplt,.linkpltd,.linkplt:hover,.linkpltd:hover{

border-radius:60px;

background-image:url('imgs/link.png');

background-size: 28px 18px;

  height: 18px;

  width: 28px;

}





.parser,.parserd,.parser:hover,.parserd:hover{

border-radius:18px;

background: transparent;

background-image:url('imgs/file.png');

background-size: 48px 30px;

  height: 32px;

  width: 50px;

}



.bt3,.bt3d,.bt3:hover,.bt3d:hover{

border-radius:18px;

  height: 25px;

  width: 50px;

padding:2px;

}



.martelo,.martelod,.martelo:hover,.martelod:hover{

border-radius:50px;

background-image:url('imgs/martelo.png');

background-repeat:no-repeat;

background-size: 48px 20px;

  height: 25px;

  width: 50px;

}



.oab,.oabd,.oab:hover,.oab:hover{

border-radius:50px;

background-image:url('imgs/oab.gif');

background-repeat:no-repeat;

background-size: 48px 20px;

  height: 25px;

  width: 50px;

}



.deleta,.deletad,.deleta:hover,.deletad:hover{

border-radius:17px;

background:red;

background-image:url('imgs/deleteMark.png');

background-repeat:no-repeat;

background-size: 17px 17px;

height:17px; 

width:17px;

}



.ceifalt,.ceifaltd,.ceifalt:hover,.ceifaltd:hover{

border-radius:24px;

background-image:url('imgs/foice.png');

background-repeat:no-repeat;

background-size: 24px 24px;

  height: 24px;

  width: 24px;

}



.calcula,.calculad,.calcula:hover,.calculad:hover{

border-radius:24px;

background-image:url('imgs/calc.png');

background-repeat:no-repeat;

background-size: 24px 24px;

  height: 24px;

  width: 24px;

}



.refresh,.refreshd,.refreshlt,.refreshltd,.refresh:hover,.refreshlt:hover,.refreshd:hover{

border-radius:40px;

background-image:url('imgs/refresh.png');

background-repeat:no-repeat;

background-size: 30px 30px;

  height: 30px;

  width: 30px;

}



.back,.backd,.back:hover,.backd:hover{

border-radius:18px;

background:red;

background-image:url('imgs/back.png');

background-repeat:no-repeat;

background-align: center;

background-size: 28px 28px;

  height: 30px;

  width: 30px;

}



.gravar,.gravard,.gravar:hover,.gravard:hover{

border-radius:18px;

background:lime;

background-image:url('imgs/checkMark.png');

background-repeat:no-repeat;

background-size: 24px 24px;

  height: 30px;

  width: 30px;

}



.plus,.plusd{

border-radius:17px; 

height:17px; 

width:17px;

background-image:url('imgs/plus.png');

background-repeat:no-repeat;

background-align: center;

background-size: 17px 17px;



}





.gravarlt,.gravarltd{

border-radius:17px; 

background:lime;

height:17px; 

width:17px;

background-image:url('imgs/checkMark.png');

background-repeat:no-repeat;

background-align: center;

background-size: 17px 17px;



}



.bt,.btd{height: 26px; width: 90px;}

.bt1,.bt1d{height: 30px; width: 90px;}

.bt2,.bt2d{border-radius:60px; height: 60px; width: 60px;}

.btsq,.btsqd{height: 40px; width: 40px;}

.btlittle,.btlittled{height: 26px; width: 50px;}

.refreshlt,.refreshltd{height: 20px; width: 20px;background-size: 20px 20px;}

.wide,.wided{height: 26px; width: 160px;}

.btthick,.btthickd{height: 40px; width: 212px;}

.widenew,.widenewd{background:linear-gradient(to bottom, 00aa00 5%, #008800 100%); height: 26px; width: 160px; color: white;}

.btroundlt,.btroundltd{border-radius:15px; height: 17px; width:17px;}

.btround,.btroundd{border-radius:18px;height: 25px; width: 25px;}



/* ******************************************************* balões */



.dcontexto,.pedidospan,.nomes,.sindicato,.olho,.olho1,.balao,.olhovermelho,.centro {position: relative;}

.dcontexto span,.pedidospan span,.nomes span,.sindicato span,.olho span,.olho1 span,.balao span,.olhovermelho span,.centro span {display: none;}





.dcontexto:hover span,.pedidospan:hover span,.nomes:hover span,.sindicato:hover span,.olho:hover span,.olho1:hover span,.balao:hover span,.olhovermelho:hover span,.centro:hover span {

	position: absolute;

	z-index: 200;

        opacity: 1.0;

	border: 1px solid #999;

	display: block;

  	border-radius: 6px;

}



.dcontexto:hover span {

	top: -1em;

	left: 7em;

	background: grey;

	text-align: justify;

	align: justify;

	padding: 5px 10px;

}



.pedidospan:hover span {

	width: 300px;

	top: 1em;

	left: -12em;

	text-align: justify;

	padding: 6px 2px;

	border: 1px solid #000;

  	border-radius: 12px;

	background: Gold;

	z-index: 100;



}



.nomes:hover span {

	top: 0em;

	left: 0em;

	text-align: left;

	padding: 2px 6px;

	border: 1px solid #fff;

	background: grey;
	
	color: white;

	text-align: justify;

	z-index: 100;

}





.sindicato:hover span {

	width: 90px;

	top: 0em;

	left: -2em;

	text-align: center;

	padding: 6px 2px;

	border: 1px solid #000;

  	border-radius: 24px;

	background: red;

	z-index: 100;

}







.olho:hover span {

	width: 150px;

	top: 0em;

	left: 2em;

	text-align: center;

	font: 16px impact;

	border: 2px solid #999;

	background: gold;

	z-index: 40;

}





.olho1:hover span {

	width: 150px;

	top: 0.5em;

	left: 0.1em;

	text-align: center;

	background: gold;

}



.olhovermelho:hover span {

  	border-radius: 24px;

	width: 80px;

	top: 0.5em;

	left: 0.5em;

	text-align: center;

	background: red;

}



.balao:hover span {

	width: 100px;

	top: 0.8em;

	left: 0em;

	padding: 5px 10px;

	background: grey;

	border: 1px solid #000;

	text-align: justify;


}



.centro:hover span {

	top: 0em;

	left: -2em;

	text-align: center;

	color: black;

	padding: 2px 4px;

	border: 1px solid #000;

  	border-radius: 10px;

	background: gold;

	z-index: 100;

}







/* ******************************************************* imagens */



#tag{height:40px;}

#tag2{height:10px; width:15px;}

#tag3{height:14px;}

#tag4{height:20px;}

#sig{height:50px; width:300px;}

#foto{height:100px; width:75px;}