@charset "utf-8";

/* CSS Document */
* html #tudo { height: 100%; /* hack para IE6 hq trata height como min-height */ }
html, body{ margin:0; padding:0; background:#F5F5F5; list-style:none; text-decoration: none; font-family:Georgia, "Times New Roman", Times, serif; height: 100%; }
body{ font:75% arial, sans-serif; }
img{ border: 0; }
#tudo { position: relative; min-height: 100%; }
#cabecalho{ height:40px; line-height:10px; margin:0px 0px 10px 0px; border-bottom: 5px #999999 solid; border-top: 10px #F1F1F1 solid; padding:10px; background:#BBBBBB; vertical-align:middle }
#quebra{  float:left; width:100%; }
#menu{ float:left; width:200px; margin-left:-100%; min-height:200px; padding:10px;  background: #FFFFFF; border: 1px solid #EEEEEE;}
#buscar{ margin-left:230px; padding: 10px 10px 40px 10px; background: #FFFFFF; border: 1px solid #E5E5E5; height: 99%; }
#conteudo{ margin-left:230px; padding: 10px 10px 40px 10px; background: #FFFFFF; border: 1px solid #E5E5E5; height: 99%; }
.clear{ clear:left; width:100%; }
#rodape{ position: absolute; border: 0px; bottom: 0px; width: 100%; border-top: 2px solid #171717; height: 30px; margin-top: 30px; }

h1{ font-size:20px}

/* LINKS */
a:link { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; color: #000000; }
a:active, a:focus { text-decoration: underline; color: #000333; }

/************************ FORM */
form
{
  margin: 10px;
  color: #000000;
}

fieldset
{
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC; 
  padding: 10px;
  background:#F5F5F5;  
}

legend { font-weight: bold; }

label
{
  display: list-item;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

label.error { color: #FF0000; font-weight: bold; display: block; padding: 0px; margin: 0px; }

label.nostrong{ font-weight: normal; }

input
{
  padding: 3px;
  border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
  border-style:solid;
  border-width:1px;
  background: #F9F9F9;
  color: #000000;

}

select
{
  padding: 2px;
  border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
  border-style:solid;
  border-width:1px;
  background: #F9F9F9;
  color: #000000;
}

input:focus
{
  /* padding: 3px; */
	border-color: #FFD324;
  /* border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE; */
  border-style:solid;
  border-width:1px;
  background: #F1F1F1;
  color: #000000;
}

input.senha { background: #F9F9F9 url(../img/icons/lock.png) no-repeat right center; }
input:focus.senha { background: #F1F1F1 url(../img/icons/lock.png) no-repeat right center; }

input.usuario { background: #F9F9F9 url(../img/icons/users.png) no-repeat right center; }
input:focus.usuario { background: #F1F1F1 url(../img/icons/users.png) no-repeat right center; }

input.email { background: #F9F9F9 url(../img/icons/mail.png) no-repeat right center; }
input:focus.email { background: #F1F1F1 url(../img/icons/mail.png) no-repeat right center; }


button {
  background-color:#F5F5F5;
  border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
  border-style:solid;
  border-width:1px;
  color:#565656;
  cursor:pointer;
  display:inline-block;
  float:left;
  font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
  font-size:100%;
  font-weight:bold;
  line-height:130%;
  margin:0;
  padding: 5px 10px 5px 7px;
  text-decoration:none;
}

button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Padrão */
button:hover{
  background-color:#E1E1E1;
  border:1px solid #CCCCCC;
  color:#565656;
}
button:active{
  background-color:#666666;
  border:1px solid #666666;
  color:#fff;
}

/* Azul */
button.azul:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
button.azul:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Verde */
button.verde:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
button.verde:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Amarelo */
button.amarelo:hover {
  background-color:#FFF6BF;
  border:1px solid #FFD324;
  color:#FF9900;
}
button.amarelo:active {
  background-color:#FFD324;
  border:1px solid #FFD324;
  color:#fff;
}

/* Vermelho */
button.vermelho:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
button.vermelho:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* MENSAGENS */
div.vermelho, div.amarelo, div.verde, div.azul, div.cinza {padding:.8em;margin-bottom:1.6em;border:1px solid #ddd;}
div.vermelho {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.vermelho a {color:#8a1f11; background:none; padding:0; margin:0; }
div.amarelo {background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.amarelo a {color:#514721; background:none; padding:0; margin:0; }
div.verde {background:#E6EFC2;color:#264409;border-color:#C6D880;}
div.verde a {color:#264409; background:none; padding:0; margin:0; }
div.azul {background:#dff4ff;color:#000033;border-color:#c2e1ef;}
div.azul a {color:#000033; background:none; padding:0; margin:0; }
div.cinza {background:#EAEAEA;color:#000033;border-color:#CCCCCC;}
div.cinza a {color:#333333; background:none; padding:0; margin:0; }

/* BLOCKQUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* MENU */
/* Horizontal */
div.menuhorizontal ul { list-style-type: none; }
div.menuhorizontal ul li { display: inline;  }
div.menuhorizontal ul li.titulo {
  background-color: #1A8DF4;  
  margin: 10px 2px;
  padding: 10px 2px;
  font-size: 18px;	
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 5px solid #0169D0;
}
div.menuhorizontal ul li.item {
  background-color: #1A8DF4;  
  margin: 0px 2px;
  padding: 0px 2px;
	height: 30px;
  font-size: 14px;
  font-weight: bold;
}
div.menuhorizontal ul li.item:hover {
  background-color: #1A8DF4; 
  border-bottom: 5px solid #0169D0;
  font-size: 14px; 
  color: #FFFFFF;
}
div.menuhorizontal ul a li.item {
  color: #FFFFFF; 
  text-decoration: none;
  margin: 0px 0px 5px 0px;  
}
div.menuhorizontal ul a:hover li.item  {
  color: #FFFFFF;
  text-decoration: underline;
}
div.menuhorizontal ul li.sair {
  background-color: #FF0000;  
  margin: 0px 2px;
  padding: 0px 2px;
	height: 25px;
  font-size: 14px; 
  font-weight: bold;  
}
div.menuhorizontal ul li.sair:hover {
  background-color: #FF0000; 
  border-bottom: 5px solid #CC0000;
  font-size: 14px; 
  color: #FFFFFF;
}
div.menuhorizontal ul a li.sair  {
  color: #FFFFFF; 
  text-decoration: none;
  margin: 0px 0px 5px 0px;  
}
div.menuhorizontal ul li.sair a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/* MENU */
/* Vertical */
div.menuvertical ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div.menuvertical ul li.titulo
{
	background-color: #495677; /* #EEEEEE;  */
	margin: 2px 0px;
	padding: 2px 10px;
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #EEEEEE; /* #495677; */
	border-left: 5px solid #FF6600;
}

div.menuvertical ul li.item
{
	background-color: #EEEEEE;
	margin: 2px 0px;
	padding: 2px 5px;
	padding-top:8px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	cursor:hand;	
}

div.menuvertical ul li.item:hover
{
	background-color: #EEEEEE;
	font-size: 14px;
	color: #495677;
	cursor:hand;
	margin: 2px 0px;
	padding: 2px 5px;
	padding-top:8px;

}

div.menuvertical ul a li.item
{
	margin: 2px 0px;
	padding: 2px 5px;
	color: #495677;
	text-decoration: none;
	cursor:hand;
	padding-top:8px;

}

div.menuvertical ul a:hover li.item
{
	color: #495677;
	text-decoration: none;
	cursor:hand;
	padding-top:8px;

}

div.menuvertical ul li.sair
{
	background-color: #FF0000;
	margin: 2px 0px;
	padding: 2px 0px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
}

div.menuvertical ul li.sair:hover
{
	background-color: #FF0000;
	border-left: 5px solid #CC0000;
	font-size: 14px;
	border-bottom: 1px solid #CC0000;
	color: #FFFFFF;
}

div.menuvertical ul a li.sair
{
	margin: 0px 0px;
	padding: 0px 5px;
	color: #FFFFFF;
	text-decoration: none;
}

div.menuvertical ul a:hover li.sair
{
	color: #FFFFFF;
	text-decoration: none;
}

table.lista th { text-align: left; background: #FFFFFF; border-bottom: 2px solid #000000; }

table.lista tr:nth-child(odd) {
	background-color: #FFFFFF;
}

table.lista tr:nth-child(even) {
	background-color: #F8F8F8;	
}

table.lista td { border-bottom: 1px solid #F1F1F1; line-height: 32px; }

table.lista tr:hover { background: #F2FFF2; }