/*
Theme Name: mapadavila
Theme URI: http://wordpress.org/extend/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Aprendiz
Author URI: http://wordpress.org/
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: mapadavila
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html{
	height:100%;
	margin:0px!important;
	
	
	}
	
*:focus {
    outline: none;
}
#aba{
	display:none;
	
	}

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	
}

.mapa{
	width: -webkit-calc(100% - 200px);  /* para Chrome */
	width: -moz-calc(100% - 200px);     /* para Firefox */
	width: calc(100% - 200px);  
	height:100%;	
	}
body {
	line-height: 1;
	overflow:hidden;
	height:100%;
    min-width: 270px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

a img {
	border: none;
}



/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	
	background-image: url(../images/fundotodo.png);
}
body,
input,
 {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}


/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}
.cform textarea {
	font-family: monospace;
	font-size: 0.9em;
	height: 50px!important;
	overflow:auto;
	width:300px;!important
}
.linklove{
	display:none;
	}

input[type="text"] {
   	background:#5d5d5d;
    border: 0 none;
	font-family: 'Abel', sans-serif;
	font-size:17px;
    color: #fff;
    width:100%;
	float:left;
	height:45px;
    line-height: 45px;
    padding: 0;
    text-indent: 15px;
    -webkit-transition: background-color 0.7s ease 0s;
    -moz-transition: background-color 0.7s ease 0s;
    -o-transition: background-color 0.7s ease 0s;
    transition: background-color 0.7s ease 0s;
    }

 input[type="text"]:focus  {
  	background:#fcfcfc;
    color: #6a6f75;    
    }
	
	#indica_lugar{
		width:300px;
		marign-top:50px!important;
		margin-left:60px;
		
		}
		#modal_indique input[type="text"]{
		background: none repeat scroll 0 0 #fff;
		border: 0 none;
		color: #999;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 15px;
		padding: 5px 15px 5px 8px;
		transition: all 0.7s ease 0s;
		width: 300px;
		float:left;
		margin-bottom:10px;
		margin-top:3px;
		}
		#modal_indique label{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			float:left;
			width:300px;
		}
		
		#modal_indique textarea{
			color: #999;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			float:left;
			width:305px;
			height:100px;
			border:none;
			padding:10px;
		}
			#modal_indique #enviar_indicacao{
			font-family:Arial, Helvetica, sans-serif;
			background:#000;
			font-size:11px;
			padding:5px;
			cursor:pointer;
			color:#fff;
			text-transform:uppercase;
			border:none;
			margin-top:10px;
			
			
		}
	
	
	
div.busca{
	height:45px;	
    float: left;        	
	}
#buscar{
	border:none;
	width:44px;
	height:45px;
	right: 0px;
	cursor:pointer;
	background: url("http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/search.png") 0 0;
	background-color:#5d5d5d;
	position: absolute;    
	}
.trilha_busca_home #buscar{
    position: relative!important;
}    

	
a#busca_avancada{
	color:#999!important;
	font-family: 'Abel', sans-serif;
	font-size:14px;
	text-decoration:none;
	margin-left:9px;
	margin-top:10px;
    float:left;
	}
	
	a#busca_avancada:hover{
	color:#fff!important;

	
	}
a:link {
	color: #0066cc;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}





/* =Menu Home
-------------------------------------------------------------- */

#menu-home {
	display: block;
	width:445px;
	
	
	
}
#menu-home .menu-header,
div.menu {
	font-size: 13px;
}
#menu-home .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#menu-home .menu-header li,
div.menu li {
	float: left;
	margin-bottom:1px;
	background:#d9d8d8;
	width:106px;
	height:106px;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
	vertical-align:middle;
	
}
#menu-home a {
	color: #aaa;
	line-height: 20px;
	padding: 45px 10px;
	text-decoration: none;
}


#menu-home li:hover > a,
#menu-home ul ul :hover > a {
	color: #fff;
}



#menu-home ul li{
	height:45px;
	margin-bottom:1px;
	font-family: 'Abel', sans-serif;
	font-size:17px;
		-webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	

	
	}
	#menu-home ul li:hover{
	background:#616161;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	background-image:none!important;
	
		}

#menu-home ul li a{
	display:none;	
	}
	
#menu-home ul li:hover > a{
	display:block;
	/*background:#f0662f;*/
	}


/* =Primeiro botão
-------------------------------------------------------------- */

#menu-home ul li.bt1{
	background-image:url(../images/administracao.png);
	background-repeat:no-repeat;
	background-position:center;    
	
	}
	
/* =Segundo botão
-------------------------------------------------------------- */

#menu-home ul li.bt2{
	background-image:url(../images/fiscalizacao.png);
	background-repeat:no-repeat;
	background-position:center;
	}

/* =Terceiro botão
-------------------------------------------------------------- */

#menu-home ul li.bt3{
	background-image:url(../images/cordenacao.png);
		background-repeat:no-repeat;
	background-position:center;
	}

/* =Quarto botão
-------------------------------------------------------------- */

#menu-home ul li.bt4{
	background-image:url(../images/proprietario.png);
		background-repeat:no-repeat;
	background-position:center;
	}

/* =Quinto botão
-------------------------------------------------------------- */

#menu-home ul li.bt5{
	background-image:url(http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/bt_escritorio_g.png);
	background-repeat:no-repeat;
	background-position:center;
	}

/* =Sexto botão
-------------------------------------------------------------- */

#menu-home ul li.bt6{
	background-image:url(http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/bt_interessepublico_g.png);
		background-repeat:no-repeat;
	background-position:center;
	}
#menu-home ul li.bt6 a{

	padding: 35px 10px;
	}

/* =Sétimo botão
-------------------------------------------------------------- */

#menu-home ul li.bt7{
	background-image:url(http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/bt_lazer_g.png);
		background-repeat:no-repeat;
	background-position:center;
	}

/* =Oitavo botão
-------------------------------------------------------------- */

#menu-home ul li.bt8{
	background-image:url(http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/bt_saude_g.png);
	background-repeat:no-repeat;
	background-position:center;
	}


/* GERAL
-------------------------------------------------------------- */

#logo{
    position:fixed; 
    z-index:4; 
    left:70px; 
    top:0px;    
}

#mascara {
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    display: none;
    cursor: pointer;
}

 #apresentacao,#modal_busca_avancada{
    position: fixed;
    z-index: 9999999;
    height:500px;
    width: 800px;
    display: none;
    padding:0px;
    background:#fff;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-400px;
    min-width: 270px;    
}
#load_gif{
    z-index: 11;
	hight:32px;
	width:32px;
	top:50%;
	left:50%;
	position:absolute;
	margin-top:-16px;
	margin-left:-16px;
}

#box_menu{
	width:200px;
    height: 100%;
	float:right;
	position:absolute;
	background-color:#242424;
	right:0px;	
	border-left:1px solid #000;
	color:#fff;
	font-size:12px;
}



#box_trilha{
	z-index:7; 
	background:#fff; 
	width:180px;
	position:absolute; 
	top:90px; 
	left:75px;
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:25px;
	box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);
	}
#title_box_trilha{
	font-weight:bold;
	font-size:24px;
	font-family: 'Abel',sans-serif;
	color:#000;
	width:160px;
	float:left;

	}


#close_trilha{
	margin-top:-10px;
	float:right;
	margin-right:-10px;
	}
#close_trilha:hover{
	cursor:pointer;
}

/*---------------------------------HOME*/	
#modal_inicial{
	background:#fff;
    height: 570px;
    top: 50%;
    margin-top: -285px;
    position: absolute;
    width: 100%;
	z-index:400;
    display: block;
}
	
.content_box_home{
    width: 840px;
	left:50%;
	height:420px;
	margin-left:-420px;
	padding:50px 0px;
	position:absolute;

	}
.content_home{
	height:150px; 
	overflow:hidden;
	width:380px;
	float:left;
	height:500px;
	}
.content_box_home p{
	font-family: 'Advent Pro', sans-serif;
	font-size:89px;
	line-height:65px;
	font-weight:100;
	color:#000;
	width:230px;
	float:left

	
	}
	

.bot_laranja{
	color:#fff;
	background:#f0662f;
	width:439px;
	height:45px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
	}
	
	.bot_laranja h1{
		font-family: 'Advent Pro', sans-serif;
		font-size:30px;
		font-weight:200;
		padding:7px 10px;
		}
		
.bot_AZUL{
	color:#fff;
	background:#2C88E3;
	width:439px;
	height:45px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
	}
	
	.bot_AZUL h1{
		font-family: 'Advent Pro', sans-serif;
		font-size:30px;
		font-weight:200;
		padding:7px 10px;
		}
	
	
.bot_roxo{
	font-family: 'Advent Pro', sans-serif;
	font-size:35px;
	font-weight:200;
	color:#fff;
	background:#b12049;
	width:215px;
	height:50px;
	float:left;
	margin-right:0px;
	text-align:center;
	}
	.bot_roxo h1{
		font-family: 'Advent Pro', sans-serif;
		font-size:24px;
		line-height:32px;
		font-weight:200;
		padding:7px 10px;
		}
	

select.bot-trilhas{
	width:224px;
	background:#e5e5e5;
	padding:10px 5px;
	border:none;
	height:50px;
	float:left;

	
	}
	
.bot_busca{
	
	background:#999999;
	width:106px;
	height:50px;
	float:left;
	margin-right:0px;
	text-align:center;
	margin-top:15px
	}
.bot_busca2{
	
	background: #999999;
	width:106px;
	height:50px;
	float:left;
	margin-right:0px;
	text-align:center;
	margin-top:15px
	}
	
	.bot_busca h1{
		font-family: 'Advent Pro', sans-serif;
		color:#fff;
		font-size:28px;
		line-height:32px;
		font-weight:200;
		padding:10px 10px;

		}
		.bot_busca2 h1{
		font-family: 'Advent Pro', sans-serif;
		color:#fff;
		font-size:28px;
		line-height:32px;
		font-weight:200;
		padding:10px 10px;

		}
		
	.content_box_home input[type="text"]{
		background: none repeat scroll 0 0 #e5e5e5;
		border: 0 none;
		color: #333;
		font-family: 'Abel',sans-serif;
		font-size: 17px;
		height: 27px;
		padding: 11px 15px 12px 8px;
		transition: all 0.7s ease 0s;
		width: 310px;
		float:left;
		margin-top:15px
		}
		
	.content_box_home input[type="text"]:focus  {
 /*   background: url(search-dark.png) no-repeat 10px 6px #fcfcfc!important;*/
 	background:#d4d4d4;
    color: #6a6f75;
    width:260px;
    }
	
	
	.content_box_home input[type="password"]{
		background: none repeat scroll 0 0 #e5e5e5;
		border: 0 none;
		color: #333;
		font-family: 'Abel',sans-serif;
		font-size: 17px;
		height: 27px;
		padding: 11px 15px 12px 8px;
		transition: all 0.7s ease 0s;
		width: 310px;
		float:left;
		margin-top:15px
		}
		
	.content_box_home input[type="password"]:focus  {
 /*   background: url(search-dark.png) no-repeat 10px 6px #fcfcfc!important;*/
 	background:#d4d4d4;
    color: #6a6f75;
    width:260px;
    }
	

	
	.content_box_home #buscar{
	border:none;
	width:50px;
	height:50px;
	float:left;
	margin-top:15px;
	cursor:pointer;
	background: url("http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/bot_search_home.jpg");
	background-position:-5px -5px;
	}
		
		
.site-description{
	float:left;
	width:360px;
	font-family: 'Abel',sans-serif;
	font-size: 18px;
	line-height:22px;
	color:#999;
	padding-top:10px;
	padding-left:5px;
	height:230px;
	
	
	}	
	
	.trilha_busca_home{
		
		width:450px;;
	
		
		}
		
#bot_indique{
    
	color:#fff;
	background:#605f5f;
	width:439px;
	height:45px;
	float:left;
	margin-left:15px;
	text-align:center;
	margin-top:15px;
	cursor:pointer;
	}
	
	#bot_indique:hover{
	background:#f8cc1d;

	}
	
	#bot_indique h1{
		font-family: 'Advent Pro', sans-serif;
		font-size:26px;
		font-weight:200;
		padding:7px 10px;
		}


#modal_indique{
	display:none;
	width:450px;
	height:470px;
	background:#f8cc1d;
	position:absolute;
	z-index:50;
	margin-top:-365px;
	right:0px;
		box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1);
	}


#close_indique{
	float:right;
	margin:0px;
    padding: 10px;
	
	}
	
	
#close_indique:hover{
	cursor:pointer;
		
	}

.alt_trilha{
	background-image:url(http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/alt_trilha.png);
	width:200px;
	height:140px;
	position:absolute;
	z-index:50;
	top:190px;
	left:430px;
	display:none;
	font-size:17px;
	line-height:21px;
	font-family:'Abel',sans-serif;
	text-align:left;
	padding:20px 15px 15px 20px;
	color:#b12049;
	background-repeat:no-repeat;
	
	
	}
.bot_roxo:hover> div.alt_trilha{
display:block;
	}
/* LISTA LUGARES ----------------------------------------------*/

.controle_lista{
	width:100%;
	background:#434141;
	color:#fff;
	height:47px;
	vertical-align:middle;
    cursor: pointer;
    border-bottom: #000 1px solid;
    top: 6px;    
	}
	#controle_lista:hover{
		background-color:#000;
	
		}
    #quant_resultados a{
        color: #fff;    
    }
    #quant_resultados img{
        float: right;
        }

	
#exibir_lista{
	padding:0px 2px 0px 2px;
		}
		
		#exibir_lista:hover{
		background:#000;
	
		}
#quant{
	
	text-align:right;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin:14px 10px 0px 12px;
	font-size:18px;
		}
		
#txt_quant{
	float:left;
	height:30px;
	width:80px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	margin-top:12px
	
	}		
		
#fechar_lista{
	top:505px;
	position:absolute;
	z-index:150
		
		
		}
	
ul#lista_lugares{
    margin-top: 54px;
    right: 0;
	z-index:150;
    height: auto;
    z-index: 150;
	width:200px;
	margin-left:0px;
	list-style:none;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow-x:hidden;
	overflow-y: hidden;
}

ul#lista_lugares li{
	margin-left:15px;
	padding:8px 0px;
	border-bottom:1px dotted #ccc;
	width:165px;
	line-height:15px
}
ul#lista_lugares li:hover{
	cursor:pointer;
	text-decoration:underline;
}
	
	ul.menu li{
	height:45px;
	color:#fff;	
		
		}
        



/* =Menu SUB-HOME
-------------------------------------------------------------- */

#access {
	
	display: block;
	background-color:#000;
    float: right;	
	margin: 0 auto;
	width: 200px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	width: 200px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 53px 0 0 0 ;
}
#access .menu-header li,
div.menu li {
	
	
}
#access a {
	color: #aaa;
	display: block;
	line-height: 45px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	display: none;
	position: absolute;
	top: 0px;
	right: 44px;
	float: right;
	width: 132px;
	z-index: 99999;	
	height:397px;
	padding:8px 12px 8px 12px;
	font-weight:bold;
	
}
#access ul ul li {
	border-bottom:1px dotted #fff;
	font-weight:normal;
	line-height:10px;
	
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	padding: 0 0px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color: #fff;
}

#access ul .menu-item:hover > ul {
	/*display: block;*/ /*otho*/
	z-index:200;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
	font-weight:bold;
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

#access ul li{
	height:45px;
	border-bottom:1px solid #000;
	font-family: 'Abel', sans-serif;
	font-size:17px;
	
	}
	#access ul li a{
	color:#fff;
	
	}
	
	#access ul li ul li{ 
	height:30px;
	margin-left:0px;
	padding-left:0px;
	 }
	#access ul li  ul li a{ 
	line-height:30px;
		font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	}
	#access ul li  ul li a:hover{
		font-weight:bold;
	}	
	
	.cat_selecionada{
		font-weight:bold;
		
	}
	.cat_selecionada:before{
		/*content:"teste";*/
		content: url("http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/bullet.png");
		margin-left:-12px;
		
	}
/* cor1
-------------------------------------------------------------- */
	
	#access ul li.cor1{
	background:#ff5d04;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-cidadania.png);
	}
	
	#access ul li.cor1 ul.sub-menu{
	background:#ff5d04!important;

	}

/* cor2
-------------------------------------------------------------- */


	#access ul li.cor2{
	background:#00ac55;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-consumo.png);
	
	}
    
	#access ul li.cor2 ul.sub-menu{
	background:#00ac55!important;

	}
	
	
	
/* cor3
-------------------------------------------------------------- */
	
	#access ul li.cor3{
	background:#0373bc;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-cultura.png);
	
	}
    	
	#access ul li.cor3 ul.sub-menu{
	background:#0373bc!important;

	}
	
/* cor4
-------------------------------------------------------------- */
	#access ul li.cor4{
	background:#e0257a;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-escritorio.png);

	}

    	
	#access ul li.cor4 ul.sub-menu{
	background:#e0257a!important;
	}
	
/* cor5
-------------------------------------------------------------- */

	
	#access ul li.cor5{
	background:#f79700;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-educacao.png);
	
	}
	
	#access ul li.cor5 ul.sub-menu{
	background:#f79700!important;

	}

/* cor6 
-------------------------------------------------------------- */
    #access ul li.cor6{
	background:#00a8b3;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-interessepublico.png);
	
	}
 
      
	#access ul li.cor6 ul.sub-menu{
	background:#00a8b3!important;
	}
	
/* cor7
-------------------------------------------------------------- */

	#access ul li.cor7{
	background:#a0bc02;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-lazer.png);

	}

	#access ul li.cor7 ul.sub-menu{
	background:#a0bc02!important;
	}

/* cor8
-------------------------------------------------------------- */
	
	#access ul li.cor8{
	background:#e8002c;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-saude.png);	

	}
  
	#access ul li.cor8 ul.sub-menu{
	background:#e8002c!important;

	}
		
/* cor9
-------------------------------------------------------------- */
	
	#access ul li.cor9{
	background:#828282;
	/*iconmenu*/ background-position:right 0px;
	background-repeat:no-repeat;
	background-image:url(images/icon-trilha.png);	
	}
        
	#access ul li.cor9 ul.sub-menu{
	background:#828282!important;
	}

    .iconAberto{
        background-position: right 0px!important;
    }
	
	/*  POST
	____________________________________________________________ */

#botao_twitter{
	float:left;
	width:82px;
	overflow:hidden;
	
	}
#botao_facebook{
	float:left;
	width:90px;
	overflow:hidden;
	}
#botao_google_plus{
	float:left;
	width:65px;
	overflow:hidden;
	}


#post_title{
	background:#e74808;
	padding:20px 25px 19px 30px;
	text-align:left;
    width: 681px;
    min-width: 198px;
    text-overflow: ellipsis;
}
	
	h1#post_title{
	color:#fff;
	font-family:'Abel', sans-serif;
	font-size:27px;
}
	
	
	
#fechar {
    text-align: center;
    font-family: Verdana;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #000;
}
#fechar:hover{
    background: #333;
}
#apresentacao #fechar,#modal_busca_avancada #fechar{
	background:#000;
	color:#fff;
	}
	#apresentacao #fechar:hover,#modal_busca_avancada #fechar:hover{
	background:#333;
	color:#fff;
	}
	

.compartilhamento{
	background:#f5f5f5;
	padding:10px 10px 10px 30px;	
    height: 20px;
	}
    #bot_busca_vilamundo{        
        display: none;
    }
	 #bot_busca2_vilamundo{        
        display: none;
    }
	.chapeu_post{
		width:200px;
		float:right;
		}
		
		.chapeu_post span{
			font-family:'Abel', sans-serif;
			font-size:14px;
			float:right;
			margin-right:7px;
			margin-top:3px;
			}
			
		.chapeu_post a{
			color:#666;
			text-decoration:none;
			}
		.chapeu_post a:hover{
			color:#999;
			text-decoration:none;
			}		
			
			
#post_content{
	width:50%;
	float:right;
	margin:30px 30px 30px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	overflow:auto;
	height:300px;
	padding-right:20px;


		}
	
#detalhes_lugar{
	margin:30px;
	width:35%;
	float:left;
	font-family:Arial, Helvetica, sans-serif
	
	
	}
	.detalhes_titulo{
		font-size:11px;
		background:#000;
		color:#fff;
		padding:3px 5px;
		text-transform:uppercase;
		}
		
	.detalhes_valor{
		background:#e7e7e7;
		margin-bottom:10px;
		padding:10px;
		font-size:12px;
		}
		


/*  BUSCA AVANÇADA
----------------------------------------------------*/


.busca_cat_pai{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	color:#000	
	}
.grupo_busca_avancada{
    width: 750px;
    float: left;    
    margin: 0px 0px 0px 20px;    
    }
.grupo_busca_avancada:nth-child(1){
    margin-top: -1px;    
}

#modal_busca_avancada ul{
	 list-style: none ;     
     float: left; 
    margin: 0px;
    color: #000;
    
}
#modal_busca_avancada ul.cats{	
    list-style: none ;
    margin: 0px 0px 20px 1px;
    padding: 20px 0px 0px 0px;  
    border-top: #333 1px dotted;         
}

#modal_busca_avancada ul li{
    width:175px;    
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:10px;
    margin-left: 10px;
    color: #000;    
}




#busca_avancada_categorias{
    width: 780px;
	height:250px;
    padding:0px;    
	overflow-y: scroll;
    overflow-x: hidden;	
    float: left;
    margin-left: 10px;
    background: #f0f0f0;
    text-align: left;    
	}

p.title_busca_vancada, p.title_busca_rua{
    width:780px;
    float: left;
	font-family:'Abel', sans-serif;
	font-size:14px;
	background:#333;
	color:#fff;	
	text-align:left;
    text-indent: 10px;
    padding: 3px 0px 2px 0px;    
    margin: 0px 0px 0px 10px ;

	}
	
#busca_avancada_logradouros{
    float: left;
    width: 760px;  
    height: 34px;  
    padding: 10px 10px 10px 10px;
    margin: 0px 10px 0px 10px;  
    background: #f0f0f0; 
    text-align: left;               
		}

#busca_avancada_logradouros select{
	border:none;
	width:263px;
	background:#e6e6e6;
	padding:6px 0px;
	color:#333;
    border: #fff 1px solid;
	}
    
#busca_avancada_logradouros option{
	}
#busca_avancada_div_botao{
    width: 800px;
    float: left;    
    margin: 4px 0px 0px 0px;
    padding-bottom: 10px;
    text-align: center;
}
input#enviar_busca_avancada{	
	border:none;
	background:#000;
	color:#fff;
	padding:5px;
	border-left:#fff 1px solid;
	border-top:#fff 1px solid;
	font-family:'Abel', sans-serif;
	font-size:20px;    
    margin: 10px 10px 0px 0px;    	
	}
	input#enviar_busca_avancada:hover{
		cursor:pointer;
		background:#E74808;
		color:#fff
		}
		
		
		
		

/* =Responsive Structure
----------------------------------------------- 

@media (max-height: 600px) {
	


#box_menu {
    overflow-y:auto;
	overflow-x:hidden;
	width:217px
  }
  
  
#modal_inicial {
    height: 470px;
    margin-top: -235px;
    top: 50%;
	overflow:auto;

}
.content_box_home {
    left: 50%;
    margin-left: -350px;
    padding: 20px 0;
    position: absolute;
    width: 700px;
}

.content_home{
	height:120px; 
	overflow:hidden
	}
	
	.content_home img{
	height:110px; 
	width:110px;
	}
#menu-home {
	display: block;
	height: 240px;
	width: 700px;
	}

#menu-home a {
	line-height: 20px;
    padding: 45px 10px;
    text-decoration: none;
}
	
.content_box_home p {
    font-size: 40px;
    line-height: 35px;
    width: 330px;
}

#menu-home .menu-header li,
div.menu li {
	width:111px;
	height:111px;
	margin-right:5px;
	margin-bottom:5px;
	text-align:center;
	vertical-align:middle;
	
}


#menu-home ul li.bt2{width:227px;} 
#menu-home ul li.bt5{width:227px;}
#menu-home ul li.bt8{width:227px;}
	

#menu-home img{
	width:50px;
	
}
#menu-home .menu-header li,
div.menu li {
	
	background-size:110px 110px;
	background-repeat:no-repeat;
}
	
	
.bot_laranja {
    height: 111px;
    width: 111px;
}

.bot_laranja h1 {
    font-size: 35px;
	padding: 22px 10px;
}

.bot_roxo {
   
    width: 150px;
}

.bot_roxo h1 {
    font-family: 'Advent Pro',sans-serif;
    font-size: 32px;
    padding: 10px;
}

.bot_busca {
  
    width: 100px;
}

.bot_busca h1 {
  
    font-size: 32px;
 
}
select.bot-trilhas {
    width: 193px;
}

.content_box_home input[type="text"],
.content_box_home input[type="text"]:focus {
		width: 162px;


}


/* MODAL POST---------------------------


#apresentacao {
    height: 440px;
    left: 50%;
    margin-left: -350px;
    margin-top: -220px;
    top: 50%;
    width: 700px;
    
}

h1#post_title {
    font-size: 20px;
}
#post_title {
    background: none repeat scroll 0 0 #E74808;
    padding: 10px 10px 10px 30px;
    text-align: left;
}


#detalhes_lugar {
    width: 34%;
	margin-top:10px;
}
#post_content {
   
    height: 300px;
    line-height: 18px;
    margin: 10px 30px 30px 0;
    overflow: auto;
    padding-right: 20px;
    width: 50%;
}
#fechar img{
	width:34px;
	height:34px;
	}
	
	
	
/* MODAL BUSCA AVANÇADA---------------------------

	
#modal_busca_avancada {
   
    height:450px;
	width: 700px;
	top:50%;
	left:50%;
	margin-top:-225px;
	margin-left:-350px;
   	
}
	
#busca_avancada_categorias {
    height: 223px;
    width: 680px;
}
.grupo_busca_avancada {
    width: 680px;
}

#modal_busca_avancada ul li {
    width: 145px;
}

p.title_busca_vancada, p.title_busca_rua {
    font-size: 14px;
    width: 97%;
}
#busca_avancada_logradouros {
    width: 94%;

}
#busca_avancada_div_botao {
    width: 100%;
}

}

@media (max-width: 480px) {
	
	#box_menu {
    overflow-y:auto;
	overflow-x:hidden;
	width:217px
  }
  .site-description {
display:none;
}
  
#modal_inicial {
    height: 100%;
    margin-top: 0px;
    top: 0px;
	overflow:auto;
	width:100%;
	padding-left:0px;


}
.content_box_home {
   left: 0px;
    margin-left: 0px;
    padding: 0px 0;
    position: absolute;
	width:100%;

}

.content_home{
	height:80px; 
	overflow:hidden
	}
	
	.content_home img{
	height:auto; 
	width:10%;
	margin:15px 8px 10px 10px!important;
	}


#menu-home {
	display: block;
	height: 190px;;
	width: 97%;
	margin-left:3%;
	
	
	}

#menu-home a {
	line-height: 15px;
    padding: 20px 10px;
	font-size:14px;
    text-decoration: none;
}
#menu-home ul li.bt6 a{
	 padding: 12px 10px;
	}
	

.content_box_home p {
    font-size: 25px;
	font-weight:300;
    line-height: 25px;
    width: 80%;
}

#menu-home .menu-header li,
div.menu li {
	width:31.5%;
	height:55px;
	margin-right:5px;
	margin-bottom:5px;
	
	
}


#menu-home ul li.bt2{width:31.5%;} 
#menu-home ul li.bt5{width:31.5%;}
#menu-home ul li.bt8{width:31.5%;}
	

#menu-home img{
	width:10px;
	
}
#menu-home .menu-header li,
div.menu li {
	background-position:center;
	background-size:56px 56px;
	background-repeat:no-repeat;
}
	
	
.bot_laranja {
    height: 55px;
    width: 30.5%;
	

}

.bot_laranja h1 {
    font-size: 16px;
	padding: 10px 0px;
	font-weight:400;
}


.forms_home{
	width: 97%;
	margin-left:3%;
	
	}

.bot_roxo {
    height: 40px;
    width: 30.5%;

}

.bot_roxo h1 {
    font-family: 'Advent Pro',sans-serif;
    font-size: 16px;
  	padding: 3px 0px;	
	margin-bottom:8px;
	font-weight:400;

}

select.bot-trilhas {
    width: 64%;
	height:40px;
	margin-bottom:8px
}

.bot_busca h1 {
     font-family: 'Advent Pro',sans-serif;
     font-size: 16px;
	 padding: 3px 0px;	
	 font-weight:400;
}


.content_box_home input[type="text"],
.content_box_home input[type="text"]:focus {
	width: 50%;
	height: 4px;	
    font-family: 'Abel',sans-serif;
    font-size: 17px;
    height: 34px;
    padding: 3px 15px 3px 8px;
}

.bot_busca {
  	height: 40px;
    width: 30.5%;
	margin-bottom:20px
}
.content_box_home #buscar {

    height: 40px;
    width: 40px;
	background-position: 0px 0px;
	background-size:40px 40px;
	background-repeat:no-repeat;
}

	
	
	
	/* subhome-----------------------
	#aba{
		display:block;
		background:red;
		float: right;
		height: 100%;
		width: 20px;
		position:relative
		}
	#aba:hover > #box_menu{
		background:blue;
		display:none;
		}
	
	
	.mapa{
	width: 100%
	
	}

	
	img#logo{
		width:60px;
		left:5px;
		height:auto;
		
		}
		

}

@media (max-width: 320px) {



.content_home{
	height:90px; 
	overflow:hidden
	}
	
.content_home img{
	height:auto; 
	width:20%;
	margin:15px 8px 10px 10px!important;
	}

.content_box_home p {
    font-size: 25px;
	font-weight:300;
    line-height: 25px;
    width: 70%;
}

.content_box_home input[type="text"],
.content_box_home input[type="text"]:focus {
	width: 43.7%;
	height: 4px;	
    font-family: 'Abel',sans-serif;
    font-size: 17px;
    height: 34px;
    padding: 3px 15px 3px 8px;
}


	
	
}


/* =Print
----------------------------------------------- 

@media (max-width: 240px) {
.content_box_home p {
    font-size: 20px;
	font-weight:400;
    line-height: 20px;
}
.content_home{
	height:75px; 
	}
	
#menu-home .menu-header li,
div.menu li {
	width:30.5%;	
}


#menu-home ul li.bt2{width:30.5%;} 
#menu-home ul li.bt5{width:30.5%;}
#menu-home ul li.bt8{width:30.5%;}
	
	
.bot_laranja {
    width: 29%;
}

#menu-home .menu-header li,
div.menu li {
	background-position: 7px 0px;
	background-size:56px 56px;
	background-repeat:no-repeat;
}

.content_box_home input[type="text"],
.content_box_home input[type="text"]:focus {
	width: 36%;

}
	

@media print {
	



	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	float: right;
	width: 102px;
	z-index: 99999;
	top:47px;
	height:397px;
	padding:8px 12px 8px 12px;
	font-weight:bold;
    width: 100%;
    margin: 0 44px 0 0!important;
    text-indent: 76px;
*/    
#box_menu{    
    width: 200px;
    height: auto;
    min-height: 100% ;    
    padding-top: 0;
    padding-bottom: 0;
    background: #242424!important;
   /*  position: relative;
   overflow: scroll;
    overflow-y: scroll;
    overflow-x: scroll;*/
    overflow: visible; 
    float: right;           
}
#rotativo-logos{
    width: 180px;
    overflow: hidden;
    float: left;
}

#menu-container{
    position: absolute;
    right:0px;
    width: 201px;
    height: 100%;    
    float: right;    
    overflow: visible;
    z-index: 199;
    min-width: 270px;
    
}
#map_canvas{
width:1px;
    /*width: 100%;
    height: 100%;
    top: 0;
    height: 0;*/    
}
body{
    overflow: auto;
}
#logoIn{
    display: none; 
    min-width: 270px;
    left: 0;
}
.home-logos-show{
    display: none;
}
.bts-trilhas{
        display: none;
    }
#quant_resultadosa{/*}.menu-mobile-quant{*/
        display: block;
        min-width: 270px;
        left: 0;
    }    
#lista{/*.menu-mobile-lista{*/
    display: block;
    top: 0;
    right: 0;
    width: 201px;
} 
.menu-mobile{
    display: block;
}    
#lista{
    display: block;
    right: 0;
    position: absolute;
    z-index: 200;
    height: auto;
    min-height: 100%;
} 
#quant_resultados{
    position: absolute;
    z-index: 200;
    width: 200px;
    right: 0px;
    background: url(images/seta_updown.png) #333 no-repeat right -26px;
}
#quant_resultados:hover{
    background-color: #000;
}

.menu-mobile li ul{
    margin: 0px!important;
}
#lista_container{
    position: absolute;
    width: 200px;
    overflow: visible;
    height: auto;
    min-height: 100%;
    border-left: #000 1px solid;
   	background: #efeeee;
}
.quantTopo{    
    position:fixed!important;
    height:46px!important;
    background-position:right 13px!important;
    background-color: #F5B800!important;    
}.quantTopo:hover{
    background-color: #FFCC33!important;
}
.linha-preta{
    z-index: 220;
    position:absolute; 
    top:0px; 
    width:100%; 
    height:6px; 
    background:#000;
    position: fixed;
}
.post-scroll{
    margin-top: 0px;
}
#topo_modal,#topo_modal_busca_av{
    z-index: 99999999;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -400px;
    width: 800px;
    height: 109px;
    display: none;
    min-width: 270px;
}
#conteudo_modal{
    margin-top: 92px;

}
#modal_busca_avancada>form{
    margin-top: 84px;
}
#modal_indique>h1{
    display: none;
}
#modal_inicial_bgMobile{
    display: none;
}
@media (max-width: 880px){
    #modal_inicial_bgMobile{
        background: #fff;
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 301;        
    }
    #bot_indique {
        margin-bottom: 32px;    
    }
    #modal_indique{
        bottom: 32px;
        width: 440px;
    }
    #modal_indique>h1{
        font-family: 'Advent Pro', sans-serif;
        font-size: 26px;
        font-weight: 200;
        padding: 15px 15px;
        display: block;
        position: absolute;
        float: left;
        color: #fff;
        background: #605f5f;
        width: 410px;
        z-index: 50;
    }
    #modal_indique>img{
        margin: 0;
        padding: 17px;
        right: 0;
        position: absolute;
        z-index: 51;    
    }
    #modal_busca_avancada>#conteudo_modal{
        margin-top: 80px;
    }
    p.title_busca_vancada, p.title_busca_rua{
        width: 97%;
        margin: 0;
        padding: 0;
    }
    #busca_avancada_categorias{
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
        height: auto;
        overflow: visible;
        background: none;
    }
    #busca_avancada_logradouros{
        width: 97%;
        margin: 0;
        padding: 0;
        background: none;
    }
    #busca_avancada_logradouros>select{
        width: 90%;
        margin: 3% 0 0 3%;
    }
    #topo_modal,#topo_modal_busca_av,#apresentacao,#modal_busca_avancada{
        width: 500px;        
        height: auto;
        max-height: 100%;
        top: 0px;
        left: 50%;
        margin: 0 0 0 -250px;                
        box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);
	   -webkit-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);    
    }
    #modal_busca_avancada{
        height: 100%;
        width: 470px;
        padding: 0 15px 0 15px;
        overflow: visible;                
    }
    .grupo_busca_avancada>ul{        
        width: 204px;
    }
    .grupo_busca_avancada{
        width: 432px;
    }
    .grupo_busca_avancada>ul:nth-child(3){
        clear: left;    
    }
    #busca_avancada_div_botao{
        width: 100%;
        background: none;
        text-align: center;
        margin: 15px 0 15px 0;
    }
    
    .post-scroll{
        float: left;
        overflow: auto;
        
    }
    #topo_modal,#topo_modal_busca_av{
        position: fixed;    
    }    
    #detalhes_lugar{
        width: 100%;
        margin: 0;
    }
    #detalhes_lugar>div{
        padding: 20px 40px 20px 40px;
        }
    #post_content>div{
        padding: 30px 40px 0px 40px;    
    }
    .post-scroll{
        float: left;        
    }
    #post_title {
        padding: 18px 0 0 18px;
        height: 38px;
        overflow:hidden;
        width: 428px;
        text-overflow:"ellipsis";
    }
    h1#post_title{
        font-size: 20px;
        white-space: nowrap;        
    } 
    #topo_modal>#fechar>img,#topo_modal_busca_av>#fechar>img{
        width: 54px;
        height: 54px;
    }
    #post_content{
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow: visible;
        height: auto;
    }
    
    
    #conteudo_modal{
        height: auto;        
        width: 100%;
        overflow: hidden;
        background: #fff;
    }
    
    #modal_inicial{
        position: absolute;
        top: 0;
        margin: 0;        
        height: 100%;
        padding-bottom: 30px;        
    }
    .content_box_home{
	padding-top:30px;
	
        width: 440px;
        margin: 0 0 0 -220px;
        padding: 0;
        left: 50%;
        height: auto;
        min-height: 100%;
        position: absolute;
    }
    .content_home img{
        
    }
    .content_box_home p{
     font-size: 38px;
     line-height: 40px;           
    }
    
    .content_home{
        width: 440px;
        height: 600px;
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .site-description{
        width: 440px;
        margin: 0 0 20px 0;
        font-size: 16px;
        height: auto;
    }
    #menu-home{
        float: left;
        clear: both;
        margin: 0px 0 0 0;
    }
    .trilha_busca_home{
        
        clear: both;
    }
    #menu-home ul li {        
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    
}
@media (max-width: 680px) {
    
    
}
@media (max-width: 500px) {
    #indica_lugar label{
        margin-left: 5%;
    }
    #indica_lugar input[type='text']{
        color: #000!important;
        padding: 0px 2% 5px 2%!important;
        width: 85%!important;        
        height: 20px!important;
    }
    #indica_lugar input, #indica_lugar textarea{
        margin: 8px 5% 14px 5% !important;
        font-size: 14px;
        line-height: 26px;
    }
    #indica_lugar textarea{
        width: 85%!important;   
        height: 260px!important;
        color: #fff; 
        padding: 0px 2% 5px 2%!important;       
    }
    #indica_lugar>#enviar_indicacao{
        width: 90%!important;
        padding: 0 7px!important;
        color: #fff;
        height: 36px!important;
        font-size: 12px;
    }
    #modal_indique {
        top: 0px;
        width: 100%;
        height: auto;
        min-height: 100%;
        overflow: hidden;
		margin-top:365px;
    }
    #modal_indique>h1{
        width: 100%;        
        padding: 20px 0; 
        text-indent: 20px;       
        font-size: 19px
        
    }
    #indica_lugar {
        margin: 80px 0 0 0;
        width: 100%;
        min-width: 270px;        
        }
    #modal_indique #enviar_indicacao{
        padding: 10px;
        margin-top: 20px;
    }
     #busca_avancada_div_botao{
        width: 97%;
        padding: 0;
        margin-bottom: 0;
        text-align: left;
     }
     input#enviar_busca_avancada{
        width: 90%;
        margin: 3% 0 0 3%;
        padding: 0;
     }
    .grupo_busca_avancada{
        width: 96%;
        margin: 0;
    }
    #modal_busca_avancada {
        width: 100%;
        padding: 0;    
    }
    #post_content>div {
        padding: 30px 30px 30px 30px;    
    }
    #detalhes_lugar>div {
        padding: 0px 30px 30px 30px;
    }
    #conteudo_modal{
        min-height: 100%;    
    }
    #topo_modal,#apresentacao,#topo_modal_busca_av,#modal_busca_avancada{
        width: 100%;        
        height: 100%;
        top: 0px;
        left: 0px;
        margin: 0;        
        box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);
	   -webkit-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.2);    
    }
    #topo_modal,#topo_modal_busca_av{
        position: fixed;
        height: auto;    
    }  
    
    #logo{
        left: 40px;
    }
    #like_face{ 
        display: none;
    }
    
    .content_box_home{
        width: 100%;
        left: 0;
        margin: 0;
        padding-top: 15px;
    }
    .content_home img{
        margin-left: 15px;
        width: 100px;
        float: left;
        clear: right;
        margin-right: 0!important;
    }
    .content_box_home p{
        float: left;
        font-size: 30px;
        line-height: 28px;
        letter-spacing: 1px;
        margin-top: 12px;
        margin-left: 15px;
        width: 150px;                
    }
    #modal_inicial{
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        min-width: 250px;
        float: left;
        height: auto;
        min-width: 270px;
    }
    .content_home{
        width: 100%;
    }
    .site-description{
        width: 100%;
        padding: 0;
        margin:0;
        
    }
    .site-description div{
        
    }
    .home-logos{
        padding: 16px;
        float: left;
        margin-top: 0px!important;
        display: none;
    }
    .home-logos-show{
        display: block;
    }
    #menu-home ul li{        
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    .home-logos>a>img{
        width: 15%;
        max-width: 80px;    
    }
    .home-logos>a>img:nth-child(1){
        width: 30%;    
    }
    #menu-home, .bot_laranja{
        width: 100%;        
    }
    .bot_laranja{
        height: 40px;
        margin: 0; 
        background: url(images/seta_mm.png) #f0662f no-repeat right 8px;  
        cursor: pointer;     
    }
    .bot_laranja h1{
        font-size: 20px;
        padding: 10px 0 0 10px;
        text-align: left;        
    }
    .bot_roxo{
        width: 100%;
        height: 40px;
        margin: 6px 0 0 0; 
        background: url(images/seta_mm.png) #b12049 no-repeat right 8px;
        cursor: pointer;
    }
    .bot_roxo:active, .bot_laranja:active{
        background: #333;
    }
    .busca_home{
       margin-top: 6px; 
    }
    .bot_busca{        
        height: 40px;
        margin: 6px 0 0 0;
        display: none;        
    }
	  .bot_busca2{        
        height: 40px;
        margin: 6px 0 0 0;
        display: none;        
    }
    .bot_laranja h1{
        font-size: 20px;
        padding: 10px 0 0 10px;
        text-align: left;        
    }
    .bot_roxo h1, .bot_busca h1{
        font-size: 20px;
        padding: 3px 0 0 10px;
        text-align: left;        
    }
	   .bot_roxo h1, .bot_busca2 h1{
        font-size: 20px;
        padding: 3px 0 0 10px;
        text-align: left;        
    }
    #menu-home{
        height: auto;
        float: left;
    }
    #menu-home .menu{
        display: block;    
    }
    #menu-home .menu-header li, div.menu li, .bts-trilhas li{
        width: 100%;
        float: left;
        margin: 0;
        background: #d9d8d8;        
    }
    #menu-home ul li, .bts-trilhas li{
        background-position: 10px!important;
        background-size:30px 30px!important;
        background-color: #999!important;
        height: 40px!important;
        margin-top: 1px!important;
        list-style: none;
    }
    .bts-trilhas li{
        height: 29px!important;
        cursor: pointer;    
    }
    #menu-home ul li a, .bts-trilhas li{
        display: block;
        color: #fff;
        padding: 10px 0 0 45px!important;
        text-align: left;
        line-height: 20px;
        text-decoration: none;
    } 
    .bts-trilhas li{
        padding-left: 15px!important;
    }
    select.bot-trilhas{
        display: none;
    }
    .bts-trilhas{
        float: left;
        margin: 0;
        display: none;
    }
    .bts-trilhas li{
        font-family: 'Abel', sans-serif;
        font-size: 17px;        
        float: left;
    }
    .content_box_home{
        background: #fff;
    }
    .trilha_busca_home>#buscar_por{
        height: 43px!important;
    }
    .content_box_home input[type="text"]{
        color: #fff;
        padding: 1px 0 0 0;
        width: 100%;
        margin: 6px 0 0 0;
        /*background: #00a453;*/
       
        font-family: 'Advent Pro', sans-serif;
        font-size: 20px;
        height: auto;
        line-height: 42px;        
    }
    .bot_busca{
        float: left;
        margin-top: 6px;
    }
	 .bot_busca2{
        float: left;
        margin-top: 6px;
    }
    .trilha_busca_home #buscar{
        margin: 0;        
        position: absolute;
        float: right;
        margin-top: -43px;
        z-index: 2;
        width: 43px;
        height: 43px;        
        background: url("images/bot_search_home_verde.jpg");
        background-position: -7px -7px;
    }    
    .content_box_home input[type="text"]:focus{
        width: 100%;
    }
    .trilha_busca_home{
        width: 100%;
    }
    #bot_indique{
        margin-top: 6px;
        width: 100%;
    }
    #bot_indique h1{
        font-size: 20px;
        padding: 7px 0 0 10px;
        text-align: left;        
        font-family: 'Advent Pro', sans-serif;        
        line-height: 32px;
        font-weight: 200;        
    }
    #logoIn{        
        height: 54px;
        top: 0px;
        position: fixed;
        z-index: 200;
        box-shadow: 0px 3px 7px 2px rgba(0,0,0,0.3);    	
    }    
    
}
@media (max-width: 370px) {
    #logo{
        display: none;
    }
}
@media (max-width: 350px) {
    
    #logoIn{
        display: block;
    }
    .bt-logo-mobile{
        width: 90px;
        height: 50px;
        float: left;
    }

    ul#lista_lugares li {       
        padding: 3% 0;
        width: 94%;
        line-height: 24px;        
    }
    .quantTopo{
        top:54px;
        position:fixed!important;
        height:46px!important;
        background-position:right -26px!important;
        border-bottom: #000 1px solid!important;
    }            
    .menu-subhome{
        position: relative;
        margin-top: 54px!important;
    }
    #lista{
        width: 100%;
        z-index: 199;
    }
    #lista_container{
        width: 100%; 
        left: 0;   
    }
    #lista_lugares{
        margin-top: 104px!important;
        border: 0px!important;        
        width: 100%!important;        
    }                
    #quant_resultados{
        display: block;        
        width: 100%;
        bottom: 0px;
        background: url(images/seta_updown.png) #333 no-repeat right 13px;
        z-index:199;
        top: auto;
        left: 0;
    }    
    #quant_resultados img{
        display: none;
    }    
    .quantTopo{
        top:54px!important;
        position:fixed!important;
        height:46px!important;
        background-position:right -26px!important;        
    }  
    #txt_quant{
        width: auto;
        margin-top: 17px;
        height: 28px;
    }
    #lista{
        display: none;        
    }
    body{
        min-width: 250px;
    }
    .menu-mobile{
        min-width: 250px;
        left: 0;
        
    }
    #menu-container{
        
        height: auto;
        min-height: 100%;    
    }
    
    #meteor-slideshow{
        margin: 0 auto;
    }
        
    #box_menu{
        width: 100%;    
       /* overflow: scroll;
        overflow-y: scroll;
        overflow-x: scroll;*/
        overflow: visible;
        border: none;
        border-left: #000 1px solid;
    }
    
    .busca{
        width: 100%!important;        
    }
    .search{
        
    }
    .menu-header{
        width: 100%!important;
    }
    #access ul li{
        width: 100%;
        height: auto;
        float: left;
        background-position: 0px right;
        border-bottom: #333 1px solid;
    }
    .sub-menu{ 
        float: left;
        background: #fff;
    }
    #access ul ul{
        position: relative;
        height: auto;    
        top: 1px;
        width: 100%;
        border: #000 1px solid;
        border-top: none;
        padding: 0;
        overflow: hidden;
        opacity: 0.8;
        
    }
    #access ul li ul li{    
        text-indent: 25px;
        height: auto;    
        border-style: dotted;
    }
    #access ul li ul li a{
        line-height: 40px;
        font-size: 13px;
    }
    #access ul ul li:nth-child(1){
        border-top: #fff 1px dotted;/*
       	box-shadow:  inset 0px 4px 10px rgba(0,0,0,0.3);
    	-moz-box-shadow:  inset 0px 4px 10px rgba(0,0,0,0.3);
    	-webkit-box-shadow: inset 0px 4px 10px rgba(0,0,0,0.3);*/
    }
    #access ul ul li:nth-last-child(1){
        border: none;/*
        box-shadow:  inset 0px -6px 10px rgba(0,0,0,0.3);
    	-moz-box-shadow:  inset 0px -6px 10px rgba(0,0,0,0.3);
    	-webkit-box-shadow: inset 0px -6px 10px rgba(0,0,0,0.3);*/
    }
    
    #access{ 
        width: 100%;
        height: auto;
        float: right;
        
    }
    #access ul li.cor1,#access ul li.cor2,#access ul li.cor3,#access ul li.cor4,#access ul li.cor5,#access ul li.cor6,#access ul li.cor7,#access ul li.cor8,#access ul li.cor9{
        background-image:none;

    }
    
    
    
    #access ul li:hover ul{
        display: auto;
    }
    .box-trilha-mobile{
        float: left;    
        color: #fff;    
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-indent: 0;
        padding: 0 20px 20px 30px;
        line-height: normal;
        font-style: italic;
        display: none;
    }
    #box_trilha{
        display: none!important;
    }
    
    .linha-preta{
        display: none;
    }
    #quant_resultados{ 
        border: none;
        height: auto;
        min-width: 270px;        
    }
    #access ul ul{
        border-left: none!important;
        border-right: none!important;
        right: 0;
    }
    body{ overflow: auto;}
    #meteor-slideshow{
        padding-bottom: 15px;
    }
    #busca_avancada{
        width: 100%;
        float: left;    
    
        margin: 0!important;    
    }
    #busca_avancada span{
        padding: 10px;
        float: left;
    }
    #rotativo-logos{
        float: left;
    }
    #menu-container{
        display: none;        
    }
    .menu-mobile{
        width: 100%!important;
        display: block;
        background: #242424!important;
    }
    #rotativo-logos{
        width: 100%;    
    }
    .menu-mobile #box_menu{    
        height: auto;
    }
    .quant_resultados-mobile{
        position: absolute;
        right: 0;
        top: -58px;
        width: 200px;
        background: none;
        display: none;
    }
    #logo{
        display: none;
        visibility: hidden;
    }
    #like_face{
        display: none;
        visibility: hidden;    
    }
    #logoIn{        
        background:url(images/logo_mapa_interna_mobile.png) #000 no-repeat 6px 6px!important;
        width: 100%!important;        
    }
    .bt-menu-mobile{
        float: right;
        width: 50px;
        height: 40px;
        background: url(images/menu.png) no-repeat right 10px;        
        margin-top: 7px;
        cursor: pointer;
    }
    body{
        overflow: scroll;
        overflow-x: hidden;
    }
    .cat_selecionada:before {
        content: normal;
        margin:0px;
        
    }
    .cat_selecionada{
        background: url("http://vilamundo.org.br/mapadavila/wp-content/themes/mapadavila/images/bullet.png") no-repeat 1px 12px;
    }
}
@media (max-width: 270px) {
    body{
        overflow-x:auto    
    }
}
.rc-button {
  display: inline-block;
  min-width: 46px;
  text-align: center;
  color: #444;
 
  letter-spacing: 2px;

  height: 36px;
  padding: 0 8px;

  line-height: 36px;
  -o-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -webkit-transition: all 0.218s;
  transition: all 0.218s;
  border: 1px solid #dcdcdc;
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  -o-transition: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  }
  .card .rc-button {
  width: 100%;
  padding: 0;
  }
  .rc-button:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  text-decoration: none;
  -o-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -webkit-transition: all 0.0s;
  transition: all 0.0s;
  background-color: #f8f8f8;
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .rc-button:active {
  background-color: #f6f6f6;
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  }
  .rc-button-submit {
  border: 0px solid;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #2C88E3;
  background-image: -webkit-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: -moz-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: -ms-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: -o-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: linear-gradient(top,#2C88E3,#2C88E3);
  }
  .rc-button-submit:hover {
  border: 0px solid ;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #2C88E3;
  background-image: -webkit-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: -moz-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: -ms-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: -o-linear-gradient(top,#2C88E3,#2C88E3);
  background-image: linear-gradient(top,#2C88E3,#2C88E3);
  }
  .rc-button-submit:active {
  background-color: #357ae8;
  background-image: -webkit-linear-gradient(top,#F8CC1D,#F8CC1D);
  background-image: -moz-linear-gradient(top,#F8CC1D,#F8CC1D);
  background-image: -ms-linear-gradient(top,#F8CC1D,#F8CC1D);
  background-image: -o-linear-gradient(top,#F8CC1D,#F8CC1D);
  background-image: linear-gradient(top,#F8CC1D,#F8CC1D);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  .rc-button-red {
  border: 0px solid transparent;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #d14836;
  background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
  background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
  background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
  background-image: -o-linear-gradient(top,#dd4b39,#d14836);
  background-image: linear-gradient(top,#dd4b39,#d14836);
  }
  .rc-button-red:hover {
  border: 1px solid #b0281a;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #c53727;
  background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
  background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
  background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
  background-image: -o-linear-gradient(top,#dd4b39,#c53727);
  background-image: linear-gradient(top,#dd4b39,#c53727);
  }
  .rc-button-red:active {
  border: 1px solid #992a1b;
  background-color: #b0281a;
  background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
  background-image: linear-gradient(top,#dd4b39,#b0281a);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }

  .blockmenu{cursor:pointer; background:#000000; font-size:16px; font-family: 'Abel',sans-serif;}
  .blockmenu:hover{ background:#3DB554; color:#3DB554;}