@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
* {
	margin:0;
	padding:0;
}
html {
  position: relative;
  min-height: 100%;
}

body {
	background: linear-gradient(to bottom, #83aed4 100px, white, white,white,white);
	margin-bottom: 270px;
}
.container-white{
	
}

p{
	text-align: justify;
}
.top25{
	margin-top:25px;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 200px; /* Set the fixed height of the footer here */
  background-color: #034ab9;
}

#topo {
	background: linear-gradient(to bottom, white 70%, #034ab9 30%);

	/*background-color: #fff;*/
	min-height: 200px;
	width: 100%;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}

#busca{
	margin-top: 38px;
}
#social_topo{
	margin-top:7px;
}
#social_topo img{
	margin-right: 10px;
}
#menu{
	margin-top: 10px;
	width: 100%;
	text-align: center;
}
#mapa_links{
   display:none;
}
#mapa_imagem{
   display:block;
}
.navbar-light .navbar-nav .nav-link {
    color: white;
    font-weight: bold;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}
.end-footer{
	margin-top: 15px;
	font-size: 12px;
	color: white;
}
.end-footer p{
	margin-top: 5px;
	margin-left: 5px;
}
.social-footer{
	margin-top: 15px;
	font-size: 12px;
	color: white;
	vertical-align: middle;
}
.social-footer-icon{
	margin-top: 10px;
	font-size: 12px;
	color: white;
	vertical-align: middle;
}
.agevap-footer{
	margin-left: 15px;
	margin-top: 20px;
	font-size: 9px;
	color: white;
}
.indicador-footer{
	width:  100%;
	margin-top: 15px;
}
.logo-footer{
	margin-top:-90px;
}
#mapa{
	background-color: #83aed4;
	min-height: 40px;
	width: 100%;
}
/* CONTRASTE INICIO */
/* fundos */
.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article {
    background: black !important;
    color: white !important;
}

/* textos */
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;
}
/* formulários */
.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

/* CONTRASTE FIM */

#recursos{
	font-size: 12px;
	padding-top: 10px;
	text-align: right;
}
#recursos ul{
	padding:0px;
	margin:0px;
	width: 100%;
	list-style:none;
}
#recursos ul li{
	display: inline !important;
	margin-left: 25px;
}
#conteudo{
	margin-bottom: 200px;
}
.corte-imagem{
	width:100%;
	height: 420px;
	overflow:hidden;
}
.carousel-inner{
	padding-bottom: 55px;
}
.carousel-caption {
    position: absolute;
    margin-left: -10%;
    bottom: 20px;
    width: 90%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #000;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(255,255,255,0.8);

}
.carousel-indicators {
    position: absolute;
    bottom: 0px;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0px;
    text-align: left;
    list-style: none;
    background-color: #83aed4;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #0c51b7;
}
.not-number{
    float: left;
    width: 50px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 30px;
    font-weight: bold;
    margin-left: 5px;
}
.not-desc{
	font-size: 12px;
    line-height: 1.4;

}
.not-conteudo{
	padding: 0 15px;
    padding-bottom: 10px;
    line-height: 14px;
    position: relative;
}
.Quadro {
    padding: 15px 0;
    padding-bottom: 5px;
	width: 300px; 
	height: 60px; 
	color: #fff;
}
.box-noticia{
	font-family: 'Roboto Slab', serif;
	margin-left: 30px;
	margin-top:100px;
	width: 300px;
	height: 250px;
	background-color: rgba(0,0,0,0.5);
}
.box-noticia h2{
	color: #fff;
	font-size: 24px;
	padding: 45px 20px;
    padding-bottom: 60px;
}
.box-noticia h2 a{
	color: #fff;
}
#botoes{
	background-color: #abd5a6;
	padding-top: 20px;
	min-height: 440px;

}
.cx_botoes{
	width: 312px;
	height: 189px;
	background-image: url("../images/cx_home_buttons_bg.png");
	background-repeat: no-repeat;
	margin: auto;
}
#comunicados{
	min-height: 200px;
	background-color: #8cb388;
}
.comunicado-text {
	color: white;
	font-size: 12px;
	text-align: justify;
}
.carousel-control-next, .carousel-control-prev { width:5%; }

#mapa-uph{
	padding-top: 20px;
}
.mapa-menu{
	list-style: none;
}
.mapa-sub{
	margin-left:15px;
}
.mapa-sub a{
	text-decoration: none;
	color: #000;
}
.mapa-sub a:hover{
	text-decoration: underline;
	color: #000;
}
.mapa-principal{
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
}
.mapa-principal a{
	text-decoration: none;
	color: #000;
}
.mapa-principal a:hover{
	text-decoration: underline;
	color: #000;
}
.bt_img{
	float: left;
	margin-left: 20px;
	margin-top: 25px;
}
.bt_txt{
	padding-left: 110px;
	font-weight: bold;
	color: #5e8dc2;
	font-size: 18px;
	padding-top: 30px;
}
.bt_txt span{
	font-weight: normal;
	color: #000;
	font-size: 14px;
}
.bt_cx{
	margin-left: 20px;
	width: 270px;
	margin-top: 25px;
}
.bd-callout {
    padding: 1rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.bd-callout-info {
    border-left-color: #5bc0de;
}
.bd-callout-info h4 {
    color: #5bc0de;
}
.bt-membros{
	margin-bottom: 5px;
	width: 200px;
}
.clickable{
    cursor: pointer;   
}

.panel-heading span {
	margin-top: -20px;
	font-size: 15px;
}
.doc {
	margin-bottom: 10px;
}
.link{
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 20px;
}
#botao-col-2{
	margin-top: 20px;
}
.carousel-background{
	background-repeat:no-repeat!important; 
	background-position: center!important;
	background-size:cover!important; 
	height: 400px!important;
}
#picture-news{
	width:500px; 
}
#picture-news-credit{
	width:500px; 
	text-align:right; 
	font-size:11px;
}
#picture-news-legend{
	width:500px; 
	text-align:center; 
	font-size:12px;
}
.img-mais{
	float:left; 
	margin:0 15px 10px 0; 
	height:98px;
}
.lst_reuniao li{
	display: block;
	list-style-type:none;
	margin-left:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;;
	color: #333333;	
	padding-bottom:5px;
	
}
.lst_reuniao li a{
	background-image:url(../images/download-icon.png);
	background-repeat:no-repeat;
	background-position:left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	margin-left:15px;
	padding-left:30px;
}
.lst_reuniao li a:hover{
	color:#00adef;
	text-decotaion: none;
}
.lst_reuniao .titulo{
	padding-top:20px;
}
.lst_reuniao p{
	margin-left:45px;
}

@media (max-width: 480px) 
{
	#picture-news, #picture-news-credit, #picture-news-legend{
		width:100%; 
	}
	#topo {
		background: linear-gradient(to bottom, white 60%, #034ab9 40%);
	}
	.img-mais{
		display: none;
	}

	#menu{
		margin-top: 20px;
		width: 100%;
		padding-left: 0%;
		text-align: left;
	}

	#recursos{ 
		display: none; 
	}

	.carousel-indicators {
		display: none;
	}
	.carousel-inner {
		padding-bottom: 5px;
	}
	.carousel-caption{
		display: block!important;
	}

	#footer {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  min-height: 430px; /* Set the fixed height of the footer here */
	  background-color: #034ab9;
	}
	#conteudo{
		margin-bottom: 550px;
	}
	#social_topo{
		display: none;
	}
	#busca{
		display: none;
	}
	#topo{
		min-height: 100px;
	}
	.logo-footer{
		text-align: right;
	}
	.logo-footer img{
		text-align: right;
		max-width: 20%;
	}
	.agevap-footer{
		margin-left: 0px;
	}
	#agevap-footer-img{
		height: 150px;
	}
	#botao-col-2{
		margin-top: 0px;
	}
	.box-fluid{
		padding: 0px;		
	}
	.carousel-background{
		height: 300px;"
	}
	#mapa_links{
	   display:block;
	}
	#mapa_imagem{
	   display:none;
	}
}