@charset "utf-8";
 
* {
    margin: 0;
    padding: 0;
}
.corpo {width:100%;}

/* Isto é necessário para não haver rolagens horizontais quando movermos os elementos */
html, body {overflow-x: hidden;}
 
body {
    font: 100% arial, verdana, tahoma, sans-serif;
    color: #000;
    background-color: #fff;
}
.resolvido { background:#0F0;font-family:Verdana;}
.andamento { background:#0CF;font-family:Verdana;}
.pendente { background:#F00; color: #fff; font-family:Verdana;}
.parado { background:#FF0;}
.cinza { background:#d8d8d8;}
.aguardando { background:#0FF;}
hr {
 color: #f90;
background: #f8f8f8;
padding: 2px;
margin: 5px;
border-radius: 10px;
     
}
.esquerda {
    float: left;
    margin: 5px 20px;
       min-width: 250px;
}
.editado {background: #FF0;}

h3 {
    text-align: center;
}
.texto {
    margin-left: 20px;
    list-style: outside;
	border-bottom: solid 1px #ccc;
text-align: justify;
font-size: 14px;
padding: 5px;
}
img {
    max-width: 100%;
    text-align: center;
}
.shadow {
    max-width: 96%;
}
header {
    /*background: #F7F7F7;*/
    padding:0 10px;
    overflow: hidden;
}
.Menu_princ {
    border: solid 1px;
    border-radius: 5px;
}

header input {
    float: right;
    padding: 10px;
    width: 200px;
    border: none;
}

.main {
    padding: 30px;
}
.main p {
    font-size: .9em;
    line-height: 1.2em;
    margin-bottom: 20px;
}
a span:hover { color:#fff;  background: #F7F7F7;}
.menu-anchor {
    width: 42px;
    height: 32px;
    display: inline-block;
   margin-bottom: 5%;  
    position: relative;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    background: #0E3262;
}
 
li {list-style: none;}
 

.menu-anchor:before {
    content: "";
    display: block;
    margin: 7px auto;
    width: 70%;
    height: 0.25em;
    background: #F7F7F7;
    box-shadow: 0 .45em 0 0 #F7F7F7, 0 .9em 0 0 #F7F7F7;
}

.menu-active .menu-anchor {background: #0E3262;}

menu {
    position: absolute;
    top: 0;
	bottom: 0;
    left: 0;
    z-index: 1;
    width: 220px;
    
   /* padding-top: 10px;*/
    background:  #0E3262;
     box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3) 
}

menu li a {
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin: 0 10px;
    padding: 10px;
    color: #fff;
    text-decoration: none; 
	background: #0E3262;
}

menu li a:hover {
    background: #f7f7f7;
    color: #000000;
}


/*
    Aqui você esconde o menu para fora da tela 
    O valor é exatamente a largura da sidebar
*/
menu {
	
    -webkit-transform: translateX(-220px);
    -moz-transform: translateX(-220px);
    -ms-transform: translateX(-220px);
    transform: translateX(-220px);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
}

/*
    Essa é a posição original do HEADER e do MAIN
*/
header, .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
	margin-bottom: 10px; background:#F7F7F7;
}

/*
   Com a classe menu-active na tag HTML
*/
.menu-active menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.menu-active header, 
.menu-active .main {
    -webkit-transform: translateX(220px);
    -moz-transform: translateX(220px);
    -ms-transform: translateX(220px);
    transform: translateX(220px);
}
 
	.menu {  padding:0px;}
h1 {
font-family:Verdana; 
font-size:15px;	
color:#666;
}
h2 {
font-family:Verdana; 
 
}
h2 {
font-family:Verdana; 
font-size:13px;
color:#339; border:solid 1px #fff;	 
padding:8px; text-align:center;
 background:#f8f8f8; box-shadow:0px 0px 5px #ccc;
 margin: 10px 5px;	
}
h2.procurador {
font-family:Verdana; 
font-size:13px;
color:#000; border:solid 1px #fff;	 
padding:8px; text-align:center;
 background:#FF0; box-shadow:0px 0px 5px #ccc;
  margin: 10px 0;	
}
h5 {
font-family:Verdana; 
font-size:13px;
background:#000;
color:#ffffff;
line-height:30px;
 
}
input, textarea, select  {
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 25px;
	min-width: 250px;
    margin: 5px;
	 padding: 0 5px; display:block; margin-left:auto; margin-right:auto; 
	 background:#fff;
	 
}
textarea  {
 
  overflow: visible; min-height:50px; resize:vertical;  }
 ::-webkit-resizer {
  border: 1px solid blue ;
} 
::-moz-resizer { border: 1px solid blue ; overflow: auto; background-color: #fff; color: red;}
 
:disabled {
    background:#fff;
	-webkit-text-fill-color:#000; /* Override iOS / Android font color change */
-webkit-opacity:1; /* Override iOS opacity change affecting text & background color */
color:#000; /* Override IE font color change */
}
 
/*select {
   border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 25px;
    margin: 5px;
    padding: 3px;
}*/
	
.linkagem{
    padding:8px;
	 background:#0E3262;
      color: #FFFFFF;
    
    line-height: 24px; 
     
   
}

.voltar{
    padding:5px; background:#06C; color:#fff;
     
   
}	
	
	
	textarea{
	border-radius: 5px; border-color:#ccc; border-style: solid; text-transform: none;max-width: 90%; }
a:link, a:active, a:visited{
   
   text-decoration:none; 
}

a:hover{
    background:#039;
      color: #FFFFFF;
     
	
   
}
.button 
{
    background:#0E3262;
    border: 0 solid #00A000;
    border-radius:  5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    letter-spacing: 1px;
    padding: 4px 5px;
    text-align: center;
    
}
.central{ margin-bottom:auto; margin-right:auto;}
.button:hover
{
    background:#999;
	 
   
    
}
.menus {
    background:#0E3262;
      color: #FFFFFF;
    display: block;
    line-height: 24px; text-decoration:none; 
    padding: 10px;
	 text-align: center;
	 margin:  5px;
}
fieldset {
 /* padding: 1em;
 font:90%/1 sans-serif;*/ border: solid 1px #333; Border-radius:10px;
  }
  .usuario {
    text-align: center;
 
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    line-height: 35px;
}
.linkimagem:hover {
    background: none;
}
.post {
    padding: 10px;
	 min-height: 100%;position: relative;
}
.rodape{color:#fff; background:#0E3262; text-align:center; padding:10px 0; width:100%;  margin-top:10px;   
	 }
	.push {
      height: 50px;
    }
.conteudo{
	
	border: 1px solid;
    border-radius: 15px 15px 15px 15px;
    margin-top: 20px;
    padding: 20px;
    width: 960px;}
.tabela { font-size:12px;
	
 text-transform: none;   padding:10px;
	}
	td.tabela {border:solid 1px #fff; padding:10px;}
	.imagem {border:none;}
 a.imagem, a.imagem:active, a.imagem:visited{ border:none; background:none;

		}
		 a:hover.imagem{  border:none;
 opacity:0.9; background:none;

		}
		a.verde {
    background: #0C0;display:block;
      color: #FFFFFF; padding:10px;
    line-height: 24px; text-decoration:none;border-radius: 5px;   margin: 5px;;
   
}
a.vermelho {
    background: #F00;
      color: #FFFFFF;
    display: block;
    line-height: 24px; text-decoration:none; padding:3px; margin:2px;
   
}

a.vermelho:hover {
    background: #900;
      color: #FFFFFF;
    
}


a.#C01B03 {
    background: #F00;
      color: #FFFFFF;
    display: block; padding:3px;
    line-height: 24px; text-decoration:none;  margin:2px;
   
}
.celular { max-width:800px;}
a.azul {
    background: #06F; display:block;
      color: #FFFFFF; padding:10px;
    line-height: 24px; text-decoration:none;border-radius: 5px;   margin: 5px;;
   
}
.internos {float: left;
margin: 5px 20px;
min-width: 250px; border-radius: 5px;
background: #09F;
padding: 5px;
color: #fff; text-align:center;}
a.azul:hover {background: #03F;}
a.verde:hover {background: #096;}