#header {position:absolute; top:0; left:0; right:0; height:220px;}
#header .top {padding:0 0 12px; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
#header .top a {text-decoration:none; color:#9a9a9a; padding:0 12px 0 8px; background:transparent url(/img/potrebitel/small_grey_arr.gif) 0 50% no-repeat;}
#header .top a:hover {text-decoration:underline;}
#header .top a.last {padding:0 0 0 8px;}
#header .top span {color:#9a9a9a; padding:0 12px 0 8px; background:transparent url(/img/potrebitel/small_grey_arr.gif) 0 50% no-repeat; cursor:pointer;}
#header .top span:hover {text-decoration:underline;}
#header .top .right_menu {float:right;}

#header .user_menu {display:none; position:fixed; top:0; right:11px; padding:5px 15px; background-color:#eaeaea; border-left:#999999 solid 1px; border-right:#999999 solid 1px; border-bottom:#999999 solid 1px; border-radius:0 0 5px 5px; box-shadow:0 0 10px 0 #777777; z-index:15;}
#header .user_menu a {color:#555555; text-decoration:none; font-size:11px; font-family:Tahoma;}
#header .user_menu .menu {position:relative; height:16px;}
#header .user_menu .menu .header a:hover {color:#F00;}
#header .user_menu .menu .dropbox {display:none; position:absolute; top:21px; left:-7px; right:-7px; border:#999999 solid 1px; background-color:#eaeaea; border-radius:0 0 5px 5px; box-shadow:0px 5px 10px 0 #777777; z-index:5;}
#header .user_menu .menu .dropbox .data {padding:5px 10px; color:#555555;}
#header .user_menu .menu .dropbox .data .avatar {float:left; margin:0 5px 0 0;}
#header .user_menu .menu .dropbox .data .avatar img {display:block;}
#header .user_menu .menu .dropbox .data span {color:#F00; cursor:help;}
#header .user_menu .menu .dropbox .data .name {}
#header .user_menu .menu .dropbox .data .placement {}
#header .user_menu .menu .dropbox .data .number {}
#header .user_menu .menu .dropbox .data .rate {}
#header .user_menu .menu .dropbox .data .position {}
#header .user_menu .menu .dropbox .actions {}
#header .user_menu .menu .dropbox .actions ul {list-style:none; margin:0; padding:0;}
#header .user_menu .menu .dropbox .actions ul li {border-top:#999999 solid 1px;}
#header .user_menu .menu .dropbox .actions ul li a {display:block; padding:5px 10px; text-decoration:none; font-size:14px; transition:all 0.3s;}
#header .user_menu .menu .dropbox .actions ul li a:hover {color:#F00;}

#header .user_menu .guest a {color:#FF7979;}

#header .top .left_menu {float:left; height:15px; overflow:hidden;}

#header .middle {padding:0 0 10px 67px; background:transparent url(/img/potrebitel/header_bg.gif) 0 0 no-repeat;}
#header .middle .brands.logos {margin:0 0 15px; width:100%; height:40px; overflow:hidden; text-align:justify;}
#header .middle .brands.logos:after {content:''; display:inline-block; width:100%;}
#header .middle .brands.logos img {-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:url(grayscale.svg#greyscale); filter:gray; opacity:0.7; transition:all 0.3s;}
#header .middle .brands.logos img:hover {filter:none; -webkit-filter:grayscale(0); opacity:1;}

#header .middle .logo {float:left; width:150px; height:86px; background:transparent url(/img/potrebitel/logo_expertiza2.gif) 50% 50% no-repeat;}
#header .middle .banner {height:84px; text-align:center; margin:0 0 0 170px; border:#eaeaea solid 1px; overflow:hidden;}
#header .middle .banner img {max-width:100%; max-height:100%;}

#header .bottom {padding:5px 10px; border:#eaeaea solid 1px; background-color:#f6f6f6;}
#header .bottom .search {float:left; position:relative; width:15%;}
#header .bottom .search input {width:90%; padding:2px 5px; border:#d6d6d6 solid 1px; margin:0; font:bold 12px arial; color:#555555;}
#header .bottom .search input.focused {color:#333333; font-weight:normal;}
#header .bottom .search .progress {display:none; position:absolute; right:-30px; top:0; width:30px; height:20px; background:transparent url(/img/potrebitel/is_auth_loader.gif) 50% 50% no-repeat;}
#header .bottom .search .clear {display:none; position:absolute; width:20px; height:20px; right:-25px; top:0; background:transparent url(/img/potrebitel/search_clear.png) 50% 50% no-repeat; cursor:pointer;}
#header .bottom .search .result {display:none; position:absolute; top:100%; left:0; width:200px; border:#d5d5d5 solid 1px; background-color:#ffffff; color:#333333; z-index:20; box-shadow:0 15px 10px 5px #777777;}
#header .bottom .search .result .hdr {padding:3px 10px;}
#header .bottom .search .result a {display:block; padding:5px 10px; font-size:12px; color:#333333; font-weight:bold; border-top:#d5d5d5 solid 1px; text-decoration:none; transition:all 0.3s;}
#header .bottom .search .result a:hover {background-color:#eaeaea;}
#header .bottom .search .result a span {float:right; margin-left:5px; color:#F00; font-weight:normal;}
#header .bottom .menu {line-height:21px; font-size:12px; text-align:center; list-style:none; padding:0; margin:0;}
#header .bottom .menu li {display:inline; padding:0; margin:0; padding:0 10px; border-right:#858585 dotted 1px;}
#header .bottom .menu li:last-child {padding-right:0; border-right:none;}
#header .bottom .menu a {}
#header .bottom .menu a.active {font-weight:bold; color:#555555;}

@media all and (max-width: 1023px) {
	#header .bottom .menu {font-size:11px; line-height:19px;}
	#header .bottom .menu li {padding:0 5px;}
}

@media all and (max-width: 750px) {
	#header .bottom .search input {font-size:9px;}
}
@media all and (max-width: 560px) {
	#header .bottom .menu {font-size:11px; line-height:normal;}
	#header .bottom .search {display:none;}
	#header .user_menu {display:none; visibility:hidden;}
}
@media all and (max-width: 450px) {
	#header .bottom {padding:5px 0;}
}
@media all and (max-width: 360px) {
	#header .middle .banner {display:none;}
	#header .middle .logo {width:100%;}
	#header .bottom .menu li {padding:0; border-right:none; margin:3px 5px;}
	#header .bottom .menu li:after {content:' ';}
}
@media all and (max-width: 260px) {
	/*#header .middle .logo {height:75px;}*/
	#header .top .left_menu {display:none;}
}
@media all and (max-width: 239px) {
	#header .middle {padding-left:0; background:none;}
	#header .middle .brands.logos {margin:0;}
}

@media all and (min-width: 1400px) {
	#header .user_menu {position:static; float:right; margin-top:-10px;}
}