@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
    font-family: Titillium;
	color: #5c4e44;
	font-size:14px;
	background-color: #fff;
	height: 100%;
	position:fixed;
}

html {
	height: 100%;
}

main{width:100%;}
section{width:100%;}
.overlay-shadow{
	box-shadow: 0 0 15px 0 #888;width: 400px;height: 100%;position: fixed;top: 0;left: 0;z-index: 2;}
	
.top{width: 370px;padding:15px 15px;position: fixed;top: 0;left: 0;z-index: 2;background:#ff8200; color:#ffffff;text-transform:uppercase;font-size:14px;}

.top > div{float: left;}
.top > div:last-child{float: right;}
.top .icon{height: 23px;padding: 0 5px;display: inline-block;vertical-align: middle;}

.top .icon.filter-opener span {
    width: 19px;
    height: 23px;
    background-image: url("../images/filter-icon.png");
    background-repeat: no-repeat!important;
    transition: background-image,.2s,ease;
    background-size: auto 20px!important;
    display: block;}

.top .icon.list-opener span {
    width: 23px;
    height: 23px;
    background-image: url("../images/list-icon.png");
    background-repeat: no-repeat!important;
    transition: background-image,.2s,ease;
    background-size: auto 20px!important;
    display: block;}
	
.top .icon.map-opener span {
    width: 20px;
    height: 23px;
    background-image: url("../images/map-pin-icon.png");
    background-repeat: no-repeat!important;
    transition: background-image,.2s,ease;
    background-size: auto 20px!important;
    display: block;}



.sideContent{width: 400px;height: 100%;position: fixed;top: 49px;left: 0;z-index: 2;background:#f7f7f7;}


	
.filter-container{width:100%;}

.filter-container .box{margin-top:15px;padding:0 15px;}
.filter-container .fwrap{border: 1px solid #e7e7e7;background:#ffffff;padding:15px 15px;}
.filter-container .fwrap .row{margin-bottom:20px; overflow:hidden;width:100%;}
.filter-container .fwrap .row:last-child{margin-bottom:0px;}

.nores-container{width:100%;margin-top: 15px;}
.nores-container .box{margin-top:0px;padding:0 15px 0 15px;}
.nores-container .box .rwrap{border: 1px solid #e7e7e7;background:#ffffff;padding:15px 15px;}

.list-container{width: 100%;height: calc(100% - 308px)!important;margin-top: 15px;overflow: auto;overflow-y: scroll;border-top: 1px solid #e7e7e7;}
.list-container .box{margin-top:0px;padding:0 0px 0 15px;}
.list-container .lwrap{border: 1px solid #e7e7e7;border-top:none!important;background:#ffffff;padding:10px 15px;}
.list-container .lwrap .list-row{padding:10px 0;border-bottom: 1px solid #e7e7e7; cursor: pointer; }
.list-container .lwrap .list-row:first-child{padding-top:0px;}
.list-container .lwrap .list-row:last-child{border-bottom: none;}
.list-container .lwrap .list-row p{}
.list-container .lwrap .list-row a{color: #ff8200;text-decoration: none;}


input[type="text"]{
    font-family: Titillium;
	font-size: 15px;
    color: #5c4e44;
	border: 2px solid #e0ded9;
	padding: 10px 10px 10px 20px;
	border-radius: 5px;
	margin:10px 0 0 0;
	outline:none;
	width:100%;
	box-sizing:border-box;
}

select  {
    font-family: Titillium;
	font-size: 15px;
    color: #5c4e44;
	outline:none;
	width:100%;
	box-sizing:border-box;
	background:#fffffff;
}


form .pesquisa-content { box-sizing: border-box; float:left; width: 100%; height: auto; color: #5c4e44; text-align: left; border: 2px solid #e0ded9; margin: 10px 0 10px 0;-webkit-border-radius: 5px;border-radius: 5px; }

form .pesquisa-content select { height: auto; color: #5c4e44; font-size: 16px; font-family: 'Titillium'; padding:10px 20px;-webkit-border-radius: 5px;border-radius: 5px;}

form .pesquisa-content select { background: #fff url("../images/select.gif") no-repeat right center !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

form .pesquisa-content select::-ms-expand {
    display: none;
}

.pesquisa-content{
    width:390px;
    background-color: #ffffff;
    border-bottom: 2px solid #fe540d;
    margin: 10px auto 0 auto;
    height: 58px;   
    position: relative;
}





form button.btnPesquisar{
    float: right;
    width: 160px;
    height: 49px;
    font-size: 18px;
	color:#fff;
    text-align: left;
    text-transform: none;
    background: #ff8200 url("../images/bot-buscar.png") no-repeat right top;
    border: 2px solid #ff8200;
    padding: 0 20px;
    margin: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer;
	transition: background-color 0.5s ease;
	
}
form button.btnPesquisar:hover {color: #ff8200; background: #fff url("../images/bot-buscar.png") no-repeat right bottom;}

.showDesktop{display: block;}
.hideDesktop{display: none;}

.map-container{height: 100%;position: fixed !important;top: 0;left: 400px;z-index: 1;
	width: calc(100% - 400px)}




@media screen and (max-width: 768px) {
.overlay-shadow{width: 100%;}
.top{width: 100%;}
.top > div:last-child{margin-right:19px;}
.sideContent{width: 100%;}
.filter-container{height: 100%!important;overflow-y: scroll;}
.filter-container .box{min-height:350px;padding: 0 0px;}
.list-container .box{padding: 0 0px 0 0px;}
.nores-container .box{padding: 0 0px 0 0px;}
.list-container {height: calc(100% - 62px)!important}
.map-container{
    height: calc(100% - 49px);
    position: fixed;
    top: 49px;
    left: 0px;
    z-index: 2;
	width:100%;auto;overflow-y: scroll;}

.hideMobile{display:none;}
.showMobile{display: block;}

}






















/*footer {
    font-size: 12px;       
    font-family: 'titilliumtext22l_rgregular';
    background-color:#f4f4f4;
    padding: 30px 0;
}
footer ul {
    width: 82%;
    max-width: 1007px;
    margin:0 auto;
}
footer ul li {
    float:left; padding-right:20px;
}
footer ul li a { color:#000; text-decoration:none;}
footer ul li a:hover { text-decoration:underline;}*/