* {margin: 0; padding: 0;}

html {height: 100%;}

body {font: 15px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; background: url('sot.png') repeat-x, 
url('bee1.png') 3% 96% no-repeat, 
url('bee2.gif') 4% 44% no-repeat, 
url('bee3.png') 93% 73% no-repeat, 
url('bee4.gif') 8% 64% no-repeat,
url('bee2.gif') 90% 39% no-repeat, 
url('ba_sota.jpg'); background-color: #f8c301; 
behavior: url(/pie/PIE.htc);}


a {color:#8D4D0F; outline: none; text-decoration:none;}
a:hover {text-decoration: none; color:#AA0220;}
p {margin: 0 0 10px;}
img {border: none;}

input {vertical-align: middle;}
#wrapper {width:1050px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; background: #ffffff;}

@font-face {font-family:Century_Gothic; src:url("Century_Gothic.ttf") format("opentype");}
@font-face {font-family:Arial Narrow; src:url("arial-narrow.ttf") format("opentype");}

/* Яндекс поиск - убрал из search.txt поставил сюда
-----------------------------------------------------------------------------*/
.ya-page_js_yes .ya-site-form_inited_no { display: none; }

/* Header
-----------------------------------------------------------------------------*/
#header {}
.headerimg{background-image: url("header.jpg"); background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 35%;}
.headertext-min {font-family: Century_Gothic; letter-spacing: 0px; font-size: 12px; font-weight: bold; color: #55271a; margin-left: 272px; padding-top:9px; text-align:left; line-height: 1.2; position: absolute; top:1%;}
.headertext {font-family: Century_Gothic; letter-spacing: 0px; font-size:42px; margin-left:272px; text-align: left; line-height: 1.2; text-transform:uppercase; position: absolute; top:7%; font-weight: bold;
color: #55271a; text-shadow: #fee330 1px 0px, #fee330 1px 1px, #fee330 0px 1px, #fee330 -1px 1px, #fee330 -1px 0px, #fee330 -1px -1px, #fee330 0px -1px, #fee330 1px -1px, #fee330 0 0 2px, #fee330 0 0 2px, #fee330 0 0 2px, #fee330 0 0 2px, #fee330 0 0 2px, #fee330 0 0 2px, #fee330 0 0 2px, #fee330 0 0 2px;}


/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 183px; height: 1%; position: relative;}
#middle:after {content: ''; clear: both; display: table;}
#container {width: 100%; float: left; overflow: hidden; margin-bottom: 5px; }
#content {padding: 0 15px 0 245px; background: #ffffff;}
#content-list {margin-left: 15px; margin-right: 20px;}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {float: left; width: 215px; margin-left:-100%; margin-top:10px; position: relative;}


/* Footer
-----------------------------------------------------------------------------*/
#footer {font-size:12px; font-family: Arial, Tahoma, Verdana, sans-serif; line-height: 1.5; color: #562517; width:1050px; margin: -183px auto 0; height: 183px; position: relative; background: url(/css-java/footer.jpg); border-top: 3px solid #eb9921;}
#footer a:visited {color:#AA0220;}
#footer a:hover {text-decoration: none; color:#808080;}
.footer-1 {position: absolute; top: 20px; left: 3px; width:37%; padding: 10px;}
.footer-2 {position: absolute; background: url(/css-java/footer-in-vert.gif) repeat-y scroll 0 0 transparent; height:160px;  width:33%; margin-left: 40%; top:5px;}
.footer-2c {margin: 15px 2px 0px 22px;}
.footerzag{margin: 7px 0 3px 0px; font-size:13px; color:#000000; }
.footer-3 {position: absolute; background: url(/css-java/footer-in-vert.gif) repeat-y scroll 5px 0 transparent; height:160px; width:25%; text-align: center; right: 15px; top:10px; }
.footer-3c {margin: 40px 0px 0px 25px;}


/* Шрифт на сайте
-----------------------------------------------------------------------------*/
h1 {font-family: Century_Gothic; color: #D65500; font-size: 24px; font-weight: normal; text-align: center; padding: 15px 0; line-height: 1.5;}
h2 {font-family: Century_Gothic; color: #b38e1f; font-size: 21px; font-weight: normal; padding: 5px 0 10px; line-height: 1.1; text-align: center;}
h3 {font-family: Century_Gothic; color: #CC5500; font-size: 19px; font-weight: normal; margin: -2px 0 5px; padding: 8px 0 7px; text-align: center;}
h4 {font-family: Century_Gothic; color: #b38e1f; font-size: 15px; font-weight: normal; padding: 5px 0 10px; line-height: 1.1; text-align: center;}

.tsitata {font-style:italic;  color:#CC5500; text-align: right; width: 100%; margin: 0 0 7px;}
.txta {font-style:italic; color:#808000; font: 14px;}


/* Левое меню
-----------------------------------------------------------------------------*/
.menu-r {margin-left: 11px; margin-bottom: 12px;}

.zag {color:#595858; font: 13px Century_Gothic; font-weight:600; margin-left: 30px;}

.menu-content A {display: block; color:#000000; font: 13px Century_Gothic; text-decoration: none; margin:1px 0px; padding-left:7px; border-bottom: 1px solid #ffffff;}
.menu-content A:hover {display: block; color:#AA0220;}

.menu-zag {font: 13px Century_Gothic; color: #ffffff; font-weight: bold; background-image: url(plashka2.gif); margin-top: 6px; margin-bottom: 4px; padding-top: 3px;
text-align: center; height: 26px;}
.menu-image {width:200px; margin-bottom:7px;}
.menu-z {display:inline-block; position:relative;}
.menu-z .menu-z-text {display:block; position:absolute; text-align: center; bottom:0; width:100%; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fff; padding:7px; padding-bottom:14px;}
.menu-z span {color:#FFFFFF; font: bold 14px Century_Gothic;}


/* Левое меню НОВОЕ
-----------------------------------------------------------------------------*/
.menucontent {display: block; font:13px Century_Gothic; margin:4px;}
.menucontent A {display: block; color:#000000; height:17px; text-decoration: none; padding:1px; border-bottom: 1px dotted #696969; }
.menucontent A:hover {display: block; color:#AA0220; background:#fff;}

.menublok {top:10px; margin:10px 0 20px 8px; float: left;  width:100%; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 4px 7px 7px;
-moz-box-shadow: #666 4px 7px 7px;
background: #FFFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFF99), to(#ffffff));
background: -webkit-linear-gradient(#FFFF99, #ffffff);
background: -moz-linear-gradient(#FFFF99, #ffffff);
background: -ms-linear-gradient(#FFFF99, #ffffff);
background: -o-linear-gradient(#FFFF99, #ffffff);
background: linear-gradient(#FFFF99, #ffffff);
-pie-background: linear-gradient(#FFFF99, #ffffff);
behavior: url(/pie/PIE.htc);}

.menuzag {display:inline-block; position:relative; background:#D2691E; color: #fff; font-family: Century_Gothic; font-size:17px; border-radius: 7px 7px 0px 0px; padding:8px 0 10px 0; text-align: center;  behavior: url(/pie/PIE.htc); margin-bottom:7px; width:100%; 
background: -webkit-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -webkit-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -moz-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -ms-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -o-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%); 
-pie-background: linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
behavior: url(/pie/PIE.htc);}

.menupodzag {background:#D2691E; 
background: -webkit-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -webkit-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -moz-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -ms-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -o-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%); 
-pie-background: linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
color: #fff; font-family: Century_Gothic; font-size:15px; padding:5px 0 7px 0; text-align: center;  margin:7px -4px; }

.menupodzagv {background:#D2691E; 
background: -webkit-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -webkit-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -moz-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -ms-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: -o-linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
background: linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%); 
-pie-background: linear-gradient(to top, #f9ab72 0%, #D2691E 36%, #f2883a 100%);
color: #fff; font-family: Century_Gothic; font-size:13px; padding: 5px 0 7px 0; text-align: center;  margin:5px -4px; }

/* Отступы у картинок 
-----------------------------------------------------------------------------*/
.imgcenter {margin: 10px 0;}
.imgleft-noram {float:left; margin: 10px 10px 10px 0;}
.imgleft {float:left; margin: 10px 10px 10px 0; border-color: #CCCCCC; border-style: solid; border-width: 1px;}
.imgright-noram {float: right; margin: 10px 0 10px 10px;}
.imgright {float: right; margin: 10px 0 10px 10px; border-color: #CCCCCC; border-style: solid; border-width: 1px;}

.avtor {padding: 10px 0 10px 60%; }

/* 3 колонки на главной 
-----------------------------------------------------------------------------*/
.column-3 { -moz-column-width: 100px; -webkit-column-width: 100px; column-width: 150px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 30px;
    -webkit-column-gap: 30px; column-gap: 30px; -moz-column-rule: 1px solid #ccc; -webkit-column-rule: 1px solid #ccc; column-rule: 1px solid #ccc; }

hr {height: 1px; border: none; color: #d9d8d0; background: #d9d8d0; margin-top: 15px; margin-bottom:7px;}
* html hr {/* хак для ие6 */
margin: -7px 0; /* устраняем начальный отступ для ие6 */}

.forum {border: 1px solid #eb9921;}

/* Картинка в меню на главной 
-----------------------------------------------------------------------------*/
span.k-1, span.k-2, span.k-3 {background: url("new.png") no-repeat; display:block; width:41px; height:14px; float:right; margin-top: -19px; margin-right: -8px;}
span.k-1 {background-position: 5px -44px;}
span.k-2 {background-position: 5px -29px;}
span.k-3 {background-position: 5px -14px;}

/* Блокнот с линками
-----------------------------------------------------------------------------*/
.ramka-bloknot {background-image: url(fon3.gif); border: solid #a4a4a4 1px; padding: 10px; margin-top: 15px; margin-left: 28px; margin-right: 15px; margin-bottom: 7px;
box-shadow: 0.2em 0.4em 3px rgba(122, 122, 122, 0.5);}

.bloknot-l { font-style: italic; background-image: url("bloknot.png"); background-repeat: repeat-y; padding-left:65px; margin-left: -32px; padding-top:5px;}
.bloknot-l a {text-decoration: none;}
.bloknot-l a:hover {text-decoration: underline;}

.bloknot-zag {background-image: url("bloknot-top.png"); background-repeat: repeat-y; padding-left:65px; margin-left: -32px; margin-bottom:7px; font-family: Verdana, Arial Cyr, Arial; font-weight: bold;
font-size: 14px; color: #c21317; height:25px;}

/* Таблица на главную   
-----------------------------------------------------------------------------*/
.cells-med {display: table; padding-left: 4px; padding-top:3px; padding-bottom:9px;}
.stroka-med {display:inline;}
.cell-krai-verx, .cell-krai-niz, .cell-center-verx, .cell-center-niz { display: table-cell !important; display: inline; vertical-align:middle; padding: 4px; width: 22%; text-align: left;}
.cell-krai-verx a, .cell-krai-niz a, .cell-center-verx a, .cell-center-niz a {text-align: left; float:left; color:#000000 !important;}
.cell-center-verx a:hover, .cell-center-niz a:hover {text-decoration: none; color:#aa0220 !important;}
.cell-krai-verx-img, .cell-krai-niz-img, .cell-center-verx-img, .cell-center-niz-img { display: table-cell !important; display: inline; vertical-align:middle; text-align:center; padding: 4px; width: 67px; text-align: center;}

/* Блок с рамкой на главную   
-----------------------------------------------------------------------------*/
.block-border {border: 1px solid #a19b6d; display: block; height: auto; margin: 5px 0 0;}
.block-border .head { background: url("block_tab1.gif") repeat-x scroll 0 29px; display: block; height: 29px; overflow: hidden; padding: 0 0 10px; position: relative;}
 .block-border .caption { background: url("block_tab2.gif") no-repeat scroll center bottom; color: #d3312d; display: inline-block; font: 16px/28px "Arial Narrow"; height: 22px; margin: 0; padding: 0 10px 17px 14px; text-transform: uppercase;}
.block-content {margin: 0 1px 0 1px;}

.frame-yellow {border: 1px solid #eb9921; text-align: center; padding: 10px; margin: 10px; background: #f9e01d; font:13px;}

/* Закладки на главной
-----------------------------------------------------------------------------*/
.tabs-zak{background: url("block_tab1.gif") repeat-x scroll 0 29px; text-transform: uppercase; font: 17px "Arial Narrow";}
.tabs-zak li{display: inline;}
.tabs-zak a {text-decoration: none; position: relative; padding: 6px 14px; color:#858585;}
.tabs-zak a.selected {background: url("block_tab2.gif") no-repeat scroll center -3px; color: #d3312d; 
display: inline-block; height: 25px;  text-transform: uppercase; outline: none; font-weight: bold;}
.block-border-zaklad {border: 1px solid #a19b6d; margin: 5px 0 0;}
.img-border {border: 1px solid #a2a19e;}
.img-border-odin {border: 1px solid #a2a19e; margin: 5px 15px 5px 5px; }

blockquote {color: #000; font-size: 14px; line-height: 20px; text-align: left; text-shadow: 1px 1px 1px #fff; background: #fff8d6; border:1px solid #936c39; padding:9px; margin:9px; font-style: italic;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius:10px; border-radius: 10px;}

/* На главной темы на форуме
-----------------------------------------------------------------------------*/
.temy-na-forume {padding-top:1px; padding-left:19px;}
.temy-na-forume a {color: #000000;}
.temy-na-forume a:hover {color:#AA0220;}

/* На главной - Мед Удмуртии
-----------------------------------------------------------------------------*/
.seminar {border: 5px ridge #d65500;  padding: 12px 7px 12px 7px; margin: 9px 5px 9px 5px; background: #f3f0db;}
.b1 {border: 1px ridge #a19b6d;  margin:15px 0 15px 0; background: #f3f0db; display: table; width:100%;}
.imgb1 {border: 2px ridge #d65500; margin:10px 0 0 15px; text-align: center; }
.b1zag {font-family:'Arial Narrow'; text-transform: uppercase; font-size:16px; text-align: center; color: #cc5500; padding: 7px 0 1px 0;  }
.b1text {font-family:'Arial Narrow'; text-transform: uppercase; font-size:13px; text-align: center; margin-top:9px; }

#column-left {float: left; margin:2px;}
#column-center {width:60%; float: left; margin:0 15px 0 15px;}
#column-right {float: left; margin-top:2px;}


/* Поиск по сайту
-----------------------------------------------------------------------------*/
.searchsait {padding-bottom:12px; padding-left:8px; margin: 1px;}


/* Новое --- lightbox фото в боксе выводится
-----------------------------------------------------------------------------*/
.lb-loader,.lightbox{text-align:center;line-height:0}
body:after{content:url(script-foto/close.png) url(script-foto/loading.gif) url(script-foto/prev.png) url(script-foto/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(script-foto/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(script-foto/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(script-foto/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(script-foto/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
.lb-number { padding-top:7px;}

.kalendar {background: url("kalendar.png") no-repeat 7px 40%; font-family: Verdana, Arial Cyr, Arial; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #c21317; height:22px;  border-bottom: 1px dotted #eb9921; margin: 15px 0 10px 1px; padding: 7px 0 14px 65px; height:auto; text-align:left;}
		
/* Анонсы  
-----------------------------------------------------------------------------*/
.novocti-zag {color: #CC5500;}
.novocti-zag a {font-family: "arial narrow",arial,sans-serif; font-size: 15px; display: block; color: #CC5500; margin: 5px; padding: 9px 0 0 5px; text-decoration: none;}
.novocti-zag a:hover {text-decoration: none; color:#aa0220 !important;}
.novocti-anons {font-family: Verdana, 'Arial Cyr', Arial; font-size: 12px; margin: 7px 0 15px 0; padding-left: 4px; line-height: 130%; text-align:justify;}

img.novocti {float:left; margin:20px 10px 0 0; padding-right: 5px;}

.poteme {color: #d3312d; font: 16px/28px "Arial Narrow"; padding: 15px 0 0 0; text-transform: uppercase;}
.poteme-odin {font: 16px/28px "Arial Narrow"; text-transform: uppercase;}


.menu li.active,
.menu li a:hover {
  background-position:0 0; 
  background-color: #bab9b9; 
  color:#4400aa; 
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

/* Хлебные крошки  
-----------------------------------------------------------------------------*/
.xleb {text-transform: uppercase; font-size:12px; color: gray; font-weight:500; margin:10px 0 10px 0;} 
.xleb a {text-transform: uppercase; text-decoration: none;} 
.xleb a:hover {text-decoration: underline;} 
.activm a {color: #d65500;}

/* Закладки горизонтальные на css
-----------------------------------------------------------------------------*/
/* Базовый контейнер табов */
.tabs-zakl {max-width: 100%; padding: 15px 0; margin: 0 auto;}
/* Стили секций с содержанием */
section {display: none; padding: 15px; background: #fff; border: 1px solid #a19b6d;}
.tabs-zakl input {display: none;}
/* Стили вкладок (табов) */
.tabs-zakl label {display: inline-block; margin: 0 0 -1px; padding: 15px 1px; font-size:12px; text-transform: uppercase; text-align: center; color: #000000; border: 1px solid #a19b6d; background: #ffffcc;}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs-zakl label:before {font-family: fontawesome; font-weight: normal; margin-right: 2px;}
.tabs-zakl label[for*="1"]:before {content: "\2710";}
.tabs-zakl label[for*="2"]:before {content: "\269C";}
.tabs-zakl label[for*="3"]:before {content: "\26D1";}
.tabs-zakl label[for*="4"]:before {content: "\2744";}
/* изменения стиля заголовков вкладок при наведении */
.tabs-zakl label:hover {color: #fe071e;  cursor: pointer; background:#ffff99;}
/* стили для активной вкладки */
.tabs-zakl input:checked + label {color: #555; border: 1px solid #a19b6d; border-top: 1px solid #fb0202; border-bottom: 1px solid #fff; background: #fff;}
/* активация секций с помощью переключателя :checked */
#tab1:checked ~ .content1, #tab2:checked ~ .content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4  {display: block;}


/* Видео ролики Ютуб
-----------------------------------------------------------------------------*/
.video-responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden;} 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Сезоны на главной
-----------------------------------------------------------------------------*/
TABLE.home {margin: 10px 15px 10px 10px; width:95%;}
TABLE.home p { padding-left:15px;}


/* проверить и удалить
-----------------------------------------------------------------------------*/
table.noborder {border:none; border-collapse: collapse; width:100%}
table.noborder th, table.noborder td {vertical-align: top; padding: 4px; border:none;}

/*  Table css
-----------------------------------------------------------------------------*/
table.sto {border: solid #c2c0bc 1px; border-collapse: collapse; border-spacing:0; width:100%}
table.sto th, table.sto td {vertical-align: top; padding: 4px; border:solid 1px #c2c0bc;}

table.nobtop {border:none; border-collapse: collapse; max-width:100%; margin:10px 0;}
table.nobtop th, table.nobtop td {vertical-align:top; border:none;}

table.nobcentr {border:0; border-collapse: collapse; max-width:100%; margin:10px 0; }
table.nobcentr th, table.nobcentr td {vertical-align: central; border:none; padding:0 1px;}
table.nobcentr tr {margin: 10px 0;}


/* Меню главное СТАРОЕ на php сделано!
-----------------------------------------------------------------------------*/
.menu-1 {font-family: Century_Gothic; font-size: 17px; margin-left: 4px; height: 25px; width: 100%; margin-top: -27px; margin-bottom: 9px;}
.menu-1 li{display: inline; padding: 4px;}
.menu-1 li a{font-family: Century_Gothic; color: #fff; padding: 9px 7px; text-decoration: none;}
.menu-1 li a:hover {text-decoration: underline;}
.menu-1 #selected a {text-decoration: none;}

/* Меню главное новое
-----------------------------------------------------------------------------*/
nav {font-family: Century_Gothic; font-size:15px; text-transform: uppercase; width: 100%; position: relative; z-index:7; background: #6e3c2d url("menufon.jpg") repeat-x scroll 0 0;}
nav ul {padding: 0; margin: 0 auto;	height: 33px;}
nav li {display: inline; float: left;}
nav a {color: #ffffff; display: inline-block; text-align: center; text-decoration: none; line-height: 33px;}
nav li a {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left: 25px;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active {background:url("tabrightE.gif") repeat-x; background-position:0% -42px; color: #fff; text-decoration: underline;}
nav a#pull {display: none;}
.flagn { position:relative; float:right; margin: 4px 0 0 0;}
.flagi {float:right; margin-top: 0px; margin-right: 5px;}
.search {width:200px; float:right; margin-top:4px;}

/* Styles for commentits, address		 /commentit/
-----------------------------------------------------------------------------------*/
a.pic {background-image: url(/commentit/im/bbbold.gif);width: 24px;height: 23px;display: block;float:left;}
a:hover.pic {background-position: 0 23px;}
a.pic2 {background-image: url(/commentit/im/bbitalic.gif);background-position: 0 0;width: 23px;height: 23px;display: block;float:left;}
a:hover.pic2 {background-position: 0 23px;}
a.pic3 {background-image: url(/commentit/im/bbunderlin.gif);background-position: 0 0;width: 24px;height: 23px;display: block;float:left;}
a:hover.pic3 {background-position: 0 23px;}
a.pic4 {background-image: url(/commentit/im/bburl.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left; margin:0 3px;}
a:hover.pic4 {background-position: 0 23px;}
a.pic5 {background-image: url(/commentit/im/bbimage.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left;margin:0 3px;}
a:hover.pic5 {background-position: 0 23px;}
a.pic8 {background-image: url(/commentit/im/bbstrike.gif);background-position: 0 0;width: 23px;height: 23px;display: block;float:left;}
a:hover.pic8 {background-position: 0 23px;}
a.pic6 {background-image: url(/commentit/im/bbquote.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left;margin:0 3px;}
a:hover.pic6 {background-position: 0 23px;}
a.pic7 {background-image: url(/commentit/im/bbcolor.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left; margin:0 3px;}
a:hover.pic7 {background-position: 0 23px;}
a.pic10 {background-image: url(/commentit/im/bbjustifyleft.gif);width: 24px;height: 23px;display: block;float:left;margin:0 0 0 3px;}
a:hover.pic10 {background-position: 0 23px;}
a.pic11 {background-image: url(/commentit/im/bbjustifycenter.gif);background-position: 0 0;width: 23px;height: 23px;display: block;float:left;}
a:hover.pic11 {background-position: 0 23px;}
a.pic12 {background-image: url(/commentit/im/bbjustifyright.gif);background-position: 0 0;width: 24px;height: 23px;display: block;float:left;}
a:hover.pic12 {background-position: 0 23px;}
a.pic13 {background-image: url(/commentit/im/bbsmail.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left;margin:0 3px;}
a:hover.pic13 {background-position: 0 23px;}

ul.recent > li {list-style-type: none;}
ul.recent > li:before {content: "✫ "; color:#D65500;}

.god { font-size:24px; margin: 3px 20px 20px 0; color:#AA0D10; border:1px #AA0D10 solid; border-radius:11px; padding:11px; background:#ffffa9; float:left;}
.god:hover {background:#ffffff;}
.gactive { background:#ffffff; color:#AA0D10; font-weight:600;}

.setivk {padding: 8px 10px 8px 63px; background: url("/images/vk.png") 7px 4px no-repeat scroll; background-size:32px;}
.setiytub {padding: 8px 10px 8px 63px; background: url("/images/youtube.png") 7px 4px no-repeat scroll; background-size:32px;}

/* Контейнер с адаптивными блоками
------------------------------------------- */
.masonry {margin: 1.5em 0; padding: 0; column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em;}
.masonry {-moz-column-count: 4;  -webkit-column-count: 4; column-count: 4;}
.masonry div.item p { text-align:left !important;}

.masontema {margin: 0 0 1.0em 0; padding: 0; column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em;}
.masontema {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}

/* Элементы в виде плиток с содержанием */
.item {display: block; background: #fff; padding: 0.5em; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; border: 3px rgba(249,235,130,0.8) ridge; height: 440px;}
.itemtema {display: block; background: #f3f0db; padding: 1em; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; border: 3px rgba(249,235,130,0.8) ridge; height: 120px;}
/* Стили картинок, видое и фреймов внутри адаптивных плиток */
img, iframe {max-width: 100%; height: auto; display: block;}
/* Стили ссылок внутри плиток */
.item a, .itemtema a  {text-decoration: none; }
.item a:hover, .itemtema a:hover  {border-bottom: 1px dotted #9F1D35;}
.item > p > img, .itemtema > p > img {width:100%}

.mainpage li {list-style: none outside none; padding-left:17px;background:url('li_green.gif') 2px 4px no-repeat;}
.mainpage li a {text-decoration: none;}

/* Также по теме
------------------------------------------- */
.img-bordertema {border: 1px solid #a2a19e; margin: 10px 10px 10px 0; float:left;}
.tema {color: #564334; margin: 15px 0; padding: 10px; border-radius: 10px 10px 10px 0px; border: 1px solid #CCB293; border-left: 3px solid #CCB293; }
.poteme {color: #d3312d; text-transform: uppercase; padding: 8px 10px 27px 63px; background: url("po-teme-ps.png") 7px 4px no-repeat scroll #ffffff; background-size: auto auto; background-size: 48px; margin-top: 30px;}

.masontema div.itemtema p a {margin-top:7px;  display:block; text-align:left;}

@media all and (max-width: 860px){

body {background-image:none;-webkit-text-size-adjust:none;padding:5px;min-height:100%;font-size:17px; line-height:1.3}

TABLE {width:100%;}

/* Блоки 
--------------------------------------------------------------*/
#wrapper, #middle, #content, .temy-na-forume, #sideLeft, #footer {
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

.footer-1 {width:90%;}

body {background-color: #ffffff;} 
.menu-1 { background:#753b26; margin:9px; padding:9px; width:90%; font-size:12px;}
.menucontent A {height:17px; padding:6px 0; margin:4px 0;}
.temy-na-forume { margin:9px !important; font-size:13px;} 	/* Отступы темы на форуме */
.menublok {width:93%;} 

/* Шапка
--------------------------------------------------------------*/
#header {height:auto;}
.headertext {margin:-4% 0 0 25%; font-size:28px;}

.b1 {width:98%;}		/* В рамке - Анализ... */
#column-center {width:100%; margin:5px;}

/* Скрываем
--------------------------------------------------------------*/
.xleb, .headertext-min, .footer-2, .footeryan, #column-left, #column-right {display: none;}

.footer-3  {background:none;}

img {max-width:100%; height:auto;}

/* Главное меню
--------------------------------------------------------------*/
nav a {width: 100%; color: #ffffff; font-weight:700;}
nav {border-bottom: 0;}
nav ul {display: none; height: auto;}
nav a#pull {font-weight:800; display: block; background: #6e3c2d url("menufon.jpg") repeat-x scroll 0 0; width: 100%; position: relative; }
nav a#pull:after {
		content:"";
		background: url('nav-icon.png') 0 -1px no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top:8px;
	}
nav a#pull:hover {color:#ffffff;}
nav li {background: #5b793b; display: block; float: none; width: 100%;}
nav li a {border-bottom: 1px solid #ffffff; margin-left:0;}
nav li a:hover {color:#F7070B;}

.masonry {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.masontema {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
}

@media all and (max-width: 480px){

.kalendar {font-weight: bold; font-size: 12px; padding: 7px 0 14px 65px;}
.tabs-zakl label {font-size: 0;}

#content > div.tabs-zakl.zhome > label {font-size:14px;}

.tabs-zakl label:before {margin: 0; font-size: 18px;}
.tabs-zakl label {padding: 10px;}
.masonry {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
}

@media all and (max-width: 320px){

#content > div.tabs-zakl.zhome > label > span {font-size:10px; padding-left:5px;}

}