/* General Style */
a:link {text-decoration:none; color:#00a2ff;}
a:active {text-decoration:none; color:#00a2ff;}
a:visited {text-decoration:none; color:#00a2ff;}
a:hover {text-decoration:underline; color:#00a2ff}

a.topLink:link, a.forRegLink:link {text-decoration:underline; color:#FFFFFF;}
a.topLink:active, a.forRegLink:active {text-decoration:underline; color:#FFFFFF;}
a.topLink:visited, a.forRegLink:visited {text-decoration:underline; color:#FFFFFF;}
a.topLink:hover, a.forRegLink:hover {text-decoration:underline; color:#000000;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#04638E}
a.noun:active {text-decoration:none; color:#04638E}
a.noun:visited {text-decoration:none; color:#04638E}
a.noun:hover {text-decoration:none; color:#000000}

hr {color:#8EA8C4;height:1px;}
label {cursor:pointer;cursor:hand}

.blockTitle {padding-left:19px; font-weight:bold; color:#FFFFFF; font-size:12px; background: url('/.s/t/981/10.gif') no-repeat 7px 6px;text-transform:capitalize;}

a.menu1:link {text-decoration:underline; color:#DDEEF7}
a.menu1:visited {text-decoration:underline; color:#DDEEF7}
a.menu1:hover {text-decoration:underline; color:#FFFFFF}
a.menu1:active {text-decoration:underline; color:#FFFFFF}
.menuTd {font-family:Tahoma,Arial,Helvetica; padding-left:15px;padding-right:12px; background: url('/.s/t/981/11.gif') no-repeat 0px 3px;}

.mTd {padding-left:12px;padding-top:5px;padding-right:1px;}
.pageTitle {font-family:Tahoma,Arial,Helvetica; font-size:8pt; font-weight:bold; color:#00a2ff; padding-left:10px; padding-right:10px;}
.mframe {padding-left:15px; padding-bottom:20px; padding-right:3px;}

.blockT1 {border-left:1px solid #5694B5;}
.blockT2 {padding:5px;}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-centr: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('') no-repeat 3px 4px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}


.uMenuV .uMenuItem {font-family:Tahoma,Arial,Helvetica;}
.uMenuV li a:link {text-decoration:none; color:#04638E}
.uMenuV li a:visited {text-decoration:none; color:#04638E}
.uMenuV li a:hover {text-decoration:none; color:#04638E; font-weight:bold;}
.uMenuV li a:active {text-decoration:none; color:#04638E; font-weight:bold;}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#04638E}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#04638E}
.uMenuV a.uMenuItemA:hover {text-decoration:none; color:#04638E;}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {border-bottom:1px solid #E5E5E5; margin: 0 2 0 0px; padding: 0 0 2 13px; background: url('') no-repeat 3px 4px; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 3px 12px; background: url('/.s/t/981/12.gif') no-repeat 2px 4px;}
.catName {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#04638E;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#04638E;}
a.catName:visited {text-decoration:none; color:#04638E;}
a.catName:hover {text-decoration:underline; color:#04638E;}
a.catName:active {text-decoration:underline; color:#04638E;}
a.catNameActive:link {text-decoration:underline; color:#04638E;}
a.catNameActive:visited {text-decoration:underline; color:#04638E;}
a.catNameActive:hover {text-decoration:underline; color:#04638E;}
a.catNameActive:active {text-decoration:underline; color:#04638E;}
/* ----------------- */

/* Entries Style */
.eBlock {}
.eTitle {font-family:Arial,Sans-Serif;font-size:15px;font-weight:bold;color:#04638E; padding: 0 0 0 20px; background: #F5F5F5;}
.eMessage {text-align:justify;padding-bottom:5px;}
.eText {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px dashed #DDDDDD;}
.textHr {color:#DDDDDD;height:1px;border:1px dashed #DDDDDD;}

.eDetails {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt;}
.eDetails1 {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}
.eDetails2 {border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/981/13.gif') no-repeat 0px 0px;}
/* ------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#FFFFFF; border:1px solid #E1E1E1;}
.cBlock2 {background:#FFFFFF; border:1px solid #E1E1E1;}
/* -------------- */

/* Comments Form Style */
.commTable {background:#FFFFFF; border:1px solid #E1E1E1;}
.commTd1 {color:#000000;}
.commTd2 {}
.commFl {width:100%;}
.smiles {border:1px inset;background:#FFFFFF; border:1px solid #E1E1E1;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {}
/* ------------------- */

/* News/Blog Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/981/14.gif') no-repeat 0px 4px;}
.archActive {text-decoration:underline;}
.archLi {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}
a.archLink:link {text-decoration:none; color:#04638E;}
a.archLink:visited {text-decoration:none; color:#04638E;}
a.archLink:hover {text-decoration:underline; color:#04638E;}
a.archLink:active {text-decoration:underline; color:#04638E;}
/* ---------------------- */

/* News/Blog Archive Style */
.archiveCalendars {text-align:center;color:#0000FF;}
.archiveDateTitle {font-weight:bold;color:#04638E;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/981/15.gif') no-repeat 0px 3px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#04638E}
a.archiveDateTitleLink:visited {text-decoration:none; color:#04638E}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#04638E}
a.archiveDateTitleLink:active {text-decoration:underline; color:#04638E}
.archiveNoEntry {text-align:center;color:#0000FF;}
/* ------------------------ */

/* News/Blog Calendar Style */
.calMonth {text-align:right; }
.calWday {background:url('/.s/t/981/16.gif') #40A3CF; width:17px;}
.calWdaySe {background:url('/.s/t/981/16.gif') #40A3CF; width:17px; font-weight:bold;}
.calWdaySu {background:url('/.s/t/981/16.gif') #40A3CF; width:17px; font-weight:bold; color:#FF0000;}
.calMday {border:1px solid #E1E1E1; background:#FFFFFF;}
.calMdayA {border:1px inset #E1E1E1; background:#FFFFFF; font-weight:bold;}
.calMdayIs {border:1px outset #E1E1E1; background:#FFFFFF;}
.calMdayIsA {border:1px outset; background:#93D1EB;font-weight:bold;}
a.calMonthLink:link {text-decoration:none; color:#04638E;}
a.calMonthLink:visited {text-decoration:none; color:#04638E;}
a.calMonthLink:hover {text-decoration:underline; color:#04638E;}
a.calMonthLink:active {text-decoration:underline; color:#000000;}
a.calMdayLink:link {text-decoration:underline; color:#04638E;}
a.calMdayLink:visited {text-decoration:underline; color:#04638E;}
a.calMdayLink:hover {text-decoration:underline; color:#000000;}
a.calMdayLink:active {text-decoration:underline; color:#000000;}
/* ------------------------ */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#FFFFFF}
.textResults {background:#E2E6EA}
.textResultsTd {background:#FFFFFF}

.pollNow {border-bottom:1px solid #E2E6EA; border-left:1px solid #E2E6EA; border-right:1px solid #E2E6EA;}
.pollNowTd {}

.totalVotesTable {border-bottom:1px solid #E2E6EA; border-left:1px solid #E2E6EA; border-right:1px solid #E2E6EA;}
.totalVotesTd {background:#FFFFFF}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#FFFFFF; border:1px solid #E1E1E1;height:100px;width:300px;}

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#E1E1E1}
.gTableTop {padding:2px;background:url('/.s/t/981/3.gif') #575757;color:#FFFFFF;font-weight:bold;height:22px;padding-left:10px;font-size:10pt;}
.gTableSubTop {padding:2px;background:url('/.s/t/981/16.gif') #40A3CF;color:#000000;height:20px;}
.gTableBody {padding:2px;background:#ECECEC;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:#ECECEC;}
.gTableLeft {padding:2px;background:#ECECEC;font-weight:bold;color:#04638E}
.gTableRight {padding:2px;background:#ECECEC}
.gTableError {padding:2px;background:#ECECEC;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#ECECEC}
.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:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#E2EBF5;}

.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:#04638E;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#04638E;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#6F8EB3;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#04638E;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;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:#04638E;}
a.forumBarA:active {text-decoration:underline; color:#04638E;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:#ECECEC;}
.fastNavCatA {background:#ECECEC;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {background:#E1E1E1;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background:#ECECEC;font-weight:bold;color:#04638E;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:#ECECEC}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#D9D9D9;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px;}
.threadsDetails {padding:2px;background:#B8B8B8;height:20px;color:#000000;}
.forumOnlineBar {padding:2px;background:#949494;height:20px;color:#FFFFFF;}

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:#04638E;}
a.threadLink:visited {text-decoration:none; color:#04638E;}
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;}
/* ------------------- */

/* Posts View */
.postTable {background:#E1E1E1}
.postPoll {background:#ECECEC;text-align:center;}
.postFirst {background:#ECECEC;border-bottom:3px solid #FFFFFF;}
.postRest1 {background:#ECECEC;}
.postRest2 {background:#ECECEC;}
.postSeparator {height:3px;background:#40A3CF;}

.postTdTop {background:url('/.s/t/981/16.gif') #40A3CF;}
.postBottom {background:#B8B8B8;height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:#ECECEC;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#597798;}
.posttdMessage {padding:5px;background:#FFFFFF;}

.postPoll {padding:5px;}
.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;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/981/18.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/981/18.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.loginButton {font-size:7pt;background:#FFFFFF;color:#575757;border:1px outset #636363;}
.pollBut, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:url('/.s/t/981/16.gif') #40A3CF;color:#FFFFFF;border:1px outset #615E58;}

.codeButtons {font-size:7pt;background:url('/.s/t/981/16.gif') #40A3CF;color:#FFFFFF;border:1px outset #615E58;}
.codeCloseAll {font-size:7pt; font-weight:bold;background:url('/.s/t/981/16.gif') #40A3CF;color:#FFFFFF;border:1px outset #615E58;}
.postNameFl,.postDescrFl {width:400px}
.postPollFl,.postQuestionFl {width:400px}
.postResultFl {width:50px}
.postAnswerFl {width:300px}
.postTextFl {width:550px;height:150px}
.postUserFl {width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */

/* Back To Top 
================================================== */ 
#backtotop { 
 position: fixed; 
 right:0px; 
 display:none; 
 bottom: 18px; 
 margin: 0 75px 0 0; 
} 

#backtotop a { 
 text-decoration:none; 
 border:0 none; 
 display:block; 
 width:45px; 
 height:45px; 
 background: url(http://http://bestonucoz.ru/img/back_to_top_btn.png) no-repeat 50% 50%; 
 background-color:#95ae20; 
 -webkit-transition: all 0.1s ease-in-out; 
 -moz-transition: all 0.1s ease-in-out; 
 -o-transition: all 0.1s ease-in-out; 
 -ms-transition: all 0.1s ease-in-out; 
 transition: all 0.1s ease-in-out; 
} 

#backtotop a:hover {background-color:#404040;} 
/*================================================= */

/* Форма входа
------------------------------------------*/
#cell_vxod {
 float:left;
 width:270px; 
}

#cell_vxod a:link, 
#cell_vxod a:visited {text-decoration:none; color:#5a79b8;}
#cell_vxod a:hover {text-decoration:none; color:#5cb85a;}

#vxod_reg {
 float:left;
 font:10px Verdana,Arial,Helvetica, sans-serif;
 color:#BABABA;
 font-weight: bold;
 width:212px;
 padding: 5px 5px 0px 0px;
}

#cell_knopkav {
 float:left;
 width:53px;
}

.cell_pola_vxod {
 float:left;
 margin-bottom: 10px;
}

.vxod_name {
 width:55px; text-shadow: 1px 1px 1px #fff;
 background:#bdd5e4;
 border-right: none;
 border-left: 1px solid #97B7CA; 
 padding: 5px 0px 5px 5px; 
}

.login_pole {
 width:193px; 
 border-left: none; 
 border-right: 1px solid #97B7CA;
 padding: 5px 5px 5px 10px; 
 vertical-align:middle;
}

.login_pole, 
.vxod_name {
 float:left;
 font:11px Verdana,Arial,Helvetica, sans-serif;
 color:#5789af;
 border-top: 1px solid #97B7CA;
 border-bottom: 1px solid #fff;
 margin:0px;
}

.login_pole {background: #eff3f7 url(http://www.center-dm.ru/ucoz/forma_vxoda/1/fon_ugol_pola_Blue.gif) no-repeat left;}
.login_pole:focus {background: #f4f9ff url(http://www.center-dm.ru/ucoz/forma_vxoda/1/fon_ugol_pola_Blue.gif) no-repeat left;}

.knopka_vxoda {
 color:#5789af; text-shadow: 1px 1px 1px #fff;
 padding: 3px 0px; 
 width:53px;
 background: #eff3f7;
 border:1px solid #97B7CA;
 margin:0px; 
}

.knopka_vxoda:hover {
 background: #bdd5e4;
}
/* -------------------------------------- */

.upTop { 
 display:none;
 width:100px;
 height:100%;
 position:fixed;
 right: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;
 right:60px;
 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;
 right:0px;
 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;}

.ac-container{
 width: 400px;
 margin: 10px auto 30px auto;
 text-align: left;
}
.ac-container label{
 font-family: 'Arial Narrow', Arial, sans-serif;
 padding: 5px 20px;
 position: relative;
 z-index: 20;
 display: block;
 height: 30px;
 cursor: pointer;
 color: #777;
 text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
 line-height: 33px;
 font-size: 19px;
 background: #ffffff;
 background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
 background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
 background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
 background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
 background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
 box-shadow: 
 0px 0px 0px 1px rgba(155,155,155,0.3), 
 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
 0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
 background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
 background: #c6e1ec;
 color: #3d7489;
 text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
 box-shadow: 
 0px 0px 0px 1px rgba(155,155,155,0.3), 
 0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
 content: '';
 position: absolute;
 width: 24px;
 height: 24px;
 right: 13px;
 top: 7px;
 background: transparent url(../images/arrow_down.png) no-repeat center center; 
}
.ac-container input:checked + label:hover:after{
 background-image: url(../images/arrow_up.png);
}
.ac-container input{
 display: none;
}
.ac-container article{
 background: rgba(255, 255, 255, 0.5);
 margin-top: -1px;
 overflow: hidden;
 height: 0px;
 position: relative;
 z-index: 10;
 -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
 font-style: italic;
 color: #777;
 line-height: 23px;
 font-size: 14px;
 padding: 20px;
 text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
 -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
 height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
 height: 180px;
}
.ac-container input:checked ~ article.ac-large{
 height: 230px;
}