@import url('https://fonts.googleapis.com/css?family=Assistant:300,600&display=swap');

body {
  margin:0;
  padding:0;
  overflow-x:hidden;
  font-family: 'Assistant', sans-serif;
  font-size:1.6em;
  line-height:1.5em;
}

.topo {
	background-color:rgb(230,240,245);
	height:60px;
	border-bottom: 1px solid rgba(0,0,0,.2);
	box-shadow: 0px 2px 0px 0px rgba(150,150,150,0.15);
	width:100%;
	float:left;
	z-index:97;
}

.logo {
	padding-top:25px;
	padding-bottom:35px;
	width:400px;
	}

footer {
	width:100%;
	float:left;
	background-color:rgb(195,210,225);
}

.nomargin {
	margin:0px;
}

.nopadding {
	padding:0px;
}

.setas {
	font-size:50px;
	padding:0;
	margin:0;
	line-height:120px;
	vertical-align: middle;
}

#solicitacoes {
	width:100%;
	float:left;
	padding-bottom:60px;
}

#solicitacoes a {
	width:19.2%;
	float:left;
	margin-left:1%;
	}
	
#solicitacoes a:first-child {
	margin-left:0;
	}
	
#solicitacoes a img {
	width:100%;
	border-radius:6px;
	border:4px solid rgb(205,215,220);
}

#box-logo {
	margin-top:0px;
	background-image: linear-gradient(to top, rgb(238,245,247) , rgb(225,230,235), rgb(135,160,180)); 
}

#logo {
	top:15px;
	left:130px;
	}
	
#logo img {
	width:110px;
	}

.carousel-inner img {
	width:100% !important;
	}

.titulo {
	padding:10px 10px 10px 20px;
	margin:0 0 15px 0;
	border:1px solid rgb(230,230,230);
	border-radius:4px;
}

.titulo h2 {
	position: relative;
  	display: inline-block;
  	padding:0;
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	width:auto;
	margin:0;
}

.outline {
	outline-offset: -7px;
	outline: 1px solid rgba(255,255,255,.8);
	z-index:100;
}

.outline-borda {
	outline-offset: -1px;
    outline: 1px solid #FFF;
}

.pointer {
	cursor:pointer;
}

.border {
	border:1px solid rgb(200,200,200);
}

.borderB {
	border-bottom:1px solid rgb(200,200,200);
}

.borderBP {
	border-bottom:1px dashed rgb(200,200,200);
}

.borderT {
	border-top:1px dashed rgb(200,200,200);
}

.borderL {
	border-left:1px solid rgb(200,200,200);
}

.borderR {
	border-right:1px solid rgb(200,200,200);
}

.border-branco {
	border:2px solid rgb(255,255,255);
}

.padding-logo {
	padding-top:15px;
}

.padding3-sic {
	padding:3px 3px 3px 20px;
}

.padding3 {
	padding:3px;
}

.padding3V {
	padding:3px 0px;
}

.padding5 {
	padding:5px;
}

.padding5B {
	padding-bottom:5px;
}

.padding5V {
	padding:5px 0px;
}

.padding10 {
	padding:10px;
}

.padding10L {
	padding-left:10px;
}

.padding10V {
	padding:10px 0px;
}

.padding10T {
	padding-top:10px;
}

.padding10B {
	padding-bottom:10px;
}

.padding12T {
	padding-top:12px;
}

.padding15 {
	padding:13px;
}

.padding15T {
	padding-top:15px;
}

.padding15V {
	padding:15px 0px;
}

.padding20 {
	padding:20px;
}

.padding20V {
	padding:20px 0px;
}

.padding20T {
	padding-top:20px;
}

.padding20B {
	padding-bottom:20px;
}

.padding25V {
	padding:29px 0px;
}

.padding30 {
	padding:30px;
}

.padding30B {
	padding-bottom:30px;
}

.padding30T {
	padding-top:30px;
}

.padding30V {
	padding:30px 0px;
}

.padding35T {
	padding-top:35px;
}

.padding40T {
	padding-top:40px;
}

.padding40B {
	padding-bottom:40px;
}

.padding50T {
	padding-top:50px;
}

.margin2T {
	margin-top:2px;
}

.margin5T {
	margin-top:5px;
}

.margin10V {
	margin:10px 0px;
}

.margin10R {
	margin-right:10px;
}

.margin13T {
	margin-top:13px;
}

.margin15V {
	margin:15px 0px;
}

.margin20V {
	margin:20px 0px;
}

.margin20B {
	margin-bottom:20px;
}

.margin20R {
	margin-right:20px;
}

.margin10L {
	margin-left:10px;
}

.margin10T {
	margin-top:10px;
}

.margin15T {
	margin-top:15px;
}

.margin20T {
	margin-top:20px;
}

.margin25T {
	margin-top:25px;
}

.margin-30T {
	margin-top:-30px;
}

.margin30V {
	margin:30px 0;
}

.margin30T {
	margin-top:30px;
}

.margin30B {
	margin-bottom:30px;
}

.margin40T {
	margin-top:40px;
}

.margin40V {
	margin:40px 0px;
}

.margin45V {
	margin:45px 0px;
}


.margin50V {
	margin:50px 0px;
}

.margin60T {
	margin-top:60px;
}

.margin65T {
	margin-top:65px;
}

.margin70T {
	margin-top:70px;
}

.margin80T {
	margin-top:80px;
}

.margin80B {
	margin-bottom:80px;
}

.margin150T {
	margin-top:150px;
}

.marginHr {
	margin:50px 0px !important;
}

.radius4 {
	border-radius:4px;
}

.radius4-bottom {
	border-radius:0 0 4px 4px;
	overflow:hidden;
}

.bg-branco {
	background-color:rgb(255,255,255);
}

.text-cinza {
	color:rgb(150,150,150);
}

.text-branco {
	color:rgb(255,255,255);
}

.shadow {
	-webkit-box-shadow:1px 1px 1px 1px rgba(150,150,150,0.2);
	-moz-box-shadow:1px 1px 1px 1px rgba(150,150,150,0.2);
	box-shadow:1px 1px 1px 1px rgba(150,150,150,0.2);
}

.height60 {
	height:60px;
}

.height350 {
	height:350px;
	overflow-y:auto;
	overflow-x:hidden;
}

.height410 {
	height:410px;
	overflow-y:auto;
	overflow-x:hidden;
}

.altura-box-1 {
	height:350px;
	overflow-y:auto;
	overflow-x:hidden;
}
	
.altura-box-2 {
	height:250px;
	overflow-y:auto;
	overflow-x:hidden;
}

.altura-box-3 {
	height:168px;
	overflow-y:auto;
	overflow-x:hidden;
}

.altura-box-4 {
	height:400px;
	overflow:hidden;
	object-fit: cover;
    object-position: center;
}

.box-icones {
	width:55px;
	height:100px;
	line-height:54px;
	padding:20px 25px;
	vertical-align:middle;
	background-color:rgb(250,175,70);
	color:rgb(255,255,255);
	display:inline;
	margin-right:20px;
	background: linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.2));
}

.img-thumb {
	width:100%;
	height:130px;
	object-fit: cover;
    object-position: center;
}

.img-secretaria {
	width:100%;
	height:200px;
	object-fit: cover;
    object-position: center;
}

.img-galeria-capa {
	width:100%;
	height:250px;
	object-fit: cover;
    object-position: center;
}

.img-noticia {
	width:100%;
	height:114px;
	object-fit: cover;
    object-position: center;
}

.img-galeria {
	width:100%;
	height:350px;
	object-fit: cover;
    object-position: center;
}

.box-expande {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.img-expande {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
	-webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
}

.img-expande:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
	cursor:pointer;
}
	
#noticia img {
	border-right:4px solid #FFF;
	}

.relative {
	position:relative;
}

.absolute {
	position:absolute;
}

.btn-fixo {
	position:absolute;
	bottom:0;
	right:0;
}

.btnPadrao , .btnPadrao:visited {
	padding:4px 12px;
	background-color:rgb(250,205,0);
	color:rgb(255,255,255);
}
	
.btnPadrao:hover , .btnPadrao:focus , .btnPadrao:active {
	background-color:rgb(220,180,0);
	color:rgb(255,255,255);
	text-decoration:none;
}

.panel-body {
	width:100%;
	padding:0;
	margin:0;
	}

.btnLista , .btnLista:visited {
	padding:10px;
	margin:0;
	display:block;
	color:rgb(50,50,50);
	border-bottom:1px dashed rgb(210,210,210);
}
	
.btnLista:hover , .btnLista:focus , .btnLista:active {
	background-color:rgb(245,245,245);
	text-decoration:none;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 35px;
  right: -4px;
}

.bs-callout {
    padding:20px;
    margin:15px 0;
    border:1px solid rgb(210,210,210);
}

.bs-callout-info {
    border-bottom:2px solid rgb(210,210,210);
}

.bs-callout-info:hover {
    border-bottom:2px solid rgb(60,130,190);
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 15px;
	padding-bottom:10px;
	color:rgb(60,130,190);
	border-bottom:1px dotted rgb(210,210,210);
}

div.tabCapa {
    overflow: hidden;
}

div.tabCapa button {
	border:1px solid rgb(180,180,180);
	border-bottom:none;
	margin-bottom:-1px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	margin-right:1px;
	padding:12px 24px;
	outline: none;
    cursor: pointer;
	float: left;
	transition: 0.3s;
    font-size:0.9em;
	}
	
div.tabCapa button:hover {
    background-color:rgba(255,255,255,.5);
}

div.tabCapa button.active {
    background-color:rgb(255,255,255);
}

.conteudoTab {
    display: none;
    padding:20px 30px;
    border: 1px solid rgb(200,200,200);
    border-top: none;
}

.paddingConteudoTab {
	padding:20px 10px;
	}
	
.carousel-control {
	display:none;
	}



/* --- MENU --- */

#navbar {
	width:100%;
	margin:0;
	background-color:rgb(35,75,110);
	z-index:999 !important;
}
	
.nav-menu {
    cursor: default;
    z-index: 500;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    z-index: 99 !important;
    left: 0px;
    top: 0;
    height:55px;
}

.nav-menu > li {
    display: block;
    float: left;
	width:16.6666%;
}

.nav-menu a {
	text-decoration:none !important;
}

.nav-menu > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 55px;
    line-height: 55px;
	font-size:0.95em;
	font-weight:700;
	text-transform:uppercase;
    border-left: 1px solid rgba(255,255,255,.2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
	text-decoration:none;
	text-align:center;
	color:rgb(255,255,255);
}

.nav-menu > li:hover > a {
	background:rgb(20,55,85);
	color:rgb(255,255,255);
}

.nav-menu > li:last-child > a {
    border-right: 1px solid rgba(255,255,255,.2);
}

.nav-menu > li > ul {
    position: relative;
    left: 0 !important;
    opacity: 0;
	padding:20px 0;
    visibility: hidden;
    overflow: hidden;
	z-index:100 !important;
    background:rgb(20,55,85);
	color:rgb(255,255,255);
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
	border: 1px solid rgba(0,0,0,.1);
}

.nav-menu > li:hover > ul {
    opacity: 1;
    visibility: visible;
    overflow: visible;
	list-style:none;
	padding:0;
	margin:0;
	border:none !important;
}

.nav-menu > li > ul > li {
	display:block;
	padding:10px !important;
	color:rgb(255,255,255);
	border:0 !important;
	border-top:1px solid rgba(255,255,255,.2) !important; 
}

.nav-menu > li > ul > li:hover {
	background-color:rgba(255,255,255,.15);
	}
	
.nav-menu > li > ul > li > a {
	color:#FFF;
	font-size:0.95em;
	font-weight:700;
	text-transform:uppercase;
	}
	
.content {
  	padding:0;
}


::-webkit-scrollbar              {background:rgba(255,255,255,.3); width:10px;}
::-webkit-scrollbar-track        {background-color:rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);}
::-webkit-scrollbar-track-piece  {background-color:rgba(255,255,255,0.1);}
::-webkit-scrollbar-thumb        {background-color:rgb(35,75,110);}



.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    visibility: visible;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: rgb(20,50,80);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav .closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 25px;
  margin-left: 50px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50px;
  padding:8px 15px;
  text-decoration:none; 
  color:rgb(255,255,255);
}