body {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
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;
}
H1{font-size: 25px; color:#FF9900; padding: 2px; border-bottom: 1px solid #D2F0FF; border-top: 1px solid #D2F0FF; z-index:2;}
H2{font-size: 18px; color:#FF9900; padding: 2px; border-bottom: 1px solid #D2F0FF; border-top: 1px solid #D2F0FF;    font-weight: bold;}
H3{font-size: 18px; color:#FF9900; padding: 5px; border-top: 3px solid #71D0FF;}
H4{font-size: 18px; color:#FF9900; padding: 5px;border-top: 1px solid #71D0FF;}
H5{font-size: 14px; color:#FF9900; padding: 5px;border-bottom: 2px solid #71D0FF;}
H6{font-size: 12px; color:#666666; padding: 2px;border-top: 1px solid #cccccc;}


.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:3px;
	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:fixed;
    box-shadow: 0 0 5px #000;
    left: 0;
	top:50px; /*REZENDE antes 345px*/
    transition: all 0.5s ease 0s;
	display:none;
    width:25%;
}

.menumobile {
    color: #fff;
    font-size: 1em;
    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: 340px;/*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-bairro{ width:19%; height:auto; float:left;text-align: left;}
.coluna-cidade{width:24%; 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:1%;}
.ultima-coluna{margin-right:1%;}
#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: 70px;
        height: 244px;
	}
	#menumobile{
		/*margin-left:0px;
		margin-right:2%;
		margin-top: 10px;*/
		margin-left: 0px;
    	margin-right: 2%;
    	margin-top: 10px;
    	position: absolute;
    	top: 15px;
    	right: 0px;
    	border: none;
    	text-align: right;
    	font-size: x-large !important;
	}
	#divfrmbusca{/*margin-top: 0px;width: 75%;*/display:none !important;}
	#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{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: 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:7px !important;
		position: absolute;
    	top: 40px;
    	right: 0px;
    	border: none;
    	text-align: right;
    	font-size: x-large !important;
	}
	#divmenumobile{
		width:60%;
		left: 40%;
    	top: 17%;
        height: 244px;
	}
	#divfrmbusca{margin-top: 0px;width: 75%;}
	#divdologo{min-height: 35px;margin-top: 5px;}
	.classlightregistre{
	top: 40px;
    width: 85%;
    left: 7%;
	}
	.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{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{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) {
	#divmenumobile{
		width:28%;
		left:12%;
		top: 346px;
	}
	#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:1024px) and (max-width:1193px) {
	#divmenumobile{
		left: 12.5%;
        top: 6%;
	}
}

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


.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;
  }