body{
	background:white;
	padding:0;
	overflow:auto;
    min-height:100%;
}



* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}


section{
    width:100%;
    height:auto;
}


.container_x{
    padding-bottom:84px; 
}

.container_l{
    padding-bottom:84px; 
}

.container_body{
min-height: 100%;
padding-bottom:20px;
position: relative;
}

@font-face {
    font-family: 'DINPro-Light'; /*a name to be used later*/
    src: url('/templates/essg/fonts/DINPro-Light.otf'); /*URL to font*/
}


@font-face {
    font-family: 'Exo2-Medium'; /*a name to be used later*/
    src: url('/templates/essg/fonts/Exo2-Medium.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'DINPro-Regular'; /*a name to be used later*/
    src: url('/templates/essg/fonts/DINPro-Regular.otf'); /*URL to font*/
}

@font-face {
    font-family: 'DINPro-Medium'; /*a name to be used later*/
    src: url('/templates/essg/fonts/DINPro-Medium.otf'); /*URL to font*/
}

@font-face {
    font-family: 'DINPro-Bold'; /*a name to be used later*/
    src: url('/templates/essg/fonts/DINPro-Bold.otf'); /*URL to font*/
}

@font-face {
    font-family: 'Exo2-Bold'; /*a name to be used later*/
    src: url('/templates/essg/fonts/Exo2-Bold.otf'); /*URL to font*/
}

@font-face {
    font-family: 'Exo2-Light'; /*a name to be used later*/
    src: url('/templates/essg/fonts/Exo2-Light.otf'); /*URL to font*/
}

h2,h3,h4{ 
    /*color: #4f4f4f;*/
    font-weight: bold;    
}

#content{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}


nav{
	margin:0 auto;
	width:90%;
	background:#df1c24;
		max-width:1200px;
	height:70px;
}

.nav_wr{
	margin:0 auto;
	width:95%;
	height:70px;
}

.nav_item{
	float:left;
	width:auto;
	height:70px;
}

.nav_item_b{
	float:right;
	width:auto;
	height:70px;
}

.nav_item_b img{
	cursor:pointer;
	margin-top:24px;
}

.nav_item img{
	margin-top:20px;
}

.noticia{
	margin-top:4vh;
	width:100%;
	height:auto;
}

.outras{
	margin-top:4vh;
	width:100%;
	height:30vh;
	max-height:238px;
}

.outras-img{
    display: inline-block;
	float:left;
	width:25%;
	height:100%;
	overflow:hidden;

}

.outras-img img{
    margin:0 auto;
    opacity:0.9;
    cursor:pointer;
    background:gray;
    min-width:98%;
    max-height:335px;
    width:98%;
    min-height:100%;
}

.outras-img img:hover{
    cursor:pointer;
}

.noticia_wr{
	margin:0 auto;
	width:90%;
	max-width:1200px;
	height:100%;
} 

.noticia_wrb{
	margin:0 auto;
    width: 95%;
	max-width:1200px;
	height:100%;
}

.noticia_wr h1{
	font-family: 'Exo2-Bold';
	text-transform: uppercase;
	font-size:24px;
	color:#df1c24;

}

.noticia_wr p{
    /*margin-top:2vh;*/
    font-family: 'DINPro-Light';
    font-size:16px;
    color:#4f4f4f;
}

.outras_wr {
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    width: 90%;
    max-width: 1200px;
    height: 100%;
}



.fta{
    position:absolute; bottom:0;
}




.footer-wr{
	margin-top:20px;
	float:left;
	margin:0 auto;
	width:100%;
	height:570px;
}



.txt-foot-l {
    margin-top: 18px;
    float: left;
    width: 48%;
    margin-left: 2%;
    height: auto;
    text-indent: 0px; 
    overflow: hidden;
}


.txt-foot-r{
	margin-top:28px;
	float:left;
		text-align:right;
	width:48%;
	height:auto;
	overflow:hidden;
}

.select-wr-sec{
	/*float:left;*/
	margin:0 auto;
	margin-top:5vh;
	width:100%;
	height:auto;
    justify-content: center;

}

.sabermais-icon{
padding: 17px;
    /* margin-top: 4vh; */
    background: url(/templates/essg/images/sabermais.svg) no-repeat center;
    width: 25px;
    /* padding: 13px 22px; */
    height: 25px;

}

.select-wr-secx{
	float:left;
	margin:0 auto;
	margin-top:3vh;
	width:100%;
	height:4vh;
    justify-content: center;

}

.slide-x{
	background:url(/templates/essg/images/seta-d.svg) no-repeat;
	float:left;
	width:20px;
	height:30px;
	cursor:pointer;
	margin-left:30px;
}


.slide-s{
	float:left;
	background:url(/templates/essg/images/seta-e.svg) no-repeat;
	width:20px;
	height:30px;
	cursor:pointer;
}

.m-wrapper{
    margin-top:2vh;
	float:left;
	width:100%;
	height:auto;
		overflow:hidden;
}

.s-wrapper{
	margin:0 auto;
	margin-top:2vh;
	width:86%;
	max-width: 1200px;
	overflow:hidden;
	height:auto;
}


.s-wrapper h1{
    font-family: 'DINPRO-Medium';
	font-size:18px;
	color:#df1c24;
}

.x-wrapper{
    float:left;
	margin-top:2px;
	width:100%;
	font-size:16px;
	overflow:hidden;
	font-family: 'DINPro-Light';
	color:#878787;
	height:auto;
    
}

.x-wrapper-f{
    margin-top:15px;
    float:left;
    width:100%;
    height:auto;
}





.bullet{
    background:url(../templates/essg/images/cruz-red.svg)no-repeat;
    width:10px;
    height:10px;
}

.boxsele{
	margin:0 auto;
	width:90%;
	background:#f2f2f2;
	color:#878787;
	font-family: 'DINPro-Regular';
	margin-top:2vh;
	text-indent: 2.5%;
	max-width:1200px;
	padding-top:3px;
	padding-bottom:3px;
	overflow:hidden;
}

.boxsele p{
    margin-top:2px;
    font-size:14px;
}

.active {
    	font-family: 'DINPro-Medium';
	background:#df1c24;
	color:white;
}


.page-divisor{
	margin:0 auto;
	margin-top:2vh;
	width:90%;
	max-width:1200px;
	height:1px;
	background:#df1c24;
}


.back{
    cursor:pointer;
    text-align:center;
    height:30px;
    width:auto;
    padding-right:20px;
    padding-left:20px;
    font-family: 'DINPro-Regular';
    font-size:12px;
    color:white;
    background:#df1c24;
}

.back:hover{
    cursor:pointer;
    opacity:0.7;
}



/*EVENTS */

.events-wr{
	float:left;
	margin:0 auto;
	width:100%;
    height: 489px;
    overflow:hidden;
	margin-top:10px;
}

.events-wr-sec{
	margin:0 auto;
	width:90%;
	height:100%;
	text-align:center;
}

.new-event{
	float:left;
	margin-top:0.5vh;
	width:49.2%;
	height:240px;
	margin-left:5px;
}




.event-info{
    float:left;
	width:50%;
	height:100%;
	position:relative;
	color:white;
	background:#df1c24;
}

.event-info-b{
    float:left;
	width:50%;
	position:relative;
	height:100%;
	color:#df1c24;
	background:#F2F2F2;
}

.event-img{
	float:left;
	width:50%;
	height:100%;
	overflow:hidden;
	background:black;

}

.event-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block;
    margin:auto;
}



.event-wr-top{
	float:left;
	width:100%;
	height:70%;
	text-align:left;
	font-family: 'DINPro-Bold';
	font-size:14px;


}

.event-wr-top-m{
	margin:0 auto;
	word-wrap:break-word;
	width:80%;
	margin-top:3.5vh;
	height:80%;
		

}

.event-wr-bottom {
    float: left;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 20px;
    text-align: left;
    font-family: 'DINPro-Bold';
    font-size: 14px;
    margin-top: 0px;
}

.event-wr-bottom-m{
	margin:0 auto;
	width:80%;
	height:100%;
	text-align:left;
	font-family: 'DINPro-Bold';
	font-size:14px;

}



.saberm_b{
		margin-top:5%;
	float:left;
	width:105px;
	height:32px;
	background:transparent;
	border:1px solid #df1c24;
	color:#df1c24;
	font-family: 'DINPro-Regular';
	font-size:12px;
	cursor:pointer;

}

.saberm_a{
	margin-top:5%;
	float:left;
	width:105px;
	height:32px;
	background:transparent;
	border:1px solid white;
	color:white;
	font-family: 'DINPro-Regular';
	font-size:12px;
	cursor:pointer;

}


.saberm_c{
		margin-top:2.5vh;
	float:left;
	width:105px;
	height:32px;
	background:transparent;
	border:1px solid #df1c24;
	color:#df1c24;
	font-family: 'DINPro-Regular';
	font-size:12px;
	cursor:pointer;

}


.saberm_disabled {
    float: left;
    width: 105px;
    height: 32px;
    background: transparent;
    border: 1px solid grey;
    color: grey;
    font-family: 'DINPro-Regular';
    font-size: 12px;
    cursor: pointer;
}

.title-content{
    float: left;
    text-align: center;
    width: 100%;
    height:auto;
    margin-top: 4vh;
    margin-bottom: 4vh;

}


.title-content h1{
    font-family: 'Exo2-Bold';
    text-transform: uppercase;
    font-size: 28px;
    color: #df1c24;
}

.bnot{
    float:left;
    width:100%;
    height:auto;
    margin-top:-1vh;
}

footer{
    float:left;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
	background:white;
	width:100%;
	height:64px;
}

li{
    position:relative;
    font-family: 'DINPro-Light';
    font-size: 16px;
    height:auto;
}

.cruz{

    position: absolute;
    margin-top: 6px;
    /* margin-left: 8px; */
    /* margin-right: 11px; */
    background: url(/templates/eso/images/cruz.svg)no-repeat;
    width: 10px;
    height: 10px;

}

.cruz-red{
    position: absolute;
    margin-top: 6px;
    /* margin-left: 8px; */
    /* margin-right: 11px; */
    background: url(/templates/eso/images/cruz-red.svg)no-repeat;
    width: 10px;
    height: 10px;

}

.cruz-branca{
    position: absolute;
    margin-top: 6px;
    /* margin-left: 8px; */
    /* margin-right: 11px; */
    background: url(/templates/essg/images/cruz-branca.svg)no-repeat;
    width: 10px;
    height: 10px;

}


/*
li:hover .cruz{
    background: url(/templates/eso/images/cruz-red.svg)no-repeat;
}*/

.download-white{

    position: absolute;
    margin-top: 6px;
    /* margin-left: 8px; */
    /* margin-right: 11px; */
    background: url(/templates/essg/images/link_branco-01.svg)no-repeat;
    width: 10px;
    height: 10px;

}
/*
li:hover .download-white{
    background: url(/templates/essg/images/link_branco-01.svg)no-repeat;
}*/

.xs-wrapper a{
    text-decoration:none;
    color:#878787;
}

.xs-wrapper a:hover{
    text-decoration:none;
    color:#df1c24;
}

.text-b a{
    color:#4f4f4f;
}

.text-b a:visited{
    color:#4f4f4f;
}


.text-b a:hover{
    color:#df1c24;
}

.text-c a{
    color:white;
}

.text-c a:visited{
   color:white;
}

.text-c a:hover{
   color:#4f4f4f;
}

.download-red{

    position: absolute;
    margin-top: 6px;
    /* margin-left: 8px; */
    /* margin-right: 11px; */
    background: url(/templates/essg/images/link_vermelho.svg)no-repeat;
    width: 10px;
    height: 10px;

}

a:hover .download-red{
    background: url(/templates/essg/images/link_vermelho.svg)no-repeat;
}

li{
    padding-left: 1.39em;
    text-indent: -1.39em;
}

/*EVENTS END*/

footer{
    float:left;
    position:static;
    bottom:0;
    left:0;
    right:0;
	background:white;
	width:100%;
	height:68px;
}

@media only screen and (max-width: 1000px) {
    
    .new-event{
        width:100%;
    }
    
    .main_nav_s{
        display:none;
    }
    
    .side_icons{
        display:none;
    }
    
}

@media only screen and (max-width: 1300px) {
 main{
     float:left;
     width:100%;
     height:125px;
 }   
}

@media only screen and (min-width: 1900px) {

footer{
    float:left;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
	background:white;
	width:100%;
	height:68px;
}


.select-wr-sec{
	margin-top:5vh;
}

	
    


}