/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
#idbody{
	/*font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif;*/
	font-family:Arial, sans-serif;
	font-size:100%;
	color:#000;
	margin:0px;
	padding:0px;
	height: 99.9%;
	background-color: #2b296a;
	border-top: 5px solid rgba(246,153,13,1);
}

body {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  font-family: 'Roboto', sans-serif;
}
div#conteudo{
position: relative;
float: left;
width: 960px;
height: auto;
padding-bottom: 50px;
}
div#topo{
position: relative;
float: left;
width: 960px;
height: 135px;
background-image:url(imgs/topo_interna.jpg);
background-repeat:no-repeat; 
}
div#topoframe{
position: relative;
float: left;
width: 960px;
height: 185px;
background-image: url(imgs/bg_frame_topo.jpg);
background-repeat:no-repeat; 
}
div#itensmenu1{
	position: absolute;
	z-index: 250;
	left: 151px;
	top: 2px;
	width: 341px;
	height: 22px;
	color:#FFFFFF;
	font-size: 14px;
	padding: 5px;
}

ul#menu_horizontal { list-style: none;  margin: 0;  padding: 0;  width: 460px;  }  
ul#menu_horizontal li{ float: left;}  
ul#menu_horizontal li a{ padding-left:5px; padding-right:5px; margin:2px; width: 89px;  height: 30px;  _height: 33px;  font: 11px Verdana;  text-decoration: none;  text-align:center;color: #333333;  padding-top: 2px;  }  
ul#menu_horizontal li a:hover{ color: #333333;}
ul#menu_horizontal li a:active{ color: #333333; background: #FF9900; width: 89px;  height: 30px;}

div#titulobairro{
	position: absolute;
	float: left;
	width: 100px;
	height: 30px;
	left: 168px;
	top: 70px;
	color: #FFFFFF;
	font-weight: bold;
	font-size:18px;
}
div#formbusca{
position: relative;
float: left;
left: 155px;
top: 36px;
width: 681px;
height: 22px;
}
div#verbairros{
	position: absolute;
	z-index: 200;
	left: 509px;
	top: 8px;
	width: 168px;
	height: 17px;
}

div#share{
width: 457px;
height: 10px;
}

div#menu{
position: relative;
float: left;
width: 166px;
height: auto;
padding-top: 3px;
padding-right: 10px;
padding-left: 10px;
margin-top: 20px;
padding-bottom: 100px;
}
ul#menu {
width:166px;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li {
border-bottom:1px solid #D9F2FF;
padding-top: 3px;
padding-bottom: 3px;
font-weight:bolder;
}
ul#menu li a:link{
display:block;
height:1%;
text-decoration:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
color:#333333;
padding-left:5px;
}
ul#menu li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
color: #666666;
padding-left:5px;
}
ul#menu li a:hover {
color: #FF6600;
font-weight:bolder;
} 
ul#complementares {
width:550px;
margin:0;
padding:0;
list-style-type:none;
}
ul#complementares li {
border-bottom:1px solid #D9F2FF;
padding-top: 5px;
padding-bottom: 5px;
}
ul#complementares li a:link, ul#menu li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5E0F50;
padding-left:5px;
}
ul#complementares li a:hover {
color:#DAA520;
} 
div#miolocentral{
position: relative;
float:none;
width: 780px;
height: auto;
margin-left: 10px;
margin-right: 10px;
margin-top: 270px;
_margin-top: 30px;
}
div#miolo2{
position: relative;
float: left;
width: 755px;
height: auto;
margin-left: 15px;
margin-right: 10px;
margin-top: 30px;

}
div#miolo3{
position: relative;
float: left;
width: 565px;
height: auto;
margin-left: 15px;
margin-right: 10px;
margin-top: 30px;
padding-left: 10px;
padding-right: 10px;

}
div#miolo4{
position: relative;
float: left;
width: 735px;
height: auto;
margin-left: 10px;
margin-right: 5px;
margin-top: 30px;
padding-left: 10px;

}
div#fotomiolocentral{
width:770px;
height:149px;
position: relative;
float: left;
margin-bottom: 15px;
}
div#fotomiolo2{
width:240px;
height:170px;
position: relative;
float: left;
margin-bottom: 5px;
}
div#txt1miolo{
position: relative;
float: left;
width: 565px;
height: auto;
font-size: 14px;
margin-bottom: 22px;
}
div#txt1miolocentral{
position: relative;
float: left;
width: 440px;
height: auto;
font-size: 14px;
}
div#txt2miolo{
position: relative;
float: left;
width: 735px;
height: auto;
font-size: 14px;
margin-bottom: 22px;
}
div#txt1miolo2{
position: relative;
float: left;
width: 755px;
height: auto;
padding-left: 10px;
font-size: 14px;
margin-bottom: 22px;
}
div#txt2{
position: relative;
float: left;
width: 270px;
height: auto;
margin-left: 20px;
font-size: 14px;
margin-bottom:30px;
}
div#txt3{
position: relative;
float: right;
width: 250px;
height: auto;
font-size: 14px;
margin-bottom: 30px;
margin-right: 25px;
}
div#txt_interno{
position: relative;
float: left;
width: 565px;
height: auto;
font-size: 12px;
margin-bottom: 30px;
}
div#caixa2{
position: relative;
float: left;
width: 543px;
border: 1px solid #CDEFFF;
padding: 10px;
}
div#banner{
position: relative;
float: left;
width: 157px;
height: auto;
margin-top: 30px;
margin-left: 5px;
}
div#select{
position: absolute;
z-index: 400;
left: 300px;
}



.anuncie{ font-size:11px; padding-left: 5px;}
 
ul#itens1 {
width:550px;
margin:0;
padding:0;
list-style-type:none;
}
ul#itens1 li {
}
ul#itens1 li a:link, ul#itens1 li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
padding-top: 5px;
padding-bottom: 5px;
color:#333333;
background-color:#F4FCFF;
border-bottom:1px solid #B9ECFF;
}
ul#itens1 li a:hover {
color:#333333;
background-color:#EAF9FF;
} 

div#caixa {position: relative; float: left; background-color: #F2FCFF; line-height: 121%; border: 1px solid #DFF8FF; width: 553px; height: auto; padding:5px; margin-bottom: 10px; background-image: url(/imgs/canto.gif); background-position: right bottom; background-repeat:no-repeat;}

.frame {background-color:#25216B; color:#ffffff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.novo {font-size: 11px; color: #FFFFFF; font-weight: bold;}
.style1 {font-size: 16px; color: #FFFFFF;}
.style2 {font-size: 11px; color: #FFFFFF; font-weight: bold;}
.style3 {color: #FF6600;font-size: 18px;font-weight: bold;}
.style4 {color: #FF6600; font-weight: bold; font-size:12px;}
.style5 {font-size: 11px; font-weight: bold;}
.style6{color: #FF9900; font-weight: bold;}
.style7{color: #000000; font-weight: bold; font-size:16px; text-decoration:underline;}
.style8 {font-size: 11px; }
.style9 {color: #FF6600; font-size: 16px; font-weight: bold; margin-left: 5px; width:200px;  margin-bottom: 20px;}
.style10{font-size: 12px; margin-left: 5px;}

.linha{ font-size: 12px; margin-left: 5px; border-bottom:solid 1px #000000;}

.caixaemail{border: 1px solid #C0DEEB; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.submit1{background-color:#FF9900; font-size:12px; color:#FFFFFF; margin-left:5px;}

hr { color:#D9F3FF; background-color: #D9F3FF; border: 1px solid #D9F3FF; height:1px; width:96%; }
A.classe1:visited {color:#cccccc; text-decoration:none; margin-left: 2px;} 
A.classe1:active {color:#fff; text-decoration:none; margin-left: 2px;} 
A.classe1:link {color:#fff; margin-left: 2px;} 
A.classe1:hover {color:#fff; margin-left: 2px; text-decoration:underline;}  

A.itens:visited {color:#000000; margin: 1px; font-size:12px;} 
A.itens:active {color:#333333; margin:1px; font-size:12px;} 
A.itens:link {color:#333333; text-decoration:none; margin: 1px; font-size:12px;} 
A.itens:hover {color:#333333; margin: 1px; font-size:12px;} 

A.complementares:visited {color:#333333; margin-bottom: 5px; font-size:12px; padding-bottom:5px; border-bottom: 1px dotted #D9F2FF;} 
A.complementares:active {color:#333333;   margin-bottom: 5px; font-size:12px; padding-bottom:5px; border-bottom: 1px dotted #D9F2FF;} 
A.complementares:link {color:#333333;   margin-bottom: 5px; font-size:12px; padding-bottom:5px; border-bottom: 1px dotted #D9F2FF;} 
A.complementares:hover {color:#666666;  margin-bottom: 5px; font-size:12px; padding-bottom:5px; border-bottom: 1px dotted #D9F2FF;} 

A.icones:visited {color:#003366; margin: 2px; font-weight: bold; font-size:11px;} 
A.icones:active {color:#003366; margin: 2px; font-weight: bold; font-size:11px;} 
A.icones:link {color:#003366; margin: 2px; font-weight: bold; font-size:11px;} 
A.icones:hover {color:#003366; margin: 2px; font-weight: bold; font-size:11px;} 

A.populares:visited {color:#000; margin: 2px; font-size:11px;} 
A.populares:active {color:#000; margin: 2px; font-size:11px;} 
A.populares:link {color:#000; margin: 2px; font-size:11px;} 
A.populares:hover {color:#000; margin: 2px; font-size:11px;} 

A.ver:visited {color:#FF6600; margin-left: 2px; font-weight: bold; font-size:12px; text-decoration:none;} 
A.ver:active {color:#FF6600; margin-left: 2px; font-weight: bold; font-size:12px; text-decoration:none;} 
A.ver:link {color:#FF6600; margin-left: 2px; font-weight: bold; font-size:12px; text-decoration:none;} 
A.ver:hover {color:#FF6600; margin-left: 2px; font-weight: bold; font-size:12px; text-decoration:none;} 

A.rodape:visited {color:#0033CC; margin-left: 2px; font-size:12px; text-decoration:none;} 
A.rodape:active {color:#0033CC; margin-left: 2px; font-size:12px; text-decoration:none;} 
A.rodape:link {color:#0033CC; margin-left: 2px; font-size:12px; text-decoration:none;} 
A.rodape:hover {color:#0033CC; margin-left: 2px; font-size:12px; text-decoration:none;}

A.titulobairro:visited { color: #FFFFFF; font-weight: bold; font-size:16px; text-decoration:none;}
A.titulobairro:active { color: #FFFFFF; font-weight: bold; font-size:16px; text-decoration:none;}
A.titulobairro:link { color: #FFFFFF; font-weight: bold; font-size:16px; text-decoration:none;}
A.titulobairro:hover { color: #FFFFFF; font-weight: bold; font-size:16px; text-decoration:none;}

/*a:visited {text-decoration:none; color:#0033CC;}
a:active {text-decoration:none; color:#0033CC;}
a:link {text-decoration:none; color:#0033CC;}
a:hover {text-decoration:none; color:#0033CC;}*/

/* MENU TOPO */
.divlogin{
	color: #FFF;
	font-size:13px;
	float: left;
	display:block;	
	position: absolute;
	bottom: 47%;
	right: 3%;
}
.divlogin a{
	color:#FFFFFF;
	text-decoration:underline
}

#menumobile{
	float:left;
	/*width: 5%;*/
	/*margin-right:2%;
	margin-top:8px;
	border:1px solid #fff;
	border-radius:5px;*/
	margin-top:4px;
	margin-right:5px;
	padding:12px 15px 10px;
	margin-right:6px;
	cursor:pointer;
	font-size: x-large;
}
#divmenumobile{
	z-index:995;
	height:100%;
	background-color: #f6990d;
	position:absolute;
    box-shadow: 0 0 5px #000;
    left: 0;
    top: 53px; /*REZENDE antes 345px*/
    transition: all 0.5s ease 0s;
	display:none;
    width:25%;
}

.menumobile {
    color: #fff;
    font-size: 14px;
    padding: 0;
    z-index: 999;
	margin-top:15px;
}
.menumobile li {
    list-style: outside none none;
    text-decoration: none;
	display: block;
}
.menumobile-item {
    border-bottom: 1px solid #fff;
    display: block;
    padding: 10px;
    cursor: pointer;
    display: inline-block;
    padding-right: 15px;
}
.classde4 {
    color: #fff;
    font-size: 1.3em;
}

.white_content1 {
	background: #ffffff none repeat scroll 0 0;
	border-radius:0px;
    border: 1px solid #333;
	border-top:none;
    display: none;
    height: auto;
    margin: auto;
    padding: 0;
    position: fixed;
	left:12%;
    top:14%;
    width:75%;
    z-index: 1000005;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
   -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
   -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.btnfechar{
	margin-right:-2% !important;
}
.classlightregistre{
	left: 35%;/*ALTERADO REZENDE*/
    width: 300px;/*ALTERADO REZENDE*/
    background-color: #f6f9fa !important;/*ALTERADO REZENDE*/
}
.left {float: left;}/*ALTERADO REZENDE*/
.right {float: right;}/*ALTERADO REZENDE*/
.campotext{
	border: 1px solid #bcbcbc;
    border-radius: 1px;
	font-size: 14px;
	margin: 5px 0;
	width:95% !important;
	height: 3em !important;
	line-height:3.5em !important;
	padding-left: 37px;
}
.white_contentprimevez {
	display:none;
	position:fixed;
	top:90px;
	left:36%;
	margin-left:-300px;
	width:960px;
	background:#FFFFFF;
	padding:0px;
	border:2px solid #f3f8fc;
	z-index:1001;
	height:47.8%;
}
.lightboxprimevez {
    background: none repeat scroll 0 0 #5179b2;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 8px;
    text-shadow: 0 1px 0 #083f78;
}
.corpoprimevez{
	padding: 10px;
}
.btclose {
	background: url("img/btclose.png?cache=2018-09-04T19:02:44") repeat scroll 0 0 transparent;
	display: block;
	font-size: 0;
	height: 35px;
	position: absolute;
	right: -15px;
	top: -15px;
	width: 37px;
}
.black_overlay{
	display:none;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=90);
	position:fixed;
	top:0px;
	left:0px;
	min-width:100%;
	min-height:100%;
	height:auto;
	z-index:997;
	overflow:hidden;
}
.botaoverde:visited, .botaoverde:link, .botaoverde:active {
	width: 69%;
    height: 31px;
    border: 0px;
    background-color: #f6900d;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: lighter;
    margin: 5px 0px;
    background-image: none;
    border-radius: 0;
    display: table-cell;
}
.botaoverde:hover {
	/*background:#5B9510;
	background: -moz-linear-gradient(center top , #89C636, #5B9510) repeat scroll 0 0 transparent;
	border: 1px solid #467905;
	box-shadow: 0 0 2px #D6F4AE inset;
	background: linear-gradient(#79bc64, #578843) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}
#login {
    background-image: url(cadastro/imgs/messagem.jpg);
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 50%;
    background-size: 6%;}
#senha2 {
    background-image: url(cadastro/imgs/cadeado.jpg);
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 50%;
    background-size: 6%;}
#apelido {
    background-image: url(cadastro/imgs/usuario.jpg);
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 50%;
    background-size: 6%;}
#email {
    background-image: url(cadastro/imgs/messagem.jpg);
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 50%;
    background-size: 6%;}
#senha {
    background-image: url(cadastro/imgs/cadeado.jpg);
    background-repeat: no-repeat;
    background-position-x: 4%;
    background-position-y: 50%;
    background-size: 6%;}
h2#zonas-cidade{padding-bottom: 5%;}
h2#zona-abcd{padding-bottom: 4%;}
h2#zona-abcd strong{border-bottom: 2.4px solid #ff9900; padding-bottom: 2%;}
h2#outras-regioes{padding-bottom: 2%;}	
h2#outras-regioes strong{border-bottom: 2.4px solid #ff9900; padding-bottom: 1%;}	
a#zonas-cidade{border-bottom: 2.4px solid #ff9900;padding-bottom: 2%;padding-right: 10%;}
.links-img-governo{display: inline-flex;}
.duascolunas{width: 49%;float: left;}
.tabela-participe{ width:40%;}
.coluna-relevante, .coluna-cidade{width:calc(25% - 1%); height:auto; float:left;text-align: left;}
.coluna-interior{width:24%; height:auto; float:left;text-align: left; margin-top:-1%;}
.guia-metropolitano{width:48%;float:left;text-align: left;margin-bottom: -1.2%;}
.guia-interior{width:99%; text-align: left; margin-left:1%; clear:both;}
.primeira-coluna{ margin-left:0;}
.ultima-coluna{margin-right:0;}
#tempoprevisao{ width:70%; height:auto;}
#cadastre-buttom{ width:396px; height:42px;}
.mapabrasil{text-align:right;padding-right: 18%;}
.brasilmapa{width: 35% !important;}
.centralizado{ width:74%;}
.botaomaior {
	font-size: 16px !important;
	padding: 10px 22px !important;
}
.botaomedio {
	font-size: 14px !important;
	padding: 6px 40px !important;
}


@media screen and (min-width:10px) and (max-width:320px) {
	#divmenumobile{
		width:60%;
		left: 40%;
    top: 57px;
    height: 264px;
	}
	#menumobile{
		/*margin-left:0px;
		margin-right:2%;
		margin-top: 10px;*/
		margin-left: 0px;
    	margin-right: 2%;
    	margin-top: 10px;
    	position: absolute;
    	top: 16px;
    	right: 0px;
    	border: none;
    	text-align: right;
    	font-size: x-large !important;
	}
	#divfrmbusca{margin-top: 0px;width: 75%;}
	#divdologo{min-height: 35px;margin-top: 5px;}
	.classlightregistre{
	top: 30px;
    width: 95%;
    left: 2%;
	}
	.divlogin{display:none}
	.duascolunas{ width:95%; float:none; margin-left:1%;}
	.links-img-governo{display: grid;line-height: 5;}
	.tabela-participe{ width:99%;    margin-bottom: 1.5%;}
	.coluna-bairro{width:96%; float:none;margin-left:3.5%;}
	.coluna-cidade, .coluna-nicho, .coluna-relevante{width:96%; float:none;margin-left:3.5%;}
	.coluna-interior{width:96%; float:none;margin-left:3.5%;}
	.guia-abcd{width:96%; float:none;margin-left:3.5%;}
	.guia-metropolitano{width:96%; float:none;margin-left:3.5%;}
	.guia-litoral{width:96%; float:none;margin-left:3.5%;}
	.primeira-coluna{ margin-left: 3.5%;}
	.ultima-coluna{margin-right:0%;}
	.youtube{ width:99%;}
	#tempoprevisao{ width:99%; height:auto;}
	#cadastre-buttom{ width:99%; height:auto;}
	.mapabrasil{text-align:center;padding-right: 0%;}
	.brasilmapa{ width:95% !important;}
	.centralizado{ width:100%;}
	.ui-widget{    line-height: 4;}
	.col-xs-12:nth-child(3){width: 92%;margin-left: 4%;}
}

@media screen and (min-width:321px) and (max-width:640px) {
	#menumobile{
		width:5%;
		margin-right:9%;
		margin-top:0px !important;
		position: absolute;
    	top: 1px;
    	right: 0px;
    	border: none;
    	text-align: right;
    	font-size: x-large !important;
	}
	#divmenumobile{
		width:60%;
		left: 40%;
  		top: 50px;
    	height: 265px;
	}
	#divfrmbusca{margin-top: 0px;width: 75%;}
	#divdologo{min-height: 35px;margin-top: 1px;}
	.classlightregistre{
	top: 40px;
    width: 85%;
    left: 7%;
	}
	.divlogin{display:none}
	.duascolunas{ width:95%; float:none; margin-left:1%;padding-left: 0 !important ;}
	.links-img-governo{display: grid;line-height: 5;}
	.tabela-participe{ width:99%;margin-bottom: 1.5%;}
	.coluna-bairro{width:96%; float:none;margin-left:3.5%;}
	.coluna-relevante, .coluna-cidade, .coluna-nicho{width:96%; float:none;margin-left:3.5%;}
	.coluna-interior{width:96%; float:none;margin-left:3.5%;}
	.guia-abcd{width:96%; float:none;margin-left:3.5%;}
	.guia-metropolitano{width:96%; float:none;margin-left:3.5%;}
	.guia-litoral{width:96%; float:none;margin-left:3.5%;}
	.primeira-coluna{ margin-left:0%;}
	.ultima-coluna{margin-right:0%;}
	.youtube{ width:99%;}
	#tempoprevisao{ width:99%; height:auto;}
	#cadastre-buttom{ width:99%; height:auto;}
	.mapabrasil{text-align:center;padding-right: 0%;}
	.brasilmapa{ width:95% !important;}
	.centralizado{ width:100%;}
	.ui-widget{    line-height: 5;}
	/*.col-xs-12:nth-child(3){width: 92%;margin-left: 4%;}*/
}

@media screen and (min-width:641px) and (max-width:768px) {
	#divmenumobile{
		width:60%;
		left: 5%;
	}
	#menumobile{
		margin-top:1px !important;
	}
	.classlightregistre{
		top:20px;
		width:95%;
	}
	.divlogin{display:none}
	.duascolunas{ width:95%; float:none; margin-left:1%;}
	.links-img-governo{display: grid;line-height: 5;}
	.tabela-participe{ width:99%;margin-bottom: 1.5%;}
	.coluna-bairro{width:96%; float:none;margin-left:3.5%;}
	.coluna-cidade, .coluna-nicho, .coluna-relevante{width:96%; float:none;margin-left:3.5%;}
	.coluna-interior{width:96%; float:none;margin-left:3.5%;}
	.guia-abcd{width:96%; float:none;margin-left:3.5%;}
	.guia-metropolitano{width:96%; float:none;margin-left:3.5%;}
	.guia-litoral{width:96%; float:none;margin-left:3.5%;}
	.primeira-coluna{ margin-left:0%;}
	.ultima-coluna{margin-right:0%;}
	.youtube{ width:99%;}
	#tempoprevisao{ width:99%; height:auto;}
	#cadastre-buttom{ width:396px; height:42px;}
	.mapabrasil{text-align:center;padding-right: 0%;}
	.brasilmapa{ width:95% !important;}
	.centralizado{ width:100%;}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	#menumobile{
		margin-top:5px !important;
	}
	.classlightregistre{
		top:20px;
		width:95%;
	}
	.divlogin{display:none}
	.links-img-governo{display: grid;line-height: 5;}
	.tabela-participe{ width:99%;}
}


@media screen and (min-width:1194px) {
	#divmenumobile{
		height: 185px !important;
	}
}

   /* Button 2 */
.btn-2 {
	background: #44be5c;
	color: #fff;
	box-shadow: 0 6px #286d36;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
    position: relative;
    overflow: hidden;
    margin: 6em 0;
    width: 35%;
    padding: 1em 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    z-index: 3;
}

/* Button 2a */
.btn-2a {
	border-radius: 0 0 5px 5px;
}

.btn-2a:hover {
	box-shadow: 0 4px #286d36;
	top: 2px;
    color:#fff !important;
}

.btn-2a:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
}
.icon-arrow-right:before {
	content: "\f0a9";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;
    position: absolute;
	height: 100%;
    font-size: 25px;
    line-height: 2;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
        left: 130%;
	top: 0;
}
 

.icon-arrow-right:hover:before {
	left: 91%;
}

.mensagem-pulse{
background: rgba(68, 190, 92, 1);
width: 238px;
height: 33px;
position: fixed;
bottom: 24px;
left: 43px;
padding: 7px 0 0 45px;
border-radius: 9px;
color: #fff;
font-weight: normal;
font-size: 15px;
z-index: 3;}
.efeito-pulse{
background: rgba(68, 190, 92, 0.8);
width: 227px;
height: 47px;
position: fixed;
bottom: 17px;
left: 48px;
padding: 0;
border-radius: 9px;
color: #fff;
font-weight: bold;
-webkit-animation: anim-effect-boris 1s infinite;
animation: anim-effect-boris 1s infinite;
animation-delay: 1s;
z-index: 2;
}


@keyframes anim-effect-boris {
0% {
    -webkit-transform: scale3d(0.3, 0.3, 1);
    transform: scale3d(0.3, 0.3, 1);
}
25%, 50% {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
}
.divlistasubcategoriash ul li a{font-weight: normal;}

.fotonamoramica-paralax{
	width: 100%;
	height: 240px;
	background: no-repeat center;
	background-size: cover;
	background-image: url(images/overlay.png), linear-gradient(140deg, rgba(43, 41, 106, 0.51), rgba(255, 153, 0, 0.51)), url(../imgs/encontra-html-fundo.jpg);
	overflow: hidden;
	position: relative;
	text-align: center;}
.whatsApp img{z-index: 3;position: fixed;bottom: 25px;left: 48px;width: 30px;}
    
.guia-nicho{margin-top: 10px;font-size: 14px;padding-left: 20px;}  
.coluna-nicho{width: 24%;height: auto;float: left;text-align: left;}
h2#zonas-cidade strong{border-bottom: 2.4px solid #ff9900;padding-bottom: 2%; padding-right: 10%;}
div#redessociais {width: 100%;}
div#redessociais p{width: 100%; font-weight: bold;font-size: 16px;}
div#redessociais ul.icons-redessociais{list-style: none;padding: 0;margin: 1em 0;display: inline-flex;}
div#redessociais ul.icons-redessociais li{padding-top: 12px;margin: 0 .3em;background: rgba(0,0,0,.7);border-radius: 100%;width: 45px;height: 45px;}
div#redessociais ul.icons-redessociais li a i.fa{color: #fff; font-size: 20px;}
div#redessociais ul.icons-redessociais li a:hover i.fa{color: #ff8b45;transition: all .3s ease-out;}
div#redessociais ul.icons-redessociais li:hover{background: #2b296a;transition: all .3s ease-out;}
div#redessociais ul.icons-redessociais li a{padding: 12px;}
div#redessociais ul.icons-redessociais li.facebook{margin-left: 0;}
div#redessociais ul.icons-redessociais li.gplus{}
div#redessociais ul.icons-redessociais li.youtube{}
div#redessociais ul.icons-redessociais li.twitter{}
div#redessociais ul.icons-redessociais li.instagram{}
div#redessociais ul.icons-redessociais li.slideshare{}
div#redessociais ul.icons-redessociais li.linkedin{}
div#redessociais ul.icons-redessociais li.googlesites{margin-right: 0;}

#videoyoutube{max-width:750px;height:420px;width:100%;} 
.colunamaior{width: 65%;}
.colunamenor{width: 34%;padding-left: 20px;}
#EBRYoutube{padding-left: 3.7em;}

.bars-menu{
  width: 35px;
  height: 5px;
  margin-bottom: 4px;
  background: #fff;
  box-sizing: border-box;
}  
  .bar-1 {
    transform-origin: top left;
    transition: .5s
  }
  .bar-2{
    opacity: 100%;
    transition: 1s;
  }
  .bar-3 {
    transform-origin: bottom left;
    transition: .5s
  }  
  .bar1-x{
    transform: rotate(40deg) translate(4px, -3px);
    transition: .5s;
  }
  .bar2-x{
    opacity: 0;
    transition: .5s;
  }  
  .bar3-x{
    transform: rotate(-40deg) translate(3px, 7px);
    transition: .5s;
  }    
.menumobile li:hover{    background: #2b296a;transition: all .2s ease-out}
.links-banner-servicos{width: 82%;padding-bottom: 1em;display: inline-flex;}
.anuncie-banner{    background: linear-gradient(to bottom,rgba(255,255,255,0), #ff9900), url(https://www.encontrabrasil.com.br/imgs/anuncie-sua-empresa.jpg) center no-repeat;color:#fff;border: 1px solid #ff9900;}
.criacao-de-sites-banner{background:linear-gradient(to bottom,rgba(255,255,255,0), #292867), url(https://www.encontrabrasil.com.br/imgs/crie-seu-site.jpg) center no-repeat;color: #fff;border: 1px solid #292867;}
.criacao-de-sites-banner, .anuncie-banner{width: 35%;margin: 0 1.5em;padding: 1em;border-radius: 5px;font-size: 17px;flex: 1;    background-size: cover;}
.criacao-de-sites-banner p, .anuncie-banner p{text-align: center;font-weight: bold;text-shadow: 0px 0px 3px #000;}
.btn-3a, .btn-3b{border-radius:5px;}
.btn-3a{background: #ff9900;
box-shadow: 0 6px #9e5f00;}
.btn-3b{background: #292867;
box-shadow: 0 6px #161535;}
.btn-3{    
color: #fff;
-webkit-transition: none;
-moz-transition: none;
transition: none;
position: relative;
overflow: hidden;
margin: 2em 0;
width: 90%;
padding: 1em 0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;}

.btn-3a:hover {
box-shadow: 0 4px #9e5f00;
top: 2px;
color:#fff !important;
}
.btn-3b:hover{box-shadow: 0 4px #161535;
top: 2px;
color:#fff !important;}

.btn-3a:active, .btn-3b:active {
box-shadow: 0 0 #ab3c3c;
top: 6px;
}
.icon-right:before {
content: "\f0a9";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;
position: absolute;
height: 100%;
font-size: 25px;
line-height: 2;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
left: 130%;
top: 0;
}
.icon-right:hover:before{    left: 84%;color: #ffffff;}
.imgbandeira-brasil{max-width:400px;width:100%;height:auto;}
.sobre-mais{position: relative;}
 #maislista{text-align: left;    padding-bottom: 1em;}
#maislista ul{max-width: 100%;display: flex;padding: 0;}
#maislista ul li{flex: 1;text-align: center;padding: .5em 0;font-size: 14px;}
#maislista ul li:before{content:'\f058';color:#3897f9;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin-right: 5px;}
.titulo-sobre{color: #FF6600;font-size: 22px;font-weight: bold;padding-left: 1em;}
    
    
.estados-contatos{position:relative;width:72%;margin-right:1%; display:flex;}
.estado-contatos{flex: 1;margin: 0 1em;border: 1px solid #000;border-radius: 5px;width: 197px;padding: 29% 0;font-size: 20px;overflow: hidden;position: relative;}
#telefone-destaque{position: absolute;top: 38%;z-index: 2;width: 100%;left: 0;color:#fff;text-shadow: 0px 0px 3px #000;}
.estado-contatos:hover #img-telefone-brasil{   filter: brightness(100%);}
#img-telefone-brasil{position: absolute;top: -58px;left: 0;z-index: -1;filter: brightness(60%);transition: all .3s ease-out;}
#descemobile{display: none;}

#videobackgronund {
	position: absolute;
	top: -85%;
	left: 0;
	width: 100%;
	z-index: -1;
}

#idfooter{
	position: relative;
}

#rodape{
	display: block;
	background: #2b296a;
	font-size: 12px;
  text-align: left;
	margin: 1% auto auto;

}
.box1-rodape, .box2-rodape{
	width: 45%;
	height: auto;
	color: #fff;
	padding: 2em;
	line-height: 1.35;
}
.box1-rodape{
	padding-left: 0;
}
.box3-rodape{
	margin-right: 0;
}

.box4-rodape{
	width: 100%;
	background: orange;
	line-height: 1.5;
    color:#fff;
}

.menurodape{
	list-style: none;
	margin: 0;
	padding: 0;
}
.link-branco{
	color: #fff;
	text-decoration: underline;
}
.link-branco:hover{
    color: #fff;
	text-decoration: none;
}
.titulo-rodape{
	font-size: 1.5em;
	margin-bottom: 1em;
	position: relative;
	font-weight: normal; /*ALTERADO REZENDE antes: bold*/
	font-family: fonteencontra, Arial, sans-serif;/*ALTERADO REZENDE*/
}
.titulo-rodape:after{
	content: '';
	width: 15%;
	height: 3px;
	background: linear-gradient(to right,#fff,transparent);
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 0;
}
.texto-rodape{
	margin-bottom: 1.25em;
}
.links-rodape{
	line-height: 2;
}
.final-footer{
	text-align: center;
	padding: 1em;
}
.redes-sociais-rodape{
	margin-top: 1em;
	margin-right: 0.7em;
	background: #F6990D;
	height: 34px;
	width: 40px;
	box-sizing: border-box;
	color: #fff;
	border-radius: 4px;
}
.fa-facebook, .fa-twitter, .fa-youtube, .fa-google-plus{
	text-align: center;
	padding-top: 10px;
}

.busca-bairros{
	display: none;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: .4em 0;
}

.bandeiras{
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 20px;
}
.bandeiras img{
	margin: 30px;
}

.copyrights {
  background-color: #ffa500 ;
}

#copyright-note {
  display: flex;
  font-family: Raleway;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
}


#copyright-note span::after {
	content: " |";
	margin-right: 5px;
}

#copyright-note, #copyright-note a {
  color: #fff !important;
}

@media screen and (max-width:500px){
	.mensagem-pulse{bottom: 75px;padding: 5px 0 0 39px;font-size: 16px;width: 151px;left: 200px;font-weight: 300;letter-spacing: 1px;font-size: medium;}
	.whatsApp img{bottom: 77px; left: 205px;}
	.nomobile-whatsapp{display: none;}
	.efeito-pulse{width: 157px;height: 42px;bottom: 70px;left: 200px;}
	div#redessociais ul.icons-redessociais{display: inline-block;}
	div#redessociais ul.icons-redessociais li{float: left; margin: .3em;padding-top: 8px;width: 30px;height: 30px;}
	div#redessociais ul.icons-redessociais li a i.fa{font-size: 16px;}
	.btn-2{width: 90%;}
	.coluna-relevante, .coluna-cidade, .coluna-nicho{
		width:calc(100% - 10px);
		margin-left: 10px;
	}
	.coluna-nicho {
		display: grid !important;
        margin-left: 0px !important;
        grid-template-columns: 1fr 1fr !important;
		width: 100%;
    }
	div#redessociais{padding-bottom: 4em;}
	#videoyoutube{max-width:450px;height:315px;width:90%;} 
	.estados-contatos{width: 100%;display: table-cell;}
	.estado-contatos{flex: none;margin: 1em 0;width: 200px;}
	#maislista ul{display: list-item;}
	#maislista ul li{flex: none;text-align: left;padding: .5em 1em;}
	.links-banner-servicos{    display: contents;}
	.botoesencontra{width: 90%;margin-bottom: 1em;}
	#sobemobile{display: none;}
	#descemobile{display: block;}
	.colunamaior{width: 100%;}
	.colunamenor{width: 100%;}
	#EBRYoutube{padding-left: .5em;}
	.evidencia-texto{padding-left: 1em;padding-top: 1em;}
	div#redessociais ul.icons-redessociais li a { padding: 9px;}
	.box1-rodape, .box2-rodape { width: 100%; font-size: 14px;padding: 1em 0em 2em 0em;}
	.titulo-rodape:after { width: 35%;}
	.somemobile{display: none;}
	.busca-bairros{display: block;}
	.banner-index .apresentacao { left:1%;bottom: 35%;}
	.fotonamoramica-paralax{ height: 190px;}
	#videobackgronund { top: 0% !important;}
	.bandeiras img { margin: 15px;}
	#copyright-note {
		display: grid;
		grid-template-areas:
		"copy" 
		"make";
		grid-template-columns: 100%;
		font-size: 12px;
	}
	#copyright-note span, #copyright-note .to-top {
		text-align: center;
	}
}

@media screen and (max-width:325px){
	#menumobile {
		top: 1px;
	}
	.fotonamoramica-paralax {
		height: 169px;
	}
}