html, body {
    height:100%;
    width: 100%;
}

body {
    /* background: #908f8e; */
	background: silver;
   /* background-color: #fff;*/
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    min-width: 1200px;
    max-width: 1280px;
}

a, a:link, a:active, a:visited {
    color: #0688c8;
}

a.current {
	color: #f00;
}

a:hover {
	text-decoration: none;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

.hl {
    background: #99c;
}

/*
 * ********************************************************
 *   ******  head section *********************************
 * ********************************************************
 */

.page {
	background: #fff;
    margin: 0 auto;
    position: relative;
    min-height: 100%;
    _height: 100%;
	/*box-shadow: 0px 0px 10px 10px gray;*/
	box-shadow: 0 20px 10px 10px gray;
    
}



/*
 * ********************************************************
 *   ******  CONTENT section *********************************
 * ********************************************************
 */

.b-content {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 5px;
    _height: 100%:
}

/*
 * ********************************************************
 *   ******  HEAD section *********************************
 * ********************************************************
 */

.b-head {
/*background: #fff url("../images/new_year_hdr_bgrnd4.jpg") repeat-x 0 0;*/
	background: #fff url("../images/bg_top.jpg") repeat-x bottom left;
	min-height: 137px;
    _height: 137px;
    position: relative;
    margin-bottom: 10px;
}

.city-img {
    position: absolute;
    right: 12px;
    top: 12px;
}

.logo-img {
    position: absolute;
    left: 12px;
    top: 15px;
}

.logo_site {
display: inline-block;
margin-top: 12px;
margin-left: 12px;
}

.b-tabs {
    float: left;
    height: 21px;
    position: relative;
    /*left: 19px;*/
    top: 116px;
    margin-right: 22px;
line-height: 1;
}

	/*.b-tabs a {
        color: #f00;
    }

	.b-tabs a:link {
        color: #f00;
    }

	.b-tabs a:active {
        color: #f00;
    }

    .b-tabs a:visited {
        color: #f00;
    }*/

    .b-tabs a, .b-tabs a:link, .b-tabs a:active, .b-tabs a:visited {
        color: #555;
    }

    .menu-item {
        float: left;
        height: 21px;
        text-align: center;
        position: relative;
        margin-left: 15px;
    }

    .menu-item:first-child {
        margin-left: 19px;
    }

    .corners {
        background: #fff;
        position: relative;
        top: -7px;
    }

    .corners .lc {
        background: transparent url("../images/tab-lc.png") no-repeat top left;
        float: left;
        height: 7px;
        margin-left: -7px;
        width: 7px;
    }

    .corners .rc {
        background: transparent url("../images/tab-rc.png") no-repeat top left;
        position: absolute;
        right:-7px;
        top: 0px;
        width: 7px;
        height: 7px;
    }

    .corners .bg {
        background: #fff;
        height: 7px;
        width: 100%;
    }

    .bg-main {
        background: transparent url("../images/tab-normal.png") repeat-x top left;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        width: 100%;
        height: 21px;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -7px;
        padding: 0 6px;
        z-index: 0;
    }

    .active .bg-main {
        background: #fff;
	}

    .menu-item a {
        font: bold 12px/100% verdana, arial, sans;
        text-decoration: none;
        position: relative;
        top: -7px;
    }


/* login */
	#wlpeUsername, #wlpePassword {
		width: 150px;
	}

/*
 * ********************************************************
 *   ******  MENU 23.12.2014 section *********************************
 * ********************************************************
 */

.panel_tabs ul,.panel_tabs ul li {
    padding: 0;
    margin: 0;
}

.panel_tabs {
    padding-left: 10px;
    position: absolute;
    top:106px;
    /*background: url("http://www.cityinfo.kz/assets/templates/cityinfo/images/bg_lft_mn2.png") repeat-x top left;*/
    z-index: 999;
}

.panel_tabs ul {
    /*background: green;*/
    float: left;
    border-radius:5px 5px 0 0;
    margin: 0 auto;
}

.panel_tabs ul li{
    /* background: green; */
    float: left;
    margin-right: 3px;
    border-radius: 5px 5px 0 0;
    border:1px solid gray
}

.panel_tabs ul ul li{
	border:0;
}

.panel_tabs ul li:last-child {
    margin-right: 0px;
}

.panel_tabs ul ul {
    /*background: yellow;*/
    width: 250px;
    position: absolute;
    display: none;
    border: 1px solid gray;
    border-radius: 5px;
	z-index:3;
}

.panel_tabs ul ul ul {
    /*background: white;*/
    width: 250px;
    position: absolute;
    margin-top:-30px;
    left: 250px;
    display: none;
}

.panel_tabs ul li {
    background: url("../images/bg_main_menu.png") repeat-x top left;
}

.panel_tabs ul li:hover {
    background:white;
}

.panel_tabs ul li:first-child {
    border-radius:4px 5px 0 0;
}

.panel_tabs ul li:last-child {
    border-radius:5px 4px 0 0;
}

.panel_tabs ul li > ul li {
    background: url("../images/bg_lft_mn2.png") repeat-x top left;
    width: 250px;
    border-bottom: 1px solid gray;
    border-radius:0px;
}

.panel_tabs ul li > ul li:first-child {
    border-radius:5px 5px 0 0;
}

.panel_tabs ul li > ul li:last-child {
    border-radius:0 0 5px 5px;
    border:none;
}

.panel_tabs ul li > ul li  a {
    font:   13px Tahoma,Arial,Verdana,sans-Serif;
    font-weight:400;
}

.panel_tabs ul li a {
    color: #555;
    text-decoration: none;
    text-shadow:1px 1px 1px white;
    font:   13px Arial,Verdana,Tahoma,sans-Serif;
    font-weight:600;
    display:block;
    padding: 7px 15px;
}

.panel_tabs ul li > ul li a:hover {
	padding:8px 13px 6px 17px;
}

.panel_tabs ul ul li:hover > ul,.panel_tabs ul li:hover > ul {
    display: block;

}


/*
 * ********************************************************
 *   ******  CONTENT section *********************************
 * ********************************************************
 */

.b-content-wrap {
    /*margin-top: 5px;*/
}

.l-container {
	width: 100%;
	float: left;
	margin-right: -350px;
}
.l-content {
	margin-right: 350px;
	/*position: relative;*/
}
.l-container2 {
	width: 100%;
	float: left;
	margin-right: 0;
}
.l-content2 {
	margin: 0;
}
.b-content-main {
	margin-left: 200px;
}


    .h-main {
        position: relative;
        margin: 0 10px;
    }

    .h-main-content {
        margin: 0 10px;
        min-width: 650px;
    }

    .b-search {
        position: relative;
		padding: 20px 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: #555 0px 1px 2px;
		-moz-box-shadow: #555 0px 1px 2px;
		box-shadow: #555 2px 1px 2px;
		background: #D8EDFC;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8EDFC), to(#B3D4EB));
		background: -moz-linear-gradient(#D8EDFC, #B3D4EB);
		background: linear-gradient(#D8EDFC, #B3D4EB);
		-pie-background: linear-gradient(#D8EDFC, #B3D4EB);
		behavior: url("../assets/templates/cityinfo/css/behavior/PIE.htc");
    }

	
    .b-search .b-form {
        position: relative;
        /*padding: 5px;
        margin-left: 5px;*/
    }

    .b-search em {
        text-decoration: underline;
    }

    .search-input {
        border: 1px solid #ccc;
        width: 100%;
        height: 24px;
		/*float:left;*/
		z-index:1001;
		position: absolute;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		behavior: url("../assets/templates/cityinfo/css/behavior/PIE.htc");
    }

    .search-submit {
		height: 20px;
        position: relative;
        /*left: -51px;*/
        /*top: 4px;*/
		width: 57px;
		float:right;
		display:inline;
		z-index:1005;
		margin:4px 2px 0 0;
		border: none;
    }
    /* hack for IE7 only
    *+html .search-submit {

    }
 */
    .b-search-result {
		background: #fff;
        margin-top: 15px;
        width: 100%;
		position: relative;
    }

	span.highlight {
		background: #ff0;
	}

    .b-search-result>div:nth-child(2n+1) {
        background: #ccc;
    }

	.b-pagination {
		position: relative;
	}
	.b-pagination a{
		margin: 3px 2px;
	}

	.product {
		background: #ccf;
		width: 100%;
	}

	.company {
		cursor: pointer;
		cursor: hand;
		position: relative;
	}

	.company .list-state {
		color: #888;
		display: inline-block;
		*display: inline;
		font-size: 18px;
		margin: 0 3px;
		text-align: center;
		width: 16px;
	}

	.companydata {
		border-bottom: 1px dotted #555;
		position: relative;
	}

	.company .companydata span.name {
		font-weight: bold;
		margin-left: 5px;
		position: relative;
	}

	.company .companydata span.value {
		font-weight: italic;
		float: right;
		margin-right: 5px;
		position: relative;
	}

	.company .product-details {
		background: #e4eefb;
	}

	html>body .zero { *clear: both; }
	html>body .companydata { *clear: both; }
	html>body .company .companydata span.name { *float: left; }

	div.zero {
		_clear: both;
		position: relative;
	}

.r-container {
  width: 180px;
  float: right;
  margin: 15px 0px;
  background: whitesmoke;
  padding: 10px;
}

.b-sidebar {
	width: 194px;
	float: left;
	margin-left: 10px;
    overflow: hidden;
	background-color: #F5F5F5;
}
    .h-b-sidebar {
        margin: 0 0 0 7px;
        position: relative;
    }

	.b-sidebar h1, .b-sidebar h2, .b-sidebar h3, .b-sidebar h4, .b-sidebar h5, .b-sidebar h6{
		margin: 20px 0 5px;
	}

	.ul-sidebar-news {
		margin: 10px 0;
		font: 12px/15px Verdana,Arial;
	}

	.ul-sidebar-news li {
		margin-left: 0;
	}

	.ul-sidebar-news a {
		font-weight: 600;
		text-decoration: none;
		color: rgb(38, 113, 173);
	}

	.ul-sidebar-news li {
		margin-bottom: 10px;
	}

.b-adv-sidebar {
	width: 350px;
	float: right;
}

.b-btm-banners {
    float: left;
    clear: both;
    margin: 0 0 0 10px;
    padding-bottom: 65px;
	padding-top: 10px;
    width: 98%;
}

/*#banner_left {
float: left;
position: relative;
}*/

/*#banner_right {
float: right;
position: relative;
margin-right: 20px;
}*/

/* actual content */

/* table for rate exchange */
table.exchange-rate {
    border: 1px solid #999;
    width: 100%;
    marign: 30px 0;
    position: relative;
    text-align: center;
}

    col.first {
        font-weight: bold;
        color: #999;
    }

    table.exchange-rate thead td{
        background: #dfe3e8;
        font-weight: bold;
        border: 0;
    }

    table.exchange-rate tbody td {
        color: #558888;
    }

    table.exchange-rate td, table.exchange-rate th{
        border: 1px solid #999;
        vertical-align: center;
    }

    td.profitable {
        background: #ceeeca;
        color: #070;
        font-weight: bold;
    }


		#exch_wrap table{
			border-collapse: collapse;
			font:13px Arial;
		}
		
		#exch_wrap table, #exch_wrap th, #exch_wrap td{
			border:1px solid #ADADAD;
		}
		
		#exch_wrap td{
			text-align:center;
			height:20px;
			padding-top:12px;
		}
		
		.col_buy, .col_sal{
			width:70px;
		}
		
		.r_odd{
			background-color:#dadddd;
		}
		
		.natbnk{
			color:#2671AD;
			font-weight: bold;
		}
		
		.td_best_s{
			color:#0c14b2;
			font-weight: bold;
		}

		.td_best_b{
			color:#800000;
			font-weight: bold;
		}

		#col_name{
			width:275px;
		}
			.td_name{
				text-align:right;
				padding-right:5px;
				-background-color:#efefef;
			}
			.td_addr{
				text-align:left;
				padding-left:10px;
			}
		
		#col_addr{
			width:210px;
		}

/* end of styles for rate exchange table*/

/* b-rate-calc */
    .b-rate-calc {
        background: #eff3f8;
        width: 50%;
        text-align: center;
    }

    .b-rate-calc .head {
        background: #dfe3e8;
    }
    .b-rate-calc p.note {
        color: #888;
    }
    .b-rate-calc .calc-fields {
        padding: 10px 0 20px 0;
    }
/* end of  b-rate-calc */

/* news */
    .b-news {
        width: 70%;
        overflow: visible;
        position: relative;
        padding-left: 100px;
    }

    .b-news dd {
        display: inline-block;
        float: left;
        width: 70px;
        margin-left: -70px;
    }

    .b-news dt {
        margin-left: 10px;
    }
/* end news */

/* about */
.b-about {
    width: 100%;
    height: 70%;
    padding: 10px;
}

/* contact */
.b-contact {
    position: relative;
}

    .b-contact .b-contact-form {
        float: right;
        margin-left: 15px;
        width: 50%;
    }

.thumbnail
{
float: left;
width: 250px;
/*border: 1px solid #999;*/
margin: 0 5px 10px 5px;
padding: 0px;
}

.thumbcenter
{
margin:0 auto;
}

/*
 * ********************************************************
 *   ******  FOOTER section *********************************
 * ********************************************************
 */

.b-footer {
    background: #fff url("../images/bg_bottom.jpg") repeat-x 0 0;
    /*color: #c9c9c9;
    font-size: 11px;*/
    height: 53px;
    margin-top: -53px;
    position: relative;
    width:100%;
}
    .copy {
        margin: 0 0 0 10px;
        position: relative;
        top: 20px;
    }

    .b-footer ol {
        display: inline;
        position: relative;
        top: 20px;
    }

    .b-footer ol li {
        display: inline;
        margin: 5px 0px 5px 7px;
    }

    .b-footer ol li a{
        color: #2e76b0;
        text-decoration: none;
        padding-right: 10px;
    }

    .b-footer ol li:after {
        content: "|";
    }

    .b-footer ol li:last-child:after {
        content: "";
    }


/*
 * ********************************************************
 *   ******  universal section *********************************
 * ********************************************************
 */

 .required {
	color: #f00;
 }

.column-wrapper {
    float: left;
    position: relative;
    overflow: hidden;
}

.column {
    padding-bottom: 32750px;
    margin-bottom: -32750px;
}

.b{
    font-weight: bold;
}

.no-border {
    border: 0px;
}

.oh {
    overflow: hidden;
}

.pull-20{
    margin-right: 20px;
}

.border {
    border: 1px solid #777;
}

/*discount*/
   table.dis TD{
    vertical-align: top;
    text-align: left;
    margin: 5px;
    padding: 5px;}

/*discount*/



/*menu discount and map*/

ul.menun {
padding-bottom: 10px;
padding-top: 10px;
}

li.menun {
margin: 0px;
}

a.menun {
display: block;
font: 12px Arial;
font-weight: 600;
text-shadow: 1px 1px white;
color: rgb(85, 85, 85);
text-decoration: none;
padding: 10px 5px;
background: url("../images/bg_lft_mn2.png") repeat-x top left;
width: 170px;
border-bottom: 1px solid gray;
}

a.menun:hover {
padding: 11px 4px 9px 6px;
background: url("../images/bg_lft_mn_down.png") repeat-x top left;
}

/*
 * ********************************************************
 *   ******  *********************************
 * ********************************************************
 */
table.advertisement {
border: 1px solid silver;
font-family: Verdana;
font-size: 16px;
width: 100%;
}
table.advertisement tr {
border-bottom: 1px dotted silver;
}
td.comment {
padding: 15px;
}
td.cena {
font-weight: 600;
padding: 15px;
width:170px;
}
span.date_add{
font-size: 12px;
}
span.contacts {
font-weight: 600;
}

/*
 * ********************************************************
 *   ******  button on link *********************************
 * ********************************************************
 */
a.button {
background: silver;
color: #555;
text-decoration: none;
text-shadow: 1px -1px rgb(213, 213, 213);
font: 16px Georgia;
font-weight: 600;
padding: 5px 15px;
box-shadow: 1px 1px 2px 0px rgb(119, 119, 119);
border: 1px solid gray;
}

.panel_search {
background: rgb(234, 234, 234);
padding: 20px;
margin-bottom: 30px;
border-radius: 15px;
border: 1px solid silver;
box-shadow: 5px 6px 7px 2px silver;
}

p.head_ads {
background: silver;
margin-top: 30px;
border-radius: 15px 15px 0 0;
border: 1px solid gray;
padding: 5px 15px;
margin-bottom: -2px;
box-shadow: 1px 1px 2px 1px rgb(216, 216, 216);
}

.sTime{
position: relative;
top: 112px;
background: rgb(108, 117, 178);
padding: 5px 10px;
color: white;
text-shadow: 1px 1px rgb(71, 66, 66);
font: bold 12px/100% verdana, arial, sans;
float: right;
margin-right: 12px;
}


.date_box {
position: relative;
top: 90px;
right:10px;
background: linear-gradient(to right, rgb(47, 39, 87), rgb(22, 129, 192), rgb(47, 39, 87));
float: right;
padding: 5px 10px;
color: white;
font: 14px/18px Arial;
text-align: center;
font-weight: 600;
text-shadow: 1px 1px 1px black;
}

a.download_cn {
display: block;
height: 86px;
width: 180px;
background: url("../../../../assets/images/for_site/download_cn.png") no-repeat;
margin-bottom: 10px;
}

a.mod_sprav {
display: block;
height: 86px;
width: 180px;
background: url("../images/moduli_v_spravochnik.gif") no-repeat;
margin-bottom: 10px;
}

.container_banner_on_kurs {
float: left;
width: 100%;
text-align: center;
margin: 7px 0px;
}

.banner_on_kurs {
display: inline-block;
padding-bottom: 0px;
}

marquee.go_str {
  font-weight: 600;
  background: rgb(219, 219, 219);
  text-shadow: 1px 1px 1px white;
  color: rgb(38, 73, 126);
}

marquee.go_str a {
  text-decoration: none;
}

.box_banner {
  margin-bottom: 10px;
}


/*---------------------------------------------------

Menu Inner Cabinet

-----------------------------------------------------*/

li.level1 {
  margin-left: 0px;
  padding-left: 0px;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: block;
  font-size: 16px;
}

li.level2 {
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
  background-color: rgb(49, 130, 189);
  font-size: 14px;
  text-shadow: -1px -1px 2px black;
}

li.level3 {
  margin-left: 0px;
  padding-left: 0px;
  background-color: rgb(240, 240, 240);
  font-size: 12px;
  border-bottom: 1px solid gray;
}

li.level1>a, li.level2>a {
  text-decoration: none;
}

li.level3 a {
  padding: 7px 15px;
  display: block;
  text-decoration: none;
  color: gray;
  text-shadow: 1px 1px 2px white;
}

span.level1, li.level1>a {
  padding: 10px 15px;
  display: block;
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 600;
  text-shadow: 1px 1px 1px black;
  background: linear-gradient(to top, rgb(229, 229, 229), rgb(179, 175, 175),rgb(178, 178, 178));
}

span.level2, li.level2>a {
  display: block;
  padding: 5px 0px 5px 10px;
  font-weight: 600;
  color: white;
}

li.level3:hover {
  background-color: white;
}

li.last.level3 {
  border-bottom: none;
}

ul.menuCabinet ul {
    margin-bottom: 0px;
}

ul.menuCabinet {
  border: 1px solid gray;
}
/* Курсы валют, кнопки соц сетей */
.socialbuttons{
    text-align: right;
}
#mycarousel li.jcarousel-item-horizontal{
    text-align: center;
}
/* EXCHANGE */
.old-course-date{
    color: #ff0000;
    margin: 0px;
}
.current-course-data{
    color: #0c14b2;
    margin: 0px;
}
.course-date{
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin: 0px;
}
.td_user_addr{
    padding-top: 0px !important;
}

#exchange-nav-main{
    font-size: 16px;
    max-width: 1280px;
    border-bottom: 1px solid rgb(187, 187, 187);
    border-top: 1px solid rgb(187, 187, 187);
    padding: 0px 10px;
}
#exchange-nav-main ul {
    margin: 0;
}
.text-center{
    text-align:center;
}