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

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

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

@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';}  
.font-light {font-family: 'open_sanslight';}  
   
.separador {background: url("../images/separador.png") no-repeat center center; width: 100%; height: 40px;}    

.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;}    
	
.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:#257C23; 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 #309D2D; border-bottom:1px solid #309D2D;}
.azul_bordoAzul {color: #183065; border-top: 1px solid #183065; border-bottom: 1px solid #183065;}   
.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;}   

.h1 {font-size:16px !important; color:#800000; font-weight:400; line-height:18px !important;}   
.h2 {font-size:14px !important; color:#800000; font-weight:400; line-height:16px !important;}   
.h3 {font-size:12px !important; color:#800000; font-weight:400; line-height:14px !important;}   
.h4 {font-size:11px !important; color:#800000; font-weight:400; line-height:14px !important;}   
.h5 {font-size:10px !important; color:#800000; font-weight:700; line-height:14px !important;}   
.h6 {font-size:9px !important; color:#800000; font-weight:700; line-height:14px !important;}   

.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: #8BB964; color: #fff; border: 3px double #fff;}   
.botao2 {background: #C10500; 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: #8BB964; 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:#CEDFF0; border-top:1px solid #1625cb; border-bottom:1px solid #1625cb; color:#0A6F9A;}   
.destaque_cinza {background-color:#efefef; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#555;}   

/* -------------------SITE outros estilos----------------- */ 
.span6.box-prices {border-bottom: 1px dashed #999; padding: 15px 0;}  
table.prices {width: 100%;}    
.prices-top {background: #ABD7DE; border-radius: 0 20px 0 20px; color: #3D5B5F;}   
.prices-content.sites {background: url("../images/sites.png") no-repeat 90% bottom; padding: 0 10px 0 4%;}   
.prices-content.loja-simples {background: url("../images/loja-simples.png") no-repeat 90% bottom; padding: 0 10px 0 4%;}   
.prices-content.lojas {background: url("../images/lojas.png") no-repeat 90% bottom; padding: 0 10px 0 4%;}   
.prices-content.site-empresa {background: url("../images/site-empresa.png") no-repeat 90% bottom; padding: 0 10px 0 4%;}   
.prices-content div#content-rds {background: rgba(186,217,228, 0.3); padding: 10px 2%; margin: 0 0 -5px; width: 96%;}   
.prices-content div#content-rds:hover {background: rgba(255, 255, 255, 0.3);} 
.prices-content div#content-rds, .prices-content div#content-rds:hover, .prices-custos a.modal_link.cboxElement, .prices-custos a.modal_link.cboxElement:hover {
	-webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}   
.prices-content div#content-rds:hover p {border-bottom: 1px solid #ccc;}  
.prices-content p {background: url("/images/conteudo/ok.png") no-repeat 0 4px; border-bottom: 1px solid #bbb; font-size: 14px; color: #3D5B5F; line-height: 15px; margin: 0 0 5px; padding: 0 0 3px 18px;}   
.prices-footer {background: #BBD2D5; color: #3D5B5F; font-size: 14px; line-height: 16px; height: 40px; padding: 5px 15px 8px; text-align: center;box-shadow: 2px 3px 3px 0 #777;}   
.prices-footer p {line-height: 16px; margin: 0 0 5px;}   
.prices-footer p span {color: #777 !important;}  

.span6.prices-custos p {margin: 0;}
.prices-custos a.modal_link.cboxElement {color: #eaeaea; display: block; line-height: 28px; padding: 6px 0; width: 100%;}    
.prices-custos a.modal_link.cboxElement:hover {color: #999; text-decoration: none;}    
/* ------------------------------------ */  

.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 */
    .scroll.autoscroll_80 {position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: auto; max-height: 80px; overflow: auto;}         
	.scroll.autoscroll_150 {position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: auto; max-height: 150px; overflow: auto;}       
	.scroll.autoscroll_200 {position:relative; margin:0px auto; padding:0 15px 0 0; width: auto; height: auto; max-height: 195px; overflow: auto;}         	
	.scroll.autoscroll_250 {position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: auto; max-height: 250px; overflow: auto;}         
	.scroll.autoscroll_350 {position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: auto; max-height: 350px; overflow: auto;}        
	.scroll.autoscroll_500 {position:relative; margin:0px auto; padding:0 20px 0 0; width: auto; height: auto; max-height: 500px; 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: #7DAC55;
    -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: #7E8C55; 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: #7E8C55; 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; }