/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Muli:100,300,400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700);
@import url(http://fonts.googleapis.com/css?family=Exo:100,200,400,900);

html{
	scroll-behavior: smooth;
}

body{
	background:#dbdbdc;
	background-image: linear-gradient(#fff, #dbdbdc);
    color:#333333;
	min-width: 1200px;
}

h1,h2,h3,h4,h5,h6{font-family: 'Muli', sans-serif;}

p{
   font-family: 'Open Sans', sans-serif;
}


.container{
    width:1200px !important;
	margin:0 auto;
}

#menu-principal{
   
   
   background: #E0E1E3; /* Old browsers */
   
   background: -webkit-linear-gradient(#CCD1D4, #E1E5E8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CCD1D4, #E1E5E8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CCD1D4, #E1E5E8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CCD1D4, #E1E5E8); /* Standard syntax (must be last) */
   
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCD1D4', endColorstr='#E1E5E8',GradientType=1 ); /* IE6-9 */

   padding: 10px 5px;
   
   
   /*border: 2px solid #333333;
   
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;*/
   font-family: 'Open Sans', sans-serif;
   font-weight:100;
}

#menu-principal ul{
	margin: 0;
	padding: 0;
}

#menu-principal ul li {
	display: inline;
	margin-left: 4.2%;
	font-size: 2em;
}

#menu-principal ul li a{ color:#333333;}
#menu-principal ul li a:hover{ text-decoration:none !important; color: rgb(198, 14, 0);}

#publicidade-esq-dir{
    margin: 2% 0;
}

.bg-caption {
	position: absolute;
	right: 0 !important;
	bottom: 0 !important;
	background: url(../img/caption-bg-slider.png) no-repeat;
	width: 567px;
	height: 147px;
	z-index: 10;
}

.carousel-caption h2{
   display:table-cell;
   vertical-align: middle;
   text-align: right;
   width: 700px;
   height: 120px;
}

.carousel-caption{
    right: 2%;
    left: 70%;
	text-shadow: none;
	color:#FFFFFF;
	text-align:right;
	margin: 0;
    padding: 0;
}

.carousel-caption small{
	color:#FFFFFF;
	font-weight:lighter;
}

.carousel-indicators{
    right: 2%;
    left: 60%;
}

#post-publicidade{
     background-color: rgba(255, 255, 255, 0.4); 
	 width:1170px !important; 
	 margin:0 auto; 
	 padding: 60px 0 0 0;
	 border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
}

article.post{margin-bottom: 80px;}

article.post .img-noticia{
 width:100%
}


article.post header {
	 background: #666666;
	 height: 130px;
	 border-bottom: 4px solid #FFF;
}

article.post time {
	position: absolute;
	left: 15px;
	width: 28%;
	height: 130px;
	background: #CCCCCC;
	font-size: 5em;
	border-right: 4px solid #FFF;
	text-align: right;
	padding: 10px;
	font-family: 'Muli', sans-serif;
	font-weight: bold;
	float: left;
	padding-right: 10px;
	line-height: 1;
	display: block;
	border-bottom: 4px solid #FFF;
}

article.post time span {
	font-family: 'Exo', sans-serif;
	font-size: 0.4em;
	font-weight: 100;
	display: block;
	text-align: right;
	margin-right: 7%;
}

article.post header h2{
     
	 
display: table-cell;
vertical-align: middle;
text-align: center;
height: 126px;
width: 67%;
position: absolute;
right: 14px;
margin: 0;
padding: 3% 0% 0 0;
font-size: 2.5em;

}

article.post header h2 a{
	text-decoration:none;
	color: #FFF;
}

article.post header h2 a:hover{
	text-decoration:none;
	color: #E1E1E1;
}

article.post .imagem{
	margin-bottom: 20px;
}

article.post .resumo {
	font-size: 1.4em;
	padding-left: 2%;
	font-family: 'Exo', sans-serif;
}

section#publicidades{
	padding-right: 20px;
	text-align:right;
}

section#publicidades #lista-publicidades ul {
	margin:0;
	padding:0;
	display: block;
	list-style: none;
}

section#publicidades #lista-publicidades ul li{
	margin-bottom: 30px;
}

section#eventos{
	padding:0 2%;
}

section#eventos .caption h3{
	font-weight: bold;
}

section#eventos .caption p{
	font-size: 1.1em;
}

footer{
   margin-top: 5%;
}

footer #rodape {
	background:url(../img/bg-footer.png) top center;
	padding-top: 105px;
	height: 420px;
}

#rodape #menu-categorias{
   	float: left;
	width: 157px;
	height: 175px;
	margin-right: 20px;
	margin-left: 50px;
}

#rodape #menu-institucional{
   float: left;
   width: 250px;
   height: 175px;
}

#rodape #menu-categorias ul, #rodape #menu-institucional ul { 
	margin:0;
	padding:0;
	list-style:none;
}

#rodape #menu-categorias ul li, #rodape #menu-institucional ul li{
	display:block;
}

#rodape #menu-categorias ul li a, #rodape #menu-institucional ul li a{
	font-family: 'Exo', sans-serif;
	font-size: 1.3em;
	color:#000000;
	font-weight:200;
}

#rodape #menu-categorias h3, #rodape #menu-institucional h3{
	font-family: 'Exo', sans-serif;
	margin-bottom: 0;
}

#rodape #topo {
	float: left;
	width: 117px;
	height: 115px;
	margin-left: 100px;
}

#rodape #topo img{
	width: 80%;
}

#rodape #logo-rodape{ 
	float: left;
	width: 500px;
}

#rodape #dino{
    float: right;
	width: 500px;
	margin: 0 20px 0 0;
	text-align: right;
	padding: 10px;
}

.limpar{ clear:both }

article#acontece{
	margin-top: -10px;
}

article#acontece header h2{
	font-size: 300%;
	color:#333333;
	padding: 20px 10px;
	margin:0;
	background:#666666;
	color:#FFFFFF;
	font-family: 'Exo', sans-serif;
}

article#acontece #conteudo-acontece{
	font-size: 1.4em;
	padding-left: 2%;
	font-family: 'Exo', sans-serif;
	margin: 20px 0;
	font-weight: 200;
}

article#acontece .img-conteudo{
	width:100%;
}

.redes-share {
position: absolute;
z-index: 2;
right: -41px;
top: 294px;

}

.share {
display: block;
width: auto;
margin: 0 0 6% 0;
}

section#eventos-lista #listagem-eventos{
 padding-left: 2%;
}

section#eventos-lista #listagem-eventos .img-eventos{
  width:50%;
}

section#eventos-lista #listagem-eventos .texto-eventos{
	width: 50%;
	vertical-align: middle !important;
	text-align: left;
}

.img-download{
    width: 40%;
	vertical-align: middle;
}

.texto-download{
    vertical-align: middle;
}

.item-download{
	 float:left;
	 width: 48%;
	 margin-left: 1%;
}

#paginacao{
	padding-left: 20px;;
}

#fomulario{
   margin-left: 20px;
}

@media screen and (min-width: 300px) and (max-width: 2000px) {
	.container{
		width: 1200px !important;
	}
}