html{
	height:100%;
}

body {
	background: url('../img/fundo.gif');
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana,"Comic Sans MS",Arial,sans-serif;
	font-size:smaller;
	height:100%;
}

/* ------  CSS para do mural ------ */
#mural{
	text-align:center;
	font-size:x-large;
	font-family:Courier;
	padding-top:5px;
	padding-bottom:15px;
}

.recado{
	-moz-border-radius-bottomleft:11px;
	-moz-border-radius-bottomright:11px;
	-moz-border-radius-topleft:11px;
	-moz-border-radius-topright:11px;
	border:0.2em dotted;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.datarecado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:italic;
	padding-bottom: 5px;
	width: 50%;
	float:left;
}

.apagarrecado{
	float:right;
}

.msgrecado{
	clear:both;
	padding-top:1px;
}

/* ------ Fim do CSS para do mural ------ */


#main{
	width : 780px;  /*NAO USAR % NESSA LINHA*/
	min-width: 750px;
	margin:auto;
	padding:  0px 0px 0px 0px;
	font-size:smaller;
	height:100%;
}

* html main{
	height: 100%;
}

#topo{
/*	height: 130px;*/
	height: 260px;
	background-image: url('../img/banner.png');
/*	background-color: #507aa1;/*#D0F29D;*/
	color: #CCCDDD;
	text-align:center;
	border: 0.5px solid green;
	
/*	border-bottom:2px solid #9CD941;*/
/*	border-top:2px solid #9CD941;*/
}

#menu {
	background:#FFFFFF;
	width: 100%;
	font-size: 9px;
	height: auto;
	margin-top: 2px;
}

#conteudo{
	margin: auto;
	color:#565656;
	background:#FEFEFE;
	min-height:45%;
	height:auto;
	margin-top:5px;
	padding:0px 5px 5px 5px;
		
}

#rodape{
	clear:both;
	margin-top: 10px;
	margin-bottom: 1px;
	background-color:#CCCCCC;
	color:#777777;	
	border-top:2px solid #BBBBBB;
	line-height: 115%;
	text-align:center;
	font-family: Verdana,Sans-Serif;
}

body h2{
	font-size: small;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	color: #666777;	
}

th {
	background-color: #D3DCE3;	
}

.odd{
	background-color: #E5E5E5;
}

.even{
	background-color: #D3DCE3;	
}

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

a:visited {
	color: #1B5886;
	text-decoration: none;
}

a:hover {
	color: #409FCB;
	text-decoration: none;
}

a:active {
	color: #409FCB;
	text-decoration: none;
}

#top-esquerda{
	float:left;	
}

#tabbg{
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #99CCFF;
	height:2.2em;
	padding-left:6px;
}

.WaterMark {  
    color: #999;
}

.dica{
	font-size: 9px;
	color: #3d413c;	
	font-weight:600;
}
.msg{
	background-color:#444444;
	color:#EEEEEE;
	border:1px solid orange;
	display:none;
	margin-top:3px;
	padding-top:3px;						
	padding-bottom:3px;						
	text-align:center;
	width:90%;
}

#loading{
	display:none;
	z-index:999999;
	width:90%;
	float:none;
	text-align: center;
}
#loading img{
	width: 100%;
	height: 13px;
}
#sigla{
	text-transform:uppercase;
}
#cidade{
/*	width:300px;*/
}

.coordenadas{
	float:left;
	margin-left:14%;
	margin-top: 5px; 
}

div #lat, div #lng{
	margin-right: 1%;
}

#rodape h5, h4{
	margin: 0px 0px 0px 0px;	
}
/* GEOREFERENCIA */
#map1{
		
	height:350px;
	overflow-x:hidden;
	overflow-y:hidden;
	min-width:600px;
	margin-bottom: 15px;
}

#georeferencia{
	overflow-x:hidden;
	overflow-y:hidden;
	position:relative;
	min-width:600px;
	height:460px;
}

#avisoPonto{
	padding-top: 10px;
	text-align: center;
	color: red;
	font-family: arial,comic Sans MS,lucida Grande;
	font-size:large;
}

/*##########################################*/
/*######################### TESTANDO */

div.cell {
	float:left;
	margin-bottom:8px;
	margin-left:5px;
	margin-right:1px;
	width:175px;
}

/*#############################################*/
/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:12px;
    height:12px;
}
/*#####################################################################################*
 * 
 *	LOGIN LOGIN 
 *
 #####################################################################################
 */
#logindiv {
	margin:auto;
	margin-top: 10%;
	color:#565656;
	width:360px; 
	padding-top:24px;

	background:#ecfdce; 
	border:1px solid #ccc;
	font-size:1em;
	
	-moz-border-radius-bottomleft:11px;
	-moz-border-radius-bottomright:11px;
	-moz-border-radius-topleft:11px;
	-moz-border-radius-topright:11px;
}

#logindiv #top{
	font-size:x-small;
	font-weight:bold;
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align:center;
}

#logindiv #content{
	margin: auto;
}

#bottom{
	margin-top: 10px;
	margin-bottom:10px;
	width:50%;
}

#loginform {
  width:300px;
  margin:auto;
}

#promptDiv { 
  width:278px; 
  height:48px; 
  padding:10px;
  margin-bottom:16px;
  background:#ffffff;
  text-align:left;
  font-size:11px;
  
  color:#666666;
  border:1px solid #222;
}

#buttonDiv { 
  text-align:center;
}
.fieldTitle {
  margin-bottom:3px;
  font-weight:bold;
  color:#666666;
}
.fieldEntry {
  margin-bottom:8px;
}

#loginform input{
	display:block;
	margin-top:5px
}

#loginform label{
	margin-top:3px;	
}

.item{
	width: 50%;
	margin-top: 15px;	
	margin:auto;
}

/*#####################################################################################*
 * 
 *	FORMS
 *
 #####################################################################################
 */
#generalform{
	-moz-border-radius-bottomleft:11px;
	-moz-border-radius-bottomright:11px;
	-moz-border-radius-topleft:11px;
	-moz-border-radius-topright:11px;
	background:#ECFDCE none repeat scroll 0% 0%;
	padding: 2px 10px 2px 10px;
	border:1px solid #CCCCCC;
	color:#565656;
	font-size:1em;
	font-weight:bold;
}

#generalform label{
	float:left;
}
div.cell input, div.cell select{

	margin-right:3px;
	margin-top:3px;
	width:90%;
}

#generalform br{
	clear:both;
	
}

fieldset.button{
	height: 30px;
	border:none;
	padding-left:0px
}

#btncheck{
	height: 22px;
	font-size:1em;
	font-weight:bold;
	margin-top: 5px;
	color:#676767;
}


#alert-ff{
	color:#565656;
	font-size:1.5em;
	height:200px;
	width:360px;
	text-align:center;

	padding-top:25px;
	margin:auto;

}

#alert-ff a p{
	float:left;	
}

#relatorio{
	border: 1px solid #CCCCCC;	
} 

#relatorio #header{
	color: #DDDDDD;
	font-weight:bolder;
	font-size: 10px;
	text-align:center;
	background-color: #6D9F6F;
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;
}

#relatorio #body{
	color: #6D9F6F;
	font-weight:bolder;
	font-size: 10px;
	text-align:center;
	background-color: #F5F5F5;
}

#relatorio #body table tr th{
	padding: 2px 0px 2px 0px;	
}

#relatorio #body table{
	padding: 0px;
}

#relatorio #body table tr td{
	padding: 3px 0px 3px 5px;
}

.td-value{
	text-align:center;
	font-weight: 600;	
}

.td-odd{
	background-color: #E5E5E5;	
}

.td-even{
	background-color: #D5D5D5;		
}

.clear-float{
	clear:both;
}