/***** Redefinição de tags HTML *****/
* {
    margin:0 auto;
    padding: 0;
    border: 0;	
}

body {
    width: 100%;
    font: normal 11px Tahoma;
    color: #000;
    background: #FFF url(../../Images/bg.gif) repeat-x;
}

body.Popup {
    width: 500px;
    font: normal 11px Tahoma;
    color: #000;
    background: #EEE url(../../Images/bg.gif);
}

h2 {
    padding-top: 5px;
    color: #FFF;
}

h3 {
    color: #000;
    font: bold 14px Tahoma;
}

h4 {
    height: 22px;
    background: #003D6B;
    color: #FFF;
    padding: 3px 0 0 10px;
    width: 970px;
    margin: 0 0 10px 0;
    font: bold 16px Arial, Helvetica, sans-serif;
    display:block;
    cursor:pointer;
}

label {
    font-weight: bold;
    display: block;
}

table {
    width: 980px;
    background: #EEE;
}

th, .TituloLinha {
    height: 16px;
    background: #003D6B;
    color: #FFF;
    padding: 0 5px;
}

th.Title {
    height: 20px;
    background: #003D6B;
    color: #FFF;
    padding: 0 5px;
}

th a {
    color: #FFF;
}

td {
    height: 16px;
    padding: 1px 5px;
}

a {
    color: #000;
}

fieldset {
    font: normal 10px Arial;
    border: 1px solid #003D6B;
    padding: 5px;
    margin: 10px 0;
}

legend {
    font: bold 12px Arial;
    color: #00F;
    padding: 0 10px;
}

/***** Barra *****/
.Linha {
    width: 100%;
    height: 10px;
    background: #FF6600;
}

.Clear {
    clear:both;
    height:10px;	
}

.ClearMap {
    clear:both;
    height:5px;
}

.LinhaPopup {
    width: 500px;
    height: 10px;
    background: #FF6600;
}

.Barra img {
    float: left;
    vertical-align: bottom;
    margin-right: 40px;
}

.Barra h2 span {
    font-size: 9px;
}

.Barra h2 {
    font-size: 14px;
}

/***** Botões *****/
.Botoes {
    float: right;
}

.Botoes img {
    margin: 6px 5px;
}

/***** Topo *****/
.Header {
    width: 1010px;
    margin: 10px auto;
}

.Topo .InfoLogin {
    float: right;
    text-align: right;
    margin: 5px 5px 0 0;
    font-weight: bold;
}

.Topo .InfoLogin .InstituteLogo
{
    margin:0 10px 15px 5px;
}

.Topo .LogoCliente {
    margin-top: 5px;
}

.Topo .BreadCumb {
    margin: -20px 0 0 200px;
    font: bold 10px Tahoma;
}

/***** Menu *****/
.Menu {
    width: 160px;
    padding: 10px 20px;
    float: left;
    font: bold 12px Tahoma;
}

.Menu div a {
    text-decoration: none;
}

.Menu .Item {
    padding-left: 19px;
    margin-top: 5px;
    height: 15px;
}

.Menu div.Principal {
    background: url(../../Images/ico-home.gif) no-repeat;
}

.Menu div.Banner {
    background: url(../../Images/ico-banner.gif) no-repeat;
}

.Menu div.Calendar {
    background: url(../../Images/ico-calendar.gif) no-repeat;
}

.Menu div.Course {
    background: url(../../Images/ico-course.gif) no-repeat;
}

.Menu div.Content {
    background: url(../../Images/ico-content.gif) no-repeat;
}

.Menu div.Noticias {
    background: url(../../Images/ico-seta.gif) no-repeat;
}

.Menu div.Usuarios {
    background: url(../../Images/ico-usuario.gif) no-repeat;
}

.Menu div.Relatorios {
    background: url(../../Images/ico-relatorio.gif) no-repeat;
}

.Menu div.Sair {
    background: url(../../Images/ico-delete.gif) no-repeat;
}

.SubMenu {
    font: normal 10px Tahoma;
    padding-left: 20px;
    margin-top: 0;
    list-style: none;
}

.SubMenu li {
    height: 14px;
    padding-top: 4px;
}

.SubMenu li a {
    text-decoration: none;
}

.SubMenu li a:hover {
    text-decoration: underline;
}

/***** Conteudo *****/
.Conteudo {
    
    width: 990px;
    padding: 10px;
    
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

    -webkit-box-shadow: 0 0 15px 5px #cccccc;
    box-shadow: 0 0 15px 5px #cccccc;

}

.ConteudoPopup {
    width: 450px;
    padding: 10px 20px;
}

.ConteudoRota {
    width: 95%;
    margin: 0 auto;
}


/***** Login *****/

.TableLogin {
    width: 300px;
    background: #FFF;
    border: 1px solid #003D6B;
}

.TableLogin th, .TableLogin td {
    height: 25px;
    padding:0;
}

.LabelLogin {
    width: 60px;
    margin-left: 10px;
}

/***** Formulario *****/
.InputText {
    border: 1px solid #003D6B;
    width: 200px;
    font: normal 10px Tahoma;
    padding: 2px;
    margin-bottom: 0;
}

.InputText_Error {
    border: 1px solid #C00;
    width: 200px;
    font: normal 10px Tahoma;
    padding: 2px;
    background: #FCC;
}

.CheckBoxPermission {
    width: 200px;
    float: left;
    display: block;
    height: 20px;
}

.Obri {
    font-weight: bold;
    color: #C00;
}

.IconView {
    cursor:pointer;
    margin-top:2px;
}

.lista-div
{
    margin: 10px auto;
    width: 980px;
}
/***** Tamanhos *****/
.Size600 { width:600px; }
.Size550 { width:550px; }
.Size500 { width:500px; }
.Size400 { width:400px; }
.Size300 { width:300px; }
.Size250 { width:250px; }
.Size200 { width:200px; }
.Size170 { width:170px; }
.Size120 { width:120px; }
.Size100 { width:100px; }
.Size90 { width:90px; }
.Size85 { width:85px; }
.Size80 { width:80px; }
.Size70 { width:70px; }
.Size50 { width:50px; }
.Size40 { width:40px; }

/***** Alinhamentos *****/
.AlignLeft { text-align: left; }
.AlignCenter { text-align: center; }
.AlignRight { text-align: right; }
.AlignIcon { float: right; vertical-align:middle;margin-right:10px; }

.Select {
    border: 1px solid #003D6B;
    width: 205px;
    font: normal 10px Tahoma;
    padding: 2px;
}

.SelectStatus {
    border: 1px solid #003D6B;
    width: 105px;
    font: normal 10px Tahoma;
    padding: 2px;
}

.TextArea {
    border: 1px solid #003D6B;
    width: 560px;
    height: 80px;
    font: normal 10px Tahoma;
    padding: 2px;
}

.Button {
    background: #003D6B;
    border: 1px solid #FFF;
    font: bold 10px Tahoma;
    padding: 2px 5px;
    color: #FFF;
    cursor: pointer;
}

.ButtonDelete {
    background: url(../../Images/ico-delete.gif);
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.ButtonNew {
    background: url(../../Images/ico-plus.gif);
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.ButtonEdit {
    background: url(../../Images/ico-edit.gif);
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.ButtonBack {
    background: url(../../Images/ico-voltar.gif);
    border: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.BackButton {
    vertical-align: middle;
    float: right;
    margin-right: 5px;
}

.CalendarPopup {
    vertical-align: middle;
    cursor: pointer;
}

/***** Busca *****/
.Search {
    width: 710px;
    height: 100px;
    padding: 5px 10px;
    background: url(../../Images/bg-search.jpg) no-repeat;
    margin-bottom: 10px;
}

.TableSearch {
    background: none;
    width: 700px;
}

.Search h2 {
    font: bold 14px Tahoma;
    color: #000;
}

.Search hr {
    padding-top: 10px;
    border-bottom: 1px solid #003D6B;
    margin: 0;
    width: 100%;
    text-align:left;
}

.Search .CellLine {
    height: 5px;
    width: 700px;
}

/***** Tabela Lista *****/

th.Title {
    text-align: left;
    padding-left: 5px;
    text-transform: capitalize;
}

.azul {
    background: #A5D5FF;
}

.laranja {
    background: #FFB977;
}

.vermelho {
    background: #FF0C1C;
    color:#FFF;
}

.preto {
    background: #000;
    color:#FFF;
}

.amarelo {
    background: #FFE659;
}

.Line1 {
    background: #EEE;
}

.Line2 {
    background: #FFF;
}

.Line3{
    background: #D6EBFF;
}

.TableFooter {
    border-top: 1px dashed #003D6B;
}

.FooterPage {
    font-size: 11px;
}

.FooterPageActive {
    font: bold 11px Tahoma;
}

.TableFooter img {
    margin: 0 2px;
    vertical-align: bottom;
}

td.Title {
    font: bold 11px Tahoma;
    text-align:center;
}

.Icone {
    float:left;
    margin-right: 10px;
    text-align: center;
    width:62px;
}

.Icone img {
    vertical-align:middle;
    margin-bottom: 5px;
}

.Icone span {
    display:block;
}

.Icone a {
    text-decoration:none;
}
/**/
.MessageInfo {
    background: #9DFF9D;
    border: 1px dashed #060;
    font: bold 10px Tahoma;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    width: 720px;
}

.MessageError {
    background: #FCC;
    border: 1px dashed #C00;
    font: bold 10px Tahoma;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
    width: 970px;
}

.ErrorIcon {
    float:left;
    vertical-align:bottom;
    margin:-10px 10px 0 0;
}

.ErrorTitle {
    color: #000;
    font: bold 16px Tahoma;
    margin-top: 10px;
}

.ErrorText {
    font: normal 12px Tahoma;
    margin-top: 10px;
}

.TableOcorrencia
{
    background:none;
    width:100%;
}

.TableOcorrencia td
{
    border: 1px solid #003D6B;
}

#TablePanico, #TableOcorrencia {
    margin-top:10px;
}

.NoMap {
    width:99%;
    margin-top:0;
    border:1px dashed #000;
    padding:175px 0;
    text-align:center;
    font: bold 22px Tahoma;
}

.ColumnMapRight {
    width:470px;float:right;
}

.ColumnMapLeft {
    width:500px;float:left;
}

.TabelaOcorrencia
{
    margin:15px 0 -10px 0;
    border-bottom:1px solid #FFF;
}

.iPhoneButton {
    width:47px;
    height:50px;
    border:0;
    padding:0;
    cursor:pointer;
    margin-bottom: 5px;
}

.ButtonBloqueio { background: url('../../Images/img-buttons.gif') no-repeat -48px 0; }
.ButtonBloqueioOver { background: url('../../Images/img-buttons.gif') no-repeat -48px -50px; }

.ButtonDesbloqueio { background: url('../../Images/img-buttons.gif') no-repeat 0 0; }
.ButtonDesbloqueioOver { background: url('../../Images/img-buttons.gif') no-repeat 0 -50px; }

.ButtonSaida1 { background: url('../../Images/img-buttons.gif') no-repeat -144px 0; }
.ButtonSaida1Over { background: url('../../Images/img-buttons.gif') no-repeat -144px -50px; }

.ButtonSaida2 { background: url('../../Images/img-buttons.gif') no-repeat -96px 0; }
.ButtonSaida2Over { background: url('../../Images/img-buttons.gif') no-repeat -96px -50px; }

.ButtonComandos { background: url('../../Images/img-buttons.gif') no-repeat -240px 0; }
.ButtonComandosOver { background: url('../../Images/img-buttons.gif') no-repeat -240px -50px; }

.ButtonListaComandos { background: url('../../Images/img-buttons.gif') no-repeat -432px 0; }
.ButtonListaComandosOver { background: url('../../Images/img-buttons.gif') no-repeat -432px -50px; }

.ButtonMapa { background: url('../../Images/img-buttons.gif') no-repeat -480px 0; }
.ButtonMapaOver { background: url('../../Images/img-buttons.gif') no-repeat -480px -50px; }

.ButtonOcorrencia { background: url('../../Images/img-buttons.gif') no-repeat -288px 0; }
.ButtonOcorrenciaOver { background: url('../../Images/img-buttons.gif') no-repeat -288px -50px; }

.ButtonRota { background: url('../../Images/img-buttons.gif') no-repeat -192px 0; }
.ButtonRotaOver { background: url('../../Images/img-buttons.gif') no-repeat -192px -50px; }

.ButtonGoogleMaps { background: url('../../Images/img-buttons.gif') no-repeat -384px 0; }
.ButtonGoogleMapsOver { background: url('../../Images/img-buttons.gif') no-repeat -384px -50px; }

.ButtonListaOcorrencia { background: url('../../Images/img-buttons.gif') no-repeat -528px 0; }
.ButtonListaOcorrenciaOver { background: url('../../Images/img-buttons.gif') no-repeat -528px -50px; }

.ButtonAreaRisco { background: url('../../Images/img-buttons.gif') no-repeat -720px 0; }
.ButtonAreaRiscoOver { background: url('../../Images/img-buttons.gif') no-repeat -720px -50px; }

.ButtonConexaoGSM { background: url('../../Images/img-buttons.gif') no-repeat -576px 0; }
.ButtonConexaoGSMOver { background: url('../../Images/img-buttons.gif') no-repeat -576px -50px; }

.ButtonFiltroGPS { background: url('../../Images/img-buttons.gif') no-repeat -624px 0; }
.ButtonFiltroGPSOver { background: url('../../Images/img-buttons.gif') no-repeat -624px -50px; }
.ButtonFiltroGPSDisabled { background: url('../../Images/img-buttons.gif') no-repeat -624px -100px; cursor: no-drop; }

.ButtonPeriodicidade { background: url('../../Images/img-buttons.gif') no-repeat -672px 0; }
.ButtonPeriodicidadeOver { background: url('../../Images/img-buttons.gif') no-repeat -672px -50px; }

.ButtonSinistro { background: url('../../Images/img-buttons.gif') no-repeat -720px 0; }
.ButtonSinistroOver { background: url('../../Images/img-buttons.gif') no-repeat -720px -50px; }

.DivAcoes 
{
    width:980px;
    padding:5px 0 0 0;
    border:1px dashed #000;
    display:block;
    background: #E2F0F6;
}

#titleLocalization
{
    background: #003D6B;
    color: #FFF;
    padding: 5px;
    font: bold 14px Arial;
    height:35px;
    text-align:center;
}

.DescriptionCommand
{
    font-style:italic;
    color:blue;
    padding-bottom:5px;
    border-bottom:1px dashed #000;
}

#footer{

    margin: 10px auto;
    text-align: center;
}
#acesso-negado {
    width: 500px;
    height: 100px;
    margin: 100px auto 0;
    text-align: center;
}
#acesso-negado p {
    margin: 50px auto 0;
}




/*
* ZEBRA
*/
#zebra tr:hover, #zebra2 tr:hover {
    background: #D6EBFF;
}
.zebra {
    background-color: #fff;     
}
.cinza{
    background:#eee;
}
.blue{
    background:#bbbbff;
}



.sombra-borda-linha {
    -webkit-box-shadow: 3px 3px 5px 3px #cdcdcd;
    box-shadow: 3px 3px 5px 3px #cdcdcd; 
    margin-bottom: 10px;
}  

.sombra-borda-form {
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;                  
    -webkit-box-shadow: 3px 3px 5px 3px #cdcdcd;
    box-shadow: 3px 3px 5px 3px #cdcdcd; 
    margin-bottom: 10px;
    background: #fff;
}      
.sombra-borda {
    -webkit-border-radius: 10px;
    border-radius: 10px;                  
    -webkit-box-shadow: 3px 3px 5px 3px #cdcdcd;
    box-shadow: 3px 3px 5px 3px #cdcdcd; 
    margin-bottom: 10px;
    background: #fff;
}

table#tableAcessorioAdicional  {
    width: 490px;
    border-collapse: collapse;
}

table#tableAcessorioAdicional tr td {
    width: 160px;
    border: 1px solid #fff;
    font-size: 11px;
}
table#tableAcessorioAdicional tr td.desativado {
    border: 1px solid #fff;
    color: #cdcdcd;
    text-align: center;
}
table#tableAcessorioAdicional tr td.ativado {
    border: 1px solid #fff;
    color: #fff;
    background: #FF6600;
    text-align: center;
}