@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@media(min-width: 320px) and (max-width: 768px){

	/*<-------CAPA------>*/
	.li-agenda-mobi{
		display: block;
	}
	.webmail-mobi{
		background-image: url(../img/ico-webmail.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		display: block;
		padding-left: 28px;
		color: #69B;
		text-decoration: none;
	}
	.agenda-mobi{
		background-image: url(../img/ico-agenda.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		display: block;
		padding-left: 28px;
		color: #69B;
		text-decoration: none;
	}
	.main{
		width: 100%;
		margin: 0;
	}	

	.main .topo{
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
		margin-bottom: 0;
	}

	.mCustomScrollBox{
		overflow-y: hidden !important;
	}

	.main .topo .linha{
		position: absolute;
    	bottom: 15px;
		display: inline-block;
		float: none;
		width: 58.33333333%;
		padding-left: 0;
		padding-right: 0;
	}

	.main .topo .linha .logos{
		display: none;
	}

	.main .topo .linha .data{
		margin-top: 27px;
    	margin-bottom: 5px;
    	padding: 0;
	}

	.main .menu-mobile-header .linha{
		width: 57.33333% !important;
	}

	.main .topo .linha .redes{
		float: none;
		width: 100%;
		padding: 0;
		padding-top: 15px;
	}

	.globe-mobile .menu-mobile-nav .google {
		width: 100%;
	}

	.globe-mobile .menu-mobile-nav .google select{
		width: 100%;
		height: 35px;
	}

	.main .topo .logo{
		width: 41.66666667%;
		height: auto;
		margin: 50px 0px 15px 0px;
	}

	.menu-icones{
		display: block !important;
		float: none !important;
		width: 100% !important;
		position: initial !important;
		display: none !important;
	}

	.menu-icones li{
		width: 50% !important;
		position: initial !important;
		margin-right: 0 !important;
	}

	.agenda{
		text-align: right;
		width: 162px;
	    display: inline;
	    float: right;
	}

	.slide{
		display: none;
		width: 100% !important;
		position: initial !important;
		float: none !important;
	}

	.slide-mobile{
		width: 100% !important;
		position: initial !important;
		float: none !important;
	}

	.noticias-mobile{
		width: 100%;
		height: auto;
		margin-top: 25px;
	}

	.noticia{
		width: 100%;
	}

	.img-noticia{
		width: 100%;
	}

	.data-noticia{
		color: #6799BC;
		font-size: 10px;
	}

	.titulo-noticia{
		font-size: 14px;
		font-weight: bold;
		width: auto;
	}

	.titulo-noticia a{
		color: #000 !important;
	}

	.mais-artigos a{
		position: absolute;
	    background-color: #459BBE;
	    color: #FFF !important;
	    padding: 10px;
	    border-radius: 5px;
	}

	.texto-noticia{
		font-size: 12px;
		width: auto;
	}

	.main .noticias-destaques{
		position: initial;
		width: 100%;
		margin: 0 auto;
		margin-top: 50px;
		float: none;
		height: auto;
	}

	.main .noticias-destaques .paginacao{
		display: none;
		
	}

	.main .conteudo .conteudo-destaques .paginacao{
		width: 100% !important;
	}

	.main .noticias-destaques ul li{
		width: auto;
	}

	.main .noticias-scroll{
		width: 100%;
		margin: 0 auto;
		float: none;
		margin-bottom: 60px;
	}

	.main .noticias-scroll fieldset{
		width: auto;
		margin-left: 0px;
	}

	.main .noticias-scroll .conteudo-scroll{
		width: 83.33333333%;
	}

	.main .noticias-scroll h3{
		padding-bottom: 10px;
		border-bottom: 1px solid #e0e0e0;
	}

	.main .noticias-scroll fieldset .mais-noticias a{
		position: absolute;
	    background-color: #459BBE;
	    color: #FFF;
	    padding: 10px;
	    border-radius: 5px;
	}

	.mCSB_container.mCS_no_scrollbar{
		margin-right: 30px !important;
	}

	.main .capa-esquerdo{
		float: none;
		width: 100%;
		margin-top: 30px;
	}

	.main .capa-esquerdo .capa-comapalavra{
		float: none;
		width: 100%;
		height: auto;
		padding: 0px;
		padding-left: 15px;
		margin-bottom: 50px;
	}

	.main .capa-esquerdo .capa-comapalavra .thumbnail{
		width: auto;
		height: auto;
	}

	.img-com-a-palavra{
		max-width: 100%;
	}

	.main .capa-esquerdo .capa-comapalavra .textos{
		width: 46%;
	}

	.com-a-palavra-titulo{
		font-size: 16px;
	}

	.main .rodape{
		width: 100%;
		margin: 0;
		padding: 0;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		border: 0;
	}

	.main .rodape .logo{
		width: 175px;
		height: auto;
		margin: 0 auto;
		margin-top: 30px;
		float: none;
		background-position-x: center;
		background-size: contain;
	}

	.main .rodape .logo a{
		height: 50px;
		width: 100%;
		display: block;

	}

	.main .rodape .endereco{
		width: 70%;
		margin: 0 auto;
    	float: none;
	}

	.main .rodape .endereco .entidade{
		text-align: center;
		padding-top:20px;
	}

	.main .rodape .endereco .base{
		width: 100%;
		padding: 15px;
		text-align: center;
	}

	.main .rodape .como-chegar{
		width: 100%;
		margin: 0 auto !important;
		margin-left: 0 !important;
	}

	.main .rodape .como-chegar a{
		margin: 0 auto;
	}

	.main .rodape .telefone{
		width: 100%;
	    position: relative;
	    color: #459BBE;
	    font-weight: 600;
    	font-size: 20px;
	    bottom: -17px;
	    padding: 0px;
	    padding-bottom: 100px;
	    margin: 0;
	    float: none;
	    text-align: center;
	}

	.rodape .linha .logos ul {
	    margin: 0px;
	    padding: 0px;
	    list-style-type: none;
	    float: left;
	    width: 100%;
	    height: 67px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #e0e0e0;
	    border-top: 1px solid #e0e0e0;
	    padding-top: 10px;
	}
	.rodape .linha .logos ul li {
	    float: left;
	    margin-left: 5%;
    	margin-right: 1%;
	    width: 10%;
	    height: 100%;
	}
	.rodape .linha .logos ul li a {
		text-indent: -20000px;
		display: block;
	}
	.rodape .linha .logos ul li .logo-cut {
		background-image: url(../img/logo-cut.png);
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position-y: center;
	    height: 100%;
	    width: 100%;
	}
	.rodape .linha .logos ul li .logo-industriall {
		background-image: url(../img/logo-industriall.png);
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position-y: center;
	    height: 100%;
	    width: 100%;
	}
	.rodape .linha .logos ul li .logo-dieese {
		background-image: url(../img/logo-dieese.png);
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position-y: center;
	    height: 100%;
	    width: 100%;
	}
	.rodape .linha .logos ul li .logo-tvt {
		background-image: url(../img/logo-tvt.png);
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position-y: center;
	    height: 100%;
	    width: 100%;
	}
	.rodape .linha .logos ul li .logo-integrar {
		background-image: url(../img/logo-integrar.png);
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position-y: center;
	    height: 100%;
	    width: 100%;
	}
	.rodape .linha .logos ul li .logo-usi {
		background-image: url(../img/logo-usi.png);
		background-repeat: no-repeat;
	    background-size: contain;
	    background-position-y: center;
	    height: 100%;
	    width: 100%;
	}

	.top15{
		margin-top: 0px;
	}

	/*<-------/CAPA------>*/

	/*<-------CONTEUDO-------->*/
	.conteudo{
		width: 100% !important;
		margin: 0 !important;
		margin-top: 50px !important;
	}

	.conteudo h1{
		font-size: 28px !important;
		line-height: 1 !important;
	}

	.main .conteudo h1{
	    position: relative;
	    display: block;
	    margin-left: 5%;
	    margin: -65px 0 0 0;
	}

	.main .conteudo a{
		width: 100%;
		overflow-wrap: break-word;
	}

	.main .conteudo strong{
		color: #000;
		text-decoration: none;
		display: inline-block;
		margin-bottom: 10px;
	}

	.main .conteudo strong a{
		color: #000;
		text-decoration: none;
	}

	.main .conteudo p a span{
		color: #337ab7 !important;
	}

	.main .conteudo p a strong{
		color: #337ab7 !important;
		padding-right: 5px;
    	display: inline-block;
    	text-decoration: underline;
	}

	.main .conteudo .conteudo-destaques .paginacao li{
		width: 8% !important;
	}

	.main .conteudo-direito .mapa-google h3{
		text-align: center;
	}

	.main .conteudo-direito .mapa-google h4{
		text-align: center;
	    width: 161px;
	    margin: 0 auto;
	    margin-top: 15px;
	}

	.conteudo table{
		width: 100% !important;
	}

	table.texLNK1, table.texLNK1 td, table.texLNK1 tr{
		border: 1px solid #CCC;
	}

	.main .conteudo .conteudo-destaques .paginacao{
		margin-top: 0 !important;
		margin-left: 0 !important;
	}

	.conteudo p{
		width: 90% !important;
		margin: 0 auto !important;
		margin-top: 0 !important;
		margin-bottom: 20px !important;
	}

	.conteudo strong, .conteudo strong a{
		text-decoration: underline;
		color: #96c6da;
	}

	.imagem-conteudo .imagem-legenda {
		width: 100%;
		height: auto;
	}

	.conteudo img{
		width: 100%;
		margin-bottom: 15px;
	}

	.conteudo-destaques, .capa-videos, .capa-fotos, 
	.capa-audios, .capa-palavra, .capa-dieese, 
	.capa-empresas-sindicatos, .capa-mailing, .campanha, .rodape-features{
		display: none;
	}

	.main .conteudo-direito{
		width: 100% !important;
	}

	.main .conteudo-direito .conteudo-relacionado{
		width: 100% !important;
		    margin-bottom: 50px;
	}

	.main .conteudo-direito .conteudo-relacionado h3{
		padding-bottom: 5px;
		border-bottom: 1px solid #e0e0e0;
		width: 100%;
	}

	#testefield{
		width: 75%;
	}

	.main .conteudo-direito .conteudo-relacionado fieldset .mais-noticias a{
		position: absolute;
	    padding: 5px;
	    border-radius: 3px;
	    background-color: #226689;
	    color: #FFF !important;
	}

	.overflow-fix{
		overflow-x: hidden;
	}

	.mCSB_container.mCS_no_scrollbar{
		height: 95%;
		margin-right: 0 !important;
	}

	.conteudo table{
		margin-bottom: 15px;
		text-align: center;
	}

	/*<-------/CONTEUDO-------->*/

	/*<-------SINDICATOS E FEDERAÇÕES------->*/

	.select-estado-mobile{
		display: block;
		padding: 25px 0px 40px 0px;
	}

	.select-estado-mobile select{
		width: 100%;
		padding: 10px 0px 10px 0px;
		background-color: #ededed;
		font-weight: 600;
    	padding-left: 15px;
    	border: 0;
    	border-radius: 2px;
    	background: url(../img/select-icon.png) no-repeat right #ededed;
    	-webkit-appearance: none;
    	background-position-x: 97%;

	}

	/*<-------/SINDICATOS E FEDERAÇÕES------->*/

	/*<-------FOTOS-------------->*/
	.main .conteudo .galeria-conteudo{
		width: 100%;

	}

	.mCSB_container .mCS_no_scrollbar .mCS_touch{
		width: 100% !important;
	}

	.cabecalho{
		display: none;
	}

	.main .conteudo-direito .mais-fotos{
		width: 100%;
	}

	.main .conteudo-direito .mais-fotos .video-item .textos{
		width: 50%;
	}

	.main .conteudo-direito .mais-fotos fieldset{
		height: 450px;
		margin-bottom: 30px;
	}

	.main .conteudo-direito .mais-fotos .conteudo-scroll{
		height: auto;
	}

	.main .conteudo-direito .mais-fotos fieldset .mais-fotos{
		position: absolute;
		margin-top: 407px;
		width: 70px;
	}

	.main .conteudo-direito .mais-fotos fieldset .mais-fotos a{
	    padding: 8px;
	    border-radius: 3px;
	    background-color: #226689;
	    color: #FFF !important;
	}
	/*<-------/FOTOS-------------->*/

	/*<-------VIDEOS-------------->*/

	.main .conteudo-direito .mais-videos{
		width: 100%;
		margin-bottom: 40px;
	}

	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
		margin-bottom: 25px;
	}

	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.galeria-tvt{
		display: none;
	}

	.main .conteudo-direito .mais-videos fieldset .mais-videos{
		position: absolute;
		width: 70px;
		margin-top: 457px;
	} 

	.main .conteudo-direito .mais-videos fieldset .mais-videos a{
		padding: 8px;
	    border-radius: 3px;
	    background-color: #226689;
	    color: #FFF !important;	
	}
	/*<-------/VIDEOS-------------->*/

	/*<--------MENU---------------->*/

	.mobile{
		display: block;
		position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 40px;
	    padding: 10px;
	    background-color: #6799BC;
	    border-top: 1px solid white;
	    z-index: 200;
	}

	.mobile .fa{
		color: #FFFFFF;
	}

	.mobile #btn-menu, .mobile #btn-share, .mobile #btn-search, .mobile #btn-globe{
		display: inline-block;
	    width: 24%;
	    text-align: center;
	} 

	.menu-mobile{
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #226689;
		width: 100%;
		height: 100%;
		z-index: 190;
		overflow-y: auto;
	}

	.menu-mobile-header{
		width: 100%;
		height: 21%;
		background-color: #FFF;
		padding: 0;
	}

	.menu-mobile-header .topo{
		background-color: #FFF;
		border: 0;
	}

	.menu-mobile-nav{
		width: 100%;
		margin-top: 10%;
		padding-bottom: 80px;
	}

	.menu-mobile-nav ul{
		width: 90%;
		margin: 0 auto;
		float: none;
		padding-left: 0;
		margin-top: 30px;
	}

	.menu-mobile-nav ul li{
		border-bottom: 1px solid #3B7DA0;
		padding: 6px;
		list-style: none;
		color: #FFF;
		font-weight: bold;
    	font-size: 16px;
	}


	.social-mobile{
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #226689;
		width: 100%;
		height: 100%;
		z-index: 190;
		overflow-y: auto;
		padding: 0;
	}

	.social-mobile .fa{
		margin-right: 10px;
	}

	.social-mobile .menu-mobile-nav ul li{
		padding-top: 22px;
	}

	.social-mobile .menu-mobile-nav{
		padding-top: 15px;
	}

	.social-mobile a{
		color: #FFF;
	}

	.search-mobile{
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #226689;
		width: 100%;
		height: 100%;
		z-index: 190;
		overflow-y: auto;
		padding: 0;
	}

	.search-mobile .menu-mobile-nav{
		padding: 15px;
	}

	.search-mobile input[type='text']{
		width: 100%;
		border: 0;
		padding: 5px;
		border-radius: 2px;
		margin-bottom: 15px;
	}
	
	.search-mobile input[type='submit']{
		width: 100%;
		height: 30px;
		border-radius: 2px;
		background-color: #459BBE;
		color: #FFFFFF;
		border: 0;
	}

	.globe-mobile{
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #226689;
		width: 100%;
		height: 100%;
		z-index: 190;
		overflow-y: auto;
		padding: 0;
	}

	.sub-menu{
		display: none;
	}

	.sub-menu{
		margin: 0 !important;
		width: 100% !important;
		margin: 8px 0 3px 0 !important;
    	background-color: #195879;
	}

	.menu-m a{
		color: #FFF;
	}

	.fa-chevron-down{
		float: right;
    	font-size: 18px !important;
    	transition: all 0.3s ease;
	}

	.sub-menu li{
		border-top: 1px solid #3B7DA0;
		border-bottom: 0 !important;
	}

	.sub-menu-link{
		padding-left: 15px;
	}

	.menu-m > li{
		transition: all 0.3s ease;
	}



	/*<--------/MENU---------------->*/

	/*<--------LISTAGENS---------------->*/

	.main .conteudo .conteudo-destaques ul li{
		width: 100% !important; 
	}

	.main .conteudo .conteudo-destaques ul li img{
		width: initial !important; 
	}

	/*<--------/LISTAGENS---------------->*/

	/*<--------CONTATO---------------->*/
	.main .conteudo form textarea{
		width: 100%;
	}

	.main .conteudo form .botao{
		display: block;
		float: none !important;
		margin: 0 auto !important;
		padding: 10px !important;
	}

	.container-input{
		width: 100% !important;
		margin-bottom: 15px; 
	}

	.container-input select, .container-input input[type='text']{
		width: 100% !important;

	}

	.contatos{
		width: 100% !important;
	}

	.mapa-cnmcut{
		width: 100% !important;
		height: auto !important;
	}

	.mapa-cnmcut img{
		width: 100% !important;
		height: auto !important;
	}

	.mapa-cnmcut h3{
		margin-top: 20px;
	}
	/*<--------/CONTATO---------------->*/

	/*<--------PUBLICAÇÕES---------------->*/
	.main .conteudo-direito .downloads{
		width: 100%;
		margin-bottom: 35px;
	/*<--------/PUBLICAÇÕES---------------->*/
	}

	/*<--------COMENTÁRIOS---------------->*/
	.main .conteudo .comentarios fieldset form .esquerdo, .main .conteudo .comentarios fieldset form .direito{
		width: 100% !important;
	}

	.main .conteudo .comentarios fieldset .enviar{
	    margin: 0 auto !important;
	    margin-top: 20px !important;
	    margin-bottom: 10px !important;
	}

	.main .conteudo .comentarios fieldset form h5{
		margin-top: 15px;
	}

	.main .conteudo .comentarios fieldset form .esquerdo{
		margin-top: 50px;
		padding: 0 15px;
    	margin-left: 0;
	}

	.main .conteudo .comentarios fieldset form .direito{
		margin: 0;
    	padding: 0 15px;
	}

	.main .conteudo .comentarios fieldset form .direito textarea{
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
	}

	.main .conteudo .comentarios fieldset form .esquerdo div .campo{
		width: 100% !important;
	}
	/*<--------/COMENTÁRIOS---------------->*/


}

@media(min-width: 769px) and (max-width: 1920px){
	.main .rodape .como-chegar{
		margin-left:670px !important; 
		margin-top:-20px !important;
	}

	.main .rodape .endereco .base{
		width:700px !important
	}

	.telefone, .base-mobile{
		display: none;
	}

	.logos-mobile{
		display: none;
	}

	.img-com-a-palavra{
		max-width: 160px;
	}

	.slide-mobile{
		display: none;
		
	}

	.noticias-mobile{
		display: none;
		
	}

	.menu{
		display: block;
	}

		/*<-------CONTEUDO-------->*/
	.imagem-conteudo{
		margin: 0;
		max-width: 580px
	}

	.imagem-legenda{
		max-width: 640px;
	}

	.cabecalho{
		display: block;
	}


	/*<-------/CONTEUDO-------->*/

		/*<-------SINDICATOS E FEDERAÇÕES------->*/

	.select-estado-mobile{
		display: none;
	}

	/*<-------/SINDICATOS E FEDERAÇÕES------->*/

	.galeria-tvt{
		display: block;
	}

	/*<--------MENU---------------->*/
	.mobile{
		display: none;
	}

	.menu-mobile, .social-mobile, .search-mobile, .globe-mobile{
		display: none;
		
	}
	/*<--------/MENU---------------->*/

}