@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=cyrillic,latin);

/* Layout */

* {box-sizing: border-box;}

html, body	{width: 100%; height: 100%; margin: 0; padding: }
body {background: #ddd; font-size: 16px; font-family: 'PT Sans', arial, helvetica, verdana, tahoma, sans-serif; color: #456;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
b, strong {font-weight: bold;}

/* Tags */

hr { color: #abc; background-color: #abc; border: 0px none; height: 1px; clear: both; }
.hr { background-color: #abc; height:1px; line-height: 1px; clear: both; margin: 5px 0; font-size: 0; }
form {padding: 0; margin: 0;}
img {border: none;}
h1, h2, h3 {color: #469; font-weight: bold;}
h1 {font-size: 20pt; padding: 10px 0 12px; }
h2 {font-size: 16pt; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #abc;}
h3 {font-size: 14pt; margin: 0 0 10px 0;}

a {color: #36d; text-decoration: none; }
a:hover {color: #c00; text-decoration: underline; }

a.link {border-bottom: 1px dotted #36d;}
a.link:hover {border-bottom: 1px solid #c00; text-decoration: none;}

.bloq {font-size: 22px; }
.bloq::before { content: ' '; display: block; width: 100%; height: 50px; background: url(images/blockquote-top.png) center center no-repeat; margin-bottom: 10px;}
.bloq::after { content: ' '; display: block; width: 100%; height: 25px; background: url(images/blockquote-bottom.png) center center no-repeat; margin: 15px 0;}
.blo {
    display: block;
    margin: 15px 0 13px;
    padding: 15px 13px 15px 50px;
    line-height: 22px !important;
    background-color: #f0f3f5;
    background-image: url(data:image/png;base64,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);
    background-size: 27px auto;
    background-repeat: no-repeat;
    background-position: 14px 18px;
}

.ani, .ani * {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

td {font-size: 10pt; }
p {margin: 0 0 10px 0;}

ul.cool-li, ul.my-ul {list-style: none; padding: 0 0 0 10px; margin: 0;}
.cool-li li, .my-ul li {background: url(/o-icon/check.png) no-repeat 0 5px; padding: 3px 0 2px 22px;}

.iblock {display: inline-block;}

/* Forms */

.inp, select, textarea {border: solid 1px #8bc; border-radius: 2px; padding: 5px; color: #456; box-sizing: border-box; 
font-family: 'PT Sans', arial, helvetica, verdana, tahoma, sans-serif;
background: #e1e8ef;
background: -moz-linear-gradient(top,  #e1e8ef 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e8ef), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e1e8ef 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e1e8ef 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e1e8ef 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e1e8ef 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e8ef', endColorstr='#ffffff',GradientType=0 );
}
.inp1 { border-radius: 2px; border: solid 1px #06a; color: #fff; font-weight: bold; padding: 5px 15px; text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.6); position: relative;
background: #0088cc;
background: -moz-linear-gradient(top,  #0088cc 0%, #0066aa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0088cc), color-stop(100%,#0066aa));
background: -webkit-linear-gradient(top,  #0088cc 0%,#0066aa 100%);
background: -o-linear-gradient(top,  #0088cc 0%,#0066aa 100%);
background: -ms-linear-gradient(top,  #0088cc 0%,#0066aa 100%);
background: linear-gradient(to bottom,  #0088cc 0%,#0066aa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#0066aa',GradientType=0 );
}
.inp1:hover { cursor: pointer; box-shadow: 0 0 6px #468; color: #fff; text-decoration: none;}
 
 
.inp_red {background: #fdd; border-color: #a00;}
.inp2 {padding: 3px 0;}

input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; } 

/* */

.wrap {width: 1020px; margin: 0 auto; position: relative;}
.wrap.wide {width: 100%;}

#logo-line {text-shadow: 0 1px 0 rgba(255,255,255,0.9); position: relative; 
background: #00538f;
background: -moz-linear-gradient(top,  #00538f 0%, #00234e 100%);
background: -webkit-linear-gradient(top,  #00538f 0%,#00234e 100%);
background: linear-gradient(to bottom,  #00538f 0%,#00234e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00538f', endColorstr='#00234e',GradientType=0 );
}
#logo-line:after {display: block; content: ' '; width: 100%; height: 8px; position: absolute; bottom: -8px; background: url(images/bg_menu_shadow.png) center top no-repeat; z-index: 9999;}
#header-line {text-shadow: 0 1px 0 #fff; padding: 10px 0 12px;
background: #bbbbbb;
background: -moz-linear-gradient(top,  #bbbbbb 0%, #eeeeee 12%, #dddddd 100%);
background: -webkit-linear-gradient(top,  #bbbbbb 0%,#eeeeee 12%,#dddddd 100%);
background: linear-gradient(to bottom,  #bbbbbb 0%,#eeeeee 12%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#dddddd',GradientType=0 );
}
#header-line h1 {margin: 0; padding: 0; text-transform: uppercase1;}
#content {background: #fff; padding: 10px 0 20px;}
#content img {max-width: 100%; height: auto;}
#breadcrumb {text-align: right; padding-bottom: 10px; font-size: 14px;}

#col-1 {float: left; width: 700px;}
#col-2 {float: right; width: 280px; }

#logo {display: block; width: 220px; height: 100px; background: url(images/top-prk-city-logo.png) left top no-repeat; float: left;}
#logo:hover {background-position: right;}


#menu_simple {display: block; text-align: center; background: #eee; margin-bottom: 15px;}
#menu_simple a {display: inline-block; padding: 5px 10px; text-transform: uppercase; font-size: 11px; color: #666; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
#menu_simple a:hover {background: #ddd; text-decoration: none; color: #a00; text-shadow: 1px 1px 0 rgba(255,255,255,0.5);}

#footer {padding: 10px 0 15px 0; min-height: 100px; font-size: 13px; color: #888; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); background: #ddd;}

.sale_tag {padding: 10px 20px; margin-bottom: 15px; font-size: 60px; font-weight: bold;
text-align: center; color: #fff; background: #069; border: 6px solid #0086c9; border-radius: 10px;}
.sale_descr {background: #D6F2FF; font-weight: bold; padding: 15px 20px; margin-bottom: 15px;
border: 6px solid #90D5F4; border-radius: 10px;}
@media screen and (min-width: 1px) and (max-width: 639px) {
	.sale_tag {font-size: 48px;}
}


/* menu */

#menu { border-top: 4px solid #999; border-bottom: 1px solid #eee; height: 39px;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #bbbbbb 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#bbbbbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 );
}

.pinned #menu {position: fixed; width: 100%; top: 0; border-top: 2px solid #fff; z-index: 99999;}

#menu .wrap {}
#mainmenu div { position: relative; display: inline-block;}
#mainmenu div a.top {display: block; padding: 7px 15px; text-align: center; color: #333; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.6); }
#mainmenu div:hover a.top { text-decoration: none; color: #000; text-shadow: none; box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset; background: #eee;}
#mainmenu div a.top.active {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.5); background: #999;}
#mainmenu div a.top.active:hover {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.5); box-shadow: none !important; 
background: #999999;
background: -moz-linear-gradient(top,  #999999 0%, #666666 100%);
background: -webkit-linear-gradient(top,  #999999 0%,#666666 100%);
background: linear-gradient(to bottom,  #999999 0%,#666666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );
}
#mainmenu div a.top.active:after {content: ' '; position: absolute; top: -5px; margin-left: -10px; left: 50%; height: 0; width: 0; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;}

#mainmenu div div {display: none; position: absolute; top: 34px; left: -1px; width: auto; min-width: 100%; z-index: 99999; background: #eee; padding: 1px 0 0 0; box-shadow: 0 3px 3px rgba(0,0,0,0.5); border: 1px solid #eee; border-width: 0 1px 1px 1px;}
#mainmenu div div a {display: block; white-space: nowrap; background: #eee !important; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,.5) !important; padding: 5px 15px 6px 15px; height: auto; border: none !important; }
#mainmenu div div a:hover, #menu .wrap div div a.active {background: #999 !important; color: #fff !important; box-shadow: none !important; text-decoration: none; text-shadow: 0 -1px rgba(0,0,0,.5) !important;}
#mainmenu div div a.active {}

#mobmenu {display: none;}
#mobmenu a {background: #666; color: #fff; display: block; padding: 6px 15px; border-bottom: 1px solid #999;}
#mobmenu a:hover, #mobmenu a:active {text-decoration: none; background: #555; box-shadow: 0 0 10px #333 inset;}

.share42init {margin-left: 10px; }
#share42 {padding: 4px; border-radius: 5px; background: rgba(255,255,255,0.6); padding-bottom: 0;}
#share42:hover {box-shadow: 0 0 5px rgba(0,0,0,0.3); background: #fff;}
#share42 a {opacity: 0.6;}
#share42:hover a {}
#share42 a:hover {opacity: 1; box-shadow: 0 0 4px rgba(0,0,0,0.5);}

/* Formatting */

.just {text-align: justify;}
.center {text-align: center;}
.left {text-align: left;}

.w25 {width: 25px;}
.w40 {width: 40px;}
.w60 {width: 60px;}
.w80 {width: 80px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w400 {width: 400px;}
.w500 {width: 500px;}
.w600 {width: 600px;}

.w100p {width: 100%;}
.max100p {max-width: 100% !important;}

.h50  {height: 50px;}
.h100 {height: 100px;}
.h150 {height: 150px;}
.h200 {height: 200px;}

.mt10 {margin-top: 		10px !important;}
.mr10 {margin-right:	10px !important;}
.mr15 {margin-right:	15px !important;}
.ml10 {margin-left:		10px !important;}
.mb5  {margin-bottom:	5px  !important;}
.mb10 {margin-bottom:	10px !important;}
.mb20 {margin-bottom:	20px !important;}
.mtb10 {margin:	10px 0 !important;}

.m-10 {margin: -10px;}

.f8 	{font-size: 8pt;}
.f9 	{font-size: 9pt;}
.f10 	{font-size: 10pt;}
.f12 	{font-size: 12pt;}
.f14 	{font-size: 14pt;}
.bold 	{font-weight: bold;}

.b {border: solid 1px cyan;}

.clear {clear: both;}
.fleft {float: left;}
.fright {float: right;}

.center {text-align: center;}

.red {color: #a40; }

.hidden {display: none;}

/* buttons */

.butt_close {display: block; width: 16px; height: 16px; background: #fff url(/o-icon/delete.png) center center no-repeat; border-radius: 3px; margin: -5px -5px 0 0;}
.butt_close:hover { background-color1: #ffba00; box-shadow: 0 0 4px rgba(0,0,0,0.5);}

.butt {display: inline-block; font-size: 14px; 
background: #ddd;
background: -moz-linear-gradient(top, #ffffff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ddd 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ddd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );
border: solid 1px #bbb; color: #666; text-align: center; text-shadow: 1px 1px 0 #fff;
border-radius: 3px; padding: 4px 10px; cursor: pointer; margin-right: 5px;
}
.butt:hover, .butt.disable {text-decoration: none; background: #fff; border-color: #aaa; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.15); }
.butt:active, .butt.disable, .butt.selected {box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset;}
.butt.selected {background: #def;
background: -moz-linear-gradient(top,  #def 0%, #fff 100%);
background: -webkit-linear-gradient(top,  #def 0%,#fff 100%);
background: linear-gradient(to bottom,  #def 0%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def', endColorstr='#fff',GradientType=0 );
}
.butt i {display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; margin: 0 5px -3px 0;}
.butt.nomrg i {margin-right: 0;}
.butt.disable {opacity: 0.5; cursor: default;}
.butt.nomrg.disable {opacity: 0.3;}

.butt.bigbutt {font-size: 18px;}

.buttons {margin: 0 13px 5px 0; display: inline-block; font-size: 0; white-space: nowrap;}
.buttons .butt {margin: 0 -1px 0 0; border-radius: 0;}
.buttons .butt:first-child {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.buttons .butt:last-child   {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.buttons .butt:last-child   {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.buttons img {display: block;}

a.btt {display: inline-block; padding: 6px 10px; border-radius: 5px; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); text-align: center;  text-transform: uppercase; border: 1px solid #06a; background: #06a; }
a.btt:hover {background: #08c; text-decoration: none; box-shadow: 0 0 6px #888;}

.bt {background: #666; color: #fff; display: inline-block; right; padding: 3px 10px; border-radius: 4px; box-shadow: 1px 1px 0 rgba(0,0,0,.5) inset; text-shadow: 1px 1px 0 rgba(0,0,0,.5); font-size: 18px; line-height: 130%;}
.bt  > .bt  {margin-left: 3px;}
.bt:hover {background: #048; color: #fff;}

.bt-top {margin-top: 3px;}


#signin { float: right; }
#menumob { float: left; display: none;}

/* Blocks */

.block { padding: 10px 15px; border-radius: 10px; background: #e6e6e6; margin-bottom: 10px; color: #443;}
#col-2 .block  {font-size: 9pt;}

.block_item {float: left; width: 130px; margin: 0 10px 10px 0; font-size: 14px; height: 190px; overflow: hidden;}
.main_item {width: 220px; font-size: 16px; height: auto;}
.block_item .articles_thumb {float: none; width: 130px; margin-bottom: 5px; position: relative;}
.block_item .articles_thumb img {width: 130px;}
.block_item .articles_thumb span, .block_item .articles_thumb_big span {position: absolute; bottom: 4px; background: rgba(255,255,255,.7); padding: 1px 5px 2px; font-size: 11px; width: 100%; }

.block_item.alter {box-sizing: border-box; width: 25%; padding: 1%; margin: 0; height: auto;}
.block_item.alter .articles_thumb {float: none; width: 100%; margin-bottom: 5px;}
.block_item.alter .articles_thumb img {width: 100%;}

.infoDiv, .alertDiv { padding: 15px 15px 15px 55px; margin-bottom: 10px; border-radius: 10px; font-size: 11pt;}
.infoDiv {background: #9cf url(/o-icon/info_rhombus.png) 10px center no-repeat;}
.alertDiv {background: #fdb url(/o-icon/alert-32.png) 10px center no-repeat;}
.infoDiv p, .alertDiv p {margin: 5px 0;}
.info_grey {padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 0px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 );}

.index_cats {margin: 0 0 10px 0;}
.index_cats a {display: block; width: 31%; margin: 5px 1%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; padding: 10px; font-size: 22px; text-align: center; float: left;}
.index_cats a:hover {text-decoration: none; border-color: #aaa; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.index_cats i {font-size: 66px; display: block;}

.olx_widget {border-radius: 10px; margin-bottom: 10px; width: 100% !important;}

/* Tables */

.cool_table {border: 1px solid #999; border-collapse: separate; border-spacing:1px;}
.cool_table th {padding: 2px 7px 5px 7px; font-weight: bold; font-size: 10pt; text-align: center; color: #fff; text-shadow: -1px -1px 0 #444; background: #777 url(images/bg-menu.png) center center repeat-x;}
.cool_table td {font-weight: normal; font-size: 10pt; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 3px 7px;
background: #e8e8e8;
background: -moz-linear-gradient(top,  #e8e8e8 1%, #d8d8d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e8e8e8), color-stop(100%,#d8d8d8));
background: -webkit-linear-gradient(top,  #e8e8e8 1%,#d8d8d8 100%);
background: -o-linear-gradient(top,  #e8e8e8 1%,#d8d8d8 100%);
background: -ms-linear-gradient(top,  #e8e8e8 1%,#d8d8d8 100%);
background: linear-gradient(to bottom,  #e8e8e8 1%,#d8d8d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d8d8d8',GradientType=0 );
}
.cool_table tr.odd td {background: #f6f6f6;
background: -moz-linear-gradient(top,  #fafafa 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,  #fafafa 0%,#f0f0f0 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#f0f0f0 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f0',GradientType=0 );
}
.cool_table tr:hover td {background: #fff; }

.table_form td {padding: 2px 5px;}
.table_form tr td:first-child {text-align: right;}

.tdcenter td {text-align: center !important;}

/* Pagenate */

.pagenate {margin: 10px 0; font-size: 0; white-space: nowrap;}
.pagenate a, .pagenate span {display: inline-block; font-size: 13px; background: #ddd;background: -moz-linear-gradient(top, #ffffff 0%, #ddd 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd));background: -webkit-linear-gradient(top, #ffffff 0%,#ddd 100%);background: -o-linear-gradient(top, #ffffff 0%,#ddd 100%);background: -ms-linear-gradient(top, #ffffff 0%,#ddd 100%);background: linear-gradient(to bottom, #ffffff 0%,#ddd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );border: solid 1px #bbb; color: #666; text-align: center; text-shadow: 0 1px 0 #fff;border-radius: 0; padding: 3px 7px; margin: 0 -1px 0 0;}
a.prev_next {background: #fff; }
.pagenate a:hover {background: #fff; border-color: #aaa; cursor: pointer; box-shadow: 0 0 3px rgba(0,0,0,0.2); text-decoration: none;}
.pagenate span {font-weight: bold; box-shadow: 0 0 8px rgba(0,0,0,0.4) inset; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.5);background: #888;background: -moz-linear-gradient(top, #888 0%, #ccc 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#ccc));background: -webkit-linear-gradient(top, #888 0%,#ccc 100%);background: -o-linear-gradient(top, #888 0%,#ccc 100%);background: -ms-linear-gradient(top, #888 0%,#ccc 100%);background: linear-gradient(to bottom, #888 0%,#ccc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#ccc',GradientType=0 );}.pagenate a:first-child, .pagenate span:first-child {border-top-left-radius: 3px;  border-bottom-left-radius: 3px;}.pagenate a:last-child,  .pagenate span:last-child  {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

/* News & articles */

.articles_one {}

.articles_all {padding: 10px; margin: 0 0 -1px 0; border: 1px solid #ccc; border-radius: 0px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 );
}
.articles_all:hover {box-shadow: 0 0 6px #ccc; background: #fff;}
.articles_all:hover .articles_bottom {background: #eee;}
.articles_unactive {border: 1px solid #f00; background: #fee;}
.articles_title {font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block;}
.articles_thumb {float: left; margin-right: 10px; margin-bottom: 10px; padding: 4px; position: relative; border: 1px solid #ccc; background: #fff; box-sizing: border-box;}
.articles_thumb img {display: block; width: 100px;}
.articles_thumb_big {width: 100%; margin-right: 10px; margin-bottom: 10px; padding: 4px; position: relative; border: 1px solid #ccc; background: #fff; box-sizing: border-box;}
.articles_thumb_big img {display: block; width: 100%;}
.articles_date {float: left;}
.articles_cats {float: left;}
.articles_bottom {font-size: 8pt; background: #ddd; margin: 0 -10px -10px -10px; padding: 5px 10px;}
.articles_thumb_mini {float: left; margin: 5px 8px 0 0; width: 75px; height: 56px; border: 1px solid #eee;}
.small_date {padding: 1px 3px; font-size: 7pt; background: #d8e8ff; font-weight: bold;}
.date_articles {font-size: 9pt;}

.articles_list { padding: 5px;}
.col-2 .articles_list { font-size: 8pt; margin: 0 -5px;}
.articles_list img {margin-bottom: -2px;}
.articles_list:nth-child(2n+1){ background: #eee;}

/* Comments */

.comment {}
.comment_text {padding: 10px; border-radius: 5px; border: 1px solid #ddd;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #edf3f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf3f7));
background: -webkit-linear-gradient(top,  #ffffff 0%,#edf3f7 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#edf3f7 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#edf3f7 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#edf3f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf3f7',GradientType=0 );

}
.quote_title {color: #a00; font-size: 10pt; padding: 5px; }
.quote_text {background: #e0ecf4; font-size: 10pt; padding: 5px;}
.reply_text {background: #e0ecf4; padding: 10px; border-radius: 3px; position: relative; margin-top: 12px;}
.reply_text:before { content: ' '; position: absolute; top: -8px; left: 20px;height: 0; width: 0; border-bottom: 8px solid #e0ecf4; border-left: 8px solid transparent; border-right: 8px solid transparent; }

.form_butt {display: block; float: left; width: 24px; height: 24px; background-repeat: no-repeat; background-position: left top;}
.form_butt:hover {background-position: left bottom;}

/* Tooltip -Styles */

.tooltip {padding: 5px; font-size: 11px; opacity: 0.85; filter: alpha(opacity=85); background-repeat: no-repeat; background-image: url(/js/tooltip.gif); }
.tooltip-inner { padding: 5px 10px; max-width: 200px; pointer-events: none; color: white; text-align: center; background-color: black; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}
.tooltip-bottom { background-position: top center; }
.tooltip-top { background-position: bottom center; }
.tooltip-left { background-position: right center; }
.tooltip-right { background-position: left center; }

/* oWin */

.oWins {display: none; max-width: 100%;}
.oWinOuter {box-sizing: border-box; position: fixed; left: 50%; top: 200px; z-index: 11000; border: 4px #999 solid; border-radius: 8px; box-shadow: 0 5px 20px #000; padding: 1px; background: #666; display: none; min-width: 200px; max-width: 96%;}
.oWinInner {box-sizing: border-box; display: block; padding: 15px; border-radius: 4px; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 20%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #ffffff 20%,#dddddd 100%);
background: -o-linear-gradient(top, #ffffff 20%,#dddddd 100%);
background: -ms-linear-gradient(top, #ffffff 20%,#dddddd 100%);
background: linear-gradient(to bottom, #ffffff 20%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}
.oWinTitle {font-size: 16pt; padding: 5px 15px; margin: -15px -15px 10px -15px; border-radius: 4px 4px 0 0; text-shadow: 0 1px 0 rgba(255,255,255,0.5); color: #666; cursor: move;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #bbbbbb 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#bbbbbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 );
}
#oWinOverlay { position: fixed; z-index: 1000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}
.oWinCloseButt {display: block; float: right; width: 16px; height: 16px; margin: 6px 0 0 10px; background: url(/o-icon/oWinClose.png) top no-repeat;}
.oWinCloseButt:hover { background-position: bottom;}

/* Tabs */

.tabs { list-style: none; padding: 0; margin: 0 0 10px 0; font-weight: bold; border-bottom: 1px solid #ccc;}
.tabs li { display: inline-block; border: 1px solid #ccc; padding: 2px 12px; text-decoration: none; background-color: #eee; border-bottom: none; border-radius: 3px 3px 0 0; cursor: pointer; margin-bottom: -px;}
.tabs li a { }
.tabs li:hover { background-color: #ddd;}
.tabs li.active { border-bottom: 1px solid #fff; background-color: #fff; padding: 4px 12px; margin-bottom: -1px;}
.tabs li.active:hover { background-color: #fff; }
.tab_content { display: none;}
.tab_content.active { display: block;}
 
/* */

label.radio {background: #eef7ff; border: 1px solid #69f; padding: 2px 6px 2px 2px; cursor: pointer;}
label.radio:hover {background: #aad6ff;}
label.radio.checked {background: #03b2ec; color: #fff;}
label.radio input {margin: -3px 3px 0; vertical-align: middle;}

/* GuestBook */

.guest {font-size: 9pt; padding: 3px 5px 5px 5px; margin-bottom: 7px; border: 1px solid #bba; border-radius: 5px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ccccbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ccccbb));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ccccbb 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ccccbb 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ccccbb 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ccccbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccccbb',GradientType=0 );

}
.guest .name {font-size: 11pt; font-weight: bold;}
.guest .post {font-size: 10pt; padding: 7px 10px; margin-top: 3px; background: #fff; border: 1px solid #bba; border-radius: 2px;}
.guest img {vertical-align: middle;}
.admin_reply {background: #fff; padding: 6px; border-radius: 4px;}

#quote .quote1 {border: none; width: 40px; font-size: 8pt; background: none; padding: 5px;}
#quote .quote2 {border: #9ebcc7 solid 1px; background: #ddbb7f; padding: 5px; font-size: 9pt;} 

.arr-up { width:0px; height:0px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; margin-left: 20px;}

/* Gallery */

.fotoThumbs { padding: 10px 10px; border: 1px solid #ccc; border-radius: 5px;
background: #fff;
background: -moz-linear-gradient(top,  #fff 0%, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
background: -webkit-linear-gradient(top,  #fff 0%,#ddd 100%);
background: -o-linear-gradient(top,  #fff 0%,#ddd 100%);
background: -ms-linear-gradient(top,  #fff 0%,#ddd 100%);
background: linear-gradient(to bottom,  #fff 0%,#ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ddd',GradientType=0 );
}

.fotoThumbs a {display: block; padding: 2px; border: 1px solid #ccc; border-radius: 3px; background: #fff; float: left; margin: 2px 3px; position: relative;}
.fotoThumbs a:hover {box-shadow: 0 0 10px #999;}
.fotoThumbs img {display: block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; }
.fotoThumbs a div {overflow: hidden;}
.fotoThumbs a:hover img.prettyfoto, a:hover img.prettyfoto { 
	opacity: 0.7;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.fotoThumbs a span {display: block; position: absolute; background: url(/o-icon/zoom_32.png) no-repeat; height: 32px; width: 32px; margin: -16px 0 0 -16px; left: 52%; top: 52%; opacity: 0; 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

.fotoThumbs a:hover span {opacity: 1;}

.prettydiv {display: block; float: left; padding: 3px; background: #eee; border: 1px solid #ccc; margin-bottom: 5px; clear: both; font-size: 8pt; font-style: italic; margin-bottom: 10px;}
.prettydiv div {padding: 3px;}
.prettydiv img {max-width: 680px; display: block; border: 1px solid #fff;}

.stripDiv {padding: 10px; margin-bottom: 10px; border-radius: 5px; background: #e4f0fa; border: 1px solid #fff;}
.stripDiv:nth-child(2n+1){ background: #c9dff0;}
.stripDiv:hover{ border-color: #8ac;}




.select2-selection {
background: #e1e8ef;
background: -moz-linear-gradient(top,  #e1e8ef 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e8ef), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e1e8ef 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e1e8ef 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e1e8ef 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e1e8ef 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e8ef', endColorstr='#ffffff',GradientType=0 );
border: solid 1px #8bc !important; border-radius: 2px !important; 
}
.select2-results__option {padding: 3px 6px !important;}


/* map */

.itemInfo {min-width: 150px; min-height: 50px;}


.addable {position: relative;}
.addable span {display: block; position: absolute; top: 10px; right: -18px; padding-left: 10px; opacity: .2;}
.addable:hover span {display: block; opacity: .5;}
.addable span:hover {opacity: 1;}

.greyTd {background: #bcd;}
#add_icons table td:hover {background: #def;}
#add_icons table td {border-radius: 6px; padding: 5px 3px 2px 3px;}
#add_icons table td img {display: block;}


.cat_select ul {display: none; list-style: none; padding: 0; margin-left: 5px;}
.cat_select li {list-style: none; margin: 0; position: relative; padding-left: 16px; }
.cat_select i {display: block; width: 12px; height: 12px; position: absolute; left: 0; top: 4px; background: url(/o-icon/plus-12.png) no-repeat; cursor: pointer;}
.cat_select li.cat_opened > i {background: url(/o-icon/minus-12.png) no-repeat;}
.cat_select li.cat_opened > ul {display: block;}
.cat_select li.cat_selected > a {font-weight: bold;}

.category_show span {display: inline-block; background: #fff; padding: 0px 2px; border-radius: 5px; color: #789; font-size: 10px;}
.category_show, .category_show ul {padding: 0; margin: 0;}

.masonry { font-size: 12px; padding: 10px 15px; background: #eee; border-radius: 5px; margin-bottom: 10px; width: 345px; box-sizing: border-box;}
.masonry > span > a:first-child {font-size: 16px; font-weight: bold;}
.masonry > span > a:first-child::after {content: ' '; display: block;}
.masonry a i {font-weight: normal; font-style: normal; font-size: 12px;}

#categories li {font-weight: bold;}
#categories ul li {font-weight: normal;}
#categories, #categories ul {list-style: none; padding: 0 0 0 20px; margin: 0;}
#categories li {list-style-image: url(/o-icon/ico-1.png); }
#categories ul li {list-style-image: url(/o-icon/ico-2.png); }
#categories ul ul li {list-style-image: url(/o-icon/ico-3.png); }
#categories ul ul ul li {list-style-image: url(/o-icon/ico-4.png); }
#categories ul ul ul ul li {list-style-image: url(/o-icon/ico-5.png); }
#categories ul ul ul ul ul li {list-style-image: url(/o-icon/ico-6.png); }

.cat_a {position: relative;}
.cat_a .cat_edit {display: none; position: absolute; top: 0; left: -92px; padding: 3px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 3px; }
.cat_a:hover .cat_edit {display: block; }
.cat_a .cat_edit img {display: block; float: left; margin: 0 2px; opacity: .3;}
.cat_a .cat_edit:hover {box-shadow: 0 0 5px rgba(0,0,0,.5);}
.cat_a .cat_edit:hover img {opacity: .6;}
.cat_a .cat_edit img:hover {opacity: 1;}
.cat_a:focus .cat_edit {display: none; }

.edit_span {display: none;}
li:hover .edit_span {display: inline;}}

#sortableListsPlaceholder {background: #eee;}
.hintClass {background: #fdb;}
.currElemClass {background: rgba(140,200,255,.3);}

#1sortableListsBase .cat_edit {display: none;}

.cat_show {box-sizing: border-box; }
.cat_show1 {width: 20%; float: left; background: #666; overflow-y: auto; padding: 10px; }
.cat_show1 a {color: #fff;}
.cat_show2 {width: 40%; float: left; background: #edf; overflow-y: auto; padding: 10px;}
.cat_show3 {width: 40%; float: left; background: #efd; overflow-y: auto;}

/* board */

a.board_cat {font-weight: bold; font-size: 12pt;}

.brdcat {position: relative;}
.brdcat img {vertical-align: text-bottom;}
.brdcat div img {vertical-align: middle; margin: 0 1px;}
.brdcat div {display: none; position: absolute; left: 0; top: -2px; white-space: nowrap; background: #ceeaff; border: 1px solid #0073e5; padding: 3px 5px; z-index: 100; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; border-radius: 3px;}
.brdcat:hover div {display: block; z-index: 1000;}

/* deputaties */

.deputaties {margin: 0 -10px 0 -3px;}
.deputaties div {width: 150px; background: #eee; float: left; padding: 10px; margin: 4px; text-align: center; font-size: 14px;}
.deputaties span {display: block; width: 150px; height: 200px; position: relative; margin-bottom: 5px;}
.deputaties img {display: block;}
.deputaties img.deps {width: 150px; height: 200px;}
.deputaties img.parties {position: absolute; bottom: 0; right: 0; width: auto; height: auto;}

/* foldable */

.foldable {padding: 3px 5px 3px 35px !important; background: #eee url(/o-icon/plus.png) 10px center no-repeat; border-radius: 5px;}
.foldable.active {background: #9cf url(/o-icon/minus.png) 10px center no-repeat;}
.foldable:hover {background-color: #ccc; cursor: pointer;}
.foldable + div {display: none;}

.cat_show .foldable {margin: -10px; border-radius: 0; padding: 6px 5px 6px 35px !important;}
.cat_show .foldable.active {margin-bottom: 10px;}

.collapsible {border: 1px solid #ccc;}
.collapsible div.collapse {display: none; padding: 15px;}
.collapsible h2 {margin: 0; cursor: pointer; padding: 5px 5px 5px 35px !important; border: none; background: #eee url(/o-icon/plus.png) 10px center no-repeat; text-shadow: 0 1px rgba(255,255,255,.5);}
.collapsible:hover h2, .collapsible.active h2 {background: #b1ceeb url(/o-icon/minus.png) 10px center no-repeat;}
.collapsible:hover, .collapsible.active {border-color: #c0e0ff;}

/* */

.shadow-divider {width: 100%; margin: 20px 0 -10px 0;}

.li-menu a {display: block; border: solid 1px #555; color: #fff; font-weight: bold; padding: 5px 15px; text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.6); position: relative;
background: #7d7e7d;
background: -moz-linear-gradient(top,  #7d7e7d 0%, #606060 100%);
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#606060 100%);
background: linear-gradient(to bottom,  #7d7e7d 0%,#606060 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#606060',GradientType=0 );

}
.li-menu a:hover {text-decoration: none; background: #666; box-shadow: 0 0 15px #444 inset;}

/* afisha */

.list-view {margin: 10px 0;}
.list-view div {display: block; padding: 10px; margin: 0 0 -1px 0; border: 1px solid #ccc; border-radius: 0px; color: #567; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 );}
.list-view div:hover {background: #fff; text-decoration: none;}
.list-view p, .list-view b { overflow: hidden; text-overflow: ellipsis;}
.list-view b {font-size: 18px; display: block; margin-bottom: 5px;}
.list-view img {width: 100px; display: block; float: left; margin: -10px 10px -10px -10px;}

.my-count span {display: inline-block; padding: 1px 5px; margin-right: 3px; background: #fff; border: 1px solid #ccc; border-radius: 3px; font-size: 12px;}

.badge {display: inline-block; padding: 0 5px 1px 5px; border-radius: 5px; background: #666; color: #fff;}
.badge.badge-blue {background: #069;}
.badge.badge-red {background: #c00;}
.badge.badge-orange {background: #f63;}

.pet_signs span {display: inline-block; border-radius: 5px; padding: 2px 7px; margin: 0 5px 5px 0; background: #ddd;}
.pet_signs span i {font-size: 70%;}
.pet_signs span img {vertical-align: top; margin-top: 2px;}

.nobold {font-weight: normal;}

.notactive a {background: #fcc !important;}

.color_red {color: #c00 !important;}
.red-block {background: #c00; padding: 6px 12px; margin: 10px 0; border-radius: 5px; color: #fff;}

.zebra_table {width: 100%;border-collapse: collapse; }
.zebra_table td {padding: 1px 5px; font-size: 16px;}
.zebra_table tbody tr:nth-child(odd) {background-color: #eee;}

/* claims */

.claim_cats a {display: block; position: relative; float: left; padding: 30px 5px; text-align: center; border: 1px solid #ccc; width: 30%; margin: 1%; box-sizing: border-box;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee',GradientType=0 );}
.claim_cats a:hover {background: #eee; text-decoration: none;}
.claim_cats i {display: block; margin: 0 auto;}
.claim_cats span {display: block; position: absolute; top: 5px; right: 5px;}

.claims_all {display: block; overflow: hidden; text-overflow: ellipsis;}

.list-view.claims span {display: block; margin-bottom: 5px; font-size: 14px;}
.list-view.claims img {width: 65px;}


.uptolike-div {display: block; width: 200px; background: #eee; border: 1px solid #ccc; border-radius: 10px; padding: 10px; vertical-align: bottom; margin: 10px auto; text-align: center;}

#bnr-top {position: absolute; top: 10px; right: 0;}
#bnr-top a {margin-left: 10px;}

#bnr-right a {display: block; float: left; width: 240px; margin-bottom: 10px; border-radius: 5px;}
#bnr-right a img {display: block; width: 100%; border-radius: 5px;}


/* responsive */

#sitename {display: none; text-align: center; font-size: 24px; font-weight: bold; padding-top: 4px;}
#sitename a {color: #888; text-shadow: 0 1px rgba(255,255,255,.5);}
#sitename a:hover {decoration: none;}

@media screen and (min-width: 0px) and (max-width: 479px) {
	.wrap { width:95%;}
	.articles_all {padding: 5px 10px;}
	.articles_all p {display: none;}
	.articles_thumb {margin: -5px 10px 0 -10px; border: none; padding: 0;}
	.articles_thumb img {width: 80px;}
	.articles_title {font-size: 18px; line-height: 125%;}
	.list-view div {}
	.list-view img {width: 80px; }
	.list-view p {margin-bottom: 2px; font-size: 12px;}
	.list-view b {display: block; margin-bottom: 2px; font-size: 16px;}
	.list-view.claims img {width: 65px;}
	.my-count span {font-size: 10px; margin-right: 0px;}
	.claim_cats a {width: 49%; padding: 10px 5px; margin: 0 -1px -1px 0;}
	.respnofloat {float: none;}
	#breadcrumb {display: none;}
}

@media screen and (min-width: 480px) and (max-width: 639px) {
	.wrap { width: 470px;}
	#bnr-right a {width: 230px; margin: 0 5px 10px 5px;}
}

@media screen and (min-width: 1px) and (max-width: 639px) {
	.masonry {width: 100%;}
	.cat_show1 {width: 100%; float: none;}
	.cat_show2 {width: 100%; float: none;}
	.cat_show3 {width: 100%; float: none;}
	.claims_all {max-height: 42px;}
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
	#menu {height: 45px; }
	#mainmenu {display: none;}
	#menumob { display: block; }
	#logo-line {display: none;}
	#sitename {display: block;}
	.bt-top {padding: 5px 12px;}
	#col-1 {float: none; width: 100%; margin-bottom: 20px;}
	#col-2 {float: none; width: 100%;}
	.cat_show_clear {clear: both;}
}
@media screen and (min-width: 640px) and (max-width: 1000px) {
	.wrap { width: 620px;}
	.masonry {width: 305px;}
	.cat_show1 {width: 35%; float: left;}
	.cat_show2 {width: 65%; float: left;}
	.cat_show3 {width: 100%; float: none;}
	#bnr-right a {width: 300px; margin: 0 5px 10px 5px;}
}
@media screen and (min-width: 1001px) {
	#sitename {display: none; }
}