/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=ABeeZee:400,400i&display=swap');

*{
   margin:0;
   padding:0;
}

body
	{
	font-family: 'ABeeZee', sans-serif;
	margin: 0;
	text-rendering: geometricprecision;
	}

a	
	{
	text-decoration: none;
	}

img
	{
	border: 0px;
	text-decoration: none;
	}
	
hr
	{
	width: 100%;
	height: 1px;
	background-color:#323232;
	background-position: bottom center;
	background-repeat: no-repeat;
	border: 0;
	}
	
h1
	{
	text-align: center;
	color: #FFFFFF;
	margin: 15px auto 15px auto;
	}
	
input[type="text"], input[type="email"] {
	width: 92%;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #f7f7f7;
	background-color: #f7f7f7;
	border: 1px solid #EAEAEA;
	border-top: 3px solid #EAEAEA;
	height: 30px;
	padding-left: 5px;
	padding-right: -5px;
	font-size: 14px;
	font-weight: 500;
	font-family: 'ABeeZee', sans-serif;
	color: #757575;
}	

textarea {
	width: 92%;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #f7f7f7;
	border: 1px solid #EAEAEA;
	border-top: 3px solid #EAEAEA;
	font-family: 'ABeeZee', sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-family: 'ABeeZee', sans-serif;
	color: #757575;
	padding-left: 5px;
	padding-right: -5px;
	box-sizing: border-box;
}

input[type="submit"] {
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	background-color:#a9b40e;
	border-radius: 12px;
	transition: background-color .35s ease-in-out;
	margin-left: 5px;
	border: 0px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	font-family: 'ABeeZee', sans-serif;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	width: 120px;
	text-transform: uppercase;
}

input[type="submit"]:hover {
	background-color: #2B2B2B;
}

input:focus, textarea:focus {
	outline: none;
}

a.link {
	color: #a9b40e !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

a.link:hover {
	text-decoration: underline;
}
	
/************************************************************************************
CONTAINERS
*************************************************************************************/

.container
	{
	width: 1100px;
	min-height: 20px;
	margin: auto;
	display: block;
	}

.row
	{
	width: 100%;
	display: block;
	float: left;
	min-height: 20px;
	margin: 0px;
	padding: 0px;
	}
	
.col2 {
	width: 49.5%;
	margin-right: 0.5%;
	display: inline-block;
	min-height: 20px;
	vertical-align: top;
	padding: 0px;
}

.col3 {
	width: 32.5%;
	margin-right: 0.5%;
	display: inline-block;
	min-height: 20px;
	vertical-align: top;
}

.col2:last-child {
	margin: 0;
}

.col3:last-child {
	margin: 0;
}
	
/************************************************************************************
COLORS
*************************************************************************************/

.bg_grey {
	background-color: #414141;
}

.bg_grey_2 {
	background-color: #2b2b2b;
}

.bg_white {
	background-color: #FFF;
}

.bg_green {
background-color:#a9b40e; 
}

.bg_blue {
background-color:#111c45;
}

.bg_blue2 {
background-color:#00aeff;
}

.bg_yellow {
background-color:#f4be01;
}

.black {
	color:#2b2b2b;
}

.white {
	color:#FFF !important;
}

/************************************************************************************
ALIGN
*************************************************************************************/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}


/************************************************************************************
STYLES
*************************************************************************************/

.rounded {
border-radius: 8px;
}

.pad30 {
padding: 30px 0px;
}

.mt-20 {
margin-top: 20px;
}

.size-12 {
font-size: 12px;
}

.size-14 {
font-size: 14px;
}

.size-w80 {
width: 80%;
margin: auto; 
float:none;
}

.size-w60 {
width: 60%;
}

.size-w40 {
width: 39%;
}

.size-w25 {
width: 25%;
}

inline-block {
display: inline-block;
}

vertical-top {
vertical-align:top;
}
	
/************************************************************************************
MENU
*************************************************************************************/

.header {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
}

body > div:nth-child(2)
{
margin-top: 72px;
}

.topo {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	background-color:#2b2b2b;
}

.menu {
	height: 72px;
	width: 100%;
	display:block;
}

.menu a {
	color: #FFF;
	font-size: 18px;
	font-weight:700;
	margin: 0 10px;
	letter-spacing: -0.5px;
	text-align:center;
	padding: 0 10px;
	line-height: 72px;
	height: 72px;
	display: inline-block;
	text-transform:uppercase;
	transition: color 0.5s ease;
}

.menu a:hover, .menu a.active {
	color: #a9b40e !important;
}

.icon-mobile {
	display: none;
}

.menu-mobile {
	height: 176px;
	width: 100%;
	display:none;
	position:absolute; 
	top:72px; 
	left:0; 
	z-index: 70;
}

.menu-mobile a {
	width: 100%;
	background-color:#f5f5f5;
	border-bottom: 1px solid #eeeeee;
	line-height: 44px;
	color:#333333;
	margin: 0px;
	transition: background-color 0.5s ease;
	height: 44px;
	display:block;
	padding: 0px;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:500;
	letter-spacing: -0.5px;
	text-align: center;
}

.menu-mobile a:hover {
	background-color: #333333 !important;
	color: #a9b40e !important;
}

.menu-mobile a.active {
	color: #a9b40e !important;
}

/************************************************************************************
MENU MOBILE
*************************************************************************************/

@media (max-width: 769px) {

.menu {
display: none;
}

.icon-mobile {
	width: 100%;
	height: 72px;
	display: block;
	position: relative;
}

.icon-mobile > div {
 	width: 50px;
	height: 50px;
	background-color: #a9b40e;
	display:block;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: background-color 0.5s ease;
	cursor: pointer;
}

.icon-mobile > div > i {
 	color: #FFF;
	font-size: 30px;
	padding: 10px 12px;
	transition: color 0.5s ease;
}

.icon-mobile >  div:hover {
	background-color: #2b2b2b !important;
}

}

/************************************************************************************
BANNER SLIDE-SLOGAN
*************************************************************************************/

	.slide_slogan {
  display: none;
  background: rgba(0,0,0,0.5); width: 320px; height: 100px; padding: 16px 16px 30px 16px; text-align:center; border-radius: 16px; margin: auto;
}

	.slide_slogan > a {
	width:auto; 
	padding: 8px; 
	min-height: 30px; 
	background-color:#666666; 
	color:#FFF; 
	border-radius: 12px; 
	font-size: 12px; 
	font-weight:700;
	transition: background 0.4s ease-in-out;
	}
	
	.slide_slogan > a:hover {
	background-color:#a9b40e;
	}
	
	.slide_slogan > h3 {
	color:#FFFFFF; 
	margin-bottom: 20px; 
	font-size: 24px; 
	font-weight:600;
	}
	
	.box_anima {
	animation: createBox .25s;
	}

@keyframes createBox {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/************************************************************************************
HOMEPAGE
*************************************************************************************/

.slogan {
	background-color: #414141;
	text-align: center;
	padding: 30px 0px;
	color: #FFF;
	font-size: 30px;
	font-weight: 600;
	margin: 10px 0px;
}

.slogan > p { 
	font-size: 14px;
	font-weight: 400;
}

.titulo_separa
	{
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
	}

.titulo_evento
	{	
	line-height: 50px; 
	padding: 15px 0.5%; 
	vertical-align:middle; 
	width: 99%; 
	background-color:#ffc700; 
	font-size: 46px;
	margin: 0px; 
	color:#121c45;
	}
	
.parceiros {

}

.parceiros > a {
	margin: 10px 10px;
	min-height: 10px;
	display: inline-block;
}

/************************************************************************************
FOOTER
*************************************************************************************/

h3.tit-footer { 
	font-size: 18px;
	font-weight: 600;
	color: #FFF !important;
}

h4.sub-footer {
	font-size: 14px;
	font-weight: 600;
	color: #FFF !important;
}

p.copyright {
	color: #a9b40e !important;
	font-size: 11px;
	font-weight: 600;
}

a.menu-bottom {
	color: #a9b40e;
	font-size: 12px;
	font-weight: 600;
	margin: 0px 5px;
	background-color:#272727;
	border-radius: 12px;
	padding: 4px 10px;
	transition: background-color .35s ease-in-out;
}

a.menu-bottom:hover {
	background-color:#a9b40e;
	color: #FFF;
}

a.ver-mais {
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	background-color:#a9b40e;
	border-radius: 12px;
	padding: 4px 10px;
	transition: background-color .35s ease-in-out;
	margin-left: 5px;
}

a.ver-mais:hover {
	background-color:#272727;
	color: #FFF;
}

a.inscrever {
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	margin: 0px 5px;
	background-color:#0099FF;
	border-radius: 12px;
	padding: 4px 10px;
	transition: background-color .35s ease-in-out;
	margin-left: 5px;
}

a.inscrever:hover {
	background-color:#272727;
	color: #FFF;
}

.rede-social {
	background-color:#161616;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	transition: background-color .35s ease-in-out;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	font-weight: 600;
	margin-right: 8px;
	margin-top: 5px;
	border-radius: 50%;
}

.rede-social-partilhar {
	border: 1px solid #161616;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	transition: background-color .35s ease-in-out;
	color: #161616;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 600;
	margin-right: 8px;
	margin-top: 5px;
}

.fb:hover {
	background-color:#3b5998;
}

.ig:hover {
	background-color:#f64301;
}

.yt:hover {
	background-color:#FF0000;
}

.p-fb:hover {
	background-color:#3b5998;
	color: #FFF;
	border-color:#3b5998;
}

.p-tw:hover {
	background-color:#00aced;
	color: #FFF;
	border-color:#00aced;
}

.p-gg:hover {
	background-color:#4285F4;
	color: #FFF;
	border-color:#4285F4;;
}

.p-lk:hover {
	background-color:#0e76a8;
	color: #FFF;
	border-color:#0e76a8;;
}

.topo-interno {
width:100%; 
height: auto; 
/* background-image:url(../images/teste-cabecalho.jpg); */
background-image:url(../images/topo-internas.jpg);
background-position: center center; 
float: left;
}

.topo-interno > h1 {
line-height: 200px; 
vertical-align:middle; 
width: 100%; 
background: rgba(0,0,0,0.4); 
margin: 0px; font-size: 46px;
} 

.sponsors {
height: auto; 
box-shadow: 0 4px 0 rgba(0,0,0,0.024); 
background-color:#FFF; 
box-sizing: border-box; 
margin: 0px -20px 0px 20px; 
padding: 20px 0px;
}

.box-news {
border: 1px solid #EFEFEF; 
margin-top: 20px; 
min-height: 300px; 
background-color:#FFF;
box-sizing: border-box;
margin-right: 0.5%;
margin-left: 0.5%;
width: 23.5%;
}

.box-news > h3 {
color:#2b2b2b; 
font-size: 20px; 
margin: 10px 0px; 
padding: 0px 10px;
}

.box-news > p {
font-size: 14px; 
color:#8f918f; 
padding: 0px 10px; 
margin-bottom: 20px;
}

.border-no-radius {
border-radius: 0px;
}

.cell-25 {
display:inline-block; 
text-align:center; 
width: 25%; 
}

.cell-30 {
display:inline-block; 
width: 30%; 
}

.cell-70 {
display:inline-block; 
width: 70%; 
vertical-align: top;
}

.cell-75 {
display:inline-block; 
width: 75%; 
vertical-align: top;
}

.cell-60 {
display: inline-block; 
width: 60%; 
vertical-align: top;
}

.cell-40 {
display: inline-block; 
width: 40%; 
}

.cell-border-right {
border-right: 1px solid #EFEFEF; 
box-sizing: border-box;
}

.box-partilha {
display:table-cell; 
vertical-align:middle; 
text-align:center; 
width: 25%; 
height: 125px; 
box-shadow: 0 4px 0 rgba(0,0,0,0.024); 
border-right: 1px solid #EFEFEF; 
box-sizing: border-box;
}

.contact-img-org {
width: 100%;
}

.box-file {
padding: 30px 1%; 
width:98%; 
display:block; 
color:#FFF; 
font-weight: bold; 
font-size:26px;
transition: background-color 0.5s ease;
}

.box-file:hover {
background-color: #000 !important;
}

.bt-eventos-mob {
display: none;
} 

/************************************************************************************
MOBILE
*************************************************************************************/

@media (max-width: 1194px) {

.col2 {
	width: 100%;
}

.right {
	text-align: center;
}

.copyright {
	text-align: center;
}

.cell-60 {
width: 100%;
text-align: center;
}

.cell-40 {
width: 100%;
text-align: center;
}

}

@media (max-width: 1099px) {

.container {
	width: 100%;
}

.size-w60 {
width: 100%;
}

.size-w40 {
width: 100%;
}

.size-w25 {
width: 49%;
}

.topo-interno > h1 {
line-height: 100px; 
}

.sponsors {
margin: 0px;
}

}

@media (max-width: 1076px) {

.col3 {
	width: 100%;
}

.tit-footer, .sub-footer, .footer-slogan {
	text-align: center;
}

.ultimas-noticias {
	margin: 30px auto;
}

}

@media (max-width: 900px) {

.cell-25 {
width: 100%;
}

.cell-75 {
width: 100%;
text-align: center;
margin: 0px;
padding: 0px;
}

.cell-30 {
width: 100%;
}

.cell-70 {
width: 100%;
text-align: center;
margin: 0px;
padding: 0px;
}

.box-partilha {
height: 100px;
}

.box-file {
font-size:18px;
}

.bt-eventos {
display: none;
}

.bt-eventos-mob {
display: block;
} 

.slide_slogan {
  display:none;
}

}

@media (min-width: 1322px) {

.contact-img-org {
width: 329px;
}

}

@media (max-width: 900px) {

.contact-img-org {
width: 329px;
}

}

@media (max-width: 650px) {

.box-news {
width: 100% !important;
}

.titulo_evento
	{	
	line-height: 30px; 
	font-size: 28px;
	}

@media (max-width: 329px) {

.contact-img-org {
width: 100%;
}

}