.main_transito{
	height: 800px;
	/*background-color: red;*/
}

#map-canvas {
    height: 500px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
    width: 530px;
    margin-right: 10px;
    float: left;
  }

.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg td,
#cameras li,
#interdicoes li {padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;
		font: 17px OgloboCondensedLight,"Arial",Helvetica,sans-serif;cursor: pointer;

}
tr:hover,
#cameras li:hover,
#interdicoes li:hover{
	background: #e9e9e9;
}
#cameras li,
#interdicoes li{
	border-top:0;
	border-right:0;
	border-left:0;
}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg .tg-e3zv{font-weight:bold}

ul#localidades {
	height: 45px;
	width: 940px;
	border-top: 1px solid #eee;
}
ul#localidades li {
	float: left;
	text-transform: uppercase;
	cursor: pointer;
	color: #666;
	padding: 0px 16px;
	font: 13px/45px OgloboCondensedMedium, "Arial", Helvetica, sans-serif;
}
ul#localidades li:hover {
	color:#000;
}
ul#localidades li.ativo {
	color: #1E95C4;
	font: 13px/45px OgloboCondensedBold, "Arial", Helvetica, sans-serif;
}

#aba_interdicoes,
#aba_incidentes,
#aba_cameras{
	display: block; 
	padding:4px 20px 7px 20px; 
	border: 1px solid #B1B1B1; 
	color:#868686; 
	font: 20px/20px OgloboCondensedMedium, "Times New Roman", Times, serif;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #eaeaea 0%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#d9d9d9));
	background: -webkit-linear-gradient(top,  #eaeaea 0%,#d9d9d9 100%);
	background: -o-linear-gradient(top,  #eaeaea 0%,#d9d9d9 100%);
	background: -ms-linear-gradient(top,  #eaeaea 0%,#d9d9d9 100%);
	background: linear-gradient(to bottom,  #eaeaea 0%,#d9d9d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d9d9d9',GradientType=0 );
	-webkit-box-shadow: 0px 0px 3px rgba(255, 255, 255, 1) inset;
	-moz-box-shadow:    0px 0px 3px rgba(255, 255, 255, 1) inset;
	box-shadow:         0px 0px 3px rgba(255, 255, 255, 1) inset;
	border-bottom: 1px solid #999999;
	text-shadow:0px 1px 1px #f9f9f9;
	width: auto;
	float: left;
	cursor: pointer;
}
#aba_incidentes a {border-radius:5px 0 0 5px; border-right:none}
#aba_interdicoes a {border-radius:0 5px 5px 0; border-left:none}
#abas .active a {
	background: #d9d9d9;
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #e6e6e6 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#f7f7f7 100%);
	background: linear-gradient(to bottom,  #e6e6e6 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f7f7f7',GradientType=0 );
	border-top: 1px solid #999999;
	border-bottom: 1px solid #b1b1b1;
	color:#1C314D; 
}
#abas .active a:hover {background-color:#1C314D}
#abas li a:hover {background-color:#f4f4f4; text-decoration:none}

#listas{
	float: left;
	width:400px;
}
#tabela{
	height: 465px;
	width:398px;
	overflow-y: scroll;
	float: left;
	border:solid 1px #cecece;
}
#cameras,
#interdicoes{
	height: 465px;
	overflow-y: scroll;
	float: left;
	border:solid 1px #cecece;
	width:398px;
}