@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200italic,200,300italic,300,400italic,400,600italic,600,700italic,700,900);
/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:500);
*/

html, body { font-family: 'Titillium Web', sans-serif; background-color: #f4f4f2 /*e4e4e4*/ }

#corpo_teste { background-color: yellow; width: 100%; height: 100% }

.title { font-weight: bold; padding: 0 2px 0 2px }

#corpo { font-size: medium; color: #000; line-height: 1.5; border-top: thin silver dotted; padding-top: 10px }

#Administrativo { display: block }
#Urbanismo { display: block }

.sub-menu{padding-left:0;margin-bottom:0;list-style:none}
.sub-menu>li{ line-height: 2.5em }
.sub-menu>li>a{padding:10px 15px}
.sub-menu>li>a:hover,.sub-menu>li>a:focus{text-decoration:none;background-color:#eee}
.sub-menu>li.disabled>a{color:#777}
.sub-menu>li.disabled>a:hover,.sub-menu>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.sub-menu .open>a,.sub-menu .open>a:hover,.sub-menu .open>a:focus{background-color:#eee;border-color:#337ab7}
.sub-menu .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.sub-menu>li>a>img{max-width:none}


.vjs-default-skin .vjs-big-play-button{
left:0;
top:0;
font-size:3em;
display:block;
z-index:2;
position:absolute;
width:4em;
height:2.6em;
text-align:left;
vertical-align:middle;
cursor:pointer;
opacity:1;
background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button,
.vjs-default-skin .vjs-volume-bar {
  visibility: hidden;
}


.desenha-icon {
	float: right;
/* 	margin-top: 5px; */
    width:25px;
    height:25px;
/*    overflow:hidden;
    position: relative;
*/
}


.imagem-lupa {
	
}

.lupa {
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1000;
	margin-bottom: -20px;
	font-size: x-large;
	background-color: black;
	opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	width: 50px;
	text-align: center;
	color: white
}

.img-executivo { margin: 5px; width: 150px; }
.img-presidente { margin: 0; width: 200px }


.desenha-icon .simbolo-mais {
    width:25px;
    height:25px;

/*
    position: absolute;
    top: -131px;
    left: -129px;
*/
}

.item-ata { background-color: #f4f4f2; margin: 5px  }

.mostra_data { float: left; width: 60px; margin-right: 5px; margin-top: 5px; }

.mostra_data p {
	padding-top: 10px;
	font-family: Helvetica, sans-serif; 
	font-size: 20px; text-align: center; color: #9e9e9e; background-color: #fff 
}

.mostra_data p span {
	background: #be1e2d; 
/*	background: linear-gradient(top, #d10000 0%, #7a0909 100%);
	background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
	background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%); */
	font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; 	
	display: block;
	border-top: 3px solid #a13838;
	padding: 6px 0 6px 0;
}


header, main, article { background-color: white }
.container { margin: auto; padding: 5px 10px; width: 100% }
.apresentacao { margin: auto; padding: 10px 15px; width: 100% }
.navbar { margin-bottom: 0 }

#video-view { /*background-color:#000; font-size:150%;*/ position: relative; width: 50%; height: 50%; display:none }

#secundario-video { vertical-align: middle; margin-top: 5px; margin-bottom: 35px }
#secundario-video img { width: 100%; height: auto }
#secundario-video img:hover { opacity: 0.8; filter: alpha(opacity=80); }
#secundario-video:hover .show-play-hover { display : block; }

#primario-video { vertical-align: middle; margin-top: 5px }
#primario-video img { /* width: 100%; */ height: auto }
#primario-video img:hover { opacity: 0.8; filter: alpha(opacity=80); }
#primario-video:hover .show-play-hover { display : block; }

/*
.img-video1 { position:absolute; top: 0px; left: 0px; z-index: 1; }
*/
.img-video2 { position:absolute; top: 10px; left: 25px; z-index: 3; width: 35px; }

.video-item-imagem { width: 100%; padding-bottom: 56.25%; background-position: center; background-size: cover; }

/* #separador-video { vertical-align: middle; height: 190px; overflow: hidden; margin-top: 5px }
#separador-video img { width: 300px; height: auto }
#separador-video img:hover { opacity: 0.8; filter: alpha(opacity=80); }
#separador-video:hover .show-play-hover { display : block; }
*/

#separador-video { padding: 0; margin: 0 }

/* .show-play { top: 0; left: 0; background: url('/SiteAssets/images/play-silver.png') 100px 35px; background-size: 75px 75px; background-repeat: no-repeat; display: none; z-index: 9999; } */
.show-play { top: 10px; left: 25px; width: 35px; height: 35px; position: absolute }
.show-play-hover { top: 10px; left: 25px; width: 35px; height: 35px; position: absolute; display: none }
.show-play img{  }

.img-wrap { position:relative }
.img-wrap img.logo { top:0; left:0; width: 30px; height: 30px }

#Gabinete { display: none }

#noticias-flash { margin: 0; padding: 0; background-color: aqua }
#Noticias .item-quadro { background-color: #f7f7f7; margin-top: 5px; margin-left: 5px; width: 370px; height: 82px; overflow: hidden }
#Noticias .item-quadro-barra { padding-top: 5px; padding-bottom: 5px; width: 745px; border-bottom: 2px maroon solid }
#Noticias a, #Noticias a:link, #Noticias a:visited { text-decoration: none; color: #000 }
#Agenda .item-quadro { background-color: #f7f7f7; margin-top: 5px; margin-left: 5px; width: 370px; height: 82px; overflow: hidden }
#Agenda .item-quadro-barra { background-color: #cccccc; margin-top: 5px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; width: 370px;}
#Agenda a, #Agenda a:link, #Agenda a:visited { text-decoration: none; color: #000 }
#Destaques .item-quadro { background-color: #f7f7f7; margin-top: 5px; margin-left: 5px; width: 370px; height: 82px; overflow: hidden }
#Destaques .item-quadro-barra { padding-top: 5px; padding-bottom: 5px; width: 745px; border-bottom: 2px maroon solid }
#Destaques a, #Destaques a:link, #Destaques a:visited { text-decoration: none; color: #000 }


/*
#Noticias .item-quadro .item-quadro-imagem { height: 80px ; width: 80px; background-image: url("/SiteAssets/images/camera.gif"); background-size: 50px; background-repeat: no-repeat; background-position: center; float: left; position: relative; margin: auto; margin-right: 5px }
#Noticias .item-quadro .item-quadro-imagem img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.item-quadro-imagem { height: 80px ; width: 80px; float: left; overflow: hidden }
.item-quadro-imagem img { min-width: 80px; min-height: 80px }
*/
.item-quadro-imagem {  }
.item-quadro-imagem img {}

.videos-title	{ border-bottom: 2px gray solid; font-size: x-large; margin-bottom: 5px; padding-top: 10px; color: black; text-transform: uppercase; }
.noticias-title	{ border-bottom: 2px gray solid; font-size: x-large; margin-bottom: 5px; margin-top: 10px; margin-right: 5px; color: black; text-transform: uppercase; }
.agenda-title	{ border-bottom: 2px gray solid; font-size: x-large; margin-bottom: 5px; margin-top: 10px; margin-left: 5px; color: black; text-transform: uppercase; }

#videos-flash { margin: 0; padding-right: 10px }

/* #videos-flash { margin: 0; width: 100% } */

.titulo { padding: 0 }

.menu { padding-top: 0; padding-bottom: 0 }

.tabela-contatos { background-color: #f7f7f7; color: #000; font-size: small }

#promocao { margin: 0; padding: 0 }
#promocao .item { display: block }
#promocao .item img { display: block; width: 100%; height: auto; position: relative }
#promocao .item .caption { position: absolute; bottom: 0px; left: 0px; width: 100%; background: url('/SiteAssets/images/Translucent_50_percent_white.png') }

#banner-promocao { display: block; width: 560px; float: left }
#banner-promocao .item { display: block; max-height: 400px; overflow: hidden }
#banner-promocao .item img { display: block; width: 560px; height: auto; position: relative }
#banner-promocao .item-video { margin: auto; }

#banner { }
#banner .item { display: block; max-height: 300px; overflow: hidden }
#banner .item img { display: block; width: 100%; height: auto; position: relative; margin: 0 auto }
#banner .item .caption { position: absolute; bottom: 0px; left: 0px; width: 100%; background: url('/SiteAssets/images/Translucent_50_percent_white.png') }

#banner-noticias { }
#banner-noticias .item { display: block; max-height: 300px; overflow: hidden }
#banner-noticias .item img { display: block; width: 100%; height: 100%; position: relative; margin: 0 auto }
#banner-noticias .item .caption { position: absolute; top: 0px; left: 0px; width: 30%; height: 100%; background: url('/SiteAssets/images/Translucent_50_percent_white.png') }

#separadores { padding-left: 0 }
#separadores .row { margin-left: 0; margin-right: 0 }

.azul { border-bottom: 5px navy solid; width: 100%; margin: 10px 0 0 0; padding: 0 }
.verde { border-bottom: 5px green solid; width: 100%; margin: 10px 0 0 0; padding: 0 }

.contactos { list-style-type: none; padding: 0; margin: 0 }

.sem-margem { padding: 0 }

.hmmc-roll-up { width: 100%; background-color: silver }
.roll-up_cell { text-align: center }
.roll-up_cell { width: 25%; display: inline-block }
.roll-up_cell img { width: 200px }

.edital { margin-bottom: 10px; background-color: #f7f7f7; color: #000; font-size: small; border-bottom: 1px gray solid }

#owl-demo .item{
  padding: 30px 0px;
  display: block;
  margin: 5px;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

#owl-demo .item img { }

.header-logo { margin-top: -20px }

.coluna-esquerda { border-right: thin silver dotted }
.ultimas_linhas { border-bottom: thin silver dotted  }

#modulos a, #modulos a:link, #modulos a:visited { text-decoration:none; color: gray }
.modulos_ultimas { padding-bottom: 5px }
.barra-titulo { height: 30px; padding: 5px 0 0 10px; margin-bottom: 5px; font-weight: bold }
.titulo-agenda { background-color: #e9e9e9; color: #000 }
.titulo-noticias { background-color: #e9e9e9; color: #000 }
.datas { font-size: x-small }

/* #logotipo { visibility: hidden } /* desativa o Logotipo no banner */
#logotipo { padding-left: 20px; margin-top: 75px; margin-bottom: -134px; z-index: 1; position: relative }
.logotipo { width: auto; height: 60px }

#hmmc-rodape { background-color: #686868; color: #fff }
#hmmc-rodape a, #hmmc-rodape a:link, #hmmc-rodape a:visited { text-decoration: none; color: #fff }
.ficha-tecnica { background-color: #000000 }

.conteudos_header { background-color: #c6c6c6; color: #fff }
img { display: inline-block; align: middle }

.hmmc-top { border-bottom: thin silver dotted }

.titulo_margem { margin-left: 20px }

.hmmc-header-img img { width: 300px }

.carousel img {width: 100%; height: auto; }

.container-fluid { padding: 0; margin: 0 }

.diretorio ul { list-style-type: none; padding: 0px; margin: 0px }
.diretorio img { margin: -1px 2px 0 0 }

.anexos { }


.well { border-color:#eee; }
.item h4 a { color: #333; }
.item img.image { max-width: 100%; /* margin-top: 9px; */ }
.post-image { /*max-height: 200px; overflow: hidden */ padding-top: 5px; }
.post-image img { width:100%; /* min-height:100px */ }

#noticias-flash a, #noticias-flash a:active, #noticias-flash a:visited, #noticias-flash a:link { text-decoration: none; color: #000 }
.isotope a, .isotope a:active, .isotope a:visited, .isotope a:link { text-decoration: none; color: #000 }
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

.embed-responsive  { width: 100% }


#embutido { max-width: 100%; margin: auto}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#galeria { width: 100%; overflow: hidden;}

.janela { padding-top: 5px; padding-bottom: 5px }
.janela a, .janela a:link, .janela a:visited { text-decoration: none; color: #000; }

.janela_interior { background-color: #f7f7f7; padding: 0 5px 5px 5px }
/* .janela_interior { -moz-box-shadow: 2px 2px 4px 2px #999; -webkit-box-shadow: 2px 2px 4px 2px #999; box-shadow: 2px 2px 4px 2px #999; /* border: 1px gray solid; margin: 5px 0*/ }

.janela_artigos_principal	{ background-color: #fff; height: 320px; width: 32%; display: inline-block; -moz-box-shadow: 2px 2px 4px 2px #999; -webkit-box-shadow: 2px 2px 4px 2px #999; box-shadow: 2px 2px 4px 2px #999; margin: 5px; padding: 5px; overflow: hidden }
.imagem_principal { width: 100%; height: 210px; overflow: hidden }
.imagem_principal img { width: 100% }
.janela_artigos_secundarios { background-color: #fff; height: 100px; width: 32%; display: inline-block; -moz-box-shadow: 2px 2px 4px 2px #999; -webkit-box-shadow: 2px 2px 4px 2px #999; box-shadow: 2px 2px 4px 2px #999; margin: 5px; padding: 5px; overflow: hidden }
.janela_artigos_secundarios span { }
.janela_artigos_secundarios .caption { font-size: small }

/* .marco-imagem { width: 100%; height: 145px; overflow: hidden } */
.marco-imagem img { width: 100%; }
.marco-imagem img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.marco {
	margin-left: 5px;
/*	margin-bottom: 5px; */
	margin-top: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 2px;
/*
	border: thin rgba(0, 0, 0, 0.1) inset;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
	color: #000
*/
}
.caption-noticias { margin: 0; padding: 0; }

.marco-exterior { padding: 0 0 0 5px; margin: 0; height: 210px }

.destaque_janela_artigos_principal	{ height: 400px; padding: 5px 0 5px 5px; overflow: hidden }
.destaque_janela_artigos_principal img { width: 100%; float: left }
.destaque_janela_artigos_principal span { }
.destaque_janela_artigos_principal .caption { font-size: large; position: absolute; top: 5px; left: 5px; width: 100%; padding-right: 5px; color: #fff }
.destaque_janela_artigos_secundarios { height: 194px; width: 100%; overflow: hidden; }
/* .destaque_janela_artigos_secundarios img { width: 100%; float: left; margin-right: 5px } */
/* .destaque_janela_artigos_secundarios img { width: 100px; float: left; margin: 5px} */
.destaque_janela_artigos_secundarios span { }
/* .destaque_janela_artigos_secundarios .caption { font-size: medium; position: absolute; top: 5px; left: 5px; width: 100%; padding-right: 5px; color: #fff } */
.destaque_janela_artigos_secundarios .caption { font-size: medium; position: relative; width: 100% }

/* .destaque_videos img { width: 100%; float: left; margin-right: 5px } */



/* IE9 SVG, needs conditional override of 'filter' to 'none' */
.gradient {
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 36%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 36%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 36%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 36%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 36%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}


.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    display: block;
  }
}

/* Sidebar navigation */
.nav-sidebar {color: #fff;}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f7f7f7;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


@media (min-width: 1150px) {

	.container, .apresentacao { max-width: 1152px }

}

@media (max-width: 1030px) {

	.container { max-width: 1024px }

	#banner-promocao { visibility: hidden; height: 0}
	#banner-promocao .item { display: block; max-height: 400px; overflow: hidden }
	#banner-promocao .item img { display: block; width: 100%; height: auto; position: relative }
	#banner-promocao .item-video { margin: auto; }
	
	.destaque_janela_artigos_secundarios { height: 194px; width: 100%; overflow: hidden; }
/*	.marco-imagem { height: 90px; overflow: hidden } */
	.marco-imagem { height: 135px; overflow: hidden }
	
/*	#Noticias .item-quadro { width: 100% } */
	#Noticias .item-quadro { width: 48% }
	
	#Agenda .item-quadro { width: 100% }

	#show-video { }

	#banner .item .caption { position: relative; height: auto; background: none }

	.owl div { width: 100%; }
	.owl div span { vertical-align: middle; display: table-cell }
	.owl a, .owl a:link, .owl a:active, .owl a:visited, .owl a:hover { text-decoration: none; color: black }
	.roll-up-image { height: 30px }


	.roll-up_cell { width: 50% }
	.roll-up_cell img { width: 150px }

	#logotipo { visibility: hidden }
	
	.conteudos_header img { display: table }
	
	.titulo_margem { margin-left: 0; margin: auto}

	.header-logo { margin-top: 0 }

	.carousel-caption { position: relative; width: 100%; background-color: gray; left: 0; top: 0 }
	.carousel-indicators { bottom: 0;}

	#hmmc-rodape { background-color: transparent; color: #000 }
	#hmmc-rodape a, #hmmc-rodape a:link, #hmmc-rodape a:visited { text-decoration: none; color: #000 }

	.diretorio ul { list-style-type: none; padding: 0; margin: 0 }
	.diretorio ul li { width: 100%; min-height: 25px; border: thin gray solid; vertical-align: middle; margin: 2px; padding: 2px}

	.isotope .item {
		position: static ! important;
		-webkit-transform: translate(0px, 0px) ! important;
		   -moz-transform: translate(0px, 0px) ! important;
		        transform: translate(0px, 0px) ! important;
	}
	
	.janela_artigos_principal	{ width: 49%; display: table }
	.janela_artigos_secundarios { width: 49%; display: table }
	
	.container { width: 100% }


}

@media (max-width: 767px) {

	#banner-promocao { visibility: hidden; height: 0 }
	#banner-promocao .item { display: block; max-height: 400px; overflow: hidden }
	#banner-promocao .item img { display: block; width: 100%; height: auto; position: relative }
	#banner-promocao .item-video { margin: auto; }
	
	.destaque_janela_artigos_secundarios { height: 194px; width: 100%; overflow: hidden; }
	.marco-imagem { height: 90px; overflow: hidden }
	
	#Noticias .item-quadro { width: 100% }
	
	#Agenda .item-quadro { width: 100% }



	#banner .item .caption { position: relative; height: auto; background: none }

	.owl div { width: 100%; }
	.owl div span { vertical-align: middle; display: table-cell }
	.owl a, .owl a:link, .owl a:active, .owl a:visited, .owl a:hover { text-decoration: none; color: black }
	.roll-up-image { height: 30px }


	.roll-up_cell { width: 50% }
	.roll-up_cell img { width: 150px }

	#logotipo { visibility: hidden }
	
	.conteudos_header img { display: table }
	
	.titulo_margem { margin-left: 0; margin: auto}

	.header-logo { margin-top: 0 }

	.carousel-caption { position: relative; width: 100%; background-color: gray; left: 0; top: 0 }
	.carousel-indicators { bottom: 0;}

	#hmmc-rodape { background-color: transparent; color: #000 }
	#hmmc-rodape a, #hmmc-rodape a:link, #hmmc-rodape a:visited { text-decoration: none; color: #000 }

	.diretorio ul { list-style-type: none; padding: 0; margin: 0 }
	.diretorio ul li { width: 100%; min-height: 25px; border: thin gray solid; vertical-align: middle; margin: 2px; padding: 2px}

	.isotope .item {
		position: static ! important;
		-webkit-transform: translate(0px, 0px) ! important;
		   -moz-transform: translate(0px, 0px) ! important;
		        transform: translate(0px, 0px) ! important;
	}
	
	.janela_artigos_principal	{ width: 100%; display: table }
	.janela_artigos_secundarios { width: 100%; display: table }
	
	.container { width: 100% }

}