html, body {
	margin: 0 auto -75px;
	font-family:"verdana, trebuchet MS", tahoma, Arial;
	font-size:11px;	
	height:100%;		
}
.titulo-top {
    background-color: #475159;
    color: #ffffff;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    border-bottom: solid 1px #626B72;
    height: 40px;
    padding-top: 10px;
}
.sub-titulo-top {
    background-color: #475159;
    color: #ffffff;
    font-family: verdana;
    font-size: 12px;
    width: 100%;
    height: 40px;
    padding-top: 1px;
}

.titulo{
   background-color:#475159;
   color:#ffffff;
   font-family:verdana;
   font-size:14px;   
   font-weight:bold;     
   height: 40px;    
   width:100%;   
   margin:0px auto;      
   z-index:9999;   
   position:fixed;
   
}
.subtitulo
{
   background-color:#626b72;
   font-size:11px;
   color:#ffffff;
   font-family:verdana;   
   vertical-align:middle;*/
   margin:0px auto;
   width:100%;
   height: 35px;
   top:40px;
   padding-left: 1.7%;
}

.selecionar-todas{
     width: 11%;
}
 .logo-topo{
    float:left;
    text-align: right;
    width: 4%;
    padding-right: 14px;
 }
.div-menu-left
{
    position:fixed;
    width:5%; 
    height:100%; 
    bottom:0px; 
    margin-left:-12px;
    background-color: #dedfe1;
    text-align:center;
    padding-top:13px;
            
}
.div-menu-left ul {
    padding:0px;
    margin:0px;            
    list-style:none;
    padding-bottom:15px;        
}
.div-menu-left ul li {                 
    display:block;    
    padding-bottom:2.5px;
    padding-top:2.5px;    
    text-align:center!important;    
}
.div-menu-left ul li a {
    
    display:block;
}
.div-menu-left ul li a img{                 
    width:41px;
    height: 41px;
}
.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    opacity: 0.6;
}

.not-btn-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;    
}

/*#divTitulo
{
    float:left;
    width: 79%;
    padding-left: 1%;
}*/
.div-menu-topo 
{
    float:left;
    width:8%;
    margin-top:9px;
    text-align:center;   
             
}
.div-menu-topo li
{
    text-decoration:none;
    display:inline;
    margin-right:2%;    
}        
.div-menu-topo ul li a img {            
    width:32px;
    height: 32px;
}



.conteudo-materia
{   
    background-color:#ffffff;
    min-width:90%;
    width:90%;  
    display:table-cell;
    top:75px; 
    padding:10px;
            
}


.container container-titulo
{    
    max-width:100%;    
}

.conteudo
{    
    min-height: 100%;
    height: 100%;
    margin: 0px auto;
    position:absolute;
}

.conteudo-top
{
    max-height: 77px; 
    width:100%;      
    position:fixed;  
    margin:0px auto;     
}
    
.conteudo-bottom
{   
    height: 90%;
    margin: 0px auto;    
    margin-top:77px;
    display:table;
    
}
.side-bar
{
   background-color:#475159;
   color:#ffffff;
   font-family:verdana;
   font-size:11px;
   width:10%;
   min-height: 100%;
   position:fixed;
   display:table-cell;
   padding-top: 25px;
   text-align:center;
   /*z-index:11000;*/
   border:solid 1px #475159;
   top:80px;
}
@media(min-width: 1366px)
{
   .side-bar
    {
       background-color:#475159;
       color:#ffffff;
       font-family:verdana;
       font-size:11px;
       width:10%;
       min-height: 100%;
       position:fixed;
       display:table-cell;
       padding-top: 16px;
       text-align:center;
       /*z-index:11000;*/
       border:solid 1px #475159;
       top:80px;
    }
}
@media(min-width: 1140px)
{
    .side-bar {
        background-color: #475159;
        color: #ffffff;
        font-family: verdana;
        font-size: 11px;
        width: 10%;
        min-height: 100%;
        position: fixed;
        display: table-cell;
        padding-top: 22px;
        text-align: center;
        /*z-index:11000;*/
        border: solid 1px #475159;
        top: 80px;
    }
}
.side-bar-item
{
    height:73px;
    min-width:100%;
    width:100%;
    border-top: solid #626B72 1px;
    padding-top: 11px;
    padding-bottom:10px;
    display:none;
    position:relative;
    text-align:center;
}

/*(window.screen.width== 1140 || window.screen.width = 1366 || window.screen.width =  1360 || window.screen.width =  1280*/
.side-bar-item-sub {
    position:absolute;
    margin-top: -16%;
    width:100%;
}
@media (min-width: 1140px)
{
    .side-bar-item-sub {
        position:absolute;
        margin-top: -18%;
        width:100%;
    }
}
@media (min-width: 1366px)
{
    .side-bar-item-sub {
        position:absolute;
        margin-top: -18%;
        width:100%;
    }
}

@media (min-width: 1360px)
{
    .side-bar-item-sub {
        position:absolute;
        margin-top: -18%;
        width:100%;
    }
}
@media (min-width: 1280px)
{
    .side-bar-item-sub {
        position:absolute;
        margin-top: -18%;
        width:100%;
    }
}
@media (min-width: 1600px)
{
    .side-bar-item-sub {
        position:absolute;
        margin-top: -16%;
        width:100%;
    }
}
@media (min-width: 1920px)
{
    .side-bar-item-sub {
        position:absolute;
        margin-top: -13%;
        width:100%;
    }
}

.bg-img-item
{
    background-color:#475159; width:24%; position:absolute; left:38%;
   
}
.text-item
{    
   margin-top:25px;
   color:#bbbfc3;
}
.side-bar-nav
{
    min-height:10%;
    width:100%;
    border-bottom: solid #ffffff 1px;
    /*display:table;*/
    padding-top:10px;
    padding-bottom: 78px;
    display:none;
    border-bottom:none;
    bottom:0;
    position:absolute;
}
/*
.side-bar-item.side-bar-nav
{
    
    border-bottom:none; 
    bottom:0;        
    position:absolute;           
}
*/
.valign-div
{
   
    text-align:center;
    display:table-cell; vertical-align:middle;       
}

.page-icon-dis
{    
    background-color:#7E858A;
    width:20%;
    height:25px;      
    display:table-cell;
    vertical-align:middle;
    border:solid #475159 2px;    
    /*opacity: 0.6;*/
}

.page-icon-dis a
{    
    text-decoration:none;
    color:#ffffff;
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.page-icon-enable
{    
    background-color:#7E858A;
    width:20%;
    height:25px;      
    display:table-cell;
    vertical-align:middle;
    border:solid #475159 2px;
    
        
}


.page-icon-enable:hover
{
   
    background-color:#a3a8ac; 
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.3));
}

.page-icon-enable a
{    
    text-decoration:none;
    color:#ffffff;     
    padding:10% 15% 10% 15%;   
}
.page-icon-nav
{    
    background-color:#a3a8ac;
    width:18px;
    height:25px;      
    display:table-cell;
    vertical-align:middle;
    border:solid #475159 2px;   
    
}
.page-count
{
   background-color:#a3a8ac;
    width:100%;
    height:25px;      
    display:none;
    vertical-align:middle;
    border:solid #475159 2px;       
}

.seta-esquerda:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  width: 0; 
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; 
  border-right: 8px solid #a3a8ac; 
}


.seta-direita:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  width: 0; 
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #a3a8ac;
}

li
{
    text-decoration:none;
    display:inline;
    padding: 10px 4px 6px 6px;
}
li img
{
    width:22px;
    height:22px;          
}

.select-img
{   
    border:#ffffff 1px solid;        
}

.select-img-grifo
{   
    background-color:#ffff00 !important;          
}
.select-img-grifo a
{   
    color:#000 !important;       
}
.vertical-align {
    display: flex;
    align-items: center;
}

.cursorIn
{
    cursor: url(../img/Zoom-In-icon.cur), default !important;    
}

.cursorOut
{
    cursor: url(../img/Zoom-Out-icon.cur), default !important;
}


.select-atual
        {
	        width:500px;
	        height:30px;
	        background-color:#000000;
	        border:1px solid;
	        position:relative;
	        color:#ffffff;
	        font-weight:bold;
	        font-size:14px;
	        font-family:Verdana;
	        display:block;
	        font-family:Arial, sans-serif;
	        cursor:pointer;
	        padding:5px;
	        -moz-border-radius:7px;
            -webkit-border-radius:7px;
             border-radius:7px;
	       
        }

        .select-atual span.arrow
        {
	        color:#000;
	        position:absolute;
	        width:35px;
	        height:15px;
	        display:block;
	        right:6px;
	        top:8px;
        }        

        .selectBox ul
        {
	        width:500px;
	        background-color:#fff;
	        display:none;
	        position:absolute;	
	                    
        }

        .selectBox li
        {
	        border-bottom:1px solid gray;	        
	        border-top:0px solid gray;
	        border-left:1px solid gray;
	        border-right:1px solid gray;
	        font-family:Arial, sans-serif;
	        font-size:12px;
	        cursor:pointer;
	        display:block;
	        padding:5px;
        }

        .selectBox li:hover
        {
	        border-bottom:1px solid #444;
        }
        
        .bar-left
        {             
            z-index:15000;                            
            position:fixed;                                          
            width:30px;
            height:30px;
            top:50%;
            cursor:pointer;
            float:left;  
            padding:20px;            
            background-image:url(../img/view-materia/voltar.png);
            display:none;
            background-repeat:no-repeat;
            background-position:left;            
            margin-left:2%;
                                        
        } 
        
       
        .bar-right        
        {            
            z-index:16000;                            
            position:fixed;                                          
            width:30px;
            height:30px;
            top:50%;
            cursor:pointer;            
            float:right;
            right:9.6%;
            padding:20px;
            background-image:url(../img/view-materia/avancar.png);
            background-repeat:no-repeat;
            background-position:right;
            display:none;
                          
        }
        /*
        .bar-right img
        {        
            display:none;    
            width:30px;  
            opacity: 0.5;
        }
        */
        .center-img
        {            
            min-width:1000px;
            width:100%;
            margin-top:80px;
            min-height:1000px;           
            margin-left:2.7%;                
        }
        .center-img-print
        {                                  
            margin-left:-30%;    
            margin-top: -13%;
            transform: scale(0.7);            
        }
        .close
        {
            opacity:5.2;
            color:#ffffff;
            
        }
        .close:hover
        {            
            color:#ffffff;            
        }   
        
        .clear { clear: both; }
        
        .image-decorator1
        {                          
            display:none;                            
                      
        }        
        .btn-valor-economico
        {
            background-color:#626b72; 
            width:500px; 
            height:28px; 
            left:50%;
            margin-left:-250px;
            position:relative;                   
            text-align:center; 
            color:#ffffff; 
            font-weight:bold; 
            padding:4px 2px 2px 2px; 
            font-size:12px; 
            font-family:Verdana; 
            -moz-border-radius:7px; 
            -webkit-border-radius:7px; 
            border-radius:7px; 
            cursor:pointer;    
        }
        
        .divLinks
        {
            margin-bottom:8px;
            width:100%;              
            visibility:hidden;
           
        }
        .divLinks span
        {
            padding-right:5px;
            text-align:left;
            vertical-align:-22%;
            
        }
        
        .divLinks a
        {
            background-color:#ffffff;
            padding:5px 5px 5px 5px;
            width:110px;            
            border-radius:3px;
            color:#333333;
            text-decoration:none;
            font-weight:bold;
            font-size:10px;            
        }
        
        .head-audio
        {   
            margin-left: calc(50% - 200px);       
            width:481px;
            height:360px;
            border:solid 1px #000;
            background-color:#000;
        }
        .body-audio
        {   
            margin-left: calc(50% - 200px);       
            width:481px;            
            border:solid 1px gray;            
            
        }  
        
        .txt-time
        {   
            margin-top:4px;  
            margin-right:0px;      
            width:30px;            
            height:20px!important;         
            display:inline-block;
        }
        .btn-time
        {
           display:inline-block;
            margin-right: 3px;   
            width:40px;     
            margin-right:-20px;         
            }