*{margin:0; padding:0;}

html {
    height: 100%;
}

body {
    width: 100%;
    min-width: 1050px;
    background-color: #ececec;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
    text-align: left;
     color: #505050;
    font-size: 13px
}
.white-bg {background-color: #fff}
	
h1, h2, h3, h4, h5, h6 {font-weight: normal}
h1 {font-size: 26px}
h2 {font-size: 24px}
h3 {font-size: 22px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
.content_in h2, .content_in h3, .content_in h4, .content_in h5, .content_in h6, .content_wide h2, .content_wide h3, .content_wide h4, .content_wide h5, .content_wide h6 {margin-top: 20px}
.sidebar h2, .sidebar-lft h2 {font-size: 26px}

p {margin-top: 10px;}

a {color: #0d58a6; transition: all 0.3s}
a:hover {text-decoration: none;}
a img:hover {opacity: 0.9; -webkit-filter: contrast(110%)}
img {border: none;}
.tbl {display: table}
.tbl-row {display: table-row}
.tbl-cell {display: table-cell}
.clear {clear: both} 
.lft {float: left}
.rght {float: right}
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }
.mrg-btm {margin-bottom: 40px}
.mrg-top {margin-top: 20px}
.pd-btm {padding-bottom: 40px}
.justifycenter {text-align: center}

.wrap {
    width: 980px;
    height: 100%;
    margin: auto;
    position: relative;
    padding: 0 30px;
    border-left: 5px solid #ececec;
    border-right:5px solid #ececec;
}
.header {
    height: 180px;
    position: relative; 
    margin-bottom: 15px
}
.logo {
    position: relative; 
    top: 10px;
    left: 0;
}
.adr {position: relative; top: 23px; left: 5px}
.callback {color: #505050; background-color: #ececec; padding: 3px 10px 5px; text-decoration: none; font-size: 14px; width: 80px; display: block; margin: 20px 0 10px 0; text-align: center}
.callback:hover, .callback:active {background-color: #CFCFCF; color: #fff}
.payments {display: block; width: 78px; height: 21px; background: url(/assets/images/design/icons.png) 0 0 no-repeat; margin: 5px auto}
.tels {display: block; margin: 26px 30px 10px 0; font-size: 20px; color: #505050; max-width: 320px; position: relative; padding-left: 24px}
.tels:before {content: ""; width: 18px; height: 18px; background: url(/assets/images/design/icons.png) 0 -30px no-repeat; position: absolute; top: 5px; left: 0}
.email {color: #0d58a6; font-size: 20px; text-decoration: none; position: relative; padding-left: 28px}
.email:before{content: ""; width: 21px; height: 16px; background: url(/assets/images/design/icons.png) 0 -70px no-repeat; position: absolute; top: 8px; left: 0}
.email:hover {border-bottom: 1px solid #0d58a6}
.header .icon {color: #0d58a6; padding-right: 10px; font-size: 20px;}
.mainMenu  {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
    text-align: right
}
.mainMenu li{
    display: inline-block;
    list-style-type: none;
    line-height: 52px;
    font-size: 18px;
    position: relative
}
.mainMenu  li a {
    text-decoration: none; 
    padding: 0 15px;
    color: #505050;
    display: block;
}
.mainMenu  li a:hover {color: #0d58a6}
.mainMenu  li.active a {color: #fff; background-color: #0d58a6}
.mainMenu li:after {content: ""; width: 1px; height: 36px; display: inline-block; background-color: #ececec;  position: absolute; right: -1px; top: 8px}
.mainMenu li.active:after, .mainMenu li:last-child:after, .mainMenu li li:after {content: none}

.mainMenu  li ul {visibility:hidden;
  opacity:0;
 }

.mainMenu  li:hover > ul {visibility:visible;
  opacity:1;
     transition:visibility 0s linear 0.2s,opacity 0.2s linear;
}

.mainMenu   li ul {position: absolute; top: 100%; left: 0; z-index: 999999; background-color: #fff; box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.1); padding-bottom: 5px }

.mainMenu   li ul  li{display: block; position: relative; 
margin: 0 15px;
    padding: 3px 0;
min-height: 20px;
border-bottom: 1px solid #ddd;
border-left: none;
bottom: 0;
    text-shadow: none; position: relative;
    transition: none
}
.mainMenu   li ul  li:last-child {border: none}

.mainMenu   li ul  li a{display: block; text-align: left; line-height: 20px;  white-space: nowrap; padding: 0; font-size: 16px; color: #505050; background-color: #fff; transition: none}

.mainMenu   li:hover ul li a, .mainMenu   li.active:hover ul li a {color: #505050; background-color: #fff; }
.mainMenu   li ul  li a:hover, .mainMenu   li.active:hover ul li.active a, .mainMenu   li.active ul  li a:hover {color: #fd7802}
.mainMenu   li.active:hover ul li.active {background-color: #fff}

hr {background-color: #ececec; height: 3px; margin-bottom: 10px; border: none}

.slider {position: relative; width: 980px; height: 510px}
.grey-line {background-color: #ececec; overflow: hidden; height: 60px; color: #0d58a6; padding: 0 40px; font-size: 20px; display: block}
.grey-line .lft {max-width: 700px; padding: 5px 0}
.grey-line .rght {line-height: 60px; max-width: 200px}

.slider-pager {position: absolute; bottom: 0;  width: 100%; text-align: right; background-color: #fff; z-index: 9999}
.slider-pager a{
	display: inline-block;
	width: 12px;
	height: 6px;
	margin: 0 3px;
    background-color: #ececec;
    vertical-align: middle
	}

.slider-pager a.cycle-pager-active{
width: 12px;
height: 12px;
    background-color: #0d58a6
}
.prev, .next {position: absolute; top: 190px; font-size: 50px !important; color: #0d58a6; z-index: 9999; opacity: 0; width: 18px; height: 28px; }
.prev {left: -25px; background: url(/assets/images/design/icons.png) 0 -160px no-repeat;}
.next {right: -25px;background: url(/assets/images/design/icons.png) 0 -130px no-repeat; }
.prev:hover, .next:hover  {cursor: pointer}
.slider:hover .prev, .slider:hover .next {opacity: 1}
.slide img {width: 980px; height: 425px}

.ban-line {text-align: justify; padding: 20px 0 0;  position: relative;}
.ban-slov:after, .hits:after, .ban-line:after{
	content:"";
	display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
	}
.ban-slov {margin-bottom: -30px;}
.top-bans {margin-bottom: 20px; float: left}
.ban {display: inline-block; position: relative; text-decoration: none;  overflow: hidden; width: 310px; vertical-align: top}
.ban img {width: 310px; height: 230px}
.ban .ban-prps {position: relative; background-color: #fff; padding: 10px; width: 230px; float: left}
.ban .ban-ttl {font-size: 20px; display: block; text-align: left; padding-bottom: 5px; transition: all 0.3s}
.ban-txt {font-size: 15px; text-align: left; display: block; text-overflow: ellipsis; color: #505050; }
.ban-txt .red {color: #ff0000; }
.ban .icon-arr {position: absolute; right: 12px; top: 240px; background: url(/assets/images/design/icons.png) 0 -90px no-repeat; width: 28px; height: 28px}
.ban:hover .icon-arr { width: 28px; height: 28px; position: absolute; right: 12px; top: 240px; background: url(/assets/images/design/icons.png) -30px -90px no-repeat;}
.ban:hover .ban-ttl {text-decoration: underline}

.top-ban {width: 320px; display: inline-block; vertical-align: top; text-decoration: none; text-align: left; color: #505050; padding-bottom: 30px}
.top-ban img {border: 0px solid #ececec; float: left; margin-right: 10px; transition: all 0.3s; width: 150px; height: 120px}
.top-ban .ban-ttl {color: #0d58a6; font-size: 18px; padding: 20px 10px 10px 0; display: block; transition: all 0.3s}
.price {color: #787878; font-size: 14px}
.top-ban .ban-txt {clear: both; font-size: 15px; padding: 10px 10px 10px 0}
.top-ban .ban-txt b {display: block}
.top-ban:hover .ban-ttl {color: #ff7802}
.top-ban:hover img {border: 0px solid #CFCFCF}

.hits {text-align: left}
.hit-ban {display: inline-block; width: 360px; margin-bottom: 20px; vertical-align: top; text-decoration: none; position: relative}
.hit-ban .ban-ttl {display: block; text-align: center; color: #0d58a6; font-size: 18px}
.hit-ban:hover .ban-ttl {color: #ff7802}
.hit-ban .ban-txt {position: absolute; width: 340px; padding: 10px; bottom: 0; left: 0; display: block; background-color: rgba(0,0,0,0.5); color: #fff}
.ban-in {position: absolute; top: 0; left: 0; height: 250px; display: block}

.srch-block {width: 600px; float: left; margin-bottom: 30px; position: relative; z-index: 2}
.ord-block {float: right; width: 352px; margin: 20px 0 30px;  background-color: #ececec; padding: 34px 0 33px; position: relative; z-index: 2}

.sidebar {width: 200px}
.sidebar-lft {width: 180px}

.cntrs li {
    line-height: 18px;
    list-style-type: none;
    font-size: 16px;
}
.cntrs li li {font-size: 14px; padding-left: 15px;}
.cntrs li a {
    text-decoration: none; 
    color: #505050;
    display: block;
    padding: 4px 0
}
.cntrs li li a {padding: 2px 0}
.cntrs a:hover, .cntrs  li.active a {
    color:  #0d58a6
}
.cntrs  li.active li a {color: #505050}
.cntrs  li li:hover a, .cntrs  li.active li:hover a, .cntrs  li.active li.active a {color: #fd7802}

.btn_link {background: #0d58a6;
	border: none;
    display: inline-block;
    padding: 0 20px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-decoration: none;
    font-size: 14px;
    transition: all 0.3s
	}
	
.btn_link:hover {
background: #ff7802
}
	
.more {font-size: 18px; display: block; text-align: right; margin-top: 10px}

.content_area {margin: 0 0 0 200px; padding-bottom: 40px}
.content_in {width: 760px;  margin-left: 220px;  min-height: 200px; overflow: hidden}
.content_in_cntr {margin: 0 0px 0 200px; padding-bottom: 40px}

.specs {border-collapse: collapse; margin-top: 20px}
.specs tr td {border: 1px solid #DFDFDF; padding: 5px 10px;}
.price-tur {font-weight: bold}	
.grey {background: #ececec}
.specs .btn_link {margin-top: 5px}

.content_wide ul, .content_in ul, .content_wide ol, .content_in ol {margin: 10px 0; list-style-position: inside;}

.news-ttl {font-size: 18px}
.date_news {display: block; color: #AFAFAF; margin: 0 30px 30px 0; text-align: right; font-size: 12px}
.comp-news {margin: 20px 0 0 0}
.comp-news li {list-style-type: none;}
.comp-news li+li {margin-top: 10px}
.comp-news li a {color: #505050; text-decoration: none}
.comp-news li a:hover {color: #fd7802}
.date-news {display: block; font-size: 12px; color: #AFAFAF; padding-bottom: 5px}

.ord-cntr {width: 530px; margin: 0 auto; padding-bottom: 40px}
.ord-cntr h2 {padding-bottom: 10px}

.footer {
    text-align: center;
    padding: 20px 0;
    color: #717171;
}
.footer a{color: #717171;}
.footMenu {margin-bottom: 20px}
.footMenu li {list-style-type: none; display: inline-block; padding: 0 20px 0 19px; position: relative}
.footMenu li:after {content: "|";  display: inline-block;  position: absolute; right: 0; top: 0}
.footMenu li:last-child:after {content: none}
.footMenu li a {text-decoration: none}
.footMenu li a:hover {border-bottom: 1px solid #717171}

.topturizm {padding: 20px 0; white-space: nowrap; overflow: hidden; display: inline-block}

.topturizm img {float: left; margin-right: 10px}

.B_crumbBox {font-size: 10px; color: #555555; margin-bottom: 15px; display: block}

.form_inputs, .form_inputs_ln {border: 1px solid #ccc;  height: 20px; line-height: 20px; padding: 4px;  border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #555;}
.form_inputs {background-color: #fff; width: 180px;}
.form_inputs_ln {width: 280px;}

.comment_form{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 4px;
	color: #555;
	}
.pagination, #evo_pages  {color: #999999; margin: 15px 0; font-size: 90%}
.pagination a, #evo_pages a {color: #999999;}
.pagination .ditto_currentpage, .eg_currentpage {color: #555; background-color:#eee; padding: 1px 3px; margin:2px} 
.pagination .ditto_previous_link, .pagination .ditto_next_link, .eg_previous_link , .eg_page, .eg_next_link {margin:0 10px;} 
.pagination .ditto_page{ padding: 2px 5px;}
	
.text-404 {text-align: center; font-size: 230%; padding-top: 200px; position: relative; z-index: 2; color: #fd7802; font-weight: bold;}