@charset "utf-8";

/*--- reset ---*/

header,nav,article,aside,footer{display:block;overflow:hidden}
html,body{width:100%;height:100%;margin:0;padding:0}
textarea,input{outline:none;resize:none}
img,a img{border:none;outline:none}
ul,li{margin:0;padding:0}
hr{height:1px;width:100%;color:#d4d4d4;background:#d4d4d4;border:none}

/*--- main ---*/

a, a:link, a:visited, a:active {
 color: #00a6df;
 text-decoration: none;
}
a:hover {
 color: #00a6df;
 text-decoration: underline;
}
h1 a {
 color: #323232 !important;
}
h1 a:hover {
 text-decoration: none;
 color: #00a6df !important;
}
body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 line-height: 22px;
 background: #fff url('/img/bg.gif') left top repeat;
 color: #323232;
}
#container {
 overflow: hidden;
 background: url('/img/wrapper.png') left top repeat-x;
}
#wrap {
 width: 1000px;
 overflow: hidden;
 margin: 0 auto;
}

/* header */

#top {
 overflow: hidden;
 height: 43px;
}
header nav {
 float: left;
}
header nav ul {
 list-style: none;
}
header nav ul li {
 float: left;
}
header nav ul li a {
 display: block;
 float: left;
 height: 41px;
 line-height: 41px;
 margin: 1px;
 padding: 0 25px;
 color: #e7e7e7 !important;
}
header nav ul li a:hover, header nav ul li a.uMenuItemA {
 background: url('/img/li.gif') left top repeat-x;
 border: 1px solid #0589c0;
 margin: 0 !important;
 color: #fff !important;
 text-decoration: none;
}
header form {
 float: right;
 width: 219px;
 height: 30px;
 background: url('/img/search.png') left top no-repeat;
 margin-top: 8px;
}
header form input[type="text"] {
 line-height: 27px;
 height: 27px;
 padding: 0 10px;
 width: 199px;
 background: none;
 border: none;
 color: #323232;
}
#logo_and_follow {
 overflow: hidden;
 height: 91px;
 padding-top: 50px;
}
#logo {
 float: left;
}
#logo h1 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-size: 36px;
 color: #323232;
 line-height: 36px;
 text-transform: uppercase;
}
#logo h4 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-size: 13px;
 color: #323232;
 line-height: 13px;
}
#icons {
 float: right;
 padding-top: 5px;
}
#icons span {
 display: inline-block;
 vertical-align: top;
 padding: 3px 5px 0 0;
 *display: inline;
 zoom: 1;
}

/* image */

#photo {
 overflow: hidden;
 height: 390px;
 padding-bottom: 50px;
 *padding-bottom: 47px;
 background: url('/img/photo.png') center bottom no-repeat;
}
#photo img {
 border: 1px solid #b3b3b3;
}
#photo_info {
 background: url('/img/photo_info.png') repeat;
 padding: 25px;
 width: 948px;
 position: absolute;
 margin-top: 280px;
 margin-left: 1px;
 color: #fff;
}
#photo_info h2 {
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-size: 24px;
 line-height: 24px;
}

/* content */

#middle {
 overflow: hidden;
}
#content {
 float: left;
 width: 715px;
}
article {
 padding-bottom: 30px;
 background: url('/img/post.png') center bottom no-repeat;
}
.post {
 padding: 25px;
 overflow: hidden;
 background: #fff;
 border: 1px solid #d4d4d4;
}
.post header {
 padding-bottom: 23px;
 margin-bottom: 23px;
 border-bottom: 1px solid #d4d4d4;
}
.post header h1 {
 display: block;
 float: left;
 font-weight: normal;
 font-size: 18px;
 line-height: 18px;
 text-transform: uppercase;
 margin: 0;
 padding: 0;
}
.rate {
 float: right;
}
.details {
 margin-top: 23px;
 padding-top: 23px;
 border-top: 1px solid #d4d4d4;
 overflow: hidden;
}
.details span, .details a {
 color: #00a6df;
}
.details a:hover {
 text-decoration: underline;
}
.d_main {
 float: left;
 background: url('/img/details.gif') left center no-repeat;
 padding-left: 25px;
}
.comm {
 float: right;
}

/* sidebar */

aside li {
 list-style-type: none;
}
aside {
 float: right;
 width: 255px;
}
aside h3 {
 margin: 0;
 padding: 0 15px;
 height: 40px;
 line-height: 40px;
 font-weight: normal;
 font-size: 18px;
 color: #fff;
 background: url(http://people-events.at.ua/img/5f32887a8ce6.jpg) left top no-repeat;
}
.block_content {
 padding-bottom: 20px;
 background: url('/img/block.png') center bottom no-repeat; 
}
.bc_it {
 padding: 15px;
 background: #fff;
 border-left: 1px solid #d4d4d4;
 border-right: 1px solid #d4d4d4;
 border-bottom: 1px solid #d4d4d4;
}

/* footer */

footer {
 padding: 40px 0;
 margin-top: 30px;
 border-top: 1px solid #d4d4d4;
}
span.mycopy {
 float: left;
}
span.powered {
 float: right;
}

/* other */

input[type="button"], input[type="submit"], .calMdayIs, .calMdayIsA, .calWdaySu, .calWdaySe {
 height: 26px;
 background: #008fcb url('/img/but.png') top center no-repeat;
 color: #fff;
 text-transform: uppercase;
 border: 1px solid #1cc7ff;
 box-shadow: #0589c0 0 0 0 1px;
 border-radius: 3px;
 line-height: 26px;
}
.calTable {
 width: 100%;
}
.calMdayIs, .calMdayIsA, .calWdaySu, .calWdaySe {
 padding: 0 !important;
 line-height: 25px !important;
}
.calMdayIs a, .calMdayIsA a {
 color: #fff;
}
.calMonth, .calWdaySu, .calWdaySe, .calWday {
 text-transform: uppercase;
}
.commFl {
 width: 100%;
 *width: 98%;
}
.commTable {
 width: 99%;
 *width: 98%;
}

/* General forum Table View */

.gTable {background:#2b2b2b;}

.gTableTop {padding:2px;background:#2b2b2b;padding-left:20px;padding-bottom:1px;color:#FFFFFF;font-weight:bold; height:28px;font-size:13px; }

.gTableSubTop {padding:2px;background:#efeded;color:#000000;height:20px;font-size:10px;}

.gTableBody {padding:2px;background:#FAFAFA;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:#FAFAFA;}
.gTableLeft {padding:2px;background:#fafafa;font-weight:bold;color:#6E6E6E}
.gTableRight {padding:2px;background:#F8F9FA}
.gTableError {padding:2px;background:#FAFAFA;color:#FF0000;}


/* Forums Styles */

.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#fafafa}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}
a.catLink:link {text-decoration:none; color:#FFFFFF;}
a.catLink:visited {text-decoration:none; color:#FFFFFF;}
a.catLink:hover {text-decoration:underline; color:#000000;}
a.catLink:active {text-decoration:underline; color:#FFFFFF;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}


/* forum Titles & other */

.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#6E6E6E;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#6E6E6E;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#909090;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#6E6E6E;}


/* forum Navigation Bar */

.forumNamesBar {font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:none; color:#6E6E6E;}
a.forumBarA:active {text-decoration:underline; color:#6E6E6E;}


/* forum Fast Navigation Blocks */

.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}


/* forum Fast Navigation Menu */

.fastNavMain {background:#DADADA;}
.fastNavCat {background:#EFEFEF;}
.fastNavCatA {background:#EFEFEF;color:#0000FF}
.fastNavForumA {color:#0000FF}


/* forum Page switches */

.switches {background:#CCCCCC;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background:#E0E0E0;font-weight:bold;color:#6E6E6E;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;}


/* forum Threads Style */

.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#fafafa}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#AAAAAAheight:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; }
.threadsDetails {padding:2px;background:#AAAAAAheight:20px;color:#6E6E6E;}
.forumOnlineBar {padding:2px;background:#AAAAAAheight:20px;color:#6E6E6E;}
a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}
a.threadLink:link {text-decoration:none; color:#6E6E6E;}
a.threadLink:visited {text-decoration:none; color:#6E6E6E;}
a.threadLink:hover {text-decoration:underline; color:#000000;}
a.threadLink:active {text-decoration:underline; color:#000000;}
.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}


/* forum Posts View */

.postTable {}
.postPoll {background:#F1F2F3;text-align:center;}
.postFirst {background:#F8F9FA;}
.postRest1 {background:#F1F2F3;}
.postRest2 {background:#F8F9FA;}
.postSeparator {background:none;}
.postTdTop {background:#efeded;}
.postBottom {background:#E0E0E0;height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:#fafafa;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#787878;}
.posttdMessage {padding:5px;background:#FFFFFF;}
.pollQuestion {text-align:center;font-weight:bold;} 
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}
.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {background:#FFFFFF;font-size:9px;}
.signatureView {font-size:7pt;} 
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}
.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}


/* forum AllInOne Fast Add */

.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}

/* forum Post Form */

.codeButtons {font-size:7pt;background:#FCFCFC;border:1px solid #6E6E6E;}
.codeCloseAll {font-size:7pt; color:#6E6E6E;font-weight:bold;background:#FCFCFC;border:1px solid #6E6E6E;}
.postNameFl,.postDescrFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px}
.postPollFl,.postQuestionFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px}
.postResultFl {background:#FCFCFC;border:1px solid #6E6E6E;width:50px}
.postAnswerFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px}
.postTextFl {background:#FCFCFC;border:1px solid #6E6E6E;height:150px;width:99% !important;}
.postUserFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px}
.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
#frM55 a {color:#fff !important;}
/* style news */ 
.clear { 
 clear:both; 
} 
.news { 
 width:auto; 
 position:relative; 
 margin-bottom:20px; 
 padding:15px; 
 background:#fff; 
 border:1px solid #d3d3d3; 
 font-family:helvetica, arial, sans-serif; 
} 
.news_l { 
 padding-right:145px; 
 min-height:150px; 
} 
.news_r { 
 width:140px; 
 height:100%; 
 background:#f4f4f4; 
 position:absolute; 
 top:0; 
 right:0; 
 text-align:center; 
} 
.news h2 { 
 margin:0; 
 height:20px; 
 overflow:hidden; 
 margin:10px 0 15px 0; 
 position:relative; 
} 
.news h2 a { 
 background:#fff; 
 padding:2px 10px 2px 0; 
 text-decoration:none; 
 color:#89a0af; /*цвет заголовка новости*/ 
 font-size:16px; 
} 
.news h2 span a { 
 padding-right:0; 
} 
.img_news { 
 float:left; 
 display:inline-block; 
 margin:0 14px 5px 0; 
 padding:5px; 
 background:#EDF1F2; 
 border:1px solid #DDE1E2; 
} 
.img_news img { 
 width:220px; 
 border:1px solid #DDE1E2; 
} 
.message { 
 padding:0 0 10px 0; 
 margin:0; 
 font-size:12px; 
 line-height:19px; 
 text-align:justify; 
} 
.news_r .date { 
 display:inline-block; 
 position:relative; 
 font-size:13px; 
 padding:7px 10px 4px 10px; 
 margin:18px 0 -5px 0; 
 background:#6099bf; /*цвет блока с датой*/ 
 border:1px solid #fff; 
 color:#fff; 
 text-align:center; 
} 
.news_r ul { 
 list-style:none; 
 margin:0; 
 padding:0; 
 text-align:left; 
 width:100px; 
 margin:18px auto 0 auto; 
 font-size:12px; 
} 
.news_r ul li { 
 padding:3px 0 3px 5px; 
 border-bottom:1px dotted #BEBEBE; 
} 
.news_r ul li img { 
 margin-right:10px; 
 position:relative; 
 top:4px; 
} 
.news_r ul li a, .news_r ul li span { 
 color:#707070; 
 text-decoration:none; 
}
.upTop { 
 display:none; 
 width:100px; 
 height:100%; 
 position:fixed; 
 left:0px; 
 top:0px; 
 z-index:100; 
} 
.upTopButton { 
 background:#777777 url(http://mvcreative.ru/example/17/images/goup.png) no-repeat; 
 width:27px; 
 height:27px; 
 position:fixed; 
 top:10px; 
 left:10px; 
 cursor:pointer; 
} 
.upTopZone { 
 display:none; 
 background:url(http://mvcreative.ru/example/17/images/upbg.png) repeat; 
 width:100px; 
 height:100%; 
 cursor:pointer; 
} 
.upTopZone p { 
 background:#777777; 
 font-size:12px; 
 width:63px; 
 height:27px; 
 margin:0; 
 position:fixed; 
 top:10px; 
 left:37px; 
 color:#fff; 
 font-family:"tahoma", "verdana", "arial"; 
 line-height:25px; 
 text-align:center; 
 text-shadow:1px 1px 1px #000000; 
} 
@media screen and (max-width:1024px) { 
 .upTopZone { 
 display:none !important; 
 } 
} .blue .upTopButton, .blue .upTopZone p { 
 background-color:#3fa3e1; 
} 
.green .upTopButton, .green .upTopZone p { 
 background-color:#60bf3a; 
} 
.red .upTopButton, .red .upTopZone p { 
 background-color:#ca2929; 
} 
.orange .upTopButton, .orange .upTopZone p { 
 background-color:#ef990b; 
} 
.purple .upTopButton, .purple .upTopZone p { 
 background-color:#b053a0; 
} 
.grey .upTopButton, .grey .upTopZone p { 
 background-color:#777777; 
}
/* Вид комментариев для uCoz v.5 
------------------------------------------*/ 
.cell_comment { 
 float:left; 
 width:100%; 
 color:#666; 
 background:#fff; 
 margin: 10px 0px; 
 border: 5px solid #bdd3e0; 
 border-radius:3px; overflow: hidden; 
} 

.comment_top { 
 float:left; 
 width:100%; 
 padding:5px 0px; 
 background:#F4F8F9; 
 border-bottom: 1px solid #E6F0F2; 
} 

.comment_name{ 
 margin-left: 20px; 
 color:#34AB63; 
} 

.comment_number { 
 float:right; 
 background:#f5f7f9; 
 margin-right: 20px; 
} 

.comment_top span { 
 font:9px Verdana,Arial,Helvetica, sans-serif; 
 color:#999; 
} 

.comment_mp, 
.comment_page { 
 float:right; 
 margin-right: 20px; 
} 

.comment_message { 
 float:left; 
 font:115%/1.5 Verdana,Arial,Helvetica, sans-serif; 
 text-align:justify; 

 width:94%; 
 overflow: hidden; 
 padding: 10px 20px 15px 20px; 
} 

.comment_avatar { 
 float:right; 
 width:50px; 
 height:50px; 
 margin: 0px 0px 10px 20px; 
 border: 3px solid #bdd3e0; 
 border-radius:3px; 
} 

.comment_bottom { 
 float:left; 
 width:100%; 
 padding:6px 0px 5px 0px; 
 background:#F4F8F9; 
 border-top: 1px solid #E6F0F2; 
 font:10px Verdana,Arial,Helvetica, sans-serif; 
} 

.comment_answer:link, 
.comment_answer:visited{ 
 float:left; 
 margin: 0px 0px 0px 20px; 
 background:#8cbec9; 
 padding: 2px 7px 2px 7px; 
 text-shadow: 1px 1px 1px #5d97a4; 
 color:#fff; 
} 

.comment_answer:hover { 
 background:#9dd0db; 
} 

.comment_answer:active { 
 box-shadow:inset 0px 0px 3px #5a95a2!important; 
} 

.comment_like:link, 
.comment_like:visited{ 
 float:right; 
 background:#8ec98c; 
 padding: 2px 7px 2px 7px; 
 text-shadow: 1px 1px 1px #4aa44c; 
 color:#fff; 
} 

.comment_like:hover { 
 background:#abe6a9; 
} 

.comment_like:active { 
 box-shadow:inset 0px 0px 3px #349932!important; 
} 

.comment_bottom strong { 
 float:right; 
 padding: 2px 10px 2px 10px; 
 background:#dde9d9; 
 margin-right: 20px; 
} 

.comment_answer_admin{ 
 float:left; 
 width:94%; 
 margin-top: 10px; 
 padding: 10px 20px 10px 20px; 
 background:#f4ecec; 
 border-radius:3px; 
} 

.comment_avatar_admin{ 
 float:right; 
 width:50px; 
 height:50px; 
 margin: 0px 0px 10px 25px; 
 border: 3px solid #dca2a2; 
 border-radius:3px; 
} 

.cell_comment a:hover img { 
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); 
 -moz-opacity: 0.7; 
 opacity: 0.7; 
 filter: alpha(opacity=85); 
}
 .photo_m { 
 text-shadow: white 0px 0px 3px; 
 background-color: #38434D; 
 border-width: 1px 0px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: left; 
 font-size: 20pt; 
 height: 36px; 
 width: 30px; 
 text-align: center; 
 line-height: 31px; 
 vertical-align: middle;} 

 .photo_p { 
 text-shadow: white 0px 0px 3px; 
 background-color: #38434D; 
 border-width: 1px 1px 1px 0px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 20pt; 
 height: 36px; 
 width: 30px; 
 text-align: center; 
 line-height: 31px; 
 vertical-align: middle;} 

 .photo_null { 
 background-color: #919191; 
 border-width: 1px 1px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 22pt; 
 height: 36px; 
 width: 56px; 
 text-align: center; 
 line-height: 36px; 
 vertical-align: middle;} 

 .photo_plus { 
 background-color: #1b881b; 
 border-width: 1px 1px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 22pt; 
 height: 36px; 
 width: 56px; 
 text-align: center; 
 line-height: 36px; 
 vertical-align: middle;} 

 .photo_minus { 
 background-color: #eb4600; 
 border-width: 1px 1px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 22pt; 
 height: 36px; 
 width: 56px; 
 text-align: center; 
 line-height: 36px; 
 vertical-align: middle;} 

 .photo_p:hover {background: #1b881b; color: #085408;} 
 .photo_null:hover {background: #aaaaaa; color: #efefef;} 
 .photo_minus:hover {background: #9d9d9d; color: #b11818;} 
 .photo_plus:hover {background: #9d9d9d; color: #106f09;} 
 .photo_m:hover {background: #eb4600; color: #70000c;}
.upTop { 
 display:none; 
 width:100px; 
 height:100%; 
 position:fixed; 
 left:0px; 
 top:0px; 
 z-index:100; 
} 
.upTopButton { 
 background:#777777 url(http://mvcreative.ru/example/17/images/goup.png) no-repeat; 
 width:27px; 
 height:27px; 
 position:fixed; 
 top:10px; 
 left:10px; 
 cursor:pointer; 
} 
.upTopZone { 
 display:none; 
 background:url(http://mvcreative.ru/example/17/images/upbg.png) repeat; 
 width:100px; 
 height:100%; 
 cursor:pointer; 
} 
.upTopZone p { 
 background:#777777; 
 font-size:12px; 
 width:63px; 
 height:27px; 
 margin:0; 
 position:fixed; 
 top:10px; 
 left:37px; 
 color:#fff; 
 font-family:"tahoma", "verdana", "arial"; 
 line-height:25px; 
 text-align:center; 
 text-shadow:1px 1px 1px #000000; 
} 
@media screen and (max-width:1024px) { 
 .upTopZone { 
 display:none !important; 
 } 
} .blue .upTopButton, .blue .upTopZone p { 
 background-color:#3fa3e1; 
} 
.green .upTopButton, .green .upTopZone p { 
 background-color:#60bf3a; 
} 
.red .upTopButton, .red .upTopZone p { 
 background-color:#ca2929; 
} 
.orange .upTopButton, .orange .upTopZone p { 
 background-color:#ef990b; 
} 
.purple .upTopButton, .purple .upTopZone p { 
 background-color:#b053a0; 
} 
.grey .upTopButton, .grey .upTopZone p { 
 background-color:#777777; 
}
#search { 
 font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
 background:#fff; 
 width: 8px; 
 padding: 0 8px; 
 height: 24px; 
 font-size: 14px; 
 color: #666; 
 line-height: 24px; 
 border: 0; 
 outline: none; 
 border-radius: 50px; 
 position: relative; 
 z-index: 5; 
 -moz-transition: .1s ease; 
 -ms-transition: .1s ease; 
 -webkit-transition: .1s ease; 
 -o-transition: .1s ease; 
 transition: .1s ease; 
 cursor:pointer; 
} 
#search:focus { 
 border: 0; 
 outline: none; 
 width: 180px; /*ширина открытой формы*/ 
} 
p.s { 
 z-index: 4; 
 position: relative; 
 padding: 6px; 
 border-radius: 100px; 
 background: #abc8df; 
 display: inline-block; 
 cursor:pointer; 
} 
p.s:hover, p.s:hover:after { 
 background: #9eb9cf; 
} 
p.s_fo { 
 -o-transition: 0.9s; 
 -moz-transition: 0.9s; 
 -ms-transition: 0.9s; 
 -webkit-transition: 0.9s; 
 transition: 0.9s; 
 -moz-transform: rotate(1080deg); 
 -ms-transform: rotate(1080deg); 
 -webkit-transform: rotate(1080deg); 
 -o-transform: rotate(1080deg); 
 transform: rotate(1080deg); 
} 
p.s:after { 
 content: ''; 
 display: block; 
 position: absolute; 
 width: 7px; 
 height: 12px; 
 background: #abc8df; 
 bottom: -4px; 
 right: -2px; 
 border-radius: 0 0 5px 5px; 
 -moz-transform: rotate(-45deg); 
 -ms-transform: rotate(-45deg); 
 -webkit-transform: rotate(-45deg); 
 -o-transform: rotate(-45deg); 
 transform: rotate(-45deg); 
} 
.blue p.s, .blue p.s:after {background:#abc8df;} /*цвет лупы*/ 
.blue p.s:hover, .blue p.s:hover:after {background:#9eb9cf;} /*цвет лупы при наведении*/
.green p.s, .green p.s:after {background:#65b11c;} 
.green p.s:hover, .green p.s:hover:after {background:#599c18;} 
.gray p.s, .gray p.s:after {background:#d7d7d7;} 
.gray p.s:hover, .gray p.s:hover:after {background:#c4c4c4;} 
.pink p.s, .pink p.s:after {background:#ffbcef;} 
.pink p.s:hover, .pink p.s:hover:after {background:#e49cd3;} 
.orange p.s, .orange p.s:after {background:#faaa3a;} 
.orange p.s:hover, .orange p.s:hover:after {background:#ea9e33;} 
.black p.s, .black p.s:after {background:#676767;} 
.black p.s:hover, .black p.s:hover:after {background:#484747;}