/*

############################### Search Tearms

=============> General
--------> Tags&Misc
--------> Header.php
--------> Footer.php


=============> Index.php


=============> Pages/Categories/Single Geral

=============> Pages/Categories/Single Specific

=============> Plugins

=============> Mobile
*/



/*============================================General============================================*/
/*-----------------Tags&Misc-----------------*/
html{
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

body{
    font-family: Roboto;
    font-size: 18px;
    padding-top: 95px;
}

body > .mdl-layout__container {
        position: relative;
        width: 100%;
        height: 100%;
}

a {
        text-decoration: none;
}

p{
    font-size: 14px;
}

ul{
    font-size: 14px;
}

lo li{
    font-size: 0.875em;
}

ol li{
    font-size: 14px;
    font-weight: 300;
}

ul.bulletcheck{
    list-style: none;
    padding: 0;
}

ul.bulletcheck li{
    padding-left: 1.3em;
}

ul.bulletcheck li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

#header .main-li:hover .sub_menu,
#header ul.block{ display: block; }

tbody{
    font-weight: 300;
}

.h1Counter {
    line-height: unset;
    letter-spacing: unset;
    margin-top: unset;
    margin-bottom: unset;
    font-size: unset;
}

.h2Counter {
    font-size: unset;
    line-height: unset;
    margin-top: unset;
    margin-bottom: unset;
    font-weight: unset;
}

.h3Counter{
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    margin: unset;
}

.mdl-cell p{
    font-weight: 300;
}

.maxwidth{
    max-width: 1200px;
}

#content:focus, #content:active, #mdl-layout__content:focus, #mdl-layout__content:active, #category-container:focus, #category-container:active {
    outline:none;
}

#delimiter{
    height: 100px;
    /*display: list-item;*/
}

.hide{
    display: none !important;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.ajax-loader{
    display: none !important;
}

.mdl-layout__obfuscator{
    position: fixed;
    top: 90px;
}

.maxwidth1000{
    max-width: 1024px;
    display: flex;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

#mdl-layout__content h4 {
    color: unset !Important;
}


/*----------------- Header.php -----------------*/
#lupa2{width: auto;}

.menus_e_lupa{
    display: flex;
    height: 60px;
    min-height: 60px;
    box-shadow: 0 0;
    max-width: 650px;
}

.menus_e_lupa li ul{
    display: none;
    background-color: #fff;
    list-style: none;
    width: fit-content;
}

.menus_e_lupa li:hover  ul{
    display: block;
    z-index: 99999;
}

.mdl-layout__header{
    height: 80px;
    margin: 0 auto;
    box-shadow: 0 0;
    background-color:rgb(255,255,255);
}

#saltar.focused, .saltarDesc.focused, .logoDescription.focused{
    top: 1px;
    left: 1px;
    z-index: 99999;
}

.logoDescription.focused{
	display: flex !important;
	position: absolute;
	color: #000000;
}

#saltar, .saltar, .saltarDesc  {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

#logoDescription, .logoDescription{
    position: absolute;
    left: -10000px;
    top: -10000px;
}

.mdl-navigation{
    position: relative !important;
    margin-top: 15px;
    padding-left: 0;
}

.mdl-navigation ul{
    padding: 0px;
    position: absolute;
    margin-top: 0px;
    top: 27px;
    padding-top: 6px;
}

.mdl-navigation > li{
    display: inline-block;
    margin-left: 25px;
}

.mdl-navigation a{
    color: #666 !important;
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.sub-menu{
    padding: 0;
    padding-top: 5px;
}

.mdl-navigation .sub-menu li a{
    font-weight: 400 !important;
    font-size: 14px;
    border:0;
    width: calc(100% - 20px);
    display: flex;
    padding: 3px 10px;
}

.mdl-navigation .sub-menu li a:hover{
    color: #fff !important;
}

.mdl-navigation .sub-menu li:hover a{
    color:#fff !important;
}

.sub-menu > .menu-item > .sub-menu {
    z-index: 9998 !important;
    display: none !important;
    position: absolute;
    padding-top: 0;
    left: 100%;
    top: 33px;
}

.sub-menu > .menu-item:hover > .sub-menu {
    display: block !important;
}

.sub-menu > .menu-item > .sub-menu li {
    min-width: 200px;
    position: relative;
}

.sub-menu > .menu-item > .sub-menu li a{
    color: #035e96 !important;
}

.sub-menu > .menu-item > .sub-menu li a:hover {
    color: #fff !important;
}

.logos_login{
    padding: 0;
    margin-top: 17px;
}

.areaCidLupa{
    height: 32px;
    width: fit-content;
    padding: 0px;
    margin-left: auto;
    color: black;
    display: flex;
    align-items: center;
}

.showSubMenu{
    display: block !important;
    z-index: 999999;
}

.menu-item a.menu-image-hovered:hover .menu-image-hover-wrapper img.menu-image {
    opacity: 1;
}
.menu-item a.menu-image-hovered:hover .menu-image-hover-wrapper img.hovered-image {
    opacity: 0;
}

.menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.menu-image {
    opacity: 0;
}
.menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.hovered-image {
    opacity: 1;
}

.snslogo {
    height: 34px;
}

.ulslogo {
  height: 34px;
  margin-left: 25px;
}

.logo_homepage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sglogo {
    width: 50%;
}

.mdl-layout__header-row .mdl-navigation {
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 6px;
    width: 100%;
    height: auto;
}

.fixedHeader{
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 999;
    top: 0;
    padding-bottom: 15px;
}

.header_mobile{
    display: none;
}

.mobile_nav{
    padding-top: 0 !important;
    overflow-y: scroll;
    display: flex;
    overflow-x: hidden;
    margin: 0;
}

.mobile_nav li{
    margin: 0;
    min-height: 40px;
    flex-direction: column;
    position: relative;
    padding-left: 20px;
}

.search_header{
    border: none;
    outline: none;
    height: 100%;
    color: white;
    width: 100px;
    display:none;
}

.search_header:placeholder {
    color: white;
}

.search_header::-webkit-input-placeholder { /* Chrome */
    color: White;
}
.search_header:-ms-input-placeholder { /* IE 10+ */
    color: White;
}
.search_header::-moz-placeholder { /* Firefox 19+ */
    color: White;
    opacity: 1;
}
.search_header:-moz-placeholder { /* Firefox 4 - 18 */
    color: White;
    opacity: 1;
}

.mdl-layout__drawer-button.fa-bars:before{
    font-size: 18px;
}

.fa-times-thin:before {
    content: '\00d7';
    font-size: 20px;
    vertical-align: middle;
}

.mobile_GreenTab{
    color: white;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 14px;
    border: none;
    margin: 0;
    height: 25px;
}

.mdl-layout__drawer-button.fa{
    position: relative;
    margin: 0;
    max-height: 18px;
    color: white;
    outline: none;
}

.searchFormLabel{
    color: transparent;
    position: unset !important;
    bottom: 0;
    right: 0;
    border-radius: 0;
    background-size: cover;
    width: 15px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
}

.mobileLogos{
    display: flex;
    padding: 10px 15px;
    background: white;
    height: 45px;
    width: calc(100% - 30px);
    z-index: 2;
    align-items: center;
}

.search-form{
	display: flex;
	flex-direction: row;
	height: 32px;
	margin-left: auto;
}

.headerSearchIcon{
	display: flex;
	align-items: center;
	color: white;
	padding-right: 20px;
}


@media (max-width: 768px) {
   .sglogo {
             margin: 0px 0 15px 0;
   }

   .ulslogo {
         margin: 15px 0;
     }
}


/* =============== NEW MENU ================= */
#header{
	position: fixed;
	background: #fff;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px
}

#header .header-container{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    height: 100%;
}

#header .nav-form-grouper{
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}

#header .search-zone{
	display: flex;
	justify-content: flex-end;
}

#header #new_searchForm{
	display: flex;
	margin-left: 0;
	width: 300px;
	justify-content: flex-end;
}

#header #new_searchFormR{
	margin-left: auto;
	justify-content: flex-end;
	max-width: 300px;
}

#header #new_searchForm button {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    background-color: transparent;
}


#header .menu-toggle{display: none;}

#header .main-ul{
	list-style: none;
	display: flex;
	padding: 0;
    position: relative;
    margin-bottom: 0;
}

#header .main-li{
    margin-left: 25px;
}

#header .new_arrow_menu_m{display: none;}

#header .main-a{
    color: #666;
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

#header .sub_menu{
	list-style: none;
	display: none;
    width: fit-content;
    background: #fff;
    top: 25px;
    padding: 0;
	position: absolute;
}

#header .sub-menu:hover .main-li a{color: #035e96;}
#header .sub_menu:hover a{color: #035e96;}
#header .sub_menu li:hover{background: #035e96;}

#header .sub_menu li a{
	color: #035e96;
    font-weight: 400 !important;
    font-size: 14px;
    border: 0;
    width: calc(100% - 20px);
    display: flex;
    padding: 3px 10px;
    text-transform: uppercase;
}
#header .sub_menu li:hover a{color: #fff;}


.header-nav .sub-sub-menu-active ul{
    display: block !Important;
}

#header .menu-item-voltar{display: none;}


@media (max-width: 479px){
        #header{ height: unset !important;}
	#header .header-container{flex-direction: column;}

	#header .header-logos{width: calc(100% - 30px); padding: 25px 15px 0 15px;}

        #header .nav-form-grouper{margin-top: unset !important;}

	#header .SemPapelLink, #header .cidLog{display: none;}

	#header .nav-form-grouper{
		background: #8aa22a;
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
	}

	#header .menu-toggle{
		align-items: center;
		display: flex;
		color: #fff;
		font-size: 24px;
		margin: 5px auto 5px 15px;
	}

	#header .header-nav{
		position: fixed;
		top: 95px;
		background: #035e96;
		width: 240px;
		transition: 0.5s;
		left:-100vw;
		z-index: 999;
	}

	#header nav{

	}

	#header .main-ul{
		flex-direction: column;
		padding-bottom: 20px;
	}

	#header .main-li{
		min-height: 40px;
		align-items: center;
		display: flex;
	}

	#header .new_arrow_menu_m{
	    color: white;
	    display: flex;
	    position: absolute;
	    right: 15px;
	    top: auto;
	}

	#header nav a{color: #fff !Important;}

	#header .sub_menu{
		display: block;
		background: #035e96;
		top: -15px;
		left: -100vw;
		transition: 0.5s;
		width: 100%;
		padding-top: 16px;
		padding-left: 20px;
		padding-bottom: 16px;
	}

	#header .sub_menu li{
	    min-height: 40px;
	    display: flex;
	    align-items: center;
	}

	#header .sub_menu a{padding: 0 !important; line-height: 1;}

	#header .menu-item-voltar{display: flex; padding: 0; align-items: center;}
	#header .menu-item-voltar a{align-items: center;padding: 0;}


}






/*----------------- Footer.php -----------------*/
#footer{
    width: 100%;
    margin: 0 auto;
}

.mdl-mini-footer{
    background: transparent;
    list-style: none;
}

.mdl-mini-footer > li a{
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

.mdl-mini-footer li ul{
    list-style: none;
    border: 0;
}

.mdl-mini-footer .sub-menu li {
    border:0;
    padding: 0;
    margin-bottom: 10px
}

.mdl-mini-footer .sub-menu li:hover {
    background: none;
}

.mdl-mini-footer .sub-menu li:hover a:hover { color: #fff !important; }

.mdl-mini-footer .sub-menu a {
    font-size: 13px;
    font-weight: 300;
    text-transform: none;
}

.mdl-mini-footer li{
    max-width: 226px;
}

.developed{
    margin-left: 30px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 11px;
    font-weight: 300;
}

.marginauto{
    margin: 0 auto;
}

.footerphp a {
    color: #414141 ;
    text-decoration: none;
    line-height: 0px;
}

.footerphp .sub-menu{
    margin-top:10px;
}

.backTop{
	display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
}

.backTop:focus{
	display: flex;
}

.footerphp .linkTop{
    font-size: 70px;
    color: rgba(65, 65, 65, 0.51);
}

.shareDev{
    order: 3;
}
.inut_logos {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-top: 10px;
}
.hovEventImg{height: auto; margin-left: 30px; width: 450px;}

.LeCopyright {
    order: 2;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.mdl-mini-footer .sub-menu li{
    margin-bottom: 0;
}

.areaCidMobile{
    display: none;
    padding: 0px 30px;
    text-align: end;
}

.menu_principalS{
    position: fixed;
    top: 90px;
    max-height: 80%;
    overflow-x: hidden;
    height: initial;
    border: none;
}

.footerzone{
	height: 75px;
    align-items: center;
    display: flex;
}

.footerContainerR{
	margin: 0;
    height: auto;
    display: flex;
    width: 100%;
}



/*============================================ Index.php ============================================*/
.indexphp{
    margin: 0 auto;
    width: 100%;
}

.mediummaxwidth{
    max-width: 1008px;
}

.eventTextAge{
    font-size: 15px;
    color: #7c7c7c;
    line-height: normal;
    margin-top: 10px;
    word-wrap: break-word;
    margin-bottom: 0;
}

.eventTextAge a{
	text-transform: uppercase;
}

.homepage_header{
    margin-bottom: 75px;
}

.homepage_header > div{
    margin: 0 auto;
}

.SecSubCard{
    display: flex;
    width: 100%;
    align-items: center;
}

.SubCardZone{
    display: flex;
    margin: 0 auto;
}

.SubCardZone a{
    display: flex;
    flex-direction: column;
    width: 150px;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    color: black;
    font-weight: 500;
    font-family: raleway;
}

.SubCardZone img{
    width: 150px;
    height: 150px;
    margin-bottom: 15px;
}

.SubCardZone span{
    text-transform: uppercase;
}

.videosEventos{
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.newsletterSG{
    margin: 0 auto;
}

.newsletterGrey{
    width: 630px;
    height: 35px;
    display: flex;
    padding: 5px;
    margin-left: auto;
}

.newsletterGrey span{
    font-size: 14px;
    color: #fff;
    margin: auto 5px;
}

.newsletterGrey input{
    font-size: 10px;
    border: none;
    padding: 0 5px;
    height: 20px;
    margin: auto;
}

.newsletterGrey .NLName{
    width: 130px;
}

.newsletterGrey .NLMail{
    width: 120px;
}

.newsletterGrey .NLSubm{
    width: 75px;
    background: white;
}

.NLMobileAndLogo{
    display: none;
    padding: 0 15px;
    width: calc(100% - 30px);
    align-items: center;
    margin-top: 20px;
}

.indexphp .notTitle{
    margin-top: 0px;
}

.notDestIndex{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 100px;
}

.noticiasZone{
    max-width: 880px;
    margin-left: auto;
    display: flex;
}

.destaquesZone{
    margin-right: auto;
    max-width: calc(250px + 60px);
    display: flex;
}

.destRight, .destLeft{
    width: 30px;
    text-align: center;
    line-height: 150px;
    cursor: pointer;
    display: none;
}

.apearArrow{
    display: unset !important;
}

.destLeft img, .destRight img{height: 30px;}

.notBox{
    width: 250px;
    display: flex;
    flex-direction: column;
}

.destaquesZone .notBox{
    margin: 0 auto;
}

.destaquesZone .notBox{
    display: none;
}

.activeDest{
    display: flex !Important;
}

.notThumb{
    width: 100%;
    height: 156px;
}

.notTitleIndex{
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}

.notBox hr{
    margin-top: 0;
    margin-bottom: 10px;
    width: 35%;
}

.notText{
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

.dateText{
    font-size: 10px;
    font-weight: 300;
    text-align: right;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    color: #000;
}

.dateText img{
    height: 14px;
    width: 14px;
    margin-left: 5px;
}

.noticiash1{
    width: 35%;
    TEXT-ALIGN: right;
    font-size: 23px;
    text-transform: uppercase;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-right: 2%;
    margin-right: 10px;
}

.noticiash1 a{
    color: white !Important;
}

.destaqueh1{
    font-size: 23px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    margin-left: 30px;
    margin-bottom: 15px;
}

.prevArrow, .nextArrow{
    width: 40px;
    text-align: center;
    line-height: 150px;
    cursor: pointer;
}

.prevArrow img, .nextArrow img{
    height: 30px;
}

div.videos_container{
    padding-right: 3%;
}

div.videos_container:before{
    width: -webkit-fill-available;
    /* height: 100%; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    content: "";
    width: 100%;
}

.notSeeTitle{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.seeMoreNot{
    font-size: 16px;
    font-weight: 400;
}

.secMenu{
    padding: 0;
    margin-bottom: 75px;
    justify-content: space-between;
}
.secMenu .SecSubCard:nth-child(2){ margin-top: 25px; }
.threeNotDiv {
    display: none;
    padding: 0;
    width: 100%;
}

.pdActive {
    display: flex;
}

.noticiasZone .notBox:nth-child(2n){
    margin: 0 auto;
}

.eventosZone .notBox:nth-child(2n) {
    margin: 0 auto;
}

.prevArrowM, .nextArrowM{
    display: none;
    width: 40px;
    text-align: center;
    line-height: 150px;
    cursor: pointer;
}

.prevArrowM img, .nextArrowM img{
    height: 30px;
}

.noNewsletter{
	min-height: 318px !IMPORTANT;
    margin-bottom: 0 !IMPORTANT;
}



/*============================================ Pages/Categories/Single Geral ============================================*/
.content-area{
    width:100%;
    margin:0 auto;
}

#category-container.mdl-tabs .mdl-tabs__panel {
    display: none;
}

#category-container.mdl-tabs .mdl-tabs__panel.is-active {
    display: block;
}


#category-container p strong {
    color: #414141;
}

#category-container p, #category-container ul, #category-container li {
    font-size: 18px ;
    font-weight: 300;
    word-break: break-word;
}

.cabecaDeCat{
    display: flex;
    left: 0;
    width: 100%;

    background-color: #F0F0F0;
    position: relative;
}

.cabecaDeCat h1{
    margin: 0;
}

.voltar {
    background: #f4f4f4 !important;
}

.vertical-mdl-tabs {
    margin-top: 30px;
    margin: 0 auto;
}
.vertical-mdl-tabs .mdl-tabs__tab-bar {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    border-bottom: none;
    /*border-right: 1px solid rgba(10, 11, 49, 0.20);*/
}

.vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
    min-height: 35px;
    height: 100%;
    line-height: 35px;
    box-sizing: border-box;
    margin-top: 9px !important;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    color: white !important;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel {
    padding: 0;
    max-width: 670px;
    outline: 0;
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
    text-transform: none;
    font-weight: normal;
    font-family: "Roboto";
    width: 250px;
    padding: 0px;
    font-size: 0.889em;
}

.articlesColumn {
    position: relative;
}

.entry-title{
    font-size: 1.111em;
    font-family: Raleway;
    margin-top:15px ;
    margin-bottom:15px ;
}

.page-title{
    font-size: 1.389em;
    font-family: Raleway;
}

.site-content{
    margin-bottom: 20px;
}

.entry-meta{
    background:#f4f4f4;
    padding: 10px;
}

.entry-meta a{
    color: #414141 !important;
    padding: 10px;
}

.entry-summary {
    overflow: auto;
}

.MenuItem{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
    margin-top:auto;
    margin-bottom:auto;
    font-size: 20px;
}

.interTab {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    margin-bottom: -1px;
}

a.mdl-tabs__tab.normalTab.interTab:hover{
    color: white !important;
}

.more_vert{
    font-size: 14px;
}

.more_vert:after {
    content: '\f078';
    font-family: FontAwesome;
    font-weight: normal;
    margin-left: 10px;
}

.more_vert.active:after {
    content: '\f077';
}

.catTitleWithImage {
    margin: 70px auto 20px auto !important;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    max-width: 1024px;
    line-height: unset;
    letter-spacing: unset;
}

.cabecaDeCat img{
    width: 150px;
    height: 150px;
}

.formSearchCat{
    margin-left: auto;
    display: flex;
}

.contactSearch{
    position: relative;
    height: fit-content;
    padding: 7px 60px;
    width: calc(300px + 60px);
    margin-top: 100px;
    outline: none;
    border: 0;
    border-radius: 5px;
    font-size: 16px;
}

.greenZone{
    display: flex;
    width: 37%;
    min-height: 200px;
    background-color: rgba(0, 112, 53, 0.15);
}

.espacamentoFixo{
    margin-top: 105px !important;
}

.formSearchCat label{
    position: fixed;
    top: -1000px;
}

.titleGreenZone{
    margin-top: 70px;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    display: flex;
    margin-bottom: 75px;

    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;

    position: relative;
}

.titleGreenZone:before {
    width: 100%;
    position: absolute;
    content: "";
    display: flex;
    height: 100%;
    right: 100%;
}

.catTitleNoIMG{
    word-wrap: break-word;
    padding: 15px;
    max-width: 74%;
    line-height: 28px;
    padding-left: 0;
}



/*============================================ Pages/Categories/Single Specific ============================================*/
/*----------------- category-eventos.php -----------------*/
.mdl-button--raised.mdl-button--colored{
    box-shadow: none;
    width: 95px;
    height: 35px;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    background: #cccccc !important;
    color: white !important;
    margin-top: 45px;
    padding: 0;
    border-radius: 0;
    trasition: unset;
}

.mdl-button--raised.mdl-button--colored:hover{
    color: white !important;
    background: #6c6c6c !important;
}

.pagination{
    list-style: none;
    display: flex;
    margin: 0;
    margin-left: auto;
}

.pagination li:first-child{
    margin-left: auto;
}

.pagination li {
    padding: 0px 8px;
    margin-left: 10px;
    font-size: 13px;
    border-radius: 14px;

    font-weight: bold;
}

.pagination li.active{
    background: #F0F0F0;
}

.pagination li a{
    font-weight: bold;
}

.pagination li span .fa{
    font-weight: bold;
    color: #F0F0F0;
}

.threeEvents{
    display: flex;
    width: 100%;
    margin-bottom: 60px;
}

.threeEvents:last-child{
    margin-bottom: unset;
}

.eventsBox{
    max-width: 295px;
}

.eventsBox:nth-child(2n){
    margin: 0 auto;
}

.eventLink{
    outline: none;
    display: flex;
    flex-direction: column;
}

.eventsThumb{
    width: 100%;
    height: 220px;
}

.eventH2{
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    height: 18px;
    display: flex;
    align-items: center;
}

.eventSpan{
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.eventData {
    font-size: 16px;
    color: black;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
}

.eventosphp .pagination{
    width: 100%;
}

.prevEvents, .nextEvents{
    color: rgb(158,158,158);
    font-weight: 400;
    font-size: 16px;
}

.prevEvents{margin-right: auto;}
.nextEvents{margin-left: 10px;}

.EventPages{
    font-weight: 400;
    font-size: 16px;
    margin-left: auto;
}

.eventosZone {
   	width: 100%;
    display: flex;
    position: relative;
}

.threeTopEvents{
	display: none;
	width: 100%;
}

.activeTop{
	display: flex;
}

.eventosZone .prevArrow, .eventosZone .nextArrow {
    height: 220px;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
}

.eventosZone .prevArrow{left: -40px;}
.eventosZone .nextArrow{right: -40px;}

.eventosZone .prevArrow img, .eventosZone .nextArrow img {
    margin: 0 auto;
}

.lineBreak{
	display: flex;
	height: 1px;
	width: 100%;
	margin: 40px auto;
	background: #666;
}

/*----------------- single.php -----------------*/
.singlephp{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px !important;
}

#mdl-layout__content h4{
    color: rgba(27, 153, 232, 1);
}

.texto-h{
    margin-bottom: 100px;
    font-size: 0.6666666666666666em;
    width: 100%;
    max-width: 800px;
}

.texto-h p, .texto-h div{
    font-size: 18px;
    font-weight: 300;
}

.texto-h ul,
.texto-h ol{
    font-size: 18px;
    font-weight: 300;
}

.postZone{
    display: flex;
    /*margin-top: 45px;*/
    flex-direction: column;
    width: 100%;
}

.postContent{
    padding: 0;
    margin-top: 30px;
    width: 100%;
}

.singleIMGzone {
    width: 80%;
    aspect-ratio: 16/9;
    padding: 16px 0;
    max-width: 400px;
}

.singleIMGzone img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.singlephp .breadcrum{
    margin-top: 75px;
    margin-bottom: 40px;
}

.singlephp .titleGreenZone{
    margin-bottom: unset;
}

.thumbnailCaption{
	width: calc(100% - 20px);
    display: flex;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
}

.wp-caption-text {
    width: calc(100% - 20px);
    display: flex;
    padding: 10px;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    margin-top: -16px;
}
.share_icons{
	display: flex;
	font-size: 0px;
}
.share_icons a{ margin-right: 10px; }
.share_icons img{
	width: 38px;
	height: 38px;
}


/*----------------- breadcrum -----------------*/
.breadcrum{
    margin-bottom: 40px;
}

.segundo-tile{
    margin: 0;
    background-color: #8eabc8;
}

.terceiro-tile{
    margin: 0;
    background-color: #a5bcd3;
}

.quarto-tile{
    margin: 0;
    background-color: #b7c9dc;
}

.quinto-tile{
    margin: 0;
    background-color: #c4daf1;
}


/*----------------- category-noticias.php -----------------*/
.smallNews {
    width: 100%;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 300;
    min-width: 148px;
}

.smallNews .thumbnail{
    margin-right:18px;
    width: 300px;
    height: 180px;
    background-size: 100% 100%;
    background-position: 50%;
}

.smallNews p{
    font-size: 0.778em;
    color: #414141;
}

.smallNewsInfo{
    width: 876px;
    position: relative;
}

.dateNoticias{
    font-size: 14px;
    color: #6c6c6c;
}

.notNav a{
    color: #6c6c6c;
}

.notNav a:hover{
    color: #6c6c6c;
}

.newsLink{
    font-size: 1.000em;
    position: absolute;
    bottom: 0;
    right: 25px;
}

.categoryNoticias{
    margin-top: calc(105px + 75px);
}

.notNav{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.8em;
    justify-content: flex-end;
    font-weight: bold;
    margin-bottom: 16px;
    height: 32px;
}

.nNav span{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.notTitleLink{
    font-weight: 500;
    font-size: 19px;
}

.noticiasphp .breadcrum{
    max-width: 1024px;
    margin: 0 auto;
}


/*----------------- content-page.php -----------------*/
.postClass ul.tabs {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
.postClass ul.tabs li {display: inline-block;}
.postClass ul.tabs a {
    display: block;
    position: relative;
    top: 1px;
    padding: 5px 10px;
    border: 1px solid transparent;
    text-decoration: none;
}
.postClass ul.tabs a.active {
    border-color: #ccc;
    border-bottom-color: #fff;
}
.postClass section.tab {
    display: none;
    margin-bottom: 15px;
    padding: 15px 15px;
}
.postClass section.tab.active {
    display: block;
    background-color: #f9f9f9;
}
.postClass br{
    display: none;
}


/*----------------- functions.php -----------------*/
.nNav{
    display: flex;
    align-items: center;
    float: left;
    height: 40px;
    position: relative;
}

.iconh5{
    color:#56718b;
    margin:5px;
    font-size: 1.000em;
}

.iconp{
    margin:5px;
    font-size: 0.722em;
}

.iconp {
    font-size: 0.667em;
    font-family: roboto;
    font-weight: 400;
    color: #666666;
    padding-right: 10%;
    line-height: 20px;
}

.CatResultsAllot{
    display: flex;
    border-bottom: 1px solid #ccc;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    /* margin-top: 15px; */
}

.contentOFresultscat{
    display: flex;
    font-weight: 300;
    font-size: 0.889em;
    flex-direction: column;
}

.resultbyyear{
    margin-left: 1vw;
    border-color: #a9a9a9;
    color: #a9a9a9;
    outline: none;
    width: 4vw;
    height: 25px;
}

.catTable td{
    padding: 1vw;
    padding-left: 0;
}

.catTable tr:first-child td{
    /*background-color: #f4f4f4;*/
}

.fileDownloadCat{
    font-size: 1.389em;
    color: #7296ba;
}

.fileDownloadCat:hover{
    color: #56718b !important;
}

.mdl-list__item--two-line:hover{
    background:#f3f3f3;
}

.mdl-list__item--two-line.blue {
    background: #f4f4f4;
    color: #56718b;
    width: 250px;
    height: 60px;
    font-size: 0.833em;
}

.mdl-list__item--two-line.blue:hover{
    color:#ffffff;
}

.mdl-list__item--two-line.grey{
    background:white !important;
    cursor: pointer;
}

.mdl-list__item--two-line.grey:hover{
    background:#f4f4f4 !important;

}

.mdl-list__item--two-line.blue i {
    font-size: 2.833em;
    font-weight: bolder;
    color:#8aa7c9;
}

.mdl-list__item--two-line.blue:hover i {
    font-size: 2.833em;
    font-weight: bolder;
    color:#ffffff;
}

.div_Info_insa{
    padding: 1vw;
    background: #eff3f7;
    margin-left: 25px;
}

div.div_Info_insa .titulo{
    font-family: Raleway;
    font-size: 1.556em;
}

.shortCCell{
    margin-top: 20px;
    margin-left: 0px !important;
}

.shortCCell:hover p, .shortCCell:hover h5, .shortCCell:hover span{
    color: white;
}

.falink:hover{
    color: #56718b !important;
}

.catCom td:first-child{
    width: 7vw;
}

#mdl-layout__content .mdl-list__item--two-line.grey{
    background-color: #f4f4f4 !important;
}

#mdl-layout__content .teamico{
    display: none;
}

.greenBorderTwo {
    max-width: 15%;
    display: flex;
    border-bottom: 3px solid #0da542;
}

.greenBorder {
    max-width: 70%;
    display: flex;
    border-bottom: 3px solid #0da542;
}

.catFileDate{
    font-size: 16px;
    font-weight: 300;
}

.catFileTitle{
    font-size: 16px;
    font-weight: 500;
    color: grey;
}


/*----------------- category.php -----------------*/
.subMenuClass>a.is-active{
    background-color: unset !important;
}

.tabCatTitle{
    font-weight: normal;
    font-family: "Roboto";
    cursor: pointer;
    width: 250px;
    padding-top: 10px;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: -1px;
    outline: none;
}

.subTabCatTitle{
    font-weight: normal;
    font-family: "Roboto";
    cursor: pointer;
    width: 250px;
    padding-top: 10px;
    font-size: 20px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: -1px;
}

.tabActive{
    color: #ffffff !important;
}

.subMenuClass{
    width: 250px;
    background: #e5eff4;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.subMenuClass .subMenuClass {
    width: 248px;
}


.subMenuClass>a{
    border: none;
    width: 100% !important;
}

.subMenuClass .MenuItem{
    padding-left: 20px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
}

#tabp1-panel p {
    margin-top: 0;
}

.categorytitle {
    margin-bottom: 1vw;
    display: flex;
    font-size: 20px;
}

.catBread{
    margin-top: 40px;
    margin-bottom: 40px;
}

.notesZone{
	font-weight: 300;
    font-size: 14px;
    font-style: italic;
}


/*----------------- content.php -----------------*/
.searchArticle{
    padding: 20px;
    margin-bottom: 20px;
    background-color: #e1e6e9;
    border-left: 5px solid #0488d7;
}

.searchArticle{

}

.searchArticle .entry-summary{
    overflow: inherit !important;
}


/*----------------- category-contactos.php -----------------*/
.contactosphp{
    margin: 0 auto;
}

.contactosphp label{
    position: fixed;
    top: -1000px;
}


/*----------------- content-search.php -----------------*/
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
}


/*----------------- category-fale-connosco.php -----------------*/
.faleForm{
    width: calc(83.6666666667% - 16px);
    background: #f0f0f0;
    padding: 50px 50px 20px 20px;
}

.faleForm .fa-user, .faleForm .fa-envelope, .faleForm .fa-comment, .faleForm .fa-pencil{
    height: 30px;
    margin-right: 20px;
}

.faleForm .fa-user{font-size: 30px;}
.faleForm .fa-envelope{font-size: 24px;}
.faleForm .fa-comment{font-size: 24px;}
.faleForm .fa-pencil{font-size: 28px;}

.cleanSend{
    display: flex;
}

.faleClean{
    background: none;
    border: 1px solid #c8c8c8;
    color: #c8c8c8;
    outline: none;
    margin-right: 5px;
    margin-left: auto;
    height: 25px;
    width: 70px;
}

.faleSend{
    color: white;
    outline: none;
    height: 25px;
    width: 90px;
}

.faleTextInput{
    height: 20px;
    padding: 5px;
    border-top: 0;
    border-bottom: 0;
    border-left: 3px solid #c8c8c8;
    border-right: 3px solid #c8c8c8;
    width: 100%;
}

.faleTextInput[name=Mensagem], .faleTextInput[name=Assunto]{
    height: unset;
}

.faleForm label{
	display: none;
}

.declaration .faleTextInput {
    height: 30px;
    margin-left: 44px;
    width: 50%;
}


/*----------------- category-como-chegar.php -----------------*/
.comoChegarZone{
    padding: 0;
    margin-top: 60px;
    position: relative;
}

.CCPanel{
    width: 100%;
}

.CCMap{
    display: flex;
    height: 450px;
    width: 100%;
    overflow: hidden;
}

.CCContent{
    padding: 0;
    display: flex;
    flex-direction: column;
}

.ComoChegar {
    margin: 10px 0 20px;
    width: fit-content;
    height: 21px;
    padding: 2px 10px;
    color: white;
}



/*============================================ Plugins ============================================*/
.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}

.accordion-heade-image{
    min-width: 50px;
    height: 50px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    display: flex;
    align-self: center;
    margin-left: 20px;
    margin-right: 30px;
}

.accordion-title {
    border-top: 1px solid #dbdbdb;
    margin: 0;
    padding: 0px 0;
    cursor: pointer;
    font-size: 1.000em;
    position: relative;
    display: flex;
}

.accordion-title > span{
    display: flex;
    flex-direction: column;
}

.accordion-title > span > span{
    line-height: 2;
    font-size: 16px;
}

.accordion-title > span > span:first-of-type{
    font-size: 18px;
}

.accordion-title:hover {
    background-color: #f9f9f9 ;
}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 20px; font-weight: 300;}

.TheAgenda{
    display: flex;
    margin-bottom: 20px;
}

.dateEventAgenda{
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    min-width: 63px;
    height: 63px;
    align-items: center;
}

.eventDay{
    font-size: 27px;
    color: #ffffff;
    line-height: 38px;
}

.eventMonth{
    font-size: 22px;
    font-weight: 300;
    text-transform: lowercase;
    color: #ffffff;
}

.newsletter-widget form{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.newsletter-firstname{
    width: 100%;
    height: 35px;
    border:0;
    padding: 0;

}

.newsletter-email{
    width: 100%;
    height: 35px;
    border:0;
    padding: 0;

}

.newsletter-submit{
    background:#56718b;
    color:#fff;
    height: 35px;
    border:0;
    padding: 0px 1vw 0px 1vw;
}

.newsletter-submit:hover{
    cursor: pointer;
    background-color: #415568;
}

.newsletter-widget p{
    width: 50%;
    display: flex;
}

.newsletter-widget p:first-of-type{
    width: 35%;
    display: flex;
}

.newsletter-widget p:nth-of-type(2){
    width: 50%;
    margin-left: 10px;
}
.newsletter-widget p:nth-of-type(3){
    width: 15%;
    margin-left: 10px;
}

.newsletterdiv p{
    margin-top: 0;
    margin-bottom: 0;
}

div#n2-ss-6.n2-ss-load-fade.n2-ss-loaded {
    z-index: 0;
}

.rss-aggregator{
    list-style: none;
    padding: 0;
}

.rss-aggregator ul{
    list-style: none;
    padding: 0;
    display:flex;
}

.rss-aggregator ul > li{
    margin-right:20px;
    margin-left: 10px;
    font-size: 0.778em !important;
}

.feed-item i{
    font-size: 1.389em;
}

.feed-date{
    font-weight: bold;
}

.feed-item a{
    color:#414141 !important;
    text-transform: uppercase;
}

.feed-item {
    border-bottom: 1px solid #ccc;
    font-size: 0.778em !important;
}

.feed-item.grey{
    background:#f4f4f4;
    display: flex;
    height: 60px;
    align-items: center;

}

.feed-item.grey li {
    font-weight: bold;
    font-size: 0.778em !important;
}

.accordion-title.open:after{
    content: '\f078';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 10px;
    text-decoration:none;
    transform: rotate(180deg);
}

.accordion-title:after{
    content: '\f077';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    height: fit-content;
    display: flex;
    transform: rotate(180deg);
    position: absolute;
    right: 0;
    top: 0;
}

.goog-te-menu2 table tbody tr td {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.labelNewsletter {
    font-size: 0.667em;
}

.nl35{
    width: 35%;
}

.nl45{
    width: 45%;
}

.nl17{
    width: 17%;
}

.n2-ss-slider{
    font-size: 0.889em !important;
}

#googleMap{
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    overflow: hidden;
    z-index: 999999;
}

.cmra-header{
    display:none !important;
}

.cmra-category-link-list{
    display:flex;
}

.cmra-favicon{
    display:none !important;
}

.cmra .cmra-link-image{
    width: 100% !important;
}

.cmra .cmra-category li{
    border-bottom:none;
}

.cmra-category-link-list-entry{
    border: unset !important;
}

.cmra-category-link-list-entry:nth-child(2) {
    padding: 0 20px !Important;
}

.cmra-content{
    margin-bottom: 0px !Important;
}

.cmra-category{
    margin: 0px !Important;
}

.css-events-list{
    margin-left: 30px;
    margin-bottom: 20px;
    min-height: 248px;
}

.wpcf7{
    width: 100%;
}

.wpcf7-form-control-wrap{
    display: flex;
}

.textboxSelection{
	display: flex;
    flex-direction: column;
    margin-left: 22px;
    margin-bottom: 20px;
}

.textboxSelection label{
	display: flex;

}

.singlephp .wpcf7{
    background: #f0f0f0;
    padding: 16px;
    border-radius: 8px;
}

.singlephp .wpcf7 label {
    display: none;
}

/* Concursos */

.contests_content{
	max-width: 1200px;
	margin: 0 auto;
    padding: 16px;
}

.contests_item{
    border-top: 1px solid var(--main-color, #0047BB);
    border-bottom: 1px solid var(--main-color, #0047BB);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contests_link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
}
.contests_item:nth-child(2n){
	background: #e8edf2;
}

.contests_date {
   font-size: 12px !important;
}

.contests_item_title{
    font-size: 20px;
    width: 100%;
    margin: 0;
    line-height: normal;
    font-weight: 500;
}

.contests_readmore{
    font-size: 14px;
    color: rgba(0,0,0, 0.87) !important;
    font-weight: 300;
}

.fa-plus-circle:before {
  color: rgba(0,0,0, 0.87) !important;
}

.contests_block{
	display: none;
	flex-direction: column;
	margin-bottom: 20px;
}
.contests_block_active{
    display: flex;
}

.contests_selector{
	display: flex;
	align-items: end;
	margin-bottom: 40px;
}

.contests_selector a, .contests_selector select {
    height: 44px;
    border-radius: 4px;
}

.contests_selector select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.contest_selecter{
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 500;
    border: solid 1px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    margin-right: 20px;
    color: #ccc;
    background-color: transparent;
}

.contest_selecter:not(.contest_selecter_ative):hover{
    color: var(--main-color, #0047BB);
    border-color: var(--main-color, #0047BB);
}

.contest_selecter_ative{
    background-color: var(--main-color, #0047BB);
    color: #fff;
    border-color: var(--main-color, #0047BB);
}

.contest_year_selector{
    display: flex;
    align-items: end;
}

.year-selector-wrapper {
    display: flex;
    flex-direction: column;
}

.contest_year_selector label {
    font-size: small;
    opacity: 0.5;
}

#year_selector{
    height: 46px;
    padding: 0 30px;
    font-weight: 500;
    font-size: 18px;
}

#year_filter{
    background: var(--main-color, #0047BB);
    color: white;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid var(--main-color, #0047BB);
}

.contests_seperatingline{
	display: flex;
    margin: 60px 0;
}

.pag_setas a{display: flex;}
.pag_setas .fas{font-family:"FontAwesome"; margin: 0 10px;}

.areaconc{min-height: calc(100vh - 226px - 135px);    padding-top: 95px;}

.contests_selector_ah{
   display: flex;
    height: 100%;
}

/*============================================ Mobile ============================================*/
@media (min-width: 840px) {
    .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 30px);
    }

    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 66px);
    }

    .option .mdl-cell--6-col{
        width: calc(50% - 16px);
    }
}

@media (min-width: 767px) and (max-width: 1025px) {

    .vertical-mdl-tabs {
        margin-top: 30px !important;
    }

    .mdl-mini-footer{
        justify-content: inherit !Important;
    }

    .mdl-mini-footer li {
        margin-right: 20px;
    }

    .padding15Mobile{
        padding: 0 15px;
    }

    .cabecaDeCat{
        padding: 0 15px;
    }

    .card, .card figure{
        position: initial !important;
    }

    .menus_e_lupa{
        margin-top: 0;
    }
}

@media (max-width: 839px) and (min-width: 480px){
    .container{
        margin-top: 30px;
    }
}

@media (max-width: 479px){
    .smallNews p{
        margin-right: 0;
    }

    .articlesColumn{
        width: 100% !important;
    }

    .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel{
        padding-left: 0;
        padding: 10px;
    }

    .mdl-layout__header{
        height: auto;
    }

    .menus_e_lupa{
        margin-top: 45px !important;
    }

    .logos_login {
        margin-top: 12px !important;
    }
}

@media (max-width: 839px) and (min-width: 480px){

    .menus_e_lupa{
        display: inline-block;
    }

    .mdl-layout__header{
        height: auto;
    }

    .logos_login {
        margin-top: 12px !important;
    }

    .articlesColumn{
        width: 100% !important;
    }

    .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel{
        padding-left: 0;
    }

    .articleColumntitle{
        margin-top: 10px;
    }
}

@media (max-width: 479px) {

    .mdl-cell--2-5-col,
    .mdl-cell--2-5-col-phone.mdl-cell--2-5-col-phone {
        width: calc(100% - 24px); }
    .mdl-grid--no-spacing > .mdl-cell--2-5-col, .mdl-grid--no-spacing >
    .mdl-cell--2-5-col-phone.mdl-cell--2-5-col-phone {
        width: 100%; }

    .postContent img{
    	width: 100%;
	}
}

@media (min-width: 480px) and (max-width: 839px) {

    .mdl-cell--2-5-col,
    .mdl-cell--2-5-col-tablet.mdl-cell--2-5-col-tablet {
        width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-5-col, .mdl-grid--no-spacing >
    .mdl-cell--2-5-col-tablet.mdl-cell--2-5-col-tablet {
        width: 50%; }

    .mdl-cell--2-5-offset,
    .mdl-cell--2-5-offset-tablet.mdl-cell--2-5-offset-tablet {
        margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-5-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 50%; }
}

@media (min-width: 840px) {

    .mdl-cell--2-5-col,
    .mdl-cell--2-5-col-desktop.mdl-cell--2-5-col-desktop {
        width: calc(20% - 24px);
        margin-left: 15px;
        margin-right: 15px;
    }
    .mdl-grid--no-spacing > .mdl-cell--2-5-col, .mdl-grid--no-spacing >
    .mdl-cell--2-5-col-desktop.mdl-cell--2-5-col-desktop {
        width: 20%;
    }
	.hovEventImg {
    height: auto;
    margin-left: 2%;
    width: 370px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: inherit;
    }

    .mdl-layout__header .mdl-layout__drawer-button {
        margin-top: 95px;
        margin-left:0;
        width:100%;
    }
}

@media (max-width: 479px){
    .menus_e_lupa .mdl-navigation {
        display: none;
    }

    .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
        display: inherit;
        background: #26ae55;
    }
}

@media (max-width: 479px){
    .categoryNoticias{
        margin-top: 0px;
    }

    .categoryNoticias .notNav{
        margin-top: 20px;
    }

    .catTable td{
        padding: 3vw;
    }

    .mobile_nav li.menu-item-has-children .sub-menu {
        display: none;
        position: relative;
        border: none;
        top: initial;
        flex-direction: column;
        margin: 0;
        background: white;
    }

    .mobile_nav li.menu-item-has-children .sub-menu.active{
        display: flex;
        position: relative;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li{
        display: flex;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        background: rgba(13, 166, 66, 0.4);
    }

    .mobile_nav li.menu-item-has-children .sub-menu li:hover{
        background: none;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li a{
        color: rgba(13, 166, 66, 1) !important;
        padding-left: 40px;
        padding-right: 20px;
        font-family: Roboto;
        font-size: 13px;
        width: initial;
        line-height: 1.2;
        display: flex;
        align-items: center;
    }

    .arrow_menu_m,
    .arrow_submenu_m {
        color: white;
        display: flex;
        position: absolute;
        right: 15px;
        top: 11px;
    }

    .arrow_menu_m.active:before,
    .arrow_submenu_m.active:before {
        content: "\f077";
    }

    .fixedHeader{
        display: none;
    }

    .archive-header{
        display: none;
    }

    .padding15Mobile{
        padding: 0 15px;
    }

    .texto-h img{
        width: 100%;
        height: 100%;
    }

    .shareDev{
        order: 2;
        display: flex;
        width: fit-content;
        margin-left: auto;
    }

    .LeCopyright{
        order: 3;
    }

    .nNav{
        float: right;
    }

    .catFileTitle{
        font-size: 13px;
    }

    .catFileDate{
        font-size: 13px;
    }

    .notNav{
        flex-direction: column !important;
        align-items: flex-end !Important;
    }

    .resultbyyear{
        width: initial !Important;
    }

    .greenBorderTwo{
        max-width: initial !Important;
    }

    .catCom td:first-child {
        width: initial !Important;
    }

    #smartslider {
        display: none;
    }

    .mdl-layout__header:first-child {
        top: 0;
    }

    .mdl-layout__header:nth-child(2) {
        top: 68px;
    }

    .indexphp{
        margin-top: 255px !important;
    }

    .mdl-cell {
        margin-top: 0!important;
    }

    .footerphp ul {
        display: flex;
        flex-direction: column;
    }

    .INSACells{
        margin-top: 10px !important;
    }

    .menus_e_lupa{
        margin-top: 0;
    }

    .logos_login .mdl-layout__title{
        width: 100%;
    }

    .logos_login a{
        width: 48%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .logos_login img{
        width: 100%;
    }

    .menus_e_lupa{
        display: flex;
    }

    .menus_e_lupa .material-icons{
        color: #fff;
        font-size: 1.900em;
    }

    .mdl-layout__drawer{
        z-index: 10000000;
    }

    .noheight{
        height: initial !important;
    }

    .footerContainerR{
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        width: calc(100% - 20px);
        margin: 10px auto 0;
    }

    .LeCopyright{
		order: 3;
		margin: 20px auto;
    }

    .developed{
        margin-left: auto;
        margin-right: 10px;
    }
}

@media (max-width: 1200px) {
    body{
		padding-top: 0;
	}
	.singlephp{
        margin-top: 112px;
    }

    .header_mobile {
        display: flex !important;
        position: fixed;
        width: 100%;
        /* height: 117px; */
        /* height: 90px; */
        z-index: 9999999;
        flex-direction: column;
    }

    .mdl-navigation.mobile_nav .mdl-navigation{
        top: unset;
        box-shadow: none;
    }

    .mdl-navigation.mobile_nav a{
        width: 100%;
        height: 40px;
        line-height: 1;
        font-weight: 400;
        font-family: Roboto;
        color: white !important;
        display: flex;
    	align-items: center;
    }

    .mobile_nav li.menu-item-has-children .sub-menu {
        display: none;
        position: relative;
        border: none;
        top: initial;
        flex-direction: column;
        margin: 0;
        background: white;
    }

    .mobile_nav li.menu-item-has-children .sub-menu.active{
        display: flex;
        position: relative;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li{
        display: flex;
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
        background: rgba(13, 166, 66, 0.4);
    }

    .mobile_nav li.menu-item-has-children .sub-menu li:hover{
        background: none;
    }

    .mobile_nav li.menu-item-has-children .sub-menu li a{
        color: rgba(13, 166, 66, 1) !important;
        padding-left: 40px;
        padding-right: 20px;
        font-family: Roboto;
        font-size: 13px;
        width: initial;
        line-height: 1.2;
        display: flex;
        align-items: center;
    }

    .arrow_menu_m {
        color: white;
        display: flex;
        position: absolute;
        right: 15px;
        top: 11px;
    }

    .menu_mobile{
        position: fixed;
        top: 90px;
        max-height: 80%;
        overflow-x: hidden;
        height: initial;
        border: none;
    }

    .submenuVoltar:before {
        content: "\f053";
        font-family: FontAwesome;
        padding-right: 10px;
        font: normal normal normal 14px/1 FontAwesome;
    }

    .fixedHeader{
        display: none;
    }

    .indexphp{
        margin-top: 240px !important;
    }
}

@media (min-width: 767px) and (max-width: 1025px) {
    .SecSubCard{
        flex-wrap: wrap;
    }

    .SubCardZone{
        width: 50%;
    }

    .SubCardZone a{
        margin: 0 auto 15px auto;
    }
}

@media (max-width: 479px){
    .SecSubCard{
        flex-direction: column;
    }

    .SubCardZone{
        margin-bottom: 30px;
        width: 100%;
    }

    .SubCardZone a{
        margin: 0 auto;
    }

    .smallNews{
        flex-direction: column;
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }

    .notTitleLink{
        margin-bottom: 15px;
    }

    .areaCidMobile{
        display: flex;
        padding: 0 15px;
        padding-top: 20px;
    }

    .greenZone{
        width: auto;
    }

    .videosEventos{
        flex-direction: column;
    }

    .footerphp ul{
        flex-direction: row;
    }

    .mdl-mini-footer li{
        width: 50%;
    }

    .footerphp .sub-menu{
        flex-direction: column;
    }

    .newsletterSG {
        display: none;
    }

    .NLMobileAndLogo{
        display: flex;
    }

    .newsletterGrey{
        margin-right: auto;
        padding: 0 10px;
        height: initial;
        margin-left: 0;
        flex-direction: column;
        background: #cccccc;
    }

    .newsletterGrey span{
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .newsletterGrey input{
        padding: 5px;
        width: calc(100% - 20px) !Important;
        margin-bottom: 5px;
    }

    .newsletterGrey .NLMail{
        margin-bottom: 10px;
    }

    .NLMobileAndLogo img{
        height: 50px;
        /* width: 100%; */
        margin-right: auto;
    }
	.hovEventImg {
    height: auto;
    margin-left: 2%;
    width: 370px;
    }

    .contests_content{
    	max-width: calc(100% - 40px);
    }

    .contests_selector{
    	flex-direction: column;
	    height: unset;
	    align-items: flex-start;
	    gap: 20px;
    }

    .contest_selecter{height: 40px;}
}

@media (max-width: 479px){
    #homepage_header{
        display: none;
    }

    .secMenu{
        margin-bottom: 30px;
    }

    .noticiasIndex, .destaquesIndex{
        width: 100%;
    }

    .noticiash1{
        width: fit-content;
        padding-left: 2%;
    }

    .noticiasZone .notBox{
        display: none;
        margin: 0 auto;
    }

    .noticiasZone .mobNotActive{
        display: flex;
    }

    .eventosZone .notBox {
        display: none;
        margin: 0 auto;
    }

    .eventosZone .mobNotActive {
        display: flex;
    }
    .prevArrowM, .nextArrowM{
        display: unset;
    }

    .prevArrow, .nextArrow{
        display: none;
    }

    .destaqueh1{
        margin-left: 2%;
    }

    .destaquesZone{
        margin: 0 auto;
    }

    .n2-ss-slider-1, .n2-ss-slider{
        width: 100% !Important;
    }

    .videos_container{
        padding-right: unset !Important;
        padding: 0 15px 20px 15px !Important;
        margin-bottom: 70px;
    }

    .notDestIndex{
        margin-bottom: 70px;
    }

    .css-events-list{
        margin: 0 15px;
    }

    .threeEvents{
        flex-direction: column;
        margin-bottom: unset;
    }

    .eventsBox, .eventsBox:nth-child(2n){
        margin: 0 15PX;
        margin-bottom: 30px;
    }

    .voltarDiv{
        margin: 0 15px;
    }

    .eventosphp .pagination{
        margin: 0 15px;
    }

    .cabecaDeCat .maxwidth1000{
        flex-direction: column;
        align-items: center;
    }

    .imgCDC{
        width: calc(100% - 30px);
        PADDING: 0 15PX;
        TEXT-ALIGN: CENTER;
    }

    .formSearchCat{
        WIDTH: CALC(100% - 30PX);
        padding: 0 15px;
        margin: 0;
    }

    .contactSearch{
        margin-top: 20px;
        width: calc(100% - 30px);
    }

    .categoryNoticias{
        padding: 0 15px;
        width: calc(100% - 30px);
    }

    .titleGreenZone{
    	margin-top: 218px;
        max-width: unset;
        padding: 0 10px;
        width: 100%;
    }

    .titleGreenZone:before{
        width: 400%;
        z-index: -1;
        left: -100%;
        right: unset;
    }

    .categoryNoticias .smallNews{
        margin: 0;
        width: 100%;
    }

    .categoryNoticias .smallNewsInfo{
        order: 2;
        width: 100%;
    }

    .newsLink{
        right: 0;
    }

    .smallNews .thumbnail{
        order: 1;
        width: 100%;
    }

    .espacamentoFixo{
        margin-top: 90px !Important;
    }

    .categoryNoticias{
        margin-top: 130px;
    }

    .texto-h{
        width: calc(100% - 30px);
    }

    .singlephp{
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .contactosTitle{
        padding: 0 15px;
    }

    .categoryContent{
        padding: 0 15px;
        width: calc(100% - 30px);
    }

    .articlesColumn{
        margin-bottom: 30px;
    }

    .catBread{
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .pdfIcon{
        width: 24px !Important;
        height: 24px !Important;
    }

    .catTitleNoIMG{
        max-width: 50%;
    }

    .newsLink{
    	bottom: -22px;
    }

    .titleGreenZone:before{
    	width: inherit;
    	left: -60%;
    }
}
@media (max-width: 320px) {

 	.hovEventImg {
    height: 50px;
    margin-left: 2%;
    width: 310px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */

     .areaCidLupa{
     	DISPLAY: BLOCK;
     }

     .catTitleNoIMG{
     	line-height: normal;
     	letter-spacing: normal;
     	margin-top: 0;
     	margin-bottom: 0;
     	font-size: 24px;
     }

     .notTitleIndex{
     	margin-bottom: 0;
     	line-height: normal;
     	margin-right: auto;
     }

     .notBox hr{
     	margin-right: auto;
     }
}


/* Minimal Category Page Styles */

@media (max-width: 1200px) {
    .events-category-page {
        margin-top: 100px;
    }
}


.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.category-header {
    background: linear-gradient(135deg, #007d5a 0%, #007d5aaa 100%);
    padding: 80px 0 60px;
    text-align: center;
    color: white;
}

.category-header h1 {
    font-size: 2rem;
    margin: 0 0 12px;
    color: white;
    font-weight: 700;
}

.category-header .description {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 600px;
    margin: 0 auto 24px;
}

.category-header .meta {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    font-weight: 500;
}

.category-header .meta span {
    background: rgba(255, 255, 255, 0.2);
    padding: 8px 16px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
}

/* Events */
.events-section {
    padding: 80px 0;
    background: #f8fafc;
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
}

.event-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.event-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.event-card a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.event-image {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.event-card:hover .event-image img {
    transform: scale(1.1);
}

.event-content {
    padding: 25px;
}

.event-content h3 {
    margin: 0 0 12px;
    font-size: 1.3rem;
    color: #1a202c;
    line-height: 1.3;
    font-weight: 600;
}

.event-content p {
    color: #64748b;
    margin: 0 0 18px;
    line-height: 1.6;
    font-size: 0.95rem;
}

.event-content time {
    color: #007d5a;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
}

/* No Events */
.no-events {
    text-align: center;
    padding: 100px 0;
    color: #64748b;
}

.no-events h3 {
    margin: 0 0 15px;
    color: #374151;
    font-size: 1.5rem;
}

/* Pagination */
.pagination {
    padding: 48px 0;
    background: white;
    border-top: 1px solid #e2e8f0;
}

.pagination .container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.pagination a {
    padding: 12px 24px;
    background: #007d5a;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.pagination a:hover {
    background: #007d5a;
    transform: translateY(-2px);
}

.pagination .current {
    padding: 12px 24px;
    background: #f7fafc;
    border-radius: 8px;
    font-weight: 600;
    color: #4a5568;
    border: 2px solid #e2e8f0;
}

/* Back Button */
.back-section {
    padding: 40px 0;
    background: #f8fafc;
}

.back-btn {
    padding: 12px 24px;
    background: transparent;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    color: #64748b;
    font-weight: 500;
    transition: all 0.3s ease;
}

.back-btn:hover {
    transform: translateX(-4px);
}

/* Responsive */
@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }

    .category-header {
        padding: 60px 0 40px;
    }

    .category-header h1 {
        font-size: 2.2rem;
    }

    .events-section {
        padding: 60px 0;
    }

    .events-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .pagination .container {
        flex-wrap: wrap;
        gap: 15px;
    }
}