#map{
	border: 3px solid #e8e8e8;
}

.filter-wrap{
	margin-bottom: 20px;
}

.filter-wrap .title{
	/*color: #fff;*/
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	display: block;
	margin-bottom: 25px;
}


.filter-city{
	width: 200px;
}

.filter-fuel{
	width: 350px;
	margin: 0px 20px;
}


.filter-fuel .fuel-icon{
	width: 70px;
	height: 45px;
	border: 1px solid #7BB234;
	/*background-color: #777;*/
	text-align: center;
	color: white;
	font-size: 18px;
	font-family: "Open Sans",sans-serif;
	font-weight: 700;
	line-height: 45px;
	margin-bottom: 5px;
}

.filter-fuel .fuel-icon.active, .filter-service .service-icon.active{
	background-color: #7BB234;
}

.filter-service .service-icon{
	width: 70px;
	height: 45px;
	/*background-color: #1b4e3b;*/
	margin-bottom: 5px;
	position: relative;
	border: 1px solid #7BB234;
    
}

.azs-table .service-icon{
	width: 40px;
	height: 40px;
	margin-bottom: 5px;
	background-color: transparent;
	position: relative;
    
}

.filter-service .service-icon:hover, .filter-fuel .fuel-icon:hover{
	cursor: pointer;
}

.filter-service{
	width: 420px;
}



.sprite-bankomat:before{
	content: '';
	position: absolute;
	top:11px;
	left: 18px;
    width: 32px;
    height: 24px;
    background-position: -5px -5px;
    background-image: url(/img/spritesheet-filter-service.png);
    background-repeat: no-repeat;
}

.sprite-bankomat:hover:before{
    background-position: -47px -5px;
}

.sprite-carwash:before{
	content: '';
	position: absolute;
	top:5px;
	left: 20px;
    width: 26px;
    height: 32px;
    background-position: -89px -5px;
    background-image: url(/img/spritesheet-filter-service.png);
    background-repeat: no-repeat;
}

.sprite-carwash:hover:before{
    background-position: -5px -47px;
}

.sprite-shop:before{
	content: '';
	position: absolute;
	top:8px;
	left: 18px;
    width: 32px;
    height: 30px;
    background-position: -41px -47px;
    background-image: url(/img/spritesheet-filter-service.png);
    background-repeat: no-repeat;
}

.sprite-shop:hover:before{
    background-position: -83px -47px;
}

.sprite-tyre:before{
	content: '';
	position: absolute;
	top:7px;
	left: 19px;
    width: 32px;
    height: 32px;
    background-position: -41px -87px;
    background-image: url(/img/spritesheet-filter-service.png);
    background-repeat: no-repeat;
}

.sprite-tyre:hover:before{
     background-position: -83px -87px;
}

.sprite-wc:before{
	content: '';
	display: block;
	position: absolute;
	top:5px;
	left: 20px;
    width: 30px;
    height: 32px;
    background-position: -125px -5px;
    background-image: url(/img/spritesheet-filter-service.png);
    background-repeat: no-repeat;
}

.sprite-wc:hover:before{
      background-position: -125px -47px;
}

.azs-bn-item{
	width: 320px;
	vertical-align: top;
	margin-bottom: 30px;
}

.azs-bn-item:nth-child(2){
	margin: 0px 20px;
}

.azs-bn-wrap{
	margin: 20px 0px;
	width: 100%;
	text-align: center;
}

.azs-bn-item a{
	width: 320px;
	display: block;
}

.styled-select select {
   background: transparent;
   /*color: #fff;*/
   width: 185px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   outline: none;
   }
 
.styled-select{
   width: 185px;
   height: 34px;
   overflow: hidden;
   background: url(/bitrix/components/webidea/azs.maps/templates/.default/images/arrow.png) no-repeat 94%;
   border: 3px solid #e8e8e8;
   border-radius: 5px;
}

.fuel-icon.ai80{
	/*background-color: #75c1f1;*/
}

.fuel-icon.ai92{
	/*background-color: #d69b01;*/
}

.fuel-icon.ai95{
	/*background-color: #940e02;*/
}

.fuel-icon.ai98{
	/*background-color: #1b4e3b;*/
}

.fuel-icon.dt{
	/*background-color: #040000;*/
}

.azs-table{
	border-collapse: collapse;
	margin: 0 auto;
    width: 1008px;
}

.azs-table td{
	border: 1px solid #7BB234;
	padding: 2px 10px;
	color: #fff;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 400;

}

.azs-table thead td{
	font-weight: 700;
	color: #fff;
}

.azs-table td a{
	color: #fff;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-decoration: underline;
}

.azs-table td.no-padding{
	padding: 2px 2px;
	width: 70px;
}

.azs-table .sprite-shop:before{
    width: 29px;
    height: 27px;
    background-position: -5px -44px;
    content: '';
	display: block;
	position: absolute;
	background-image: url(/img/spritesheet-service.png);
	top:5px;
	left: 0px;
}

.azs-table .sprite-carwash:before{
    width: 23px;
    height: 29px;
    background-position: -44px -5px;
    content: '';
	display: block;
	position: absolute;
	background-image: url(/img/spritesheet-service.png);
	top:0px;
	left: 0px;
}

.azs-table .sprite-wc:before{
    width: 27px;
    height: 28px;
    background-position: -77px -5px;
    content: '';
	display: block;
	position: absolute;
	background-image: url(/img/spritesheet-service.png);
	top:2px;
	left: 0px;
}

.azs-table .sprite-tyre:before{
     width: 28px;
    height: 28px;
    background-position: -44px -44px;
    content: '';
	display: block;
	position: absolute;
	background-image: url(/img/spritesheet-service.png);
	top:5px;
	left: 0px;
}

.azs-table .sprite-bankomat:before{
    width: 29px;
    height: 22px;
    background-position: -5px -5px;
    content: '';
	display: block;
	position: absolute;
	background-image: url(/img/spritesheet-service.png);
	top:8px;
	left: 0px;
}

.azs-table .fuel-icon{
	width: 70px;
	height: 36px;
	color: white;
	font-family: "Open Sans";
	font-size: 15px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
}

.azs-bottom{
	height: 30px;
}

.azs-balloon{
	width: 260px;
	height: 100px;
	background-color: #444;
	border-radius: 10px;
	padding: 15px 30px 25px 20px;
}

.azs-balloon table{
	border-collapse: collapse;
}

.azs-balloon table td{
	padding: 1px 2px;
	color: white;
	font-size: 13px;
	font-family: "Open Sans";
	font-weight: 700;
	text-align: center;

}

.azs-balloon table .fuel-icon{
	width: 49px;
	height: 26px;
	text-align: center;
	color: white;
	font-size: 10px;
	font-family: "Open Sans",sans-serif;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 5px;
}

.azs-balloon .addr{
	color: white;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin: 0px 0px 20px 10px;;
}

.azs-balloon .more{
	color: white;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 400;
	text-decoration: underline;
	display: block;
	margin: 0px 0px 0px 10px;;
}

.azs-balloon .more span{
	text-decoration: none;
}

.azs-balloon .ruble-sign{
	font-family: 'PT Rouble Sans';
}

.azs-balloon .close{
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	position: absolute;
	right: -302px;
	top:-2px;
}