/* reset  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: Segoe UI Symbol;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/* conteiner */
.container  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    z-index: 999;

}
    @media (min-width: 1200px) {
        .container {
            max-width: 1200px;
            padding: 0;
        }
    }
      



/* linha */
.row {
    margin-left: 0;
    margin-right: 0;
}
    .row:before,
    .row:after {
        content: "";
        display: table;
    }
    .row:after {
        clear: both;
    }

/* colunas extenas */
.col {
    display: inline-block;
    vertical-align: top;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    margin-right: -4px;
    *zoom: 1;
    *display: inline;

}

    /* duas colonas */
     @media (min-width: 1200px) {
        .col-f {
            width: 50%;


        }
        }
    

    @media (min-width: 480px) {
        .col-2 {
            width: 50%;
           

    }
    }

    /* tres colunas */
    @media (min-width: 728px) {
        .col-3 {
            width: 33.3333%;
        }
    }

    /* sidebar */
    @media (min-width: 992px) {
        .col-content {
            width: 60%;
        }

        .col-sidebar {
           width: 40%;
        }
    }
/*coluna cabecalho*/
.col_logo_cabecalho{width:12.5%; height: 110px; float: left; margin: 0;}
.col_painel_cabecalho{width: 87.5%; height: 110px; float: left; margin:0;}
.col_titulo_cabecalho{width: 61%; height: 50px;padding: 30px; float: left;}
.col_foto_cabecalho{width:7.88%; height: 100px; float: left; margin: 0;}
.col_ident_cabecalho{width: 18%; height: 50px;padding: 30px; float: left;}
/*colunas internas*/
.col_titulo_form_contenner{max-height:72px;  padding:24px 20% }
.col_subtitulo_form_contenner{  padding:8px 20% }
.l_btn{padding: 2px !important;}

.l_form{
  color: #333;
 display: inline-block;
 width: 100px;
 text-align: right;

}
.l_form1{
  width: 150px;
}
.l_form5{
  width:5%;
  text-align: right;
  float: left;
  padding: 12px 0;
}
.l_form4{
   width:4%;
  float: left;
 padding: 8px 0 8px 20px;
}
.l_form12_tx_left{
  width:12%;
  text-align: left;
  float: left;
  padding: 12px 0;
}
.l_form12{
  width:12%;
  text-align: right;
  float: left;
  padding: 12px 0;
}
.l_form15{
  width:15%;
  float: left;
  padding: 8px 0 8px 20px;
 
}
.l_form18-5{
  width:18.5%;
  text-align: right;
  float: left;
  padding: 12px 0;
}
.l_form20{
   width:20%;
  float: left;
  padding: 8px 20px;
}
.l_form31-5{
   width:31.5%;
  float: left;
  padding: 8px 20px;
}

.l_form36-8{
  width:36.8%;
  float: left;
  padding: 8px 0 8px 20px;
 
}
.l_form40{
  width:40%;
  float: left;
  padding: 8px 0 8px 20px;
 
}
.l_form52{
  width:52%;
  float: left;
  padding: 8px 0 8px 20px;
 
}
.l_form60{
  width:60%;
  float: left;
  padding: 8px 0 8px 20px;
 
}
.l_form81-5{
  width:81.5%;
  float: left;
  padding: 8px 20px;
 
}

/*grid imput */
input,select{
    box-sizing: border-box;
}
  .span1{ width: 90%; }
.span2{ width: 80%; }
.span3{ width: 70%; }
.span34-7{width: 34.7%; height:26px;}
.span4{ width: 60%; }
.span5{ width: 50%; }
.span6{ width: 40%; }
.span62{width:62%; height:26px;}
.span69-5{width:69.5%; height:26px;}
.span7{ width: 30%; }
.span8{ width: 20%; }
.span83{width:83%; height:26px;}
.span89-9{width:89.9%; height:26px;}
.span9{ width: 9%; }
.span10{ width: 10%;height:26px; }
.span90{width:90%; height:26px;}
.span90-5{width:90.5%; height:26px;}
.span94{width:94%; height:26px;}
.span95{width:95%; height:26px;}
.span96{width:96%; height:26px;}
.span97{width:97%; height:26px;}
.span100{width:100%; height:26px;}
.span100_A50{width:100%; height:50px;}
.span11{ width: 4%; }
.span12{ width: 3%; }

/* MENU  CONTEUDO ======*/
.menu_conteudo {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  
}

.menu_conteudo li {
    float: left;
    display: block;
    color: blue;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}