/*
*  css reset
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
}

/*
Padrao
*/

* {margin: 0;}

@font-face {
  font-family: Lato-Bold;
  src: url('../fonts/lato/Lato-Black.ttf');
  font-weight: bold;
}

@font-face {
  font-family: Lato-Light;
  src: url('../fonts/lato/Lato-Medium.ttf');
  font-weight: bold;
}



.spand-menu {
	width: 100%;
	min-width: 1150px;
	height: 100px;
	background-image: url('../images/fundo-header.png');
	margin-bottom: -100px;
}

/*
Cabecalho Site
*/

/*
Cabecalho - Header
*/

header.cabecalho .menu .left {
/* Spande o menu infintamente*/
	width: 50%;
	height: 95px;
	background-image: url('../images/fundo-header.png');
	/*background-color: #363636;*/
	float: left;
}

header.cabecalho .menu .right {
/* Spande o menu infintamente*/
	width: 50%;
	height: 95px;
	background-image: url('../images/fundo-header.png');
	/*background-color: #363636;*/
	float: right;
}

header.cabecalho .menu .nav-menu {
	/* Define o menu em 999px reletivos */
	/* Retirar position relative se quiser esconder o menu */
	position: relative;
	width: 999px;
	height: 95px;
	min-width: 999px;
	margin: 0 auto;
	background-image: url('../images/fundo-header.png');
	/*background-color: #ccc;*/
}

header.cabecalho .menu .nav-menu .logo {
	/* Define a posição da logo no menu */
	width: 238px;
	height: 130px;
	position: relative;
	left: -20px;
	/*background-color: #ddd;*/
	margin: 0 auto;
}

header.cabecalho .menu .nav-menu .logo img.logo-img-header {
	/* Ajusta  imagem da logo no bloco respectivo */
	position: relative;
	top: -100px;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	align-items: center;
}

header.cabecalho .menu .nav-menu .menu-left {
	/*Define o menu esquerdo*/
	position: relative;
	top: -150px;
	left: 10px;
	width: 320px;
	height: 100px;
	float: left;
	/*background-color: #363636; */
}

header.cabecalho .menu .nav-menu .menu-left ul li {
	position: relative;
	top: 20px;
	left: -25px;
	width: 80px;
	height: 88px;
	margin-left: 5px;
	display: inline-block;
	list-style: none;
	text-align: center;
}

header.cabecalho .menu .nav-menu .menu-left ul li:hover {
	background-color: #ffb240;
}

header.cabecalho .menu .nav-menu .menu-left ul li a{
	position: relative;
	top: 40px;
	text-decoration: none;
	color: #1e452b;
	font-family: Lato-Light;
	text-transform: uppercase;
	font-size: 14px;
	/*background-color: red;*/
}

header.cabecalho .menu .nav-menu .menu-left ul li.edu {
	position: relative;
	top: -68px;
	left: 245px;
}

header.cabecalho .menu .nav-menu .menu-left ul li.ini {
	position: relative;
	left: -14px;
	width: 80px;
}

header.cabecalho .menu .nav-menu .menu-right {
	/*Define o menu esquerdo*/
	position: relative;
	top: -150px;
	left: 25px;
	width: 320px;
	height: 100px;
	float: right;
	/*background-color: #363636; */
}

header.cabecalho .menu .nav-menu .menu-right ul li {
	position: relative;
	top: 20px;
	left: -95px;
	width: 80px;
	height: 88px;
	margin-left: 5px;
	display: inline-block;
	list-style: none;
	text-align: center;
}

header.cabecalho .menu .nav-menu .menu-right ul li:hover {
	background-color: #ffb240;
}

header.cabecalho .menu .nav-menu .menu-right ul li a{
	position: relative;
	top: 40px;
	text-decoration: none;
	color: #1e452b;
	font-family: Lato-Light;
	text-transform: uppercase;
	font-size: 14px;
	/*background-color: red;*/
}

header.cabecalho .menu .nav-menu .menu-right ul li.fal {
	position: relative;
	top: -68px;
	left: 170px;
	width: 125px;
}


/*
Style Index
*/

.banner {
	width: 100%;
	height: 650px;
	margin-bottom: -580px;
	min-width: 999px;
	background-image: url('../images/fundo-banner.png');
}

/*.banner .container .blueberry ul.slides {
	position: relative;
    top: -92px;
}

.banner .container .blueberry ul.slides li img {
	width: 100%;
	border: 5px solid #fff;
	border-left: 2px solid #fff;
	border-top: 5px solid #fff;

}



.banner .container .blueberry ul.pager {
	position: relative!important;
	top: -90px!important;
	z-index: 99999999999999999;
}
*/


/*
Destaques Home
*/

.destaques-home {

	width: 900px;
	min-width: 900px;
	height: 570px;
	margin: 120px auto;
	padding-left:80px;
	/*background-color: #ccc;*/
}

.destaques-home .box {
	position: relative;
	top: 80px;
	left: 8px;
	width: 400px;
	height: auto;
	max-height: 420px;
	/*background-color: #ddd;*/
	display: inline-block;
	border-right: 2px solid #e9ae4a;
}

.destaques-home .box.border-none {
	border: none;
}

.destaques-home .box .title-box {
	font-family: Lato-Light;
	color: #446249;
	font-size: 15px;
}

.destaques-home .box .title-box strong {
	font-family: Lato-Bold;
	color: #446249;
	font-size: 19px;

}


.destaques-home .box .img {
	margin-top: 25px;
	width: 350px;
	height: 150px;
}

.destaques-home .box .text {
	width: 265px;
	height: 500px;
	margin-top: 25px;
	margin-left: 5px;
}

.destaques-home .box .text p{
	width: 345px;
	font-family: Lato-Light;
	word-wrap: break-word;
  text-align: justify;
	color: #606060;
}

.destaques-home .box a.saiba-mais {
	position: relative;
	left: 78px;
	margin-top: 25px;
	float: right;
	background-color: #751159;
	color: #fff;
	text-decoration: none;
	font-family: Lato-Light;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	border-radius: 5px;
	text-align: center;
}

.destaques-home .box a.saiba-mais:hover {
	background-color: #1a91f6;
}


/*
Parte de terra com video home
*/

.terra {
	width: 100%;
	height: 500px;
	min-width: 999px;
	background-image: url(../images/fundo-terra.png);
}

.terra .container {
	width: 999px;
	min-width: 999px;
	height: 400px;
	margin: 0 auto;
}

.terra .text-h2{
	font-family: Lato-Bold;
	color: #fff;
	width: 320px;
	margin: 0 auto;
	margin-left: 20px;
	margin-top: 90px;
	float: left;
	font-size: 23px;
	float: left;
}

.terra .text{
	font-family: Lato-Light;
	color: #fff;
	width: 320px;
	margin: 0 auto;
	margin-top: 210px;
	margin-left: -320px;
	float: left;
	font-size: 21px;
}

.terra .iframe-home {
	position: relative;
	top: 90px;
	left: 30px;
}

/*
Newsletter Home
*/

.newsletter {
	width: 100%;
	height: 700px;
	min-width: 999px;
	background-image: url(../images/fundo-newsletter.png);
}


.newsletter .container {
	width: 999px;
	height: 700px;
	margin: 0 auto;
	/*background-color: #ccc;*/
}

.newsletter .container .title {
	position: relative;
	top: 70px;
	left: 45px;
	width: 500px;
	font-family: Lato-Light;
	text-transform: uppercase;
	color: #751159;
	font-size: 23px;

}

.newsletter .container .title img {
	float: left;
	margin-top: -12px;
	margin-left: -35px;
}

.newsletter .container .aligner {
	width: 500px;
	height: 200px;
	display: inline-block;
}

.newsletter .container .box {
	position: relative;
	top: 110px;
	width: 440px;
	height: 200px;
	float: left;
	margin-bottom: -25px;
}



.newsletter .container .box h1{
	font-size: 16px;
	font-family: Lato-Bold;
	color: #bb508a;
}

.newsletter .container .box h2{
	margin-top: 14px;
	font-size: 12px;
	font-family: Lato-Bold;
	color: #1a91f6;
}

.newsletter .container .box h3{
	margin-top: 10px;
	font-size: 15px;
	font-family: Lato-Light;
	color: #9b5c51;
}

.newsletter .container .box .ver-mais {
	position: relative;
	left: -20px;
	margin-top: 25px;
	float: right;
	background-color: #751159;
	color: #fff;
	text-decoration: none;
	font-family: Lato-Light;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	border-radius: 3px;
	text-align: center;
}

.newsletter .container .box .ver-mais:hover {
	background-color: #1a91f6;
}

.newsletter .container .news {
	position: relative;
	left: 400px;
	top: -415px;
	width: 440px;
	height: 500px;
	background-image: url('../images/fundo-news.png');
	/*background-color: #751159;*/
	float: right;
}

.newsletter .container .news h1 {
	margin-top: 50px;
	font-family: Lato-Light;
	font-size: 48px;
	color: #fff;
	font-weight: normal;
}

.newsletter .container .news img {
	margin-top: -10px;
	margin-left: 18px;
	float: left;
}

.newsletter .container .news h1 strong {
	font-family: Lato-Bold;
	font-size: 45px;
	color: #f1f1f1;
}

.newsletter .container .news h2 {
	margin-top: 60px;
	font-family: Lato-Light;
	color: #fff;
	text-align: center;
	font-size: 23px;
}

.newsletter .container .news h3 {
	margin-top: 25px;
	margin-left: 20px;
	font-size: 20px;
	font-family: Lato-Light;
	color: #cd8e4d;
}

.newsletter .container .news .input-nome {
	width: 395px;
	height: 30px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 10px;
}

.newsletter .container .news .input-email {
	width: 395px;
	height: 30px;
	margin-left: 20px;
	margin-top: 5px;
	padding-left: 10px;
}

.newsletter .container .news .btn-enviar {
	position: relative;
	left: -20px;
	margin-top: 25px;
	float: right;
	background-color: #1a91f6;
	color: #fff;
	text-decoration: none;
	font-family: Lato-Light;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	border-radius: 3px;
	text-align: center;
	border: none;
	font-size: 17px;
	cursor: pointer
}

/*
Galeria - Home
*/

.galeria-home {
	width: 100%;
	height: 300px;
	background-color: #ffbc55;
}

.galeria-home .container {
	width: 999px;
	min-width: 999px;
	height: 300px;
	margin: 0 auto;
	/*background-color: #ccc;*/
}

/*Bloco Participe - Home
*/

.participe {
	width: 100%;
	height: 60px;
	background-color: #fff;
}

.participe .container {
	width: 999px;
	height: 60px;
	margin: 0 auto;
	background-color: #fff;
}

.participe .container h1 {
	font-family: Lato-Light;
	font-size: 28px;
	color: #3b5998;
	text-align: center;
	margin-top: 25px;
	margin-left: -50px;
}
.participe .container h1 img {
	position: relative;
	top: -7px;
	left: -140px;
	float: right;
}

/*
Rodape Site
*/

/*
Rodape - Footer
*/

.rodape {
	width: 100%;
	height: 440px;
	background-image: url('../images/fundo-rodape.png');
}

.rodape .container {
	position: relative;
	top: 40px;
	bottom: 0;
	left: 60px;
	width: 999px;
	height: 400px;
	min-width: 999px;
	margin: 0 auto;
}

.rodape .container .menu {
	width: 150px;
	height: 275px;
}

.rodape .container .menu ul {
	margin-top: 23px;
}

.rodape .container .menu ul li {
	list-style: none;
	margin-top: 5px;
}

.rodape .container .menu ul li a{
	text-decoration: none;
	font-family: Lato-Light;
	color: #fff;
	font-size: 16px;
}

.rodape .container .menu ul li a:hover {
	text-decoration: underline;

}

.rodape .container .menu ul li a strong{
	font-family: Lato-Bold;
	font-weight: bold;
}

.rodape .container .copy h1{
	position: relative;
	top: 105px;
	left: -50px;
	text-align: center;
	font-family: Lato-Light;
	color: #fff;
	font-size: 13px;
}

.rodape .container .copy img.logo-designtec {
	float: right;
	margin-top: 91px;
	position: relative;
	left: -60px;
}

.rodape .container iframe {
	height: 320px!important;
}
.rodape .container .facebook {
	position: relative;
	top: -291px;
	left: 250px;
	width: 300px;
	height: 330px;
}

.rodape .container .facebook span {
	height: 200px!important;
}

.rodape .container .telefones {
	width: 330px;
	height: 300px;
	margin-top: -286px;
	margin-left: 610px;
	/*float: left;*/
}

.rodape .container .telefones h1.telefone {
	font-size: 25px;
	font-family: Lato-Bold;
	color: #fff;
}


.rodape .container .telefones h1.telefone img {
	float: left;
	margin-top: -288px;
    margin-left: -30px;
}

.rodape .container .telefones h2.telefone {
	font-size: 13px;
	font-family: Lato-Light;
	color: #fff;
	margin-top: 5px;
}


.rodape .container .telefones h3.email {
	font-size: 14px;
	font-family: Lato-Light;
	color: #fff;
	margin-top: 35px;
}

.rodape .container .telefones h3.email img {
	position: relative;
	top: -147px;
    left: -30px;
	float: left;
}

.rodape .container .telefones .parceiros {
	position: relative;
	top: 50px;
	width: 330px;
	height: 90px;
	background-color: #fff;
}

.rodape .container .telefones .parceiros h1 {
	font-size: Lato-Light;
	font-size: 15px;
	color: #6f6f6f;
	margin-top: -122px;
	margin-left: 28%;
	float: left;
}

.rodape .container .telefones .parceiros img.icon-prefeitura {
	position: relative;
	left: 13px;
    top: -95px;
	float: left;
}

.rodape .container .telefones .parceiros img.icon-governo {
    position: relative;
	top: -88px;
    left: -25px;
	float: right;
}

.rodape .container .telefones .parceiros h2.line {
	position: relative;
	height: 52px;
    top: 28px;
    left: 164px;
    width:2px;
	background-color: #525252;
}

.rodape .container .telefones .parceiros h3 {
	margin-top: -60px;
	margin-left: 270px;
	font-size: Lato-Light;
	color: #6f6f6f;
}

.rodape .container .telefones .parceiros h3 img {
	position: relative;
	top: 5px;
	left: -10px;
}

.row {
			display: flex;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
		}

		.col {
			flex-basis: 0;
			flex-grow: 1;
			max-width: 100%;
		}

		.col-auto {
			flex: 0 0 auto;
			width: auto;
			max-width: 100%;
		}

		.col-1,
		.col-2,
		.col-3,
		.col-4,
		.col-5,
		.col-6,
		.col-7,
		.col-8,
		.col-9,
		.col-10,
		.col-11,
		.col-12,
		.col,
		.col-auto {
			position: relative;
			width: 100%;
			padding-right: 15px;
			padding-left: 15px;
			box-sizing: border-box;
		}

		.col-1 {
			flex: 0 0 8.33%;
			max-width: 8.33%;
		}

		.col-2 {
			flex: 0 0 16.66%;
			max-width: 16.66%;
		}

		.col-3 {
			flex: 0 0 25%;
			max-width: 25%;
		}

		.col-4 {
			flex: 0 0 33.33%;
			max-width: 33.33%;
		}

		.col-5 {
			flex: 0 0 41.66%;
			max-width: 41.66%;
		}

		.col-6 {
			flex: 0 0 50%;
			max-width: 50%;
		}

		.col-7 {
			flex: 0 0 58.33%;
			max-width: 58.33%;
		}

		.col-8 {
			flex: 0 0 66.66%;
			max-width: 66.66%;
		}

		.col-9 {
			flex: 0 0 75%;
			max-width: 75%;
		}

		.col-10 {
			flex: 0 0 83.33%;
			max-width: 83.33%;
		}

		.col-11 {
			flex: 0 0 91.66%;
			max-width: 91.66%;
		}

		.col-12 {
			flex: 0 0 100%;
			max-width: 100%;
		}