#world_map {margin: 10px auto; width: 881px; height: 526px; background-image: url('/i/img/maps/main_map.jpg'); position: relative}
#large_country_map {margin: 10px auto; width: 660px; height: 417px; position: relative}
#small_map {margin: 10px auto; width: 540px; height: 322px; background-image: url('/i/img/maps/small_map.jpg'); position: relative}

#logo_map {text-align: left; margin: 10px auto; width: 195px; height: 38px; background-image: url('/i/img/maps/logo_map.png'); position: absolute}

#city_wrapper {width: 190px; height: 190px; background-image: url('/i/img/maps/city_wrapper.png'); z-index: 3; position: absolute; left: 175px; top: 51px; font-size: 12px;}
#country_wrapper {width: 190px; height: 220px; background-image: url('/i/img/maps/wrapper.png'); z-index: 3; position: absolute; left: 175px; top: 51px}
#country_wrapper_ex {width: 260px; height: 220px; background-image: url('/i/img/maps/wrapper_ex.png'); z-index: 3; position: absolute; left: 140px; top: 51px}
#city_wrapper_close {position: absolute; right: 10px; top: 3px; cursor: pointer; color: #cccccc}
#city_wrapper_close:hover {color: #ffffff}

.city_table {border-collapse: collapse; margin: 0 auto}
.city_info {height: 30px; text-align: center}
.city_photo_wrapper {width: 100%; height: 128px; text-align: center}
.photo img {border: 1px solid #3f3f3f}
.photo img:hover {border: 1px solid #999999}

.country_table {border-collapse: collapse; margin: 0 auto}
.country_info {height: 40px}
.country_map_wrapper {width: 100%; height: 150px; text-align: center}

#country_flag, #country_flag_ex {width: 20px; height: 12px; margin: 0 5px 0 0; border: 1px solid #000000; vertical-align: middle}
#city_title, #country_title, #country_title_ex {font-weight: bold; color: #ffffff; cursor: default; padding: 2px 0 0 0}
#country_map, #country_map_ex {padding: 5px}

.country_counter  {height: 30px; font-weight: bold; color: #ffffff; cursor: default; text-align: center; font-size:12px;}
.offices_counter  {height: 20px; font-weight: bold; color: #ffffff; cursor: default; text-align: center}

.small_icon {width: 15px; height: 15px; background: url('/i/img/maps/icons/small_deactive.png') no-repeat; z-index: 1; position: absolute; cursor: pointer}
.small_icon:hover {width: 21px; height: 21px; background: url('/i/img/maps/icons/middle_active.png') no-repeat; z-index: 2}

.small_icon_deactive {width: 15px; height: 15px; background: url('/i/img/maps/icons/small_deactive.png') no-repeat; z-index: 1; position: absolute; cursor: pointer}
.small_icon_active {width: 21px; height: 21px; background: url('/i/img/maps/icons/middle_active.png') no-repeat; z-index: 2}

.middle_icon {width: 21px; height: 21px; background-image: url('/i/img/maps/icons/middle_deactive.png'); z-index: 1; position: absolute; cursor: pointer}
.middle_icon:hover {width: 27px; height: 27px; background-image: url('/i/img/maps/icons/large_active.png'); z-index: 2}
.middle_icon_active {width: 27px; height: 27px; background-image: url('/i/img/maps/icons/large_active.png'); z-index: 2}

table.offices_list {width:100%;}
.country_block {margin: 10px; height: 76px; background: #f5f5f5;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #d3d3d3 100%);
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#d3d3d3 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#d3d3d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d3d3d3',GradientType=0 );
    border:1px solid #a6a6a6;
    border-radius: 6px;
    position: relative; cursor: pointer}
.country_block .logo {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 55px;
    height: 55px;
    background: url('/i/img/maps/ilg.png');
}
.country_block:hover {background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );}
.country_block:hover .qty {text-decoration: underline}
.large_flag {width: 79px; height: 55px; position: absolute; left: 11px; top: 11px}
.info_block {width: 160px; height: 35px; position: absolute; left: 101px; top: 20px}
.info_block p, info_block a {line-height: 12px; font-family: Tahoma}
.info_block p.title {color: #ff0000; font-size: 15px; font-weight: bold}
.info_block p.qty {padding: 3px 0 0 1px; color: #666666; font-size: 11px}
#content a { text-decoration: none}

.back_button {margin: 6px 0 12px 0; width: 20px; height: 20px; background-image: url('/i/img/maps/back_button.png'); cursor: pointer}
.back_button_hover {margin: 6px 0 12px 0; width: 20px; height: 20px; background-image: url('/i/img/maps/back_button_hover.png'); cursor: pointer}
.back_title a {color: #666666; font-size: 11px; text-decoration: none; border: 1px solid red}
.btp {color: #666666; padding: 0 0 5px 5px}

.tbl_office {vertical-align: top; padding-top: 31px; width: 320px}
.img_office {border: 1px solid white; width: 250px; height: 188px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; margin-bottom: 7px;}

.tbl_office > a {
    text-decoration:none;
}
/* .btn_office {
    background-image: -webkit-gradient(
    	linear,
    	left top,
    	left bottom,
    	color-stop(0, #C41C1C),
    	color-stop(1, #E69191)
    );
    background-image: -o-linear-gradient(bottom, #C41C1C 0%, #E69191 100%);
    background-image: -moz-linear-gradient(bottom, #C41C1C 0%, #E69191 100%);
    background-image: -webkit-linear-gradient(bottom, #C41C1C 0%, #E69191 100%);
    background-image: -ms-linear-gradient(bottom, #C41C1C 0%, #E69191 100%);
    background-image: linear-gradient(to bottom, #C41C1C 0%, #E69191 100%);
    padding: 3px;
    text-align: center;
    width:246px;
    height:18px;
    margin-top: 6px;
    border-radius:7px;
    font-size:14px;
}
.btn_office:hover{
    background-image: -webkit-gradient(
    	linear,
    	left top,
    	left bottom,
    	color-stop(0, #C74545),
    	color-stop(1, #E69F9F)
    );
    background-image: -o-linear-gradient(bottom, #C74545 0%, #E69F9F 100%);
    background-image: -moz-linear-gradient(bottom, #C74545 0%, #E69F9F 100%);
    background-image: -webkit-linear-gradient(bottom, #C74545 0%, #E69F9F 100%);
    background-image: -ms-linear-gradient(bottom, #C74545 0%, #E69F9F 100%);
    background-image: linear-gradient(to bottom, #C74545 0%, #E69F9F 100%);
} */

.qname {padding: 0 0 0 5px; font-size: 15px;}

.address_wrapper {border-collapse: collapse; width: 300px}
.lt_address_wrapper {width: 13px; height: 13px}
.rt_address_wrapper {width: 13px; height: 13px}
.lb_address_wrapper {width: 13px; height: 13px}
.rb_address_wrapper {width: 13px; height: 13px}
.vertical_address_wrapper {height: 13px}
.horizontal_address_wrapper {width: 13px}
.content_address_wrapper {cursor: default}

.white_address_wrapper {border-collapse: collapse; width: 100%}
.white_lt_address_wrapper {width: 15px; height: 15px; }
.white_rt_address_wrapper {width: 15px; height: 15px; }
.white_lb_address_wrapper {width: 15px; height: 15px; background: url('/i/img/maps/address_white_circle.png') no-repeat; background-position : 0 -15px}
.white_rb_address_wrapper {width: 15px; height: 15px; background: url('/i/img/maps/address_white_circle.png') no-repeat; background-position : -15px -15px}
.white_vertical_address_wrapper {height: 15px}
.white_middle_address_wrapper {text-align: center}

.city_list_title {margin: 2px 0 0 0; cursor: default; padding: 0 0 0 8px; color: red; font-size: 18px}
.city_list_title_notice {cursor: default; margin: 6px 5px 0 0; color: gray; font-size: 12px; float:right;}

.silver_line {
    width: 665px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid silver;
    background-image: -webkit-gradient(
    	linear,
    	left top,
    	left bottom,
    	color-stop(0, #F5F5F5),
    	color-stop(1, #B8B8B8)
    );
    background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #B8B8B8 100%);
    background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #B8B8B8 100%);
    background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #B8B8B8 100%);
    background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #B8B8B8 100%);
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #B8B8B8 100%);
}

.country_block .qty,
.country_block .title {
    margin:0 !important;
}

.cnt {
    margin-top:10px;
}
.cnt td {
    padding-bottom: 15px;
}

.cnt td:last-child {
    vertical-align: top;
    font-size: 16px;
}

.btp {
    margin-top: 7px !important;
    font-size: 14px;
}
.sections .btp > a,
.page .content .btp > a {
    text-decoration:none !important;
}

.content table td:last-child {
    vertical-align:top;
}
#flags_offices {
    margin: 5px 0px 0px 5px;
}
.hr_city h4 {
    text-align:center;
}

@media (max-width: 1260px) {
    .info_block {width: 100%; height: 35px; position: relative; left: 0px; top: 0px}
    .large_flag {position: relative; left: calc(50% - 40px); top: 0px;}
    .info_block p.title {text-align: center;}
    .country_block {
        width: 93%;
        height: 105px;
        background: #f5f5f5;
        background: -moz-linear-gradient(top,  #f5f5f5 0%, #d3d3d3 100%);
        background: -webkit-linear-gradient(top,  #f5f5f5 0%,#d3d3d3 100%);
        background: linear-gradient(to bottom,  #f5f5f5 0%,#d3d3d3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d3d3d3',GradientType=0 );
        border:1px solid #a6a6a6;
        border-radius: 6px;
        padding: 2%;
    }
    .country_block:hover {
        background: -moz-linear-gradient(top,  #f5f5f5 0%, #e5e5e5 100%);
        background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e5e5e5 100%);
        background: linear-gradient(to bottom,  #f5f5f5 0%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
    }
    .info_block p.qty {
        text-align: center;
    }
}