@charset "UTF-8";

/* ##################
#### MENU AGENDA #### 
#####################*/

.mega-menu {
	display:none;
	
	position: absolute;
	z-index: 999;
	width: 960px !important;
	height: 300px;
	left: 50%;
	margin-left: -515px;
	margin-top: 20px;
	padding:0
	
}

.display-on{
display:block;
}

.drop-down > a:after{

color:#fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
 

}

section #navegacao #menu-principal-informativos li#menu-item-525 {cursor:pointer;}

/* ###########################
#### NOVA AGENDA DROPDOWN ####
############################*/



ul.ul-agenda-nova li.drop-down {
    background-image: url(../images/icon_dropdown_branco.png) !important;  
	background-repeat:no-repeat !important;
	background-position: 70px 21px !important;
    padding-right: 13px;
}

#agenda-nova .lista-agenda-nova {
	display: block;
	padding: 20px;
	border: solid 1px #d3d3d3;
	background-color: #ffffff;
	-webkit-box-shadow: 0 8px 10px -4px rgba(00,00,00,0.5);
	box-shadow: 0 8px 10px -4px rgba(00,00,00,0.5);
}

#agenda-nova .lista-agenda-nova li {
	display: inline-block;
	margin: 0 !important;
	padding:0 0 0 15px !important;
	background: none;
	border-right: 1px dashed #e0e0e0;
	vertical-align: top; 
}

.navegacao-principal ul li.drop-down a{ color:#ffffff}

.navegacao-principal ul li.drop-down a:hover{ color:#cccccc}

#agenda-nova .lista-agenda-nova li:nth-child(2),
#agenda-nova .lista-agenda-nova li:nth-child(3),
#agenda-nova .lista-agenda-nova li:nth-child(5),
#agenda-nova .lista-agenda-nova li:nth-child(6) { padding-left: 20px; }

#agenda-nova .lista-agenda-nova li:nth-child(3),
#agenda-nova .lista-agenda-nova li:nth-child(6) {
	border-right: none;
	margin-right: 0;
	padding: 0 0 0 20px;
}

#agenda-nova .lista-agenda-nova li.linha > div {
	min-height: 100px;
	margin: 0 20px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px dashed red;
	float: left;
}

#agenda-nova .lista-agenda-nova li.linha:nth-child(3) > div,
#agenda-nova .lista-agenda-nova li.linha:nth-child(6) > div { margin-right: 0 }

#agenda-nova .lista-agenda-nova li.linha:nth-child(4) > div,
#agenda-nova .lista-agenda-nova li.linha:nth-child(5) > div,
#agenda-nova .lista-agenda-nova li.linha:nth-child(6) > div {
	margin-top: 20px;
	padding-bottom: 0;
	border: none;
}

#agenda-nova .lista-agenda-nova li.linha:nth-last-child(1) > div,
#agenda-nova .lista-agenda-nova li.linha:nth-last-child(2) > div,
#agenda-nova .lista-agenda-nova li.linha:nth-last-child(3) > div {
	border: none;
	padding-bottom: 0;
}

#agenda-nova .lista-agenda-nova p {
	display: inline-block;
	text-transform: uppercase;
}

#agenda-nova .lista-agenda-nova p.data-evento {
	font-family: 'GOTHAM-LIGHT', 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-weight: 900;
	font-size: 37px !important;
	padding: 0;
	margin-right: 25px;
	width: 40px;
	color: #ff0008 !important;
	text-align: center;
	line-height:1
}

#agenda-nova .lista-agenda-nova p.data-evento span {
	display: block;
	color: #5D5C61;
	letter-spacing: 1px;
	font-family: 'GOTHAM-LIGHT', 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-size: 20px;
	line-height: 1;
}

#agenda-nova .lista-agenda-nova p.detalhes-eventos {
	width: 210px;
	padding: 0;
	float: right;
	line-height:1; 
}

#agenda-nova .lista-agenda-nova p.detalhes-eventos span {
	display: block;
	color: #FF070F;
	font-size: 11px;
}

#agenda-nova .lista-agenda-nova p.detalhes-eventos span.tema { font-weight: bold; }

#agenda-nova .lista-agenda-nova p.detalhes-eventos span.local { font-weight: lighter; }

#agenda-nova .lista-agenda-nova p.detalhes-eventos a {
	color: #2f2f2f;
	font-weight: 100;
	font-size: 16px;
	text-transform: none;
	line-height:1.2
}

/*BOTAO VEJA MAIS*/ 
#agenda-nova .btn-Veja-Mais {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 17px;
	padding: 15px 20px 0 20px;
	text-align: right;
	float: right;
	background-image: url(../images/btn-Saiba-Mais.png);
}

#agenda-nova .btn-Veja-Mais:hover { background-position: 0 100% }

#agenda-nova a .btn-Veja-Mais { color: #fff }

#agenda-nova a:hover .btn-Veja-Mais { color: #333 }
/*Animation--*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}