/* EDITOR CSS
*********************************************/


@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/opensans-condlight-webfont.eot');
    src: url('../fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condlight-webfont.woff2') format('woff2'),
         url('../fonts/opensans-condlight-webfont.woff') format('woff'),
         url('../fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
} 

/* EDITOR
--------------------------------------------------- */

.font-condensed {font-family: 'open_sanscondensed_light';}   
.separador {background: url("../images/separador.png") no-repeat center center; display: block; width: 100%; height: 40px; opacity: 0.4;}    

.gradient-azul_vertical {
  background-image: linear-gradient(to top, #4F87FB, #729FFC 33%, #A8C4FD 66%, #0553F3);
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}  

.link-buton {display: inline-block; border-radius: 30px; border: 2px solid rgba(0,0,0,0.4); padding: 2px 10px; margin: 20px auto 10px; background: rgba(255,255,255,0.2); text-transform:uppercase;}    
.botao-pdf {background: url("../images/pdf.png") no-repeat left center; background-size: auto 25px; height: 30px; line-height: 30px; padding: 0 0 0 50px;} 
.botao-vca {background: url("../images/vca.png") no-repeat left center; background-size: auto 25px; height: 30px; line-height: 30px; padding: 0 0 0 50px;} 
	
.verde-bordo, .encarnado_bordo, .ouro_bordoOuro, .encar_bordoVerde, .azul_bordoAzul, .preto_bordoPreto {font-size: 13px; line-height: 16px; padding: 0 20px 2px 20px; text-align: center; display: inline-block; width: auto;}   
.verde-bordo {color:#43A02C; border-top:1px solid #555; border-bottom:1px solid #555;}   
.encarnado_bordo {color:#800000; border-top:1px solid #333; border-bottom:1px solid #333;}   
.ouro_bordoOuro {color:#957431; border-top:1px solid #B19C49; border-bottom:1px solid #B19C49;}   
.encar_bordoVerde {color:#c30; border-top:1px solid #43A02C; border-bottom:1px solid #43A02C;}
.azul_bordoAzul {color: #4F87FB; border-top: 1px solid #4F87FB; border-bottom: 1px solid #4F87FB;}   
.preto_bordoPreto{color:#000; border-top:1px solid #333; border-bottom:1px solid #333;}   

.cx_justy{
font-size:10px;
text-align:justify;
color:#800000;
border:1px solid #ccc;
padding:4px;
}

.cx_center{
font-size:10px;
text-align:center;
color:#800000;
border:1px solid #ccc;
padding:4px;
}

.titulo_f16{color:#800000; font-size:16px; font-style:italic;}   

.erro1 {font-style:italic; text-transform:uppercase; color:#ccc; font-size:14px; font-weight:700; padding:5px;}    
.erro2 {font-style:italic; color:#808080; font-size:10px; font-weight:700; padding:5px;}    
.erroBorder {
    font-style: italic;
    color: #808080;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    padding: 0 6px 2px 6px; 
    display: inline-block; 
    width: auto;
} 

.botao1, .botao2, .botao3 {text-align: center; display: inline-block; width: auto;  padding: 2px 12px; border-radius: 4px; font-size: 12px; font-weight: 700; line-height: 20px;}   
.botao1 {background: #4F87FB; color: #fff; border: 3px double #fff;}   
.botao2 {background: #43A02C; color: #fff; border: 3px double #fff;}    
.botao3 {background: #D2D2D2; color: #555; border: 3px double #fff;}     

.destaque_verde, .destaque_encarnado, .destaque_azul, .destaque_cinza {font-size: 13px; line-height: 16px; padding: 3px 20px; text-align: center; display: inline-block; width: auto;}   
.destaque_verde {background-color: #43A02C; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; color: #fff;}    
.destaque_encarnado {background-color: #C10500; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; color:#fff;}   
.destaque_azul {background-color:#4F87FB; border-top:1px solid #1625cb; border-bottom:1px solid #1625cb; color:#fff;}   
.destaque_cinza {background-color:#efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#555;}   

/* -------------------SITE outros estilos----------------- */ 

/* ------------------------------------ */  

.link-image img {border: 1px solid transparent;}           
.link-image img:hover { 
  border: 1px solid #777; 
  border-radius: 8px 0 8px 0; 
  -moz-box-shadow: 1px 1px 3px 3px #999;
  -webkit-box-shadow: 1px 1px 3px 3px #999;
  box-shadow: 1px 1px 3px 3px #999;
}            

.conteudos {
    border: 1px solid #ddd;
    padding: 20px 1%;
    display: block;
    margin: 10px 0 20px;
}  

/* ------------------------------------ */
/* perfect-scrollbar v0.6.2 SCROLL HEIGHT */
      .container-inner.autoscroll_150 { position:relative; margin:5px 1.5% 10px 0!important; padding:0 2%; width: 94.5% !important; max-height: 150px; overflow: auto; }         
	  .container-inner.autoscroll_250 { position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: 250px; overflow: auto; }         
	  .container-inner.autoscroll_350 { position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: 350px; overflow: auto; }        
	  .container-inner.autoscroll_500 { position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: 550px; overflow: auto; }         
	  .always-visible { }  

/* to make scrollbars always visible */
  .always-visible.ps-container > .ps-scrollbar-x-rail, .always-visible.ps-container > .ps-scrollbar-y-rail {opacity: 0.8 !important;}          

  .ps-container {overflow: hidden !important;}        
  .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: inline; background: #eaeaea; opacity: 0.8 !important;}        
  .ps-container.ps-in-scrolling { pointer-events: none; }        
  .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #CEDCCD; opacity: 0.9; }          
  .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; }         
  .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #CEDCCD; opacity: 0.9; }           
  .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; }        
.ps-container > .ps-scrollbar-x-rail { 
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px; 
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px; 
}
.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 1px;
    width: 8px; 
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #729FFC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px; 
}   
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:hover {cursor: pointer;}      

  .ps-container:hover.ps-in-scrolling { pointer-events: none; }         
  .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #729FFC; opacity: 0.9; }     
  .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #CEDCCD; }         
  .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #729FFC; opacity: 0.9; }          
  .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #CEDCCD; }         
  .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; }          
  .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #CEDCCD; opacity: 0.9; }           
  .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #CEDCCD; }          
  .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #CEDCCD; opacity: 0.9; }          
  .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #959FAC; }         
