/* 
   Desenvolvedor - Pitter Bico
   Created on : 19/09/2016, 14:54:46
   Email: pitter775@gmail.com  
   http://getbootstrap.com/css/
*/

#form-container {
	padding: 20px 0;
}
.titth{ font-weight: bold}
#form-container h1{
	font-size: 200%;
	text-align: center;	
	margin-bottom: 50px;
}
table{ overflow-x: auto}

.titth{ font-weight: bold}
.zero{margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;        font-style: normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-size: 14px;    font-family: Arial, Helvetica, sans-serif;   color: #444; background: #edf4f0  }
*{font-family: Arial, Helvetica, sans-serif;  margin: 0; padding: 0; text-decoration: none}
a{ text-decoration: none; color: #555}
a:hover{ text-decoration: none; color: #000; -webkit-transition: all .2s ease-in-out;    -moz-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;}
a:after{ text-decoration: none; color: #000}
a:active { text-decoration: none; color: #000}
p {
  margin-top: 15px;
  margin-bottom: 10px;
}
.link:hover{
    text-decoration: none; color: #000; 
         -webkit-filter: contrast(1.1);    filter: contrast(1.1); 
         -webkit-transition: all .2s ease-in-out;    -moz-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;
}
.radious4{-webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px;}
.radious2{-webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;}
.radious{-webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;}
.img-center {margin:0 auto;}
 h1{ margin-top: 0;    margin-bottom: 0;    font-size: 2em;    font-weight: 200;    color: #000; font-family: 'Archivo Narrow', sans-serif;}
 h2{ font-size: 1.5em;  padding: 0;    font-weight: 400;    font-family: 'Archivo Narrow', sans-serif; }
  
    h3{font-weight: 200;
    color: #fff;
    font-family: 'Archivo Narrow', sans-serif; font-size: 2em}
  
    h4{    font-weight: 200;
    color: #fff;
    font-family: 'Archivo Narrow', sans-serif; font-size: 1.5em}
    
    h5{    font-weight: 200;
    color: #fff;
    font-family: 'Archivo Narrow', sans-serif; font-size: 1.1em}
.titiespec{font-weight: 200;
    color: #777;
    font-family: 'Archivo Narrow', sans-serif; font-size: 1.3em; line-height: 20px} 
  
.sombra{-webkit-box-shadow: 0px 0px 8px 0px rgba(26, 26, 26, .4);
           -moz-box-shadow: 0px 0px 8px 0px rgba(26, 26, 26, .4);
                box-shadow: 0px 0px 8px 0px rgba(26, 26, 26, .4);}
.sombra2{
    
    -webkit-box-shadow: 0px 1px 1px 0px rgba(90, 90, 90, .4);
       -moz-box-shadow: 0px 1px 1px 0px rgba(90, 90, 90, .4);
            box-shadow: 0px 1px 1px 0px rgba(90, 90, 90, .4);}
.sombra3{
    -webkit-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
       -moz-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
            box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);}

.boxintra{
    -webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
       -moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            border-top: 3px solid #00a651;background:#fff; padding: 15px;
            -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;
            margin-bottom: 20px;
}
.boxintravermeho{
        -webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
       -moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            border-top: 3px solid #c3073a;background:#fff; padding: 15px;
            -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;
            margin-bottom: 20px;
}
.boxintraazul{
        -webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
       -moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            border-top: 3px solid #1d71a6; background:#fff; padding: 15px;
            -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;
            margin-bottom: 20px;
}
.boxintralaranja{
        -webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
       -moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            border-top: 3px solid #ff7300;background:#fff; padding: 15px;
            -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;
            margin-bottom: 20px;
}
.selebox:hover{ background: #f6fbf8}
.divisao_pontim{ width: 100%; height: 3px; background:url("img/portal/bg_divisao.png") repeat-x top; margin: 10px 0}
.clarearicone {-webkit-filter: brightness(3);    filter: brightness(3);}

/*media screen*/
.circulologin {    width: 30px;    height: 30px;    border-radius: 50%;    behavior: url(PIE.htc); }
.circulologin2 {    width: 40px;    height: 40px;    border-radius: 50%;    behavior: url(PIE.htc); }
.circulologin3 {    width: 80px;    height: 80px;    border-radius: 50%;    behavior: url(PIE.htc); }
.circulologin4 {    width: 120px;    height: 120px;    border-radius: 50%;    behavior: url(PIE.htc); }
.circuloM {    width: 60px;    height: 60px;    border-radius: 50%;  behavior: url(PIE.htc); }
.circuloG {    width: 160px;    height: 160px;    border-radius: 50%;  behavior: url(PIE.htc); }
.anima{-webkit-transition: all .2s ease-in-out;    -moz-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;}
.anima3{-webkit-transition: all .4s ease-in-out;    -moz-transition: all .4s ease-in-out;    -o-transition: all .4s ease-in-out;    transition: all .4s ease-in-out;}
.anima2{-webkit-transition: all .1s;    -moz-transition: all .1s;    -o-transition: all .1s;    transition: all .1s;}
.t_g1{ opacity: 0}    .t_g2{ opacity: 0}    .t_g3{ opacity: 0}    .t_g4{ opacity: 0}    .t_g5{ opacity: 0}    .t_g6{ opacity: 0}

.vermelhof{ color: #ba0a11}
.verde{ color: #00A651}

  
/*box*/
.box { -webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);       -moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
     -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px;
      width: 100%;  padding: 20px; background: #fcfcfc; display: table; margin-bottom: 20px; overflow-x: auto}
.boxtit{border-bottom: solid 1px #eee; color: #000; margin-bottom: 20px; padding-bottom: 5px}
.boxtit span.bazul{border-bottom:solid 3px #4267b2; padding-bottom: 5px; font-size: 22px; font-family: 'Archivo Narrow'}
.boxtit span.bvermelho{border-bottom:solid 3px #9a0208; padding-bottom: 5px; font-size: 22px; font-family: 'Archivo Narrow'}

    .box h2{ margin-bottom: 20px; margin-top: 20px;}
    .boxintra h2 { margin-bottom: 20px}
    .boxintra p{ margin: 5px 0 5px 0}
    .boxintra .row { margin-bottom: 20px}
    ul.boxhist li{ list-style: none; border-bottom: 1px solid #eee; font-size: 10px; padding: 3px 0 3px}

.dadomi{ cursor: pointer}
.dadomi-concluido { background: #e4f9ed}
.dadomi-andamento { background: #f9f4dd}
.dadomi-negado { background: #f9e6e4}
.dadomi-novo { background: #e4eef9}

.ngaleria li{ list-style: none; cursor: pointer}
.ngaleria li.thumbGaleria{ float: left; width: 78px; height: 56px; margin: 5px; position: relative}
.btsgal{ 
    -webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
    margin-top: 13px; margin-left: -10px; display: none; position: absolute }
.ver-file{ margin-left: 65px; margin-top: -48px}
.ngaleria li:hover{ 
    -webkit-box-shadow: 0px 10px 20px 0px rgba(90, 90, 90, .8);
       -moz-box-shadow: 0px 10px 20px 0px rgba(90, 90, 90, .8);
            box-shadow: 0px 10px 20px 0px rgba(90, 90, 90, .8);}
.ngaleria li:hover, .btsgal:hover{ display: block;}

    
    
    
    
.fL{ float: left}
.fD{ float: right}

.menula{border: none; background: none}
.menula a{ border: none}
.menula a.active{ border: none; background: #00a651}
.menula a.active:hover{ border: none; background: #00a651}


.paginat div{ font-size: 13px; display: block; padding:2px 8px 2px 8px; float: left; margin: 10px 5px 10px 0; border: solid 1px #ccc;
-webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; background: #fff;}

.paginat div:hover{-webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
       -moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3); background: #eee}

.paginat div.selepag{ -webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
       -moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3); background: #00A651; color: #fff; border: solid 1px #00A651;}

.notsele:hover{ -webkit-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
       -moz-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
            box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6); background: #fff }


.notsele_n:hover{ -webkit-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
       -moz-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
            box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6); background: #fff }

.notsele_n:hover .titpre2{ opacity: 1 !important } 

.btsse{ display: block; padding: 8px; font-size: 10px; float: left; margin: 5px 5px 0 0; border: solid 1px #eee; cursor: pointer }
.btsse:hover{ border: solid 1px #00a651; }
.seativo{ border: solid 1px #00a651; color: #fff; background: #00a651}

.tag_remove:hover{ -webkit-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
       -moz-box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6);
            box-shadow: 0px 4px 6px 0px rgba(80, 80, 80, .6); cursor: pointer; background: #c94a4f; color: #fff}
.lititemup:hover{ background: #c94a4f; color: #fff}


                
                
.fechamenupg{ display: none} 
.abremenupg{ display: none}
.btcrianot{position: absolute; top: 0; right: 0; padding: 20px}
.link-file:hover{ color: #fff}
.remove-file{ margin-left: 5px}
.remove-file:hover{ color: #fff}
.cabecamenucel {  padding: 10px; display: none}
.btfechamenu{ display: none}
body, html{ margin-bottom: 20px; margin-top: 30px}
.topheader{ position: fixed; top: 0; left: 0; width: 100%; z-index: 99}
.logomenu{ display: none}
.logobtmenu{ cursor: pointer;  position: absolute; width: 60px; height: 50px; top: 0; left: 0}
.logobthome{ cursor: pointer;  position: absolute; width: 120px; height: 50px; top: 0; left: 60px}

.btfechamenu{ left: -80%;}
.fundomenu{ display: none}


    .recebedados{display: none; position: absolute; background: #fff; padding: 5px; width: 260px; z-index: 999;
                  border: solid 1px #ccc; left: -80px; font-size: 10px;
                  -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;
            -webkit-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);-moz-box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);
            box-shadow: 0px 2px 2px 0px rgba(80, 80, 80, .3);}
    .divcont{ position: relative; float: left; padding: 1px; display: table; margin-left: 5px; cursor: pointer}

@media screen and (max-width: 1200px) {
   
}
@media screen and (max-width: 991px) {
    
   .fechamenupg{ display: block}
   #menupagcel{  height: 50px; overflow: hidden}
   .abremenupg{ display: block}
   .btcrianot{ margin-top: 10px; margin-bottom: 10px; position: static}

   .menuintracel{ position: fixed; z-index: 999; width: 100%;  top: 0; left: -0px; }
   .menuintracelint{ width: 75%; position: absolute; top: 0px; left: 0px; z-index: 99; overflow-y: auto; padding: 10px;  background: #d9e9e1 }
   
   .fundomenu{  position: absolute; top: 0; left: 0; z-index: 98; background: #000; width: 100%; opacity: 0.5;
    filter: alpha(opacity=50);   }
   .cabecamenucel{ display: block}
   .btfechamenu{ display: block; position: fixed; left: 80%; top: 20px; z-index: 100}
   .logomenu{ display: block}
   .logonorma{ display: none}
   .menuintracel{ display: none}
   
        
}
@media screen and (max-width: 770px) {

}