/* CSS reset */
* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  line-height: 1em;
  list-style: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* nav:after, 
form:after, 
footer:after, 
header:after, 
section:after, 
div:after, 
ul:after, 
ol:after, 
li:after, 
dl:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
} */

/* TEMA PORTAL DE TRANSPARÊNCIA PCIVILRJ */
html, body {}
.row, .container {}
#geral {}

/* Tema Geral */
h1.nome-sis {color:#FFD700; font-weight:bold; margin:0; margin-top:25px;}
h2.complemento-sis {color:#555555; font-size:0.875em; margin:0;}
clear{clear:both;}
.textbox:focus {border:1px solid #ffad04; outline:none; box-shadow: 0 0 2px #ffad04;}
.dropdownlist:focus {border:1px solid #ffad04; outline:none; box-shadow: 0 0 2px #ffad04;}
.margin-bottom {margin-bottom:20px;}

/* HEADER */ 
/* ESTADO */
#header-fixo {position:fixed; width: 100%; top: 0; height: 166px; z-index: 999;}
    #estado-full {background:url('../img/bgcinza_estado.png') repeat #555555; height:32px; width:100%;}
        .estado-wrap {background:url('../img/bgcinza_estado.png') repeat #555555; height:32px; width:100%;}        
        a.rjgov {float:right; margin-right:0px;}

/* BANNER */
#banner-full {background:url('../img/bg_diagonais.png') repeat; height:100px; width:100%; border-bottom:1px solid #c2c2c2;}
    /* .banner-wrap {background:url('../img/bg_diagonais.png') repeat; height:100px; border-bottom:1px solid #c2c2c2;} */
        .banner-wrap a {float:left;}
        .banner-imagem{background:url('../img/dots.png') no-repeat 100% 59%; height:100%; width:100%;}
        .banner-imagem img {margin-right:20px;}        

/* BOTTOM HEADER */
.bottom-header {background:url('/Imagens/bgcinza_header.png') repeat #555555; height:34px; width:100%; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20); -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);}
    .bottom-header-wrap {background:url('/Imagens/bgcinza_header.png') repeat #555555; height:34px; margin:0 auto; position:relative;}
        .bottom-header-wrap p {float:left; color:#fff; font-size:0.875em; position:absolute; top:26%;}
        .bottom-header-wrap ul {float:right; margin-top:8px; margin-right:0px;}
        .bottom-header-wrap ul li {float:left; margin-right:10px;}
        .bottom-header-wrap ul li.separador-acessibilidade {border-right:1px solid #fff; padding-right:10px;}
        .bottom-header-wrap ul li.acessibilidade-last {margin:0px;}
            .bottom-header-wrap ul li a {color:#fff; font-size:1.2em; font-weight:bold;}
            .bottom-header-wrap ul li a:hover {color:#FFD700; text-decoration:none;}            

        
/* BREADCRUMB */
.breadcrumb {margin: 5px 0px 0px 0px; padding:0px; background:none; border-radius:0px;}
.breadcrumb span {color: #f4b400; font-size: 12px; font-weight: bold;}
.breadcrumb span a {color:#555; font-weight:normal;}

/* ip */
.ip {float:right; margin-top:45px; font-size:10px; font-weight:bold;}
    .ip span {display:block; height:auto; margin-bottom:2px; color:#4D4F51; background:url('/Imagens/olho-ip.png') no-repeat; padding-left:20px; padding-top:5px;}
            

/* CONTENT */
#content-full {background: url('../img/marca_dagua.png') repeat -95px 565px; margin-top: 166px;}
    .content-wrap {background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 5px 3px #D3D3D3; margin: 0 auto; overflow: hidden; padding-bottom:20px;}        
        .content-tema {margin-top:40px; height:22px; margin-left:0px; margin-right:0px; height:100%;}
        
        .internas-title {height:auto; border-bottom:1px solid #cdcdcd; margin-bottom:20px; padding-bottom:20px; height:auto;}
            .internas-title h3 {font-size:1.875em; color:#555555; font-weight:bold; display:inline-block; margin:0px 0px 0px 0px !important; position:relative; top:5px;}
            .internas-title img {margin-right:16px;}           
            
            .content-tema .lbl-h4, .content-tema h4 {color: #555555; display: block; font-size: 0.875em; font-weight: bold; line-height: 1.25em; margin-bottom: 10px;}         
            .content-tema p {color: #4d4f51;  font-size: 0.875em; margin-bottom: 20px; line-height: 1.250em;}   
            
            /* Validate */
            .error-validate {color:#FFA500; font-size:0.85em; display:block; font-weight:bold; margin-top:2px;}
            
            /* Captcha */
            .refresh-captcha:hover {transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg);
            -o-transform: rotate(270deg);}
            
            /* Box Alerta */
            .alerta-box {display:table; max-width:960px; border:1px solid #ffad04; outline:none; box-shadow: 0 0 2px #ffad04; 
                     padding:20px 20px 20px 70px; background:url('/Imagens/exclamacao.png') 20px 14px no-repeat; margin-bottom:45px; margin-top:45px;}    
                
            .alerta-msg-ok {display:table; border:1px solid #8eb93d; outline:none; box-shadow: 0 0 2px #8eb93d; 
                     padding:20px 20px 20px 70px; background:url('/Imagens/icon_mensagem_enviada.png') 20px 14px no-repeat; margin-bottom:45px; margin-top:45px;}
            .btn-box-alerta {display:block; margin-top:20px;}  
            
            .alerta-breve {display:table; max-width:960px; border:1px solid #ffad04; outline:none; box-shadow: 0 0 2px #ffad04; 
                     padding:20px 20px 20px 70px; background:url('/Imagens/relogio.png') 20px 14px no-repeat; margin-bottom:45px; margin-top:45px;}
            .alerta-text {color:#555555; font-size:0.875em; font-weight:bold; margin-bottom:15px;}
            
        /* INPUT */
        .btn-primary {background:#555555; border-color:#474747; box-shadow:none; -webkit-box-shadow:none; text-shadow: none;}        
        .btn:focus, .btn:active {outline: none !important; background:#555 !important; border-color:#474747 !important;}
        .btn-primary:hover {background:#474747; border-color:#474747;}
        .btn {border-radius:0px;}
       
        .form-control {border-radius:0px;-webkit-box-shadow: none; box-shadow:none; -webkit-transition:none;}

/* BOTOES HOME */
.botoes {width:300px; margin-bottom:45px;}
            
#botoes-esq {float:left; margin-right:20px;}
#botoes-centro {float:left; margin-right:20px;}
#botoes-dir {float:left;} 

    .botoes ul {}
        .botoes .static-container > li {height:107px; position:relative; margin-bottom:20px;}  
        .botoes .static-container li.menu-slidedown {margin-bottom:0px;}
                
        .botoes ul li.menu-slidedown.slide a {background: url("/Imagens/bg_botoes_home.png") no-repeat scroll 0px 1px #ffad04; color:#fff;}                  
                    
        .botoes li.slidedown-container {margin-top:0px; height:inherit; display:none; background:#F5F5F5; 
                                        border-bottom:1px solid #D1D1D1; border-bottom-left-radius:6px; border-bottom-right-radius:6px;
                                        z-index:999; /* position:absolute; width:300px; */}               
                    
        .botoes li.slidedown-container ul {padding-bottom:10px; padding-top:10px;}
        .botoes li.slidedown-container ul li {height:auto; position:relative; line-height:1.6em; background:url('/Imagens/bgseta-amarela.png') 40px 5px no-repeat;} 
        .botoes li.slidedown-container ul li a {color:#4D4F51; font-size:0.875em; margin-left:55px;}     
        .botoes li.slidedown-container ul li a:hover {text-decoration:underline;}        
                    
            .botoes ul li a img {float:left; margin-left:40px; position:absolute; top:-26px; z-index:2;}
            .botoes ul li a.link-static {background: url("/Imagens/bg_botoes_home.png") no-repeat scroll -302px 1px #F5F5F5; border-bottom: 1px solid #D1D1D1;
            bottom:0; color:#4D4F51; display: inline-block; height:81px; position:absolute; width: 300px; z-index: 1; border-top-left-radius:6px; border-top-right-radius:6px;}
            .botoes ul li a.link-static:hover, .botoes ul li a.link-slidedown:hover {background: url("/Imagens/bg_botoes_home.png") no-repeat scroll 0px 1px #FFD700; color:#fff;}
                          
            .botoes ul li a.link-slidedown {background: url("/Imagens/bg_botoes_home.png") no-repeat scroll -302px 1px #F5F5F5; border-bottom: 1px solid #D1D1D1;
            bottom:0; color:#4D4F51; display: inline-block; height:81px; position:absolute; width: 300px; z-index: 1; border-top-left-radius:6px; border-top-right-radius:6px;}                       
                        
            .botoes ul li a:hover img { -webkit-transform: translate(0,2px); -ms-transform: translate(0,2px); transform: translate(0,2px);}
                .botoes ul li a span {display: inline-block; width:100%; min-width:36.66%; max-width:46.66%; float: right; line-height: 1.2em;
                position: relative; top: 28%; font-size:1.1em;}
                .botoes ul li a span.longtxt {top:13%;} 
            
/* FOOTER */
#footer-full {width:100%; display:table; border-top:1px solid #d1d1d1; background:#fff; 
                box-shadow:0px 2px 15px 2px #D3D3D3; -webkit-box-shadow:0px 2px 15px 2px #D3D3D3;}/* seta max height pro scroll */
    .footer-wrap {margin:0 auto; }
        .footer-index {margin-top: 20px; margin-bottom: 20px; border-right: 1px solid #D1D1D1; min-height:148px;}   
        .footer-index.last {border:none;}         
           /* .footer-index ul {float: left; min-height: 100px; margin-left: 15px; padding-right: 15px; margin-bottom:0px;}
                .footer-index ul.first {margin-left:0px;} */
            .footer-index ul li.title-index {font-size:1.3em; color:#555555; margin-bottom:20px; font-weight:bold;}
                .footer-index ul li {padding-bottom:5px;}
                .footer-index ul li a {font-size:0.875em; color:#4d4f51;}
                .footer-index ul li a:hover {text-decoration:underline;}
                
                .footer-index ul.logos li {display:inline-block; margin-right:20px;}
                 .footer-index ul.logos li.last {margin-right:0px;}
                

        /* .footer-logos {float: left; margin-top: 40px; margin-bottom:0px;}
            .footer-logos ul {float:left; margin-left:15px; margin-bottom:0px;}
            .footer-logos ul li {float:left; margin-right:25px; margin-bottom:20px;}
            .footer-logos ul li a {display:block;} */

/* FOOTER BOTTOM */    
.bottom-footer {background:url('../img/bgcinza_footer.png') repeat-x #555555; width:100%; height:33px;} 
    .bottom-footer-wrap {background:url('../img/bgcinza_footer.png') repeat-x #555555;}
        .bottom-footer-wrap p {float:left; color:#fff; font-size:0.875em; top:14px; position:relative;}
        

/* Tela de Loading */
#Background
{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background:#F9F9F9;
    filter:alpha(opacity=75);
    opacity:0.75;
    z-index:199999;
}

#Progress
{
    position:fixed;
    top:50%;
    left:50%;
    width:244px;
    height:54px;    
    background: url('../img/aguarde.gif') no-repeat;
    margin-left:-122px;
    margin-top:-27px;
    z-index:200000;   
}  

           
/* Media Queries */
@media(min-width:970px) {.container {width:970px;} .footer-logos{float:right;}}

@media(max-width:992px) {.banner-imagem {background:none;} .ip{margin-top:45px;} .footer-index{border-right:0px;}}
@media(max-width:768px) {.estado-wrap {display:none;} #content-full {margin-top:134px;} .banner-imagem {background:none;} .bottom-footer{padding-bottom:65px;} 
                         h1.nome-sis {font-size:1.6em;} h2.complemento-sis{font-size:0.750em;} .internas-title img {display:none;} #header-fixo{height:auto !important;}
                         #estado-full{display:none;} .botoes {margin-bottom:0px;} .ip{margin-top:28px;}}

@media(max-width:414px) {.footer-index ul{margin-left:0px; border-right:0px; float:none;} .footer-logos{margin-top:0px;} .ip{display:none;}} 

@media(max-width:360px) {a.logo_pcivil {display:none;} .data-atual {display:none;} .internas-title img {display:none;} #header-fixo{height:166px !important;}
                         ul.acessibilidade {display:none;} #header-fixo{height:auto !important;}}
                         
                        
/*.form-group .error-validate {
    margin-bottom: -10px;
    float:right;
}*/