/**
 * COLOR
 *
 * DEFINICOES DE CORES UTILIZADAS EM VARIAS AREAS
 */
/* TITULOS */
h1, h2, h3, h4, h5, h6 {color: #2c363d; font-weight: bold;}
/* BG AMARELO CLARO *
body.jsn-homepage #jsn-content-top-over,
#jsn-content-bottom-over,
div.lightbox-1 div.jsn-modulecontainer_inner {background: #E8E8E8!important;}

/* MENU LINK ATIVO */
li.active > a, li.current > a {color: #000!important;}
/* HOVER BACKGROUND */
div.jsn-modulecontainer ul.menu-sidemenu li a.current {
    background-color: #D3D3D3 !important;
}

/* Docman */
# esconder botão Domcan
.jsn-joomla-30 label, .jsn-joomla-30 input, .jsn-joomla-30 button, .jsn-joomla-30 select, .jsn-joomla-30 textarea, .jsn-joomla-30 .btn, .jsn-joomla-30 .uneditable-input {
    visibility: hidden !important;
}

/* ICONES DESTAQUES */
.divdesc {
text-align: center !important;
}
.iconedesc {
color: black !important;
font-size: 60px !important;
}
.palavradesc {
color: black!important;
font-size: 32px !important;
font-family: 'Lato', Verdana, Geneva, sans-serif !important;
}
.frasedesc {
color: black!important;
font-size: 14px !important;
font-family: 'Lato', Verdana, Geneva, sans-serif !important;
margin-top: -5px !important;
}


/**
 * TAGS - ELEMENTOS HTML
 *
 * AREA PARA DEFINIR ALTERACOES GERAIS EM TAGS HTML 
 * (EX.: <a>, <img>, <span>
 */

/**

/* HEADER */
body:not(.jsn-homepage) #jsn-header,
body #jsn-header.jsn-menu-sticky {background: #f8f8f8 !important;}
body.jsn-homepage #jsn-header:not(.jsn-menu-sticky) {background: #f6f6f6; position: relative; border-bottom: unset;}
body.jsn-homepage #jsn-header:not(.jsn-menu-sticky) a {color: #000000;}


body:not(.jsn-homepage) #jsn-header {background: #fff;}
#jsn-header.jsn-menu-sticky {background: #fff; position: fixed;}
@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
	body.jsn-color-red.jsn-mobile #jsn-header {background-color: #fff !important; }
	.jsn-homepage #jsn-header {position: relative;}
	
}

@media only screen and (max-width: 480px), (max-device-width: 480px) {
	body.jsn-color-red #jsn-header {background-color: #2c363d !important;}
	.jsn-homepage #jsn-header {position: relative;}
}


/* LOGO */
#jsn-logo a, #jsn-logo .jsn-modulecontainer, #jsn-logo h1 {margin: 0 !important;}
#jsn-header.jsn-menu-sticky #jsn-logo img  {width: 75px; margin-top: 0px;} 
@media only screen and (max-width: 768px), (max-device-width: 768px) {
	#jsn-logo {padding-top: 16px; text-align: center;}
	#jsn-logo a {width: 90%;}
	#jsn-logo img {height: 80px; width: 80px;}
	#jsn-menu .jsn-modulecontent > .jsn-menu-toggle {color: #000000}
	#jsn-menu .jsn-menu-toggle.active {color: #000000}
}

/* Toggle Mobile */
.jsn-menu-toggle i.fa.fa-navicon:before {
content: "\f0c9";
}


/* BUSCA */
.search-menu label {display: none;}
.search-menu #mod-search-searchword {background-color: unset; background-image: url(/images/logo/icon-zoom-black.png); background-repeat: no-repeat; border: none; border-radius: 0px; box-shadow: unset;}
body:not(.jsn-homepage) .search-menu #mod-search-searchword ,
#jsn-header.jsn-menu-sticky .search-menu #mod-search-searchword {background-image: url(/images/logo/icon-zoom-white.png);}
.search-menu #mod-search-searchword:focus,
body:not(.jsn-homepage) .search-menu #mod-search-searchword:focus ,
#jsn-header.jsn-menu-sticky .search-menu #mod-search-searchword:focus {background-image: unset;}
.search-menu #mod-search-searchword {width: 0; margin-top: 51px; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;}
.search-menu #mod-search-searchword:focus {width: 100px; margin-top: 49px; border: 1px solid #ccc; background-color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;}
#jsn-header.jsn-menu-sticky .search-menu #mod-search-searchword {margin-top: 31px;}
#jsn-header.jsn-menu-sticky .search-menu #mod-search-searchword:focus {margin-top: 26px;}
@media only screen and (max-width: 960px), (max-device-width: 960px) {
	.search-menu #mod-search-searchword {margin-top: 5px; margin-right: 5px; text-align: center !important;}
	.search-menu #mod-search-searchword:focus {margin-top: 5px; text-align: center !important;}
	#jsn-header.jsn-menu-sticky .search-menu #mod-search-searchword {margin-top: 5px;}
}
.search-menu h3.jsn-moduletitle {display: none;}
.search-menu .element-invisible {width: 0px; height: 0px;}

/**
 * MENUS
 *
 * INSERIR CLASSES DE MENU EM ORDEM ALFABETICA
 * (EX.: DIVMENU -> MAINMENU -> SIDEMENU -> TREEMENU)
 */

/* DIV MENU */
body.jsn-homepage ul.menu-divmenu {margin: 0 25px;}
@media only screen and (max-width: 960px), (max-device-width: 960px) {
	body.jsn-homepage ul.menu-divmenu {margin: 0;}
}
/* MAIN MENU */
div.jsn-modulecontainer ul.menu-mainmenu > li {padding: 40px 0;}
div.jsn-modulecontainer ul.menu-mainmenu > li > a {padding: 15px; color: #111; font-size: 16px;}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent > a .jsn-menutitle:after {color: #2c363d;}

/**
 * MODULE POSITIONS
 *
 * INSERIR MODULE POSITIONS DE ACORDO COM ESTRUTURA DO TEMPLATE
 * (EX.: PROMO -> CONTENT TOP -> USER TOP -> MAINBODY TOP -> LEFT -> RIGHT -> MAINBODY BOTTOM -> USER BOTTOM -> CONTENT-BOTTOM -> FOOTER)
 */

/* CONTENT-TOP-OVER BREADCRUMBS */
body.jsn-homepage #jsn-content-top-over {background-color: #dadada;} 
body:not(.jsn-homepage) #jsn-content-top-over {background: url(/images/logo/pattern-sc.png);}
.breadcrumb li {text-shadow: unset; font-size: 16px;}
.breadcrumb [class^="icon-"], .breadcrumb [class*=" icon-"] {margin-top: 4px;}

/* CONTENT-BOTTOM */
#jsn-content-bottom-over {padding: 0 !important; background-color: #dadada;}
#jsn-content-bottom-below {display: none;}

/* USERMODULE3 - MAPA DO SITE */
#jsn-usermodules3 {background: url(/images/logo/pattern-sc.png); text-align: left !important; padding: 0; padding-top: 20px !important; padding-bottom: -20px !important;}
#jsn-usermodules3 ul {list-style-type: none;}
#jsn-usermodules3 ul li {margin: 0;}
#jsn-usermodules3 li {margin: 0;}
#jsn-usermodules3 h3,
#jsn-usermodules3 p,
#jsn-usermodules3 i,
#jsn-usermodules3 a {color: #2c363d; letter-spacing: 1px;}
#jsn-usermodules3 div.jsn-modulecontainer ul.menu-treemenu,
#jsn-usermodules3 div.jsn-modulecontainer ul.menu-treemenu > li {border: unset; width: 100%;}
#jsn-usermodules3 .menu-treemenu {float: left; height: 300px; display: inline-flex;}
#jsn-usermodules3 .menu-treemenu a {padding: 5px; color: #222; font-size: 16px; letter-spacing: 0px;}
#jsn-usermodules3 .menu-treemenu > li > a {font-weight: bold;}
@media only screen and (max-width: 960px), (max-device-width: 960px) {
	#jsn-usermodules3 .menu-treemenu {float: unset; height: unset; display: unset;}
	#jsn-usermodules3 .menu-treemenu > li {margin-top: 15px;}
}
/* FOOTER RODAPE*/
#jsn-footer {background: #2c363d; opacity: 1;}
#jsn-footer .img-ft-bg {background: #2c363d; opacity: 1;}
#jsn-footer p, #jsn-footer a {color: #c8cbca; line-height: 18px;}
#jsn-footer-below {display: none;}
#jsn-footer div {padding: 0;}
#jsn-footer {padding: 10px 0;}

/**
 * MODULE STYLES
 *
 * INSERIR MODULE STYLES EM ORDEM ALFABETICA
 * (EX.: LIGHTBOX -> RICHBOX -> SOLID)
 */

/* RICHBOX 1 */
div.richbox-1 div.jsn-modulecontainer_inner {background-color: #2c363d;}
div.richbox-1 {background-color: #2168b6; text-align: center; text-align: -webkit-center; margin: 4px 0; padding: 0px 10px; width: 100%; height: 100px; display: table;}
div.richbox-1 div {display: table-cell; vertical-align: middle;}
div.richbox-1 div.jsn-modulecontainer_inner {background-color: unset;}
div.richbox-1 ul {list-style-type: none;}
div.richbox-1 ul li {margin: 0;}
div.richbox-1 a {color: #fff; font-weight: bold; font-size: 20px;}
@media only screen and (max-width: 768px), (max-device-width: 768px) {
	div.richbox-1 a {font-size: 18px;}
}

/* RICHBOX 2 */
div.richbox-2 div.jsn-modulecontainer_inner {background-color: unset; padding-left: 0; padding-right: 0;}
div[class*="richbox-"] h3.jsn-moduletitle, #jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {color: #000;}
div.richbox-2 ul.menu-divmenu {width: 100%;}
div.richbox-2 ul.menu-divmenu li {
  width: 19%;
  text-align: center;
  background-color: unset;
  background: unset;
  padding: 0;
  margin: 4px;
  border: unset;
  height: 110px;
  min-height: unset
  display: table;
  border-radius: 50px;
}
div.richbox-2 ul.menu-divmenu li a {
  color: #FFF;
  font-weight: 600;
  font-size: 16px;
  font-family: Gill Sans, sans-serif;
  text-align: left;
  line-height: 20px;
}
div.richbox-2 ul.menu-divmenu li a:before{
  font-family: FontAwesome;
  font-family: "Font Awesome 5 Free";
  float: left;
  border-radius: 50px;
  font-size: 34px;
  line-height: 54px;
  background: #fff;
  border: 8px solid #3b4f8e;
  color: #3b4f8e;
  position: relative;
  z-index: 2;
  width: 72px;
  height: 72px;
  text-align: center;
}

div.richbox-2 ul.menu-divmenu li.icone-multas a:before{content: "\f071";}
div.richbox-2 ul.menu-divmenu li.icone-convenios a:before{content: "\f2b5";}
div.richbox-2 ul.menu-divmenu li.icone-credenciados a:before{content: "\f559";}
div.richbox-2 ul.menu-divmenu li.icone-taxas a:before{content: "\f155";}
div.richbox-2 ul.menu-divmenu li.icone-corregedoria a:before{content: "\f4fc";}
div.richbox-2 ul.menu-divmenu li.icone-perguntas a:before{content: "\f059";}
div.richbox-2 ul.menu-divmenu li.icone-educacao a:before{content: "\f501";}
div.richbox-2 ul.menu-divmenu li.icone-leilao a:before{content: "\f0e3";}
div.richbox-2 ul.menu-divmenu li.icone-cclade a:before{content: "\f502";}
div.richbox-2 ul.menu-divmenu li.icone-formularios a:before{content: "\f573";}

div.richbox-2 ul.menu-divmenu li a:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 20px 0 0;
    border-color: #3b4f8e transparent transparent transparent;
    position: relative;
    top: -15px;
    z-index: 1;
    left: 10px;
}
div.richbox-2 .jsn-menutitle {
    background: #3b4f8e;
    border-radius: 50px;
    text-transform: uppercase;
    vertical-align: middle;
    min-height: 50px;
    border-top: 6px solid #3d4f8e;
}

div.richbox-2 .line-1 .jsn-menutitle {
    padding: 10px 0 0 0;
    margin-top: 11px;
}
div.richbox-2 .line-2 .jsn-menutitle {
    padding: 0 0 4px 0;
    margin-top: 10px;
}

div.richbox-2 i {
  display: none;
}

@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
	div.richbox-2 ul.menu-divmenu li a {
	  font-size: 12px;
  	}
}
@media only screen and (max-width: 960px), (max-device-width: 960px) {
   	div.richbox-2 ul.menu-divmenu li {width: 48%}
	div.richbox-2 ul.menu-divmenu li a {
	  font-size: 14px;
  	}

  div.richbox-2 .line-2 .jsn-menutitle {
        padding: 10px 0 0 0;
        margin-top: 11px;
    }

}
@media only screen and (max-width: 425px), (max-device-width: 425px) {
   	div.richbox-2 ul.menu-divmenu li {width: 96%}
}


.richbox-2 .jsn-menu-mobile-control {
    display: none !important;
}


/**
 * MODULE CUSTOM
 *
 * INSERIR CLASSES DE CUSTOMIZACAO DE MODULOS EM ORDEM ALFABETICA
 * (EX.: LIGHTBOX -> RICHBOX -> SOLID)
 */

/* COMUNICADO */
.comunicado .jsn-article {font-size: 20px; text-align: center; width: 60%; margin: auto; line-height: 30px; margin-bottom: 20px;}
.comunicado .jsn-article h3 {font-size: 20px;}
@media only screen and (max-width: 768px), (max-device-width: 768px) {
	.comunicado .jsn-article {font-size: 16px; width: initial; line-height: 20px; margin-bottom: 16px;}
}


/* RAXO */
.columns-blue, .columns-blue .allmode-name, .columns-blue .allmode-topitem, .columns-blue .allmode-img img {
    border: 0px !important;
    border-color: #fff !important;
}
.allmode-columns, .allmode-columns .allmode-name, .allmode-columns .allmode-topitem, .allmode-columns .allmode-img img {
    border: 0px !important;
    border-color: #fff !important;
}

/* MODULE TITLE - TITULO CENTRALIZADO COM LOZANGOS PORTAL SC */
#jsn-pos-content-top .jsn-modulescontainer {padding-bottom: 0;}
.module-title-sc h3.jsn-moduletitle {font-size: 2em; color: #2c363d; text-align: center; padding: 2em 0;}
.module-title-sc.comunicado h3.jsn-moduletitle {padding: 2em 0 1em 0;}
.module-title-sc h3.jsn-moduletitle:before {content: " "; width: 42px; height: 21px; position: absolute; margin-left: -21px; background-image: url(/images/logo/module-title-sc.png); margin-top: -25px;}
.allmode-columns.module-title-sc,
.allmode-columns.module-title-sc .allmode-wrapper {margin-top: 0;}


/* MODULE TITLE - TITULO CENTRALIZADO COM LOZANGOS PORTAL SC */
.avisos-online h3.jsn-moduletitle  {
	font-size: 1.2em !important; 
	color: #ffffff; 
	text-align: center; 
	padding-top: 8px; 
	padding-bottom: 8px; 
	margin-top: -20px; 
	background: #cc0000; 
	width:100%}
	@media only screen and (max-width: 960px) and (min-width: 481px), (max-device-width: 960px) and (min-device-width: 481px) {.module-aviso-sc div.grid-layout4 div.grid-col, .module-aviso-sc div.grid-layout5 div.grid-col, .module-aviso-sc div.grid-layout6 div.grid-col {width: 50%; min-height: 272px;}



/* MODULE TITLE - TITULO CENTRALIZADO COM LOZANGOS PORTAL SC */
#slider-consultar-pontuacao

/**
 * EXTENSIONS
 *
 * INSERIR AJUSTES GERAIS EM EXTENSOES (MODULOS/COMPONENTES/PLUGINS) EM ORDEM ALFABETICA
 * ALTERACOES QUE AFETARAO TODAS AS INSTANCIAS DA EXTENSAO
 * (EX.: CONTENT -> DOCMAN -> RAXO)
 */

/* ARTICLE */
.jsn-article-toolbar .btn-group.pull-right {display: none}
/* DOCMAN */
div.docman_document div.docman_download {display: none;}
/* HEADER DOS ARTIGOS */
.page-header {margin: 20px 0px 10px 0px !important;}
.page-header:not(:first-child) {margin: 0px 0px 10px 0px;}
/* PAGINATION */
.pagination ul {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.jsn-pagination > span, .jsn-pagination > a{position: relative; top: 7px; padding: 6px 7px 7px 7px; border: 1px solid #ccc;}