/*html { height: 70%; }    */
/*body { height: 100%; }*/
#barra {
    background-image: url(images/mid.psd);
    background-repeat: repeat-x;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow:hidden;
    padding-bottom: 5px
}
/* --------------- Barra de Menus ---------------------------- */
#menu {
    border-bottom: 1px solid #D6D6D6;
    border-right: 0px;
    border-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 5px;
    background-image: url(images/barra_menu.png);
    background-repeat: repeat-x;
    overflow: hidden;
    bottom: auto;
    width: 100%;
}
#menu li{
    border-right: 1px solid #BEC7AF;
    border-left: 1px solid #FFF;
    padding: 2px;
    list-style-type: none;
    cursor: pointer;
    float: left;
    vertical-align: 50%;
}
#menu li a{
    padding: 8px;
    font-family: Arial, Helvetica, sans-serif, Calibri;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
}

#menu ul .last-child {border-right: none}
#menu li a:link {color: #000000;}
#menu li a:visited {color: #000000;}
#menu li a:hover {color: #66FFFF;}
#menu li a:active {color: #66FFFF;}

/* --------------- Barra de Menus 1 ---------------------------- */
#menu1 {
    //border-bottom: 0px solid #D6D6D6;
    border-right: 0px;
    border-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    //padding-right: 5px;
    //background-image: url(images/barra_menu.png);
    background-repeat: repeat-x;
    background-color: transparent;
    overflow: hidden;
    //bottom: auto;
    width: 100%;
    text-align: center;
   
}
#menu1 li{
    //border-right: 1px solid #BEC7AF;
    //border-left: 1px solid #FFF;
    //padding: 2px;
    list-style-type: none;
    cursor: pointer;
    //float: left;
    vertical-align: 100%;
    text-align: center;
    
}
#menu1 li a{
    padding: 8px;
    font-family: Arial, Helvetica, sans-serif, Calibri;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
#menu1 li a{
    padding: 8px;
    font-family: Arial, Helvetica, sans-serif, Calibri;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
#menu1 ul .last-child {border-right: none}
#menu1 li a:link {color: #000000;}
#menu1 li a:visited {color: #000000;}
#menu1 li a:hover {color: #66FFFF;}
#menu1 li a:active {color: #66FFFF;}

/* --------------- Organização da pagina principal ---------------- */
#conteudo {
    position: static;
    margin-top:-4px;
    width:100%;
    height:100%;
    clear: both;
    display:inline;
}

#cont_esquerda {
    width:215px;
    height: 100%;
    padding-top:10px;
    float:left;
    height:auto;
}

#cont_centro{
    height:100%;
    padding: 5px;
    margin-left:215px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#cont_esq_login {
    width:125px;
    text-align: left;
    line-height: 1
}

#cont_esq_menu {
    position:relative;
    width:125px;
    left: 4px;
    z-index:90;
}

/* --------------- Organização Listagem dos Módulos -------------- */
#lista_modulos{
    width:100%;
    padding:0px;
}

#lista_modulos li{
    padding: 2px;
    padding-left: 8px;
    list-style-type: none;
    cursor: pointer;
    float: left;
    vertical-align: top;
    background-image: url(images/fundo_simples.png);
}

/* --------------------- Ajuda ------------------------------ */
#itens_ajuda{
    float:left;
    width: 400px;
}
#itens_ajuda li{
    padding: 10px;
    list-style-type: none;
    display: list-item;
}
#itens_ajuda li a{
    font-family: Arial, Helvetica, sans-serif, Calibri;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    color: #006699;
}
#itens_ajuda li a:hover{
    color: #66FFFF;
    font-weight: bold
}

/* --------------------- Classes Variadas ------------------------- */
.bg_relat {
    //background-color: #CCCCCC;
    /*background-image: url(images/barra_menu.png);
    background-repeat: repeat-x;*/

}

.status {
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    background-color: #f1f1f1;
    border-color: #BFBFBF;
    border-style: solid;
    border-width: 0.1ex;
    display: inline;
    padding: 2px;
    padding-left:5px;
    margin-left:5px
}

.titulo{
    font-family: Arial, Helvetica, sans-serif, "Arial Black";
    font-style: italic;
    color: #000;
    font-weight: bold;
    font-size: 30px
}

.subtitulo{
    font-family: Arial;
    font-size:16px;
    color:#000;
    font-weight: bold;
}

.texto2{
    font-family: Arial;
    font-size:13px;
    color: #006699;
    text-align: justify;
    text-decoration: underline;
    font-weight: bold;
}

.texto1{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

.texto{
    font-family: Arial;
    font-size:12px;
    color: #006699;
    text-align: justify;
    text-decoration: none;
    font-weight: bold;
}

.texto_relat{
    font-family: Arial;
    font-size:9px;
    //color: #000000;
    /*color: #006699;*/
    text-align: justify;
    text-decoration: none;
    //font-weight: bold;
}

.texto_relat1{
    font-family: Arial;
    font-size:10px;
    //color: #000000;
    /*color: #006699;*/
    text-align: justify;
    text-decoration: none;
    //font-weight: bold;
}

.texto_relat2{
    font-family: Arial;
    font-size:12px;
    //color: #000000;
    /*color: #006699;*/
    text-align: justify;
    text-decoration: none;
    //font-weight: bold;
}


.background{
    background-image: url(images/bg_all.gif);
    background-repeat: repeat-x;
    overflow: hidden;
}

.background2{
    background-color: transparent;
}

.table{
    /*border: thin;
    border-color: #CDCDCD;
    border-collapse: collapse;*/
    margin:4px;
    /*border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #BABABA;
    border-top: 1px solid #BABABA;*/
}

.table2{
    border: solid #006699;
    border-width: 1px;
    background-color: transparent;
    padding: 8px;

}

.table3{
  padding-left: 25px;
}

.table_modulos{
    border: thin;
    border-color: #CDCDCD;
    border-collapse: collapse;
    padding:4px;
    margin:4px;
}


.popup{
    overflow: hidden;
    width: 400;
    height: 300
}
.alarmes_falhas{
    font-family: Arial;
    font-size: -3;
}

/* --------------------- Ítens Padrão ---------------------------- */
input{
    color: #006699;
    background-image: url(images/barra2.png);
    background-repeat: repeat-x;
    font-weight: bold;
    cursor: pointer;
    border-width: 0.1em;
    border-style: solid;
    border-color: #E5E5E5
}
input.intext{
    background-image: none;
    font-weight: bold;
    cursor: pointer;
    border-width: 0.1em;
    border-style: solid;
    border-color: #3399CC;
    background-color: transparent
}
a{
    text-decoration: none;
    color: #006699;
}

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

li{
    list-style-type: none;
}


/* --------------- botao painel scada ---------------------------- */
.botao  {
    position:absolute;
    top:20px;
    left:50px;
    margin:0px;
    padding:0px;
        }

.botao a, .botao a:visited {
    font: bold 12px/24px arial, helvetica, sans-aerif;
    padding:0px;
    text-decoration: none;
    text-align:center;
    color:#fff;
    background: #666 url('images/botao_lista.png') no-repeat
    center center;
    width:83px;
    height:29px;
    display:block;
	}

.botao a:hover {
    background: #666 url('images/botao_hover.gif') no-repeat
    center center;
    color:#999;
               }
/* ------------------- Sombra Boxes ----------------------------- */
.topo-dir {
    background:url(images/topo-dir.jpg) 100% 0 no-repeat;
/*width:25em;*/
}
.baixo-esq {
    background: url(images/baixo-esq.jpg) 0 100% no-repeat;
}
.baixo-dir {
    background: url(images/baixo-dir.jpg) 100% 100% no-repeat;
    padding:0 27px 27px 0;
}