/* Website template by freewebsitetemplates.com */
/*------------------------- Layout styles ------------------------*/
body{
  margin:0;
  /*background:url(../images/bg-body.jpg);*/
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5D5D5D;
  font-size: 12px;
}

a{
  text-decoration: none;
  color: #5E5E5E;
}

a:hover{
  color: #D61F35;
}

h1, h2, h3, h4{
  margin-bottom: 0px;
}

.titulo{
  height: 90px;
}

.page{
  /*background:url(../images/bg-header.jpg) no-repeat center top;*/
  overflow: auto;
}

.separador_content{
  width:900px;
  height: 25px;
  background:url(../images/bg-navigation.jpg) no-repeat center top;

}

.logomarca{
  background-image: url(../images/logomarca.jpg);
  height: 90px;
  width: 160px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
}

.texto{
  padding-top: 12px;
  float: left;
  text-align: center;
  width: 900px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #FFF;
  background-image: url(../images/bg_texto.png);
  background-repeat: repeat-x;
  height: 45px;
  top: 100px;
}

.boas_vindas{
  width: 400px;
  float: right;
  margin-top: 80px;
  text-align: right;
}

/*------------------------- Body ------------------------*/
.body{
  width:900px;
  margin:0 auto;
  padding:0 10px;
  overflow:hidden;
}


/*----------------------- content ---------------------------*/
.content{
  min-height: 650px;
  width: 900px;
  margin: 0 auto;
}

.content .error_msg{
  text-align: center;
  margin-top: 100px;
  font-size: 30px;

}

.content h2{
  line-height:30px;
  font-size: 18px;
  margin: 0 auto;
  /*width: 900px;*/
  padding-top: 25px;
  color: #5E5E5E;
}

.content .text_content{
  margin: 0 auto;
  width: 900px;
  padding-left: 45px;
  text-align: center;
  margin-top: 15px;
}

.content .separador{
  overflow:hidden;
  background:url(../images/separator.jpg) no-repeat center top;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
}

/*------------------- TABLE ---------------------------------*/
.content_table {
  font-size: 12px;
}
.content_table, .content_table td{
  border: solid 1px #A8A8A8;
}
.content_table .table_title{
  font-weight: bold;
}

.linhapar{
  background-color: #F2F2F2;
}

.linhaimpar{
  background-color: #EEE;
}

.linhapar:hover, .linhaimpar:hover{
  background-color: #FDF4D3;
}

/*--------------------------- LOGIN ----------------------------*/
.login_content{
  width: 400px;
  min-height: 250px;
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  margin-top: 95px;
}

.login_content div{
  margin-top: 5px;
}

.login_content div.button{
  margin-top: 25px;
}

/*------------------- HOME ------------------------------*/
.home_content{
  width: 600px;
  min-height: 90px;
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  margin-top: 40px;
}

/*---------------------- GRUPO FOCAL ---------------------------------*/
.content_right .content_grupoFocal, .content_right .content_semaforo,
.content_right .content_usuario, .content_right .content_empreendimento, .content_right .content_consumidor{
  width: 697px;
  min-height: 115px;
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  margin-top: 5px;
}

.content_right .content_grupoFocal .form_grupoFocal div,
.content_right .content_semaforo .form_semaforo div,
.content_right .content_usuario .form_usuario div,
.content_right .content_empreendimento .form_empreendimento,
.content_right .content_consumidor .form_consumidor
{
  margin-top: 5px;
}

.content_right .content_grupoFocal .form_grupoFocal div label,
.content_right .content_semaforo .form_semaforo div label,
.content_right .content_usuario .form_usuario div label,
.content_right .content_empreendimento .form_empreendimento div label,
.content_right .content_consumidor .form_consumidor div label
{
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 10px;
  padding-top: 4px;
}
.content_right .content_consumidor .form_consumidor input[disabled],
.content_right .content_consumidor .form_consumidor textarea[disabled],
.content_right .content_consumidor .form_consumidor select[disabled]
{
	background-color: #DADADA;
}

.content_right .content_empreendimento .form_empreendimento div label,
.content_right .content_consumidor .form_consumidor div label
{
  width: 245px;
}

/*---------------- SEMAFORO ------------------------*/

.semaforo_hidden{
  display: none;
}

.editar_semaforo{
  clear: both;
  width: 545px;
  padding-top: 5px;
  margin-left: 150px;
}

.content_semaforo .form_semaforo .remover_instalacao{
  text-align: right;
  width: 150px;
  font-size: 10px;
  float: right;
  position: relative;
  top: -35px;
  margin-right: 10px;
}

.content_semaforo .form_semaforo #potencia{
  overflow: auto;

}

/*------------------------- 2 columns ------------------------*/
.content .menu_left{
  position: relative;
  float: left;
  width: 180px;
  margin: 0 auto;
  min-height: 525px;
  border-right: #A8A8A8 dashed 1px;
  margin-right: 20px;
}

.content .menu_left ul{
  list-style: none;
  padding: 0px;
}

.content .menu_left ul li{
  padding-bottom: 10px;
}

.content .menu_left ul li a{
  text-decoration:none;
  color:#5E5E5E;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.content .menu_left ul li a:hover{
  color: #D61F35;
}
.content .content_right{
  width: 697px;
  margin: 0 auto;
  position: relative;
  float: left;
}

.content .content_right .titulo_content{
  margin-top: 15px;
  text-transform: uppercase;
  width: 697px;
  text-align: center;
  font-size: 12px;
}

/*--------------- MAPA SEMAFOROS ---------------*/
.pee_mapa_semaforos{
  width: 680px;
  height: 450px;
  border: solid 1px #A8A8A8;
  margin: 0 auto;
  margin-top: 15px;
}

.texto_mapa{
  margin: 0 auto;
  margin-top: 15px;
}

.legenda_txt{
  margin-top: 15px;
  margin-bottom: 5px;
  margin-left: 15px;
}

.legenda_icons{
  width: 665px;
  margin-left: 15px;
  overflow: auto;
}

.legenda_icons span{
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  height: 50px;
  float: left;
  margin-right: 5px;
  padding: 5px;
  width: 200px;
}

.loadind_map{
  width: 680px;
  height: 450px;
  background-color: #ccc;
  opacity: .8;
  float: left;
  position: absolute;
  z-index: 999;
  top: 90px;
  left: 10px;
}
.loadind_map span{
  position: relative;
  top: 43%;
  left: 30%;
  width: 99%;
}

/*------------------------- Footer ------------------------*/
.footer{
  width:900px;
  /*background:url(../images/bg-footer.jpg) no-repeat center top;*/
  padding-top:25px;
  padding-bottom: 25px;
  margin:0 auto;
  overflow:hidden;
  margin-top: 15px;
}

.footer span{
  font-size: 12px;
}



/*----------------- OVERLAY --------------*/
.map_canvas{
  width: 95%;
  height: 70%;
}

.overlay_coordenadas{
  margin-top: 10px;
  border: solid 1px #A8A8A8;
  width: 99%;
  min-height: 100px;
}

.box_endereco{
  display: none;
}


/*-------------- enderecos ----------------*/
.box_enderecos{
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.box_enderecos label{
  position: relative;
  width: 150px;
  float: left;
  padding-top: 4px;
  text-align: right;
  margin-right: 5px;
}

#map_canvas{
  width: 668px;
  height: 450px;
}


/*------- relatorios ---------*/
.relatorios_menus{
  float: left;
  width: 100px;
  height: 100px;
  margin-bottom: 25px;
  margin-right: 25px;
  text-align: center;
  box-shadow: 0 2px 3px 2px #6A645E !important;
  -moz-border-radius:15px 15px 15px 15px;
  -webkit-border-radius:15px 15px 15px 15px;
  border-radius:15px;
  border: solid 1px;
  cursor: pointer;
}

.relatorios_menus:hover{
  background-color: #FCEFCF;
}

.relatorios_menus img{
  margin-top: 10px;
  margin-bottom: 10px;
}

.relatorios_menus span{
  float: left;
  position: relative;
  width: 90px;
}

.filtro_relatorio{
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  width: 700px;
  min-height: 40px;
  padding: 10px 0;
  margin-bottom: 15px;
}

.filtro_relatorio div{
  position: relative;
  float: left;
}

.filtro_relatorio div label{
  margin-left: 15px;
}

.filtro_relatorio div input{
  margin-right: 7px;
}

.table_relatorio{
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  width: 700px;
}

.table_relatorio tr.table_titulo{
  font-weight: bold;
}

.table_relatorio_modulos{
  border: solid 1px #ccc;
}
.table_relatorio_modulos tr td{
  border: solid 1px #ccc;
}


.ui-autocomplete-loading {
  background: white url('/files/images/spinner20.gif') right center no-repeat;
}

.cadastro_projetos{
  width: 90%;
  margin-left: 45px;
  margin-bottom: 25px;
}

.table_istalacao{
  width: 100%;
}

.dados_empreendimento, .dados_empreendimento_docs{
  width: 667px;
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  overflow: auto;
  margin: 10px;
  padding: 0 5px;
}
.dados_empreendimento div{
  width: 50%;
  float: left;
}

.cadastro_dados_lumino, .cadastro_documentos{
  min-height: 150px;
  width: 450px;
}
.cadastro_dados_lumino form, .cadastro_documentos form{
  margin-top: 15px;
}
.cadastro_dados_lumino form div label, .cadastro_documentos form div label{
  display: block;
  width: 145px;
  float: left;
  text-align: right;
  margin-right: 5px;
  margin-top: 3px;
}

.info_empreendimento{
  line-height: 7px;
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  overflow: auto;
  padding: 0 5px;
  width: 275px;
}

.graph_produtividade {
  margin-top: 60px;
}

.referencia_container{
  width: 380px;
  height: 30px;
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;

  float: left;
  padding: 8px;
  overflow: auto;
}

.referencia_container .label_referencia{
  float: left;
  margin-right: 5px;
  position: relative;
  width: 130px;
  padding-top: 8px;
  font-weight: bold;
}

.referencia_container #referencia{
  width: 150px;
  float: left;
  position: relative;
}

.referencia_container .buttom_referencia{
  width: 64px;
  float: right;
  position: relative;
  margin-top: 2px;
}

.export_xls{
  float: right;
  width: 150px;
  height: 30px;
  border: solid 1px #A8A8A8;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px;
  padding: 8px;
  position: relative;
}
.export_xls span{
  display: block;
  float: right;
  position: relative;
  margin-top: 5px;

}
#form_export_xls legend{
  margin: 15px 0;
}
#form_export_xls div{
  margin: 5px 0;
}
#form_export_xls div label{
  display: block;
  width: 110px;
  text-align: right;
  margin-right: 3px;
  float: left;
  padding-top: 5px;
}

/*--------------------- Solar ---------------------*/
#solar_listar_filtro { padding: 20px 0; text-align: center; }
#solar_listar_filtro select { width: 200px; }
#solar_listar_filtro input[type=text] { width: 196px; }
#solar_listar_filtro div { margin-top: 10px; text-align: right; }
#solar_listar_filtro div input[type=button] { width: 140px; }
#solar_modal{ display: none; }
.osaberta{ display: none; }