/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q 	{ quotes: none; }

/* remember to define focus styles! */
:focus			{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 			{ text-decoration: none; }
del 			{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 			{ border-collapse: collapse; border-spacing: 0; }

/* begin site*/

html 							{ text-align: center; }
body 							{ color: #3e3e3e; background: #fff; font-family: Arial, Geneva, sans-serif; font-size: 12px; margin: auto; text-align: center; }
/* SLIDE */
    .container {
      width: 100%;
      height: 400px;
      position: relative;
     
    }

    .container .content {
      position: absolute;
      top: 10%;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 2;
    }
    .container .slide {
     /* z-index: 1;
      position: absolute;*/
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      transition: opacity 1s ease-in-out;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0;
    }

    .container .slide.show {
      opacity: 1;
    }
/* topo */
.mobile-nav                     { display: none;}
.responsive-menu                { display: none;}
.bg_mobile					    { display: none;}
.logo      						{ float: left; margin-top: 18px;}
#barra_menu                     { margin: 0 auto; width: 100%; height: 125px; margin-top: -12px; border-top: 42px solid #005652;}
#container_menu                 { margin: -68px auto 0 auto; width: 1250px;}

.superior_menu                  { float: left; width: 100%; height: 35px; margin-bottom: 0px; margin-top: 27px;}
.superior_menu p                { float: left; font-family: 'LatoWebLight'; font-size: 12px; color: #fff; margin-top: 28px}
.superior_menu p  span          { font-family: 'LatoWebBold';}

.menu_right 					{ float: right; }
.menu_right ul 					{ float: left;}
.menu_right ul li				{ float: left;}
.menu_right ul li a 			{ float: left; text-decoration: none; margin-left: 10px; margin-top: 15px; color: #fff;}

.menu_top 						{ float: right; margin-top: 50px;}
.menu_top li 					{ float: left; position: relative;}
.menu_top li a 					{ float: left; text-decoration: none; color: #000; font-size: 14px; font-family: 'LatoWebMedium'; padding: 20px 15px; line-height: 14px}
/*.menu_top li a:hover			{ background-color:rgba(0,0,0, 0.5); border-bottom: 3px solid #eaad35}*/
.menu_top li ul                 { float: left; width: 250px; display: none; position: absolute; top: 50px; left: 0px; z-index: 1000;}
.menu_top li ul li              { float: left; width: 100%; background-color: #1E8546; text-align: left;}
.menu_top li ul li a            { float: left; width: 90%; padding: 10px 5%; color: #fff; font-family: 'LatoWebMedium'; text-transform: uppercase; font-size: 12px;}
.menu_top li ul li a:hover      { background-color: #1E8546; padding: 10px 5%; color: #fff; border-bottom: 0px }
.menu_top li:hover > ul         { display: block;}

.container_site				        { float: left; margin: 0 auto; width: 100%;background-image: url("http://isorosi.com/proxy.php?url=https%3A%2F%2Fwww.esmeralda.rs.gov.br%2Fcss%2F..%2Fimg%2Fbg.png"); background-size: auto;}
.container_corpo          		    { margin: 0px auto; width: 1250px;}
.half                               { float: left; width: 50%;}
.full 							{ float: left; width: 100% }
.corpo_75 						{ float: left; width: 75%; }
.sidebar_25 					{ float: left; width: 25% }
.bloco_25 						{ float: left; width: 25% }
.bloco_20             { float: left; width: 20% }
.bg_marrom 						{ background-color: #a62f0f;}
.bloco_33 						{ float: left; width: 33%; }
.bloco_66 						{ float: left; width: 66% }
.bloco_16 						{ float: left; width: 16.65% }
.bloco_75 						{ float: left; width: 75%; }
/*bg_corpo_inicial 				{ background: #f4f4f4 url("http://isorosi.com/proxy.php?url=https%3A%2F%2Fwww.esmeralda.rs.gov.br%2Fcss%2F..%2Fimg%2Fbg_corpo_inicial.jpg") top center; background-repeat: no-repeat;}*/

.container_categorias 			{ float: left; width: 100%; top: -50px; position: relative; z-index: 1}
.quadro_home 					{ float: left; width: 90%; margin: 0 5%;}
.quadro_home img 				{ width: 130px; margin: 0 auto;}
.quadro_home p 					{ transition: all 0.4s; float: left; width: 100%; margin: 5% 0; font-family: 'LatoWebBold'; font-size: 14px; color: #fff; background-color: #41613c; border-radius: 20px; padding: 5% 0}
.quadro_home:hover > p 			{ transition: all 0.4s; background-color: #374835 }

.container_cabecalho			{ float: left; width: 100%; margin-bottom: 15px }
.container_cabecalho .barrinha { float:left; width:95%; height:2px; background-color:#E0E0E0; margin-top: 5%}

.container_cabecalho a			{ transition: all 0.4s; float: right; font-family: 'LatoWebMedium'; font-size: 16px; color: #2ABA5A; text-decoration: none; margin-top: 70px}
.container_cabecalho h1         { float: left; font-family: 'LatoWebLight'; font-size: 26px; color: #4f4f4f; font-weight: normal; text-transform: uppercase; text-align: left; margin-top: 60px; margin-bottom: 25px}
.container_cabecalho h1 span 	{ font-family: 'LatoWebBold'; font-size: 14px; font-weight: bold; color: #2ABA5A}
.container_cabecalho h2         { float: left; font-family: 'LatoWebMedium'; font-size: 36px; color: #000; font-weight: normal; text-align: left; margin-top: 60px; margin-bottom: 25px}
.container_cabecalho h2 strong { color:#2ABA5A }
.container_cabecalho h3         { float: left; font-family: 'oswaldmedium'; font-size: 18px; color: #7e4e28; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; text-align: left;}

.container_noticias_home 		{float: left; padding-bottom: 50px}
.noticia_destaque				{ transition: all 0.4s ease-in-out; float: left; width: 97%; position: relative; }

.camada_noticia 				{ float: left; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.camada_noticia_interna         { float: left; padding: 3%; position: absolute; bottom: 0; left: 0;}
.link_destaque  				{ width: 100%; float: left; text-decoration: none; text-align: left; font-family: 'LatoWebMedium'; font-size: 19px; color: #000; line-height: 24px;font-weight: 500;margin: 10px 0px;}
.resumo          { width: 100%; float: left; text-decoration: none; text-align: left; font-family: 'LatoWebMedium'; font-size: 16px; color: #000; line-height: 22px;margin: 10px 0px;}
.leia_mais          { width: 100%; float: left; text-decoration: none; text-align: left; font-family: 'LatoWebMedium'; font-size: 18px; color: #005652; line-height: 22px;margin: 10px 0px;}

.container_cabecalho_covid { float:left; width:100%; margin: 30px 0;vertical-align: middle; }
.container_cabecalho_covid span { float:left; width:100%;  font-family: 'LatoWebMedium'; font-size: 14px; color: #000; text-align: left; margin-top: 13px;}
.container_cabecalho_covid h2 { float:left; width:100%;  font-family: 'LatoWebMedium'; font-size: 26px; color: #000; text-align: left;}
.container_cabecalho_covid .barrinha { float:left; width:95%; height:2px; background-color:#E0E0E0; margin-top: 5%}
.img_blog 						{ float: left; width: 100%; }
.data_noticia 					{ float: left; text-align: left; text-transform: uppercase; font-family: 'LatoWebLight'; font-size: 14px; color: #fff; margin-top: 5px;    background-color: #FF7F29; border-radius: 5px; padding: 5px}
.categ_noticia					{ float: left; padding: 5px 10px; text-transform: uppercase; font-family: 'LatoWebBold'; font-size: 14px; color: #fff; margin-bottom: 10px}
.container_noticia_bloco { float:left; width:90%; padding:5% }


.container_materia_lateral 		 { transition: all 0.4s ease-in-out; float: left; width: 100%; min-height: 200px; background-color: #fff; margin-bottom: 3%}
.container_materia_lateral:hover { transition: all 0.4s ease-in-out; -webkit-box-shadow: 0px 0px 19px 2px rgba(0,0,0,0.37);-moz-box-shadow: 0px 0px 19px 2px rgba(0,0,0,0.37);box-shadow: 0px 0px 19px 2px rgba(0,0,0,0.37);}
.img_materia 					{ float: left; }
.materia_lateral 				{ float: left; width: 90%; padding: 3% 5% }
.data_materia 					{ float: right; text-transform: uppercase; font-family: 'LatoWebMedium'; font-size: 14px; color: #111111; }
.categ_materia					{ float: left; padding: 5px 10px; text-transform: uppercase; font-family: 'LatoWebBold'; font-size: 14px; color: #fff;}
.link_materia  				    { transition: all 0.4s ease-in-out; width: 100%; float: left; text-decoration: none; text-align: left; font-family: 'LatoWebBold'; font-size: 16px; color: #111111; text-transform: uppercase; line-height: 20px; margin: 10px 0}
.texto_materia 					{ transition: all 0.4s ease-in-out; float: left; width: 100%; text-align: left; font-family: 'LatoWebMedium'; font-size: 14px; color: #9b9b9b; line-height: 18px}
.container_materia_lateral:hover > .half > .materia_lateral > .link_materia { transition: all 0.4s ease-in-out; color: #eaad35;}
.container_materia_lateral:hover > .half > .materia_lateral > .texto_materia { transition: all 0.4s ease-in-out; color: #111111;}

.container_banners 			    { float: left; width: 100%;  position: relative;}
/*.bg_dots 				        { background: #f4f4f4 url("http://isorosi.com/proxy.php?url=https%3A%2F%2Fwww.esmeralda.rs.gov.br%2Fcss%2F..%2Fimg%2Fbg_dots.png")}*/
.banners 						{ transition: all 0.4s ease-in-out; float: left; width: 90%; margin: 0 5%; height: 170px; background-color: #005652; background-blend-mode: multiply;border-radius: 15px;}
.banners:hover 					{ transition: all 0.4s ease-in-out; background-color: #e09c31; }
.ico_banners 					{ float: left; width: 40%; margin-top: 20%}
.ico_banners span 				{ float: right; font-size: 45px; color: #fff; margin-right: 15%}
.text_banners 					{ float: left; width: 60%; margin-top: 23% }
.text_banners span 				{ float: left; font-family: 'LatoWebLight'; font-size: 18px; color: #fff; text-align: left; font-weight: bold;line-height: 25px;}

.container_editais 				{ float: left; width: 100%; padding-bottom: 50px;}
.container_lista_editais    	{ float: left; width: 94%;}
.container_lista_editais h3 	{ float: left; width: 100%; background-color: #ececec; padding: 2% 0; font-family: 'LatoWebLight'; font-size: 36px; color: #4f4f4f; font-weight: normal; text-transform: uppercase;  }
.lista_editais 					{ float: left; width: 100%;}
.lista_editais:hover > .text_editais > .titulo_editais { color: #2c647e } 
.ico_editais 					{ float: left; width: 20% }
.text_editais 					{ float: left; width: 100%; padding-bottom: 15px}
.dados_editais 					{ float: left; width: 100%; text-align: left; }
.data_editais 					{ float: left; font-family: 'LatoWebMedium'; font-size: 14px; color: #111111; text-align: left; padding: 5px; }
.categ_editais		 			{ float: left; font-family: 'LatoWebMedium'; font-size: 14px; color: #fff; background-color: #005652; margin-right: 20px; text-transform: uppercase; width: 96%; padding: 2%; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.titulo_editais 				{ float: left; width:  98%; padding: 1%; text-align: left; font-family: 'LatoWebMedium'; font-size: 14px; color: #111111; margin-top: 15px; line-height: 18px}
.mais_arquivos			{ float: right;
    font-family: 'LatoWebMedium';
    font-size: 16px;
    color: #2ABA5A;
    text-decoration: none;
}

.container_rodape           	{ float: left; margin: 0 auto; width: 100%; background-color: #1E8546; padding: 30px 0}
.container_rodape_interno   	{ margin: 60px auto 0 auto; width: 1250px;}
.logo_mono 						{ float: left; }
.bloco_rodape                   { float: left; width: 25%; min-height: 210px; margin-bottom: 10px;}
.bloco_rodape img { float: left; }
.bloco_rodape p                 { float: left;  margin-top: 10px; text-align: left; font-family: 'LatoWebLight'; font-size: 14px; color: #fff; line-height: 20px; width: 100%}
.bloco_rodape p a 			    { color: #fff;}

.titulo_navegacao               { float: left; width: 100%; font-family: 'LatoWebBold'; font-size: 14px; color: #fff;  text-align: left;}
.barrinha_rodape 				{ float: left; width: 50px; height: 1px; background-color: #e3c55b;}

.navegacao                      { float: left; margin-top: 10px;}
.navegacao li                   { padding: 3px; text-align: left;}
.navegacao li a                 { text-align: left; font-family: 'LatoWebLight'; font-size: 14px; color: #fff; text-decoration: none;}
.navegacao li a:hover           { text-decoration: underline;}

.container_copy           		{ float: left; width: 100%; padding-top: 10px; background-color: #fff}
.container_copy_interno   	    { margin: 0 auto; width: 1250px}
.copyright 						{ font-family: 'LatoWebMedium'; font-size: 14px; color: #000; padding: 10px 0}
.copyright a 					{ text-decoration: none; color: #000 }
.copyright a:hover				{ text-decoration: underline; }