/* CSS Document */
/* Este documento tem as classes CSS comuns a todas as páginas, independente de template.*/

/* Ajustes gerais  */
.fullWidth						{ width: 100%;}

a img							{ border: none!important;}
a.remover img					{ width: 12px;}

/* Fonte do menu horizontal (topo) */
#menu a 						{ display: block; width: 160px; color: #7b7b7b; text-decoration: none; }

/* Botões  */
div.buttons						{ padding:8px 0 5px 0; text-align: right;}
div.buttons	button				{ margin-left: 8px;}
.buttonAlign					{ padding-top:15px!important;}

/* Classes genéricas / comuns a todos os temas */
label						{ font-weight:bold;}
span.lupa	img					{ margin:0 0 -2px 3px;}
label.simple					{ font-weight:normal!important;}

/* Menu lateral */
div#sideMenu					{ float:left; margin:10px; padding:5px; background:#e3e3e3; min-height:600px;		border-radius:10px; max-width:240px; overflow:hidden;}

/* Menu horizontal */
ul.ulMaior								{ width:280px!important;}
ul.ulMaior li a							{ width:263px!important;}



/* Formulários  */
div#forms						{ padding:23px;}

input,textarea					{ border:solid 1px #999;}

.errorsMessages					{ text-align: center; color: red;}
.sucessoMessages				{ text-align: center; color: green;}
.infoMessages					{ text-align: center; color: blue;}

/* =Containers
--------------------------------------------------------------------------------*/
.container22
{
	margin:0 20px;

}

/* Container do mapa */
div#mapaContainer				{ background:#CCC; padding:8px; 	}
div#mapaContainer ul		{ display: block; height: 23px;}
div#mapaContainer li		{ margin:0 5px 0 0; float: left; list-style: none; font-size:14px;}

/* Container Genérico */
div.container					{ background:#fff; margin-bottom:30px; width:1220px; 			border-radius:10px;}

/* Classes comuns  */
div#full						{ font-family:Tahoma, Geneva, sans-serif; background:url(/sicg/img/gradTop.jpg) repeat-x;}
div#header						{ padding-top:10px;  background:url(/sicg/img/topEdge.png) no-repeat center 0px; }
div#headerPrint					{ display:none;}
div#headerSearch				{ width:1200px; margin:auto; }

   div#user						{ margin:-7px 50px; white-space:nowrap; color:#333; float:right; clear:both;}

/* Submenu vertical interno*/
.breakAbove						{ background: #fff; display: block; margin:0 -5px; height:40px;}
.breakAbove blockquote			{ border-radius:0 0 10px 10px; display:block; text-indent:-5000px; background:#E3E3E3;}
.subMenuVertical span			{ background: none repeat scroll 0 0 #E3E3E3; color:#919191;    border-radius: 10px 10px 0 0; display: block; font-size: 15px;font-weight: bold; margin: -10px -5px; padding: 12px;}
.subMenuVertical ul				{ border-top: 1px solid #CCCCCC;}


   /*
   ul#menu						{ width:824px; margin:auto; text-align:center; font-size:18px; text-transform:uppercase; padding:29px 0 6px 0;}
   ul#menu li					{ display:inline;}
   */
	div#sysName					{ width:300px; float:left; }
	div#sysName	img				{ margin: -10px 0 0 15px; }
	img#iphanLogo				{ float:right; margin:-9px 30px 0 0;}
	div#search					{ width:700px; float:left; margin-top:17px;}
	div#radiosSearch			{ width:300px; margin:auto; padding:5px 10px 10px 0;}
	h1#localTitle				{ color:#666; padding:2px 0 10px 12px; margin:0; white-space: nowrap; font-size:16pt;}

/* Classe para mostrar o mapa */
.showMap						{ height: 600px!important;}
#mapaOut						{ height: 1px;}

/* Item Desativado no Menu vertical */
div#menu2 a.itemOff				{ color:#999!important; cursor:default; text-shadow: 1px 1px #fff; }
div#menu2 a.itemOff:hover		{ color:#999!important; }

.caracteresRestantes			{ text-align:right;}

/* Utilizar esta classe quando o botão estiver posicionado entre os campos do formulário */
.buttonInside					{ padding:17px 0 0 0; text-align: right;}

.displayNone					{ display: none; }

/* Cria efeito de listagem de checkboxs */
.listCheckBox					{ overflow: auto; height: 102px; }

/* Cria scroll pra lista de municípios */
.listaMunicipios				{overflow: scroll; height: 140px;}

/* Cria o modal de requisições AJAX */
.modal {
    display:    none;
    position:   absolute;
    text-align: center;
    z-index:    1000;
    top:        0;
    left:       0;
    bottom:     0px;
    width:      100%;
    background-image: url('/sicg/images/load.gif');
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
}

/* Itálico */
.italico 						{ font-style: italic; }

/* Diagramação visualizador proteções */
.protecoes-Col1 				{ width: 333px; height:500px; overflow:auto; float:left; border:2px solid #CCC; border-radius:8px 0 0 8px;  }
.protecoes-Col1 a				{ text-decoration: none; color: #FFF; display: block;}
.protecoes-Col1 a img			{ margin-top: -4px;}
.protecoes-Col1 a span			{ font-weight: bold;    margin: -25px 0 0 25px;    display: block;}
.titleCol						{ background: #CCC; display:block; padding:8px; }
.protecoes-Col2 				{ width: 830px; float:right;  border:2px solid #CCC; border-radius:0 8px 8px 0; }

#legendaProtecao				{width:23px; height: 23px; display: block; position: absolute; z-index: 3000; margin: 10px 46px;	}

/*Tipo italico na listagem do elemento floristico do jardim historico*/
.cientifico { font-style: italic;}


/* Legenda mapa */
div#mapLegend					{ padding:10px; width: 300px; min-height:150px; display:none; max-height:600px; overflow:auto; background: #999; color:#FFF; position:absolute; float:left; z-index:1010;}
.mapLegenda						{ }
dl#mapLegends					{ }
dl#mapLegends dt				{ float: left; clear: left; margin:3px; padding-bottom: 4px;}
dl#mapLegends dd				{ float: left;  padding-bottom: 4px;  margin:3px;}

div#mapLegend1					{ padding:10px; width: 300px; min-height:150px; display:none; max-height:600px; overflow:auto; color:#FFF; position:absolute; background:#999; z-index: 4000; margin: 38px 50px;}