/*HEADER*/
#topPanel{
	background: #404a53;
	position: relative;
	height: 60px;
	margin: 0 0 20px 0;
	padding: 0;
	min-width:1000px;
	width: 100%;
	z-index: 1000;
}

#topPanel.default{
	top: 0 !important;
}

#topPanel.fixed{
	position: fixed;
	top: -75px;
}

#topPanel.fxMin{
	position: fixed;
	top: 0;
}



/*Logo*/
#topPanel a#logo{
	background: url(../images/top_panel/logo.png) no-repeat left center;
	display: block;
	position: absolute;
	width: 208px;
	height: 43px;
	left: 10px;
	top: 9px;
}

#logoFixedLeft{
	background: url(../images/top_panel/logo_min.png) no-repeat left top;
	position: fixed;
	width: 42px;
	height: 42px;
	left: 11px;
	top: -60px;
	opacity: 0.4;
	display: none;
	border-radius: 45%;
	-moz-border-radius: 45%;
	-webkit-border-radius: 45%;
	-khtml-border-radius: 45%;
}
/*/Logo*/

#topPanel .rightBlock{
	font-family: 'PTSansRegular';
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
}

/*authorization*/
#topPanel .authorization{
	background: url("../images/top_panel/li_bg_right.png") no-repeat left center;
	float: right;
    height: 60px;
    padding: 0;
	
}

#topPanel .authorization > ul{
	display: block;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}

#topPanel .authorization > ul > li{
	background: url(../images/top_panel/li_bg_right.png) no-repeat left center;
	display: block;
    float: left;
	margin: 0 0 0 1px;
	padding: 0 0 0 1px;
}

#topPanel .authorization > ul > li:first-child{
	background: none;
	margin: 0;
	padding: 0;
}

#topPanel .authorization > ul > li > a:hover{
	background: #4D555B;
}

#topPanel .authorization > ul > li > a.active{
	background: #2C3339;
}

#topPanel .authorization > ul > li > a{
	color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding: 23px 15px;
}
/*/authorization*/

/*Info panel sprites*/
a.home, a.geolocation, 
a.contacts, a.dialog, 
a.purchase, a.clock {
	background: url(../images/top_panel/sprites.png) no-repeat;
	display: inline-block;
	width: 40px;
	height: 24px;
}

a.home {
	background-position: 18px 14px;
}

a.geolocation {
	background-position: -30px 16px;
}

a.contacts {
	background-position: -72px 15px;
}
a.dialog {
	background-position: -114px 16px;
}

a.purchase {
	background-position: -163px 17px;
}

a.clock {
	background-position: -210px 16px;
}

/*/Info panel sprites*/


/*Info Panel*/
#topPanel .infoPanel{
	width: 1000px;
	height: 60px;
	height: 70px;
	margin: 0 auto;
}

#topPanel .infoPanel.w1447{
	position: absolute;
	top: 0;
	margin: 0 0 0 215px;
	width: auto;
}

#topPanel .infoPanel > ul{
	
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	
}

#topPanel .infoPanel > ul > li{
	
	display: block;
	float: left;
	margin: 0 1px 0 0;
	list-style: none;
	
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
	width: 60px;
	height: 60px;
}

#topPanel .infoPanel > ul > li > a, #topPanel .infoPanel > ul > li > span{
	display: block;
	width: 60px;
	height: 60px;
	
	display: block;
	width: 60px;
	height: 60px;
	display: inline-block;
	
}

#topPanel .infoPanel > ul > li#logoMin{
	width: 60px;
	display: none;
}

#topPanel .infoPanel > ul > li#logoMin > a{
	background-image: url(../images/top_panel/logo_min.png);
	/*display: none;*/
}
#topPanel .infoPanel > ul > li#home > a{
	background-image: url(../images/top_panel/icon_home.png);
}
#topPanel .infoPanel > ul > li#time > a{
	/*background-image: url(../images/top_panel/icon_clock.png);*/
}
#topPanel .infoPanel > ul > li#buy > a{
	/*background-image: url(../images/top_panel/icon_purchase.png);*/
}
#topPanel .infoPanel > ul > li#geolocation > a{
	/*background-image: url(../images/top_panel/icon_geolocation.png);*/
}
#topPanel .infoPanel > ul > li#cards > a{
	background-image: url(../images/top_panel/icon_bk_noactive.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#topPanel .infoPanel > ul > li#chat > a{
	background-image: url(../images/top_panel/icon_chat_noactive.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#topPanel .infoPanel > ul > li#dialogs > a{
	background-image: url(../images/top_panel/icon_dialogs.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#topPanel .infoPanel > ul > li#contacts > a{
	background-image: url(../images/top_panel/icon_contacts.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#topPanel .infoPanel > ul > li#logo_z{
	display: none;
}

#topPanel .infoPanel > ul > li#logo_z.active{
	display: block;
}

#topPanel .infoPanel > ul > li#logo_z > a{
	background-image: url(../images/top_panel/itemOptions.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#topPanel .infoPanel > ul > li#geolocation > span{
	background: url(../images/top_panel/icon_geolocation.png) no-repeat center center;
	opacity: 0.5;
}
#topPanel .infoPanel > ul > li#contacts > span{
	background: url(../images/top_panel/icon_contacts.png) no-repeat center center;
	opacity: 0.5;
}
#topPanel .infoPanel > ul > li#dialogs > span{
	background: url(../images/top_panel/icon_dialogs.png) no-repeat center center;
	opacity: 0.5;
}
#topPanel .infoPanel > ul > li#buy > span{
	background: url(../images/top_panel/icon_purchase.png) no-repeat center center;
	opacity: 0.5;
}
/*
#topPanel .infoPanel ul li#cards a{
	background-image: url(../images/top_panel/icon_bk.png);
}
#topPanel .infoPanel ul li#chat a{
	background-image: url(../images/top_panel/icon_chat.png);
}
*/
#topPanel .infoPanel > ul > li:hover{
	background: #4d555b;
}

#topPanel .infoPanel > ul > li.active > a{
	background-color: #50A9CB;
	height: 59px;
	border-bottom: 4px solid #2F819F;
}

#topPanel .infoPanel > ul > li#logoMin > a{
	width: 70px;
}
/*/Info Panel*/

/*How Much*/
/*Info Panel*/
#topPanel .howMuch{
	float: right;
	height: 60px;
}

#topPanel .howMuch > ul{
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	float: left;
}

#topPanel .howMuch > ul > li{
	background: url(../images/top_panel/li_bg_right.png) no-repeat left center;
	display: block;
	float: left;
	margin: 0;
    padding: 0;
	list-style: none;
	height: 60px;
	position: relative;
}

/*#topPanel .howMuch > ul > li:first-child{
	background: none;
}*/

#topPanel .howMuch > ul > li > a{
	display: block;
	height: 34px;
	padding: 23px 15px 2px 55px;
	color: #ffffff;
	font-size: 13px;
	line-height: 14px;
	text-decoration: none;
}

#topPanel .howMuch > ul > li > a:hover{
	background-color: #4D555B;
}

#topPanel .howMuch > ul > li > a.active{
	background-color: #2C3339;
}

#topPanel .howMuch > ul > li#basket > a{
	background:   ;
	background-image: url(../images/top_panel/icon_basket.png);
	background-repeat: no-repeat;
	background-position: 15px 17px;
}
#topPanel .howMuch > ul > li#money > a{
	background-image: url(../images/top_panel/icon_purse.png);
	background-repeat: no-repeat;
	background-position: 15px 17px;
}

#topPanel .howMuch > ul > li#basket > a.getBasket.hasTov span{
	background: #FD7D28;
	display: inline-block;
	padding: 10px 0;
	margin: -7px 0 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 7px;
	color: #FFFFFF;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
    width: 28px;
    height: 8px;
	text-align: center;
}

#topPanel .howMuch > ul > li#basket > a.getBasket.nothing{
	display: none;
}
/*/How Much*/

/*flags*/
#topPanel .flags{
	float: right;
	height: 60px;
	padding: 0 3px;
}

#topPanel .flags > ul{
	display: block;
	margin: 0;
	padding: 0;
}

#topPanel .flags > ul > li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#topPanel .flags > ul > li > a{
	display: block;
	padding: 25px 15px 0 15px;
	height: 35px;
}

#topPanel .flags > ul > li > a:hover{
	background-color: #4D555B;
}

#topPanel .flags > ul > li > a.active{
	background-color: #2C3339;
}

#topPanel .flags > ul > li > img{
	width: 18px;
	height: 13px;
	border: none;
}
/*/flags*/

/* card Users */
#topPanel .cardUsers{
	background-image: url("../images/top_panel/li_bg_right.png");
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	height: 52px;
	padding: 9px 15px 0 15px;
	color: #FFFFFF;
	cursor: ;
	position: relative;
}
#topPanel .cardUsers.pro{
    background-color:#50A9CB;
    height:51px;
}
#topPanel .cardUsers.pro .account{
    float:left;
    font-size:18px;
    padding:15px 20px 0 0;
}

#topPanel .cardUsers:hover{
	background-color: #2C3339;
}

#topPanel .cardUsers .cuAvatar{
	background: url(../images/top_panel/nonUserIcon.png) no-repeat left top;
	float: left;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
}
#topPanel .cardUsers.pro .cuAvatar{
	background: url(../images/top_panel/nonUserIconBlue.png) no-repeat left top;
	float: left;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
}

#topPanel .cardUsers .cuAvatar img{
	display: inline-block;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
}

#topPanel .cardUsers .cuAvatar span{
  background-image: url(/photo/avatar);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #404a53;

  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  vertical-align: middle;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
}

#topPanel .cardUsers .cuName{
	/*float: left;
	font-size: 14px;
	padding: 16px 0 0 15px;
	max-width: 120px;
	overflow: hidden;
	height: 15px;
	white-space: nowrap;
	position: relative;*/
}

#topPanel .cardUsers .cuName span{
	background-color: #404A53;
	display: block;
    padding: 0 0 0 5px;
    position: absolute;
    right: 0;
}

#topPanel .cardUsers:hover  .cuName span{
	background-color: #2C3339;
}

#topPanel .cardUsers #userLinks{
	background-color: #2C3339;
    display: none;
    margin: 0;
    min-width: 186px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 60px;
}

#topPanel .cardUsers:hover #userLinks{
	display: block;
}

#topPanel .cardUsers #userLinks a{
	color: #FFFFFF;
    display: block;
    font-size: 13px;
    line-height: 12px;
    padding: 20px 20px 20px 64px;
    text-decoration: none;
    white-space: nowrap;
}

#topPanel .cardUsers #userLinks a:hover{
	background-color: #5B6165;
}

#topPanel .cardUsers #userLinks a#profile{
	background-image: url(../images/top_panel/icon_user_profile.png);
	background-position: 25px center;
	background-repeat: no-repeat;
}
#topPanel .cardUsers #userLinks a#settings{
	background-image: url(../images/top_panel/icon_user_settings.png);
	background-position: 26px center;
	background-repeat: no-repeat;
}
#topPanel .cardUsers #userLinks a#exit{
	background-image: url(../images/top_panel/icon_user_exit.png);
	background-position: 28px center;
	background-repeat: no-repeat;
}

#topPanel #notify{
    display: none;
}
#topPanel a.notify,.b-header .nav a.notify{
    background: url("../images/top_panel/notifyicon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 57px !important;
    opacity: 0.9;
}


/* /card Users */

/*/HEADER*/