@media screen {

#titulo { 
 width:100%;
 position:fixed;
 top:0px;
 z-index:102;
 background-color:#ffcc00;
}

#barrasuperiordireita { 
  top:45px;
  float:right;
  position:fixed;
  width:160px;
  margin-right:0px;
  margin-left:-160px;
  right:0%;
  text-align:right;
  z-index:104;
  font-family : Verdana, 'Bitstream Vera Sans', 'sem-serifa';
  font-size : 14px;
  color: #8D4064;
}

#barrasuperioresquerda { 
  top:45px; 
  float:left;
  position:fixed;
  width:500px;
  margin-right:-500px;
  margin-left:5px;
  text-align:left;
  left:0%;
  z-index:105;
  font-family : Verdana, 'Bitstream Vera Sans', 'sem-serifa';
  font-size : 12px;
  color: #8D4064;
}

#esquerda { 
  width:65px; 
  float:left;
  position:fixed;
  margin-left:5px;
  left:0%;
  margin-right:-105px;
  top:75px; 
}

#centro {
 width:645px;
 float:left; 
 margin-left:-285px; 
 left:50%; 
 position:relative;  
 top:68px; 
 margin-right:25%;
}

#rotulo { 
 width:155px; 
 float:left; 
 margin-left:-10px; 
 position:inherit; left:10px; 
 border-left:1px solid #000000;
}

#conteudo { 
 width:480px; 
 float:right; 
 margin-left:-50px; 
 position:inherit; 
 right:0px; 
} 

#direita { 
 width:80px; 
 float:right; 
 position:fixed; 
 margin-right:0px; 
 right:0%; 
 z-index:100;
 top:68px; 
}

#botoes{
 width:595px; 
 float:left; 
 margin-left:-285px; 
 left:50%; 
 position:relative; 
 margin-top:10px; 
 margin-right:30%; 
 text-align:center;
}

#rodape{ 
 width:595px;
 float:left;
 margin-left:-285px; 
 left:50%; 
 position:relative; 
 margin-top:10px;
 vertical-align: bottom;
 text-align:center;
 padding:2px;
 margin-right:30%; 

}

body {
	background-color : #FFFFFF;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	font-family : Verdana, 'Bitstream Vera Sans', 'sem-serifa';
	font-size : 12px;
	color: #000000;
}

p{
	margin:2px 2px 2px 2px;
	height:28px;
}

p.pletra15{
	margin:2px 2px 2px 2px;
	height:28px;
	font-size : 15px;
}

.protulo2{
	padding:0 10px 0 10px;
	color : #040078;
	font-family : Verdana, 'Nimbus Sans L';
} 

p.protulo{
	margin:2px 8px 2px 2px;
	text-align: left;
	color : #040078;
	font-family : Verdana, 'Nimbus Sans L';
} 
p.protuloletra15{
	margin:2px 8px 2px 2px;
	text-align: right;
	color : #040078;
	font-family : Verdana, 'Nimbus Sans L';
	font-size : 15px;
} 
p.rotulolateral {
    font-family : Verdana, 'Bitstream Vera Sans', 'sem-serifa';
    font-size : 12px;
    color: #8D4064;
}

p.rotulolateral2 {
    font-family : Clean, monoespaçada;
    font-size : 9px;
    color: #2B14A1;
    text-align:center;
}
p.rotulodireita {
    font-family : Verdana, 'Bitstream Vera Sans', 'sem-serifa';
    font-weight:bold;
    font-size : 13px;
    color: #8D4064;

}



.sairs { float:right; position:fixed; margin-right:0px; right:0%; z-index:1;}
.inputlaranja {background-color:#FFF0B2; color:#000000; font-size:13px}
.icone { float:left; width:50px; margin-right:-50px; left:0%; }
.titulo { font-family : Verdana, 'Bitstream Vera Sans', 'sem-serifa';
    font-weight:bold;
    font-size : 16px;
    color: #000000; 
}

input {
    font-family : serifa;
    font-size : 13px;
  }
select {
    font-family : serifa;
    font-size : 13px;
  }
}


/* CSS Document */
.header {
  z-index:11;	
  width:100%;
  left:0px;
  top:0px;
  position:absolute;
 }
.header1 {
		background:#ffcc00;
		width:100%;
		voice-family: "\"}\"";
		voice-family: inherit;
}
.header2 {
	    font-family: Arial Black;
		background-color:darkblue;
		width:100%;
		text-align:center;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:35px;
		font-size:	20px;
		color:#eeee77;
		}

.header3 {
	    font-family: Arial;
		background-color:darkblue;
		width:100%;
		text-align:center;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:1px;
		font-size:	12px;
		color:white;
		}


.topleft{
  z-index:10;	
  width:400px;
  height:25px;
  left:0px;
  top:40px;
  position:absolute;
}
.topcenter{
  z-index:10;	
  width:400px;
  height:25px;
  left:200;
  top:40px;
  position:absolute;
  text-align:center;
  font-size : 13px;
  font-weight:bold;
  
}
.topright{
  z-index:10;	
  width:150px;
  height:25px;
  right:0px;
  top:40px;
  position:absolute;
 text-align:right;
}
.left{
  width:75px;
  height:300px;
  left:0px;
  top:70px;
  margin-top:0px;
  margin-left:0px;
  position:absolute;
 }
.right{
  width:100px;
  height:300px;
  right:0px;
  top:70px;
  margin-top:0px;
  margin-right:0px;
  position:absolute;
  text-align:right;
 }
.center{
 width:580px;
 height:300px;
 left:48%;
 top:70px;
 margin-top:0px;
 margin-left:-280px;
 margin-right:2px;
 margin-bottom:5px;
 position:relative;
 overflow: auto;
 background-color: #FFFFFF;
 scrollbar-face-color:#EFEFEF;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-dlight-color:#EFEFEF;
 scrollbar-darkshadow-color:#EFEFEF;
 scrollbar-shadow-color:#FFFFFF;
 scrollbar-arrow-color:#808080;
 scrollbar-track-color:#EFEFEF;

}


.center800{
 width:790px;
 height:280px;
 left:50%;
 top:70px;
 margin-top:0px;
 margin-left:-400px;
 margin-right:2px;
 margin-bottom:5px;
 position:relative;
 overflow: auto;
 background-color: #DDE3CB;
 scrollbar-face-color:#EFEFEF;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-dlight-color:#EFEFEF;
 scrollbar-darkshadow-color:#EFEFEF;
 scrollbar-shadow-color:#FFFFFF;
 scrollbar-arrow-color:#808080;
 scrollbar-track-color:#EFEFEF;
}
.cabecalhosistemas{
	position: relative;
	top:40px;
}

.centerleft{
 width:130px;
 left:0px;
 float:left;
 top:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:-50px;
 margin-bottom:0px;
 position:relative;
}
.centerright{
 width:435px;
 right:0px;
 float:right;
 top:0px;
 margin-top:0px;
 margin-left:-50px;
 margin-right:0px;
 margin-bottom:0px;
 position:relative;
}
.centerleft435{
 width:435px;
 left:0px;
 float:left;
 top:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:-50px;
 margin-bottom:0px;
 position:relative;
}
.centerleft435SG{
 width:435px;
 left:35px;
 float:left;
 top:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:-50px;
 margin-bottom:0px;
 position:relative;
}
.centerright800{
 width:660px;
 right:0px;
 float:right;
 top:0px;
 margin-top:0px;
 margin-left:-50px;
 margin-right:0px;
 margin-bottom:0px;
 position:relative;
}

.centerSG{
 width:680px;
 height:500px;
 left:30%;
 top:60px;
 margin-top:0px;
 margin-left:-180px;
 margin-right:2px;
 margin-bottom:5px;
 position:relative;
 overflow: auto;
 background-color: #DDE3CB;
 scrollbar-face-color:#EFEFEF;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-dlight-color:#EFEFEF;
 scrollbar-darkshadow-color:#EFEFEF;
 scrollbar-shadow-color:#FFFFFF;
 scrollbar-arrow-color:#808080;
 scrollbar-track-color:#EFEFEF;
}
.centercadastrarsenha{
 width:680px;
 height:500px;
 left:30%;
 top:60px;
 margin-top:0px;
 margin-left:-180px;
 margin-right:2px;
 margin-bottom:5px;
 position:relative;
 overflow: auto;
}

.centerleftSG{
 width:120px;
 left:0px;
 float:left;
 top:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:-50px;
 margin-bottom:0px;
 position:relative;
}
.centerrightSG{
 width:435px;
 right:0px;
 float:right;
 top:0px;
 margin-top:0px;
 margin-left:-50px;
 margin-right:0px;
 margin-bottom:0px;
 position:relative;
}

.fonte1{
	font-size: 10px;
}

.buttons{
 width:500px;
 left:50%;
 top:70px;
 margin-top:12px;
 margin-left:-250px;
 margin-right:0px;
 margin-bottom:0px;
 position:relative;
 text-align:center;
}
.footer{
 width:500px;
 height:30px;
 left:50%;
 top:70px;
 margin-top:0px;
 margin-left:-250px;
 margin-right:0px;
 margin-bottom:0px;
 position:relative;
}
body>.header {position: fixed}
body>.left {position: fixed}
body>.right {position: fixed}
body>.topleft {positon: fixed}
body>.topright {positon: fixed}

.sairs {
float:right; 
position:fixed; 
margin-right:0px; 
right:0%; 
z-index:1;
}


.esconde{
	visibility : hidden;
}

.mostra{
	visibility : visible;
}

#menu ul {
    z-index:110;
    background-color:#ffcc00;
 }

#menu ul {
    padding:0px;
    margin:0px;
    position:fixed;
    top:14px;
    left:0px;
    width: 100%;
    list-style:none;
    background-color:#ffcc00;
 }

#menu ul li { display: inline; }


#menu ul li a {
    padding: 2px 10px;
    float:left;
    /* visual do link */
    background-color:#ffcc00;
    color: #333;
    text-decoration: none;
    border-bottom:3px solid #ffcc66;
}

#menu ul li a:hover {
    background-color:#E3ED26;
    color: #6D6D6D;
    border-bottom:3px solid #1880FF;
}

.hint {
 background-color:#CFD5BE;
 color:#040078;
 border-color:grey;
 border-style:solid;
 border-width:1px;
 font-size:14px;
}
.relatorio1{
   font-family : Verdana, 'Nimbus Sans L','Arial';
	font-size : 10px;
	color: #000084;
	text-decoration: none;	
   }
.consultapequena{
   font-family : Verdana, 'Nimbus Sans L','Arial';
	font-size : 8px;
	color: #000084;
    font-weight:bold;
	text-decoration: none;	
   }
.vermelhopeq{
   font-family : Verdana, 'Nimbus Sans L','Arial';
	font-size : 10px;
	color: red;
	text-decoration: none;	
   }
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}

#dhtmltooltip1{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 1001;
visibility: hidden;
}
#divsenha{
	visibility : hidden;
	background-color: yellow;
}
#divmotivo{
	visibility : hidden;
	background-color: yellow;
}
#divhabilitacao{
	background-color: yellow;
	display: none;
}
#divhabilitacaoexterno{
	background-color: yellow;
	display: none;
}
#divatualizarredelocal{
	display: none;
}
#divmotivo2{
	display: none;
	background-color: yellow;
}
#divmotivo2externo{
	display: none;
	background-color: yellow;
}
.tabelatd1{
   font-family : Verdana, 'Nimbus Sans L','Arial';
	font-size : 10px;
	color: #000084;
	padding:0px;
	margin:10px;
	border-style: solid;
	border-width: 1;
   }
#divlembrete{
	position: absolute;
	width: 100px;
	border: 1px solid black;	
	background-color: yellow;
	display: none;
}
 
 
/*NOVOS*********************************************/  
.label{
    color : black;
    font-weight : bold;
    font-family : verdana;
    font-size : 11px;
}
.labelResultado{
    color : black;
    font-weight : bold;
    font-family : verdana;
    font-size : 11px;
    font-style : italic;
    /*text-decoration: underline;*/
}

.conteudo{
    color : #707070;
    font-weight : bold;
    font-family : verdana;
    font-size : 11px;
}

.conteudo2{
    color : darkblue;
    font-weight : bold;
    font-family : verdana;
    font-size : 12px;
}
.observacao
{
  font-family:verdana;
  font-size:10px;
  font-weight:bold;
  color:red;
}


.fieldset{
    border:1px solid black;
    padding-left : 5px;    
    padding-right : 5px;
    padding-bottom : 10px;
    padding-top : 10px;
}
.legend{
    border:1px solid black;
    font-family:verdana;
    font-weight:bold;
    font-size:12px;
    /*background-color:#FFF0B2; 
    color:darkgreen;*/
/*    background-color:#AABBCC; */
	/*background-color:#FFCC00;*/
	background-color:darkblue;
    color:white;
}

.legendbutton{	
    font-size:10px;
}


.texto{
	border : 1px solid gray;
	font-family : verdana; 
  font-size : 11px;
	font-weight:bold;
	background-color:white;
	color:midnightblue;	
}
.textocinza{
	border : 1px solid #BCC5C0;
	font-family : verdana; 
  font-size : 11px;
	font-weight:bold;
	background-color:#EFEFEF;
	color:black;	
}
.textocinzaSemEdicao{
	border : 1px solid #BCC5C0;
	font-family : verdana; 
  font-size : 11px;
	font-weight:bold;
	background-color:#EFEFEF;
	color:black;	
}
.textoFundoEscuro{
	border : 1px solid gray;
	font-family : verdana; 
  font-size : 10px;
	font-weight:bold;
	color:white;	
}
.textoSemEdicao{
	border : 1px solid gray;
	font-family : verdana; 
  font-size : 11px;
	font-weight:bold;
	background-color:#AABBCC;
	color:black;	
}
.th1{  
	font-family : arial; 
  font-size : 11px;
	font-weight:bold;	
	color:red;	
}

.botao{
	color : darkblue;
    font-weight : bold;
    font-family : verdana;
    font-size : 11px;
    background-color:#AABBFF;
    border-top : 2px solid darkblue;
    border-left : 2px solid darkblue;
    border-bottom : 1px solid black;
    border-right : 1px solid black;
}

.tituloSeparador{
	border-bottom:2px solid darkblue;
	font-weight:bold;
	color:darkblue;
	font-size:14px;	
}

.subTituloSeparador{
	font-weight:bold;
	color:darkblue;
	font-size:16px;	
	font-style : italic;
	font-family : verdana;	
}

.tabelaPossibilidades{
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
}

.tabelaPossibilidades th{
	background-color : black;
	color : white;
	font-size:12px;
	font-weight:bold;
}
.tabelafininha {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    padding: 5px 5px 5px 5px
}
.tabelafininha TD{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}
.tabelafininha TH{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}
a.linkBlack:visited, a.linkBlack:link  {
	text-decoration:none;
	color:#000000;
	cursor:pointer;
}

/* Caso especial sublinhando links on hover 
   Os textos dos links não são sublinhados... só quando tem o mouse sobre o mesmo*/
a.linkBlack:hover, a.linkWhite:hover, a.linkGreen:hover{
	text-decoration:underline;
	cursor:pointer;
}