.catPages1 {color:#bbbbbb;border:0px;margin-bottom:10px;margin-top:10px;} 
#pagesBlock1 {padding-top:10px;} 
.catPages1 a:link, 
.catPages1 a:visited, 
.catPages1 a:hover, 
.catPages1 a:active {font-family: tahoma;text-decoration:none;color: #ffffff;background:#bbbbbb;padding:3px 10px;font-size:11px;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px;} 
.catPages1 a:hover {font-family: tahoma;background:#69b44b;color:#FFFFFF;font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;} 
.catPages1 b {font-family: tahoma;text-decoration:none;background:#69b44b;padding:3px 10px;color:#ffffff;font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;font-size: 10px; box-shadow: 0px 0px 0px 1px #5a9f22;text-shadow: 0px 1px 0px #579b1f;}



.upTop { 
 display:none; 
 width:100px; 
 height:100%; 
 position:fixed; 
 left:0px; 
 top:0px; 
 z-index:100; 
} 
.upTopButton { 
 background:#777777 url(http://uguide.ru/templates/goup.png) no-repeat; 
 width:27px; 
 height:27px; 
 position:fixed; 
 top:10px; 
 left:10px; 
 cursor:pointer; 
} 
.upTopZone { 
 display:none; 
 background:url(http://uguide.ru/templates/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;}