* {margin: 0; padding: 0;}
html {height: 100%;}
body {font-family: Verdana, 'Arial Cyr', Arial; font-size: 15px; max-width: 100%; height: 100%; background-image: url(006.gif);}
a {color: #5d3a8d; outline: none; text-decoration: underline; }
a:hover {text-decoration: none;}
p {margin: 0 0 9px; line-height: 1.4;}
img {border: none;}
input {vertical-align: middle;}
#wrapper {width: 1050px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;}
/* Яндекс поиск - убрал из search.txt поствил сюда
-----------------------------------------------------------------------------*/
.ya-page_js_yes .ya-site-form_inited_no { display: none; }
/* Header
-----------------------------------------------------------------------------*/
#header {color: #0877a1; }
.headerimg{padding-bottom:24%; background-image:url("header.jpg"); background-size:100% auto; background-repeat:no-repeat;}
.header-description {font-family: Verdana, 'Arial Cyr', Arial; font-weight: bold; font-size: 8px; top: 48px; margin-left:4px; position: absolute; z-index:3;}
/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 210px; height: 1%; background: #ffffff;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden; background: #ffffff;}
#containerboard {width: 100%; float: left; overflow: hidden; background: #ffffff;}
#content {padding: 0 270px 0 0; margin-left: 1%; margin-right: 2%;}
#content-list {margin-left: 15px; margin-right: 20px;}
.fon-white {background-color: #ffffff;}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {margin-top: 7px; float: left; margin-right: -20px; width: 280px; margin-left: -280px; position: relative; background: #f9fac7; right: 7px; border-bottom: #d3df89 2px solid; position: relative; border-left: #d3df89 2px solid; border-top: #d3df89 2px solid; border-right: #d3df89 2px solid;}
#sideRightNew {float: left; margin-right: -20px; width: 280px; margin-left: -280px; position: relative; right: 7px;}
#sideImage {margin-top: 67px; float: left; margin-right: -20px; width: 250px; margin-left: -250px; position: relative; right: 7px;}
.sidetext {display: block; font-family: Verdana, 'Arial Cyr'; font-size: 90%; margin-top: 5px; margin-left: 15px; margin-right: 5px;}
.sidetext A {text-decoration: none; border-bottom: 1px dashed #CCCCCC; color: #000000;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight:500; color: #0877a1; margin: 13px 0 17px 20px; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight:100; color: #5d3a8d; margin: 12px 0 12px 3%;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 300; color: #0877a1; padding: 5px 0 7px 0; margin: 0 7px 7px 0; border-bottom: 1px dashed #a4dbef;}
h4 {font-family: Verdana, 'Arial Cyr', Arial; font-size: 13px; color: #4e4f4e; padding-bottom: 5px; border-bottom: 1px dotted #e8e8e8; margin-top: 2px; margin-bottom: 12px;}
h5 {font-size: 12px; color: #5d3a8d; text-align:center; padding:8px 0 15px 0;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; line-height:1.35; color:#000000; width: 1050px; margin: -200px auto 0; height: 200px; background: #e8e8e8; position: relative; display: block;}
.footerone {float:left; width:30%; padding: 30px 0 0 10px;}
.footertwo {float:left; background: url('/css-image/footer-in-vert.gif') repeat-y, url('/css-image/footer-in-vert.gif') 100% 0 repeat-y; padding-left: 15px; top:12px; width:50%; position:relative;}
.footertwo a img { float:right; margin:17px; height:auto;}
.footerthree {float: right; margin:25px 40px 0 0;}
.footerliner {background: rgba(0, 0, 0, 0) url("/css-image/footer-line.png") repeat-x scroll center top; height: 12px;}
.footercaption {padding:5px 0; color: #5d3a8d; font-weight:600;}
.footertext {font-style:italic;}
.footerlive {padding-top:20px;}
.footertwo a { display: inline;}
/* Новости логопедов начало
-----------------------------------------------------------------------------*/
.novocti-data span{float:right; padding-right: 9px;}
.novocti-data {font-family: Verdana, 'Arial Cyr', Arial;
font-size: 9px; color: #757575; border-top: 1px dotted #757575; border-bottom: 1px dotted #757575; margin: 5px; padding: 3px; margin-right: 7px;}
.novocti-data-pr span{float:right; padding-right: 9px;}
.novocti-data-pr {font-family: Verdana, 'Arial Cyr', Arial; font-size: 9px; color: #757575; border-top: 1px dotted #757575; border-bottom: 1px dotted #757575; margin: 5px; padding: 3px; margin-left: 105px; margin-right: 7px;}
.novocti-razdel {font-family: Verdana, 'Arial Cyr', Arial; font-size: 9px; color: #757575; border-top: 1px solid #757575; margin: 5px; padding: 3px;}
.novocti-zag-logoped a {font-family: Verdana, 'Arial Cyr', Arial; font-size: 15px; display: block; color: #2c68a6; margin: 5px; padding: 3px 0 0 5px; text-decoration: none; }
.novocti-zag-logoped a:hover {text-decoration:underline;}
.novocti-text {font-family: Verdana, 'Arial Cyr', Arial; line-height: 130%; }
.novocti-blockl {border: 1px dotted #757575; margin: 9px 5px 9px 5px; padding:7px; line-height: 1.5; background: #e6f4f5;}
.novocti-blockl a {color: #2c68a6;}
img.novoctimg {float:left; margin:-7px 10px 2px; 0; padding-right: 5px;}
/* Спойлер
-----------------------------------------------------------------------------*/
a.reveal {border-radius: 5px; font-size: 90%; padding: 3px; background: #e8e8e8; color: #2D2B2B; font-family: Georgia, serif; font-style: italic; cursor: pointer; text-decoration:none;}
a.reveal:hover {text-decoration: underline;}
/* Анонсы
-----------------------------------------------------------------------------*/
.novoe {border-top: 1px dashed #ddd; float: left; margin-bottom: 9px; padding: 2px 0;}
.novocti-anons {font-family: Verdana, 'Arial Cyr', Arial; font-size: 15px; margin: 7px 0 2px 0; padding-left: 4px; line-height: 130%;}
img.novocti {float:left; margin:13px 15px 2px; 0; border: 1px solid #d5d5d5; box-shadow: 2px 2px 4px 0 #ccc; padding:1px;}
#ramka2 {font-size: 9.5px; text-align: center; border: dotted #c4c291 1px; width: auto; background: #f8f9bc; margin-top: 7px; margin-left: 5px; margin-right: 5px; padding: 3px; }
/* Новости логопедов конец
-----------------------------------------------------------------------------*/
.ramka3 {background-color: #f9f9f9; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-top: 20px; padding: 4px;}
#zogolovok {font-size: 13px; text-align: center; margin-left: 10px; margin-right: 20px; background-color: #ffff99; color: #ff0000;}
#linki a {font-size: 12px; color: #130b33; text-decoration: none;}
/* Линия из точек в текстовой ссылке
-----------------------------------------------------------------------------*/
.line-toshki {border-bottom-style: dotted; border-width:1px; padding-left: 10px; padding-top: 8px; margin-bottom: 5px;}
/* Рамки на сайт
-----------------------------------------------------------------------------*/
#ramka1 {border: solid #f9d086 1px; width: auto; background: #f8f9bc; padding:5px; border-radius: 10px;}
.ramka-yellow {border: solid #f9d086 1px; width: auto; background: #f8f9bc; padding:5px;}
#ramka1-zag {font-family: 'Arial Cyr', Arial, Verdana; font-weight: bold; font-size: 13px; color: #6a7d13; margin-bottom: 4px;}
.line-toshki {border-bottom-style: dotted; border-width:1px; padding-left: 10px; padding-top: 8px; margin-bottom: 5px;}
fieldset {border: 1px solid #ccc; border-radius: 10px; margin: 15px 0 15px 0; padding: 10px;}
legend {color: #0e1b98; font-family: Arial,sans-serif; font-size: 1.3em;}
/* В словаре таблица адресов
-----------------------------------------------------------------------------*/
#termin {font-size: 11px; padding: 2px;}
/* В словаре ЛОГОПЕДА стили
-----------------------------------------------------------------------------*/
.shadetabs {padding: 3px 0; margin-top: 1px; margin-bottom: 3px; font: bold 12px Verdana; list-style-type: none; text-align: left; line-height:2.6;}
.shadetabs li {display: inline;}
.shadetabs li a{text-decoration: none; position: relative; z-index: 1; padding: 6px 5px; margin-right: -5px; border: 1px solid #778; color: #2d2b2b; background: #e0e0e0 url(termin/shade.gif) top left repeat-x;}
.shadetabs li a:visited {color: #2d2b2b;}
.shadetabs li a:hover {text-decoration: underline; color: #2d2b2b;}
.shadetabs li a.selected {position: relative; top: 0px;}
.shadetabs li a.selected{ background-image: url(termin/shadeactive.gif); border-bottom-color: white; border-bottom-style: dotted;}
.shadetabs li a.selected:hover {text-decoration: none;}
.shadetabs img {float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 5px;}
.tabcontent{display:none; font-size: 12px; line-height: 80%;}
/* Меню у партнёров
-----------------------------------------------------------------------------*/
div.menu-links {margin-top: 3px; margin-left: 3px; width: 242px; font-family: Arial, sans-serif; font-size: 13px; color: #fff; margin-bottom: 7px;}
div.menu-links div {background: url(links-title.gif) repeat-x; overflow: hidden;}
div.menu-links div:first-child {background: url(links-title.gif) repeat-x;}
div.menu-links div.collapsed {height: 22px;}
div.menu-links div span {display: block; padding: 5px 23px; font-weight: bold; color: #000000; background: url(links-expanded.gif) no-repeat 5px center; cursor: default; border-bottom: 1px dotted #ddd;}
div.menu-links div.collapsed span {background-image: url(links-collapsed.gif);}
div.menu-links div a {padding: 2px 24px; background: #ffffff; text-decoration: none; display: block; border-bottom: 1px dotted #ddd; color: #000000;}
div.menu-links div a.current {background : #e8e8e8;}
div.menu-links div a:hover {background : #f2f0f0 url(links-linkarrow.gif) no-repeat left center; color: #000; text-decoration: none;}
/* Тень картинки
-----------------------------------------------------------------------------*/
.shadow {box-shadow: 0 5px 5px rgba(0,0,0, 0.75);
-moz-box-shadow: 0 5px 5px rgba(0,0,0, 0.75);
-webkit-box-shadow: 0 5px 5px rgba(0,0,0, 0.75);}
/* Фон клетка
-----------------------------------------------------------------------------*/
.cell-fon {border: 1px ridge #CCC; font-family: "Times New Roman", Times, serif; font-size: 10pt; background-image: url(fon3.gif);}
/* Литература стили
-----------------------------------------------------------------------------*/
.literarura-obl { height:400px; width:262px; position: relative;}
.literarura-svitok img {height: 400px; width:310px; position: absolute; left: 300px; top: 0px;}
.literarura-text {height: 230px; width: 265px; position: absolute; left: 325px; top: 70px;}
/* Отступы у картинок
-----------------------------------------------------------------------------*/
.leftimg {float:left; margin: 10px 10px 10px 0;}
.rightimg {float: right; margin: 10px 0 10px 10px;}
.left-ramka-img {float:left; margin: 10px 10px 10px 0; padding: 15px; background: #f4f3f2; border:solid 1px #c2c0bc;}
.right-ramka-img {float: right; margin: 10px 0 10px 10px; border:solid 5px #d4d0c8;}
/* Новое --- lightlox фото в боксе выводится
-----------------------------------------------------------------------------*/
.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}
/* Пагинация
-----------------------------------------------------------------------------*/
ul{border:0; margin:0; padding:0;}
#pagination-digg {font-size: 9px; width:85%; margin-top:12px; margin-left:1%; margin-right: 20%; margin-bottom:12px; float:left;}
#pagination-digg li{border:0; margin:0; padding:0; margin-bottom:2px; font-size:10px; list-style:none; margin-right:2px;}
#pagination-digg a{line-height:14px; border:solid 1px #afaeae; margin-right:2px; margin-bottom:2px;}
#pagination-digg .previous-off,
#pagination-digg .next-off {line-height:11px; border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px;}
#pagination-digg .next a,
#pagination-digg .previous a {font-weight:bold;}
#pagination-digg .active {line-height:14px; background:#afaeae; color:#ffffff; font-weight:bold; display:block; float:left; padding:3px 6px;}
#pagination-digg a:link,
#pagination-digg a:visited {color:#333333; display:block; float:left; padding:2px 4px; text-decoration:none;}
#pagination-digg a:hover{border:solid 1px #afaeae;}
.links-banner A {padding-left:10px; font-family: Arial, Verdana, 'Arial Cyr'; font-size: 12px; text-decoration: none; margin: 7px; display: block; color: #000000;}
.links-banner li {list-style-type: none;}
.links-banner #selected A {font-weight: bold;}
.text-p {padding-left: 10px; padding-right: 10px;}
/* Пагинация закончилась здесь
-----------------------------------------------------------------------------*/
.text-skryt {visibility:hidden; height: 10px;}
/* Автор материала, читать по теме и Оглавление
-----------------------------------------------------------------------------*/
.avtor {padding: 7px; margin: 7px; text-align: right; font-style: italic; text-shadow: #ddcd8b 0px 2px 2px;}
.avtor a {text-decoration: none !important;}
.avtor a:hover {text-decoration: underline !important;}
.tema-tabl {display: table; min-width:88%; vertical-align: middle; padding: 20px 20px 20px 57px; margin-top:3%; font-weight: bold; border-left: #e8d99c 3px solid; background: url("tema-bloknot.png") no-repeat scroll left center #fbf6e2; height: 18px; color: #686969; border-radius: 10px 10px 10px 0px;}
.oglavlenie {border-left: #e8d99c 3px solid; font-weight: bold; color: #686969; font-size: 105%; padding: 12px 0 10px 17px;}
.oglavlenie A {font-weight: normal; color: #000000; line-height: 1.0; font-style: italic; text-decoration: none; }
.oglavlenie A:hover {
color: #0877a1; /* Цвет ссылки при наведении на нее курсора мыши */
text-decoration: underline; /* Добавляем подчеркивание */
}
/* Закладки на главную НОВЫЕ
-----------------------------------------------------------------------------*/
/* Базовый контейнер табов */
.tabs-zakl {padding: 15px 0; margin: 0 auto;}
/* Стили секций с содержанием */
section {
display: none;
padding: 15px;
background: #fff;
border: 1px solid #ddd;
}
.tabs-zakl input {
display: none;
}
/* Стили вкладок (табов) */
.tabs-zakl label {
display: inline-block;
margin: 0 0 -1px;
padding: 15px 1px; font-size:11px;
text-transform: uppercase;
text-align: center;
color: #aaa;
border: 1px solid #ddd;
background: #f1f1f1;
border-radius: 7px 7px 0 0;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs-zakl label:before {
font-family: fontawesome;
font-weight: normal;
margin-right: 2px;
}
.tabs-zakl label[for*="1"]:before {
content: "\270F";
}
.tabs-zakl label[for*="2"]:before {
content: "\2764";
}
.tabs-zakl label[for*="3"]:before {
content: "\2600";
}
.tabs-zakl label[for*="4"]:before {
content: "\260E";
}
.tabs-zakl label[for*="5"]:before {
content: "\267B";
}
.tabs-zakl label[for*="6"]:before {
content: "\262F";
}
.tabs-zakl label[for*="7"]:before {
content: "\270F";
}
/* изменения стиля заголовков вкладок при наведении */
.tabs-zakl label:hover {
color: #888;
cursor: pointer;
}
/* стили для активной вкладки */
.tabs-zakl input:checked + label {
color: #555;
border: 1px solid #ddd;
border-top: 1px solid #009933;
border-bottom: 1px solid #fff;
background: #fff;
}
/* активация секций с помощью переключателя :checked */
#tab1:checked ~ .content1,
#tab2:checked ~ .content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
display: block;
}
/* Таблица на div. Алфавит
-----------------------------------------------------------------------------*/
.alfavit {width: 252px; text-align: center; float: left; padding-top: 7px; padding-bottom: 10px;}
.alfavit-cell {font: 12px/1.7 Verdana, "'Arial Cyr'"; color: #d2cfc9; border: 1px solid #e8e8e8; margin-left:1px; margin-bottom:1px; float:left; height: 22px; width: 25px;}
.alfavit-cell a {font: 12px/1.5 Verdana, "'Arial Cyr'"; color: #000000; background: #e8e8e8; border: 1px solid #e8e8e8 !important; float:left; height: 20px; width: 23px; cursor:pointer;}
.alfavit-cell a:hover {border-color:#FB010D !important; background: white;}
/* Выпадающее меню регионов
-----------------------------------------------------------------------------*/
#get_specs {width: 253px !important;}
/* Закладки на главную - Конец
-----------------------------------------------------------------------------*/
.menu_block {width: 252px; height: 337px; white-space: nowrap; margin-bottom: 5px; overflow: auto; float:left; clear:left; overflow-x:hidden; }
.magnifyarea{ background: white;}
/* New styles 2017-02-26
-----------------------------------------------------------------------------*/
.colorgrin {color: #029c18; font-size:13px;}
.colorblue {color: #0e1b98; font-size:105%; }
.colorbluebig {color: #0877a1; font-size:110%; text-transform:uppercase; text-align:center;}
.colorbluepen {background: url("logoedit-1.png") no-repeat scroll 2px 4px; font-family: Arial,Helvetica,sans-serif; color: #5D3A8D; font-size: 17px; padding-top: 11px; padding-bottom: 8px; padding-left: 50px; margin-bottom: 17px;}
.colorblue-wait {color: #0877a1; font-weight: bold; background-color:#ffffff; display: inline; border: #f55873 1px solid; border-radius:5px;}
.colorred {color:#ba0303; font-weight:600; }
.coloryellow {color: #e0e306;}
.colorbrown {color: #c18002;}
/* Выделяем слова - маркером
-----------------------------------------------------------------------------*/
.conspecgrin {background:#d0ebbe; border-left: 2px solid #2d8014; padding: 1px 4px; margin-top: 12px;}
.conspeclass {font-weight: bold; background: #e8e8e8 url('info.png') no-repeat 5px 3px; border-left: 2px solid #9e9e9e; padding-top: 5px; padding-bottom: 7px; padding-left: 39px;
margin-top: 12px; margin-bottom: 12px; margin-right: 50%;}
/* Выделяем слова - стили принес со страниц, некоторые сократить
-----------------------------------------------------------------------------*/
hr {color: #0E1B98; background: #e8e8e8; width: 90%; height: 1px; margin-top:-10px; margin-bottom:-10px; }
.gvertical {display: inline-block; -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); font-size:11px;}
.log-zag {text-align:center; font-size:15px; text-transform: uppercase; padding:15px 0}
.log-zag a {border-bottom: 1px dashed #9D9E9F; color: #000000; text-decoration: none;}
.log-zag a:hover {color: #2265C1; text-decoration: none; }
.log-video { position: absolute;}
#myelement1 {
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
transform: rotate(-20deg);
}
#myelement2 {
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
}
.stixz {font-size:15px; margin-bottom:9px; margin-left:30px; text-decoration:underline;}
.otstup {margin: 5px 0 5px 155px; font-style: italic;}
.fontkur {font-size:11px; font-style:italic; margin-left:55px;}
.akva {margin:auto; background:url(../images/akva-fon-3.jpg) center center no-repeat; text-align:center; height:900px; width:100%;}
.txtfon { background:#ffffff; border-radius:5px; margin:7px; padding:7px; text-align:center;}
.fz { font-size:13px; font-style:italic; font-weight:700;}
/* Гаджеты новые в сидибаре
-----------------------------------------------------------------------------*/
.barramka {margin-top: 10px; float: right; width: 100%; background: #f9fac7; border-bottom: #e8e8e8 1px solid; position: relative; border-left: #e8e8e8 1px solid;
BACKGROUND-color: white; border-top: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; margin-bottom: 5px; box-shadow: 0.2em 0.4em 3px gba(122,122,122,0.5);}
#barramka-text {margin-top: 10px; margin-right: 10px; float: right; width: 250px; background: #f9fac7; border-bottom: #e8e8e8 1px solid; position: relative;
border-left: #e8e8e8 1px solid; BACKGROUND-color: white; border-top: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; margin-bottom: 5px;
box-shadow: 0.2em 0.4em 3px rgba(122,122,122,0.5);}
/* ГАДЖЕТ - внутри блока контент */
.barcont {display:block; padding: 10px 5px; BACKGROUND-color: #ffffff;}
.barcontent A {display:block; margin: 0px 6px; padding:4px; background-color: #ffffff; color: #000000;}
.barcont a:hover {color:#2c68a6}
.barzagolovok {padding-bottom: 10px; background: #f0f0f0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#D5D8DA)); background: -webkit-linear-gradient(#FEFEFE, #D5D8DA); background: -moz-linear-gradient(#FEFEFE, #D5D8DA); background: -ms-linear-gradient(#FEFEFE, #D5D8DA); background: -o-linear-gradient(#FEFEFE, #D5D8DA); background: linear-gradient(#FEFEFE, #D5D8DA); -pie-background: linear-gradient(#FEFEFE, #D5D8DA);
color: #2D2B2B; margin: 1px; padding-left: 10px; padding-RIGHT: 10px; text-align: center; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; padding-top: 10px; border-bottom: 1px solid #d6d1d1;}
#sidelink {margin-top: 10px; float: right;}
/* Меню в презентациях
-----------------------------------------------------------------------------*/
#barramka-pr {margin-top: 10px; float: right; width: 250px; background: #f9fac7; border-bottom: #e8e8e8 1px solid; position: relative; border-left: #e8e8e8 1px solid;
BACKGROUND-color: white; border-top: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; margin-bottom: 5px; box-shadow: 0.2em 0.4em 3px gba(122,122,122,0.5);}
#barzagolovok-pr {padding-bottom: 12px; background: #e8e8e8; color: #2D2B2B; margin: 1px; padding-left: 10px; padding-RIGHT: 10px; text-align: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; FONT-WEIGHT: bold; padding-top: 12px; border-bottom: 1px solid #d6d1d1;}
#barcontent-pr {padding-bottom: 10px; padding-left: 5px; padding-RIGHT: 5px; padding-top: 10px; BACKGROUND-color: #ffffff}
/* div в презентациях
-----------------------------------------------------------------------------*/
.cells-pr {display: table; padding-bottom: 11px;}
.cell-pr1, .cell-pr2, .cell-pr3 {display: table-cell; vertical-align: middle; padding-left: 64px; height: 72px;}
.cell-pr1 {background: url("download.png") no-repeat scroll 5px 14px; }
.cell-pr2 {width: 30%; background: url("slide-show.png") no-repeat scroll 5px 14px;}
.cell-pr3 {background: url("internet-explorer.png") no-repeat scroll 5px 14px;}
/*
.cells-pr {display: flex; justify-content: space-between; padding-top: 15px;}
.cell-pr1, .cell-pr2, .cell-pr3 {padding-left: 64px; height: 60px;}
.cell-pr1 {background: url("download.png") no-repeat; }
.cell-pr2 {background: url("slide-show.png") no-repeat;}
.cell-pr3 {background: url("internet-explorer.png") no-repeat;}
*/
/* Линки
-----------------------------------------------------------------------------*/
.linksp {FONT-FAMILY:Verdana; color: #000000;}
a.linksp {FONT-FAMILY:Verdana; color: #130b33;}
.linkspcontent {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #f1f1f1; margin: 10px; padding-bottom:3px; text-align: center;}
.no-linkspcontent {border: none !important;}
/* Картинка в меню
-----------------------------------------------------------------------------*/
img.menu {float:left; margin:0px 7px 0 0; padding-right: 5px; height: 16px; width: 16px;}
img.menuz {margin:0px 7px -7px 0; padding-right: 5px; height: 24px; width: 24px;}
/* Материалы логопеда или специалиста
-----------------------------------------------------------------------------*/
.logo-material {margin-bottom:27px;}
.logo-material a {color:#000000; text-decoration:none; border-bottom: 1px dashed #9d9e9f;}
.logo-material a:hover {border:none; color:#2265C1;}
/* Блок в разделы
-----------------------------------------------------------------------------*/
.cellsrazdel {padding:7px; background:#ffffff; }
.cellsrazdel a {font-style: italic; text-decoration:none;}
.cellsrazdel a:hover {text-decoration: underline; color: #0877a1;}
.cellsrazdel-img {display: table-cell !important; width:80px; vertical-align:middle; }
.cellsrazdel-left {display: table-cell !important; width:230px; border-right: 1px solid #f1f1f1; vertical-align:middle; }
.cellsrazdel-right {display: table-cell !important; vertical-align:middle; }
.stroka-razdel {border-bottom: 1px solid #f1f1f1;}
img.razdel {background:#f1f0f0; margin:3px; padding:1px; margin-right:16px; width:60px; border:1px solid #999999;}
/* Кнопка
-----------------------------------------------------------------------------*/
.knopka{text-decoration:none; margin:0 5px; margin-left:15px; float:left; padding:10px 3px 0 30px; color:#323C4D !important; font-size:16px !important; border: 1px solid #AFB5B9; width: 200px; height:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f0f0f0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#D5D8DA)); background: -webkit-linear-gradient(#FEFEFE, #D5D8DA); background: -moz-linear-gradient(#FEFEFE, #D5D8DA);
background: -ms-linear-gradient(#FEFEFE, #D5D8DA); background: -o-linear-gradient(#FEFEFE, #D5D8DA); background: linear-gradient(#FEFEFE, #D5D8DA);
-pie-background: linear-gradient(#FEFEFE, #D5D8DA);}
/* Картинка в меню на главной
-----------------------------------------------------------------------------*/
span.k-1, span.k-2, span.k-3 {background: url("new.png") no-repeat; display:block; width:26px; height:14px; float:right; margin-right:47px; margin-top: 0px;}
span.k-1 {background-position: -5px -44px;}
span.k-2 {background-position: -5px -29px;}
span.k-3 {background-position: -5px -14px;}
span.hidden-link {color: #000000; text-decoration: underline; cursor: pointer;}
/* Оформление таблицы логопедов
-----------------------------------------------------------------------------*/
wbr { display: inline-block; }
table.tablogo {width:98%; border-collapse: collapse; color: #2a2a2a;}
td.data, td.city, td.edu, td.spec, td.stazh, td.contact {padding:3px; font-weight:600; width:120px; color:#0877a1;}
td.city-p, td.edu-p, td.spec-p, td.contact-p, td.stazh-p {font-style:italic;}
td.data-p {padding: 5px; font-style:italic; width:75px; }
.tablogo img {width:100%; height: auto; background-color: #ffffff; border: 1px solid #dddddd; padding: 3px; box-shadow: 0.2em 0.4em 3px rgba(122, 122, 122, 0.5);}
td.foto {width:136px; min-width:136px;}
/* Рамка у картинки
-----------------------------------------------------------------------------*/
img.bordered {background-color: #ffffff; border: 1px solid #dddddd; padding: 3px; box-shadow: 0.2em 0.4em 3px rgba(122, 122, 122, 0.5);}
/* Сетка у таблицы
-----------------------------------------------------------------------------*/
table.sto {border: solid #c2c0bc 1px; border-collapse: collapse; width:100%}
table.sto th, table.sto td {vertical-align: top; padding: 4px; border:solid 1px #c2c0bc;}
table.noborder {border:none; border-collapse: collapse;}
table.noborder th, table.noborder td {vertical-align: central; padding: 4px; border:none;}
table.grid {border: solid #c2c0bc 1px; border-collapse: collapse;}
table.grid th, table.grid td {border-width: 1px; padding: 8px; border: solid #c2c0bc 1px;}
table.gridcentr { border:none; width: 90%; margin-left:5%; text-align: center; font-weight: bold;}
/* Отправка письма
-----------------------------------------------------------------------------*/
div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th { margin: 0px; padding: 0px; vertical-align: top; text-align: left; }
div.contact_form table { border-collapse: collapse; color:#646464; margin:25px 0 25px 0;}
div.contact_form th { padding: 0px 10px 3px 0px; }
div.contact_form td { padding: 0px 0px 3px 0px; }
div.contact_form img { margin-left: 5px; }
div.contact_form em {text-decoration: none; color: #004080;}
div.contact_form em.error, div.contact_form form em { color: #FF0000; }
div.contact_form div.error { margin-bottom: 15px; }
div.contact_form div.input { float: left; }
div.contact_form select { width: 250px; }
/* ***** Graphics *********************************************************** */
div.contact_form div.input {line-height: 1px; background: white no-repeat url('/includes/sendmail/input.png');}
div.contact_form div.input input, div.contact_form div.input textarea {margin: 0px; border: 1px solid #bcc0c0; padding: 1px 1px 1px 3px; background: none;}
div.contact_form input.submit {margin: 0px; border: 0px; padding: 0px; width: 70px; height: 24px; background: url('/includes/sendmail/submit.png');}
.remdata { float:right;
color: #646464;
display: inline;
font-size: 0.9em;
font-weight: bold;
margin: 0;
}
/* Новое главное меню
-----------------------------------------------------------------------------*/
#ddmenu
{
display:block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
letter-spacing:normal;
/* background:#BAF1D1;
background:#298212; */
background: #a6ce6d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2E2Y2U2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzI5ODIxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzI5ODIxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2E2Y2U2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #a6ce6d 5%, #298212 35%, #298212 65%, #a6ce6d 95%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a6ce6d 5%,#298212 35%,#298212 65%,#a6ce6d 95%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a6ce6d 5%,#298212 35%,#298212 65%,#a6ce6d 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce6d', endColorstr='#298212',GradientType=0 ); /* IE6-8 */
}
#ddmenu ul
{
margin:0 auto;
padding:0;
text-align:center; /* Alignment of each top-level menu items within the UL */
width:100%;
font-size:0;
/* background:#333; */
display:inline-block;
list-style:none;
position:relative;
z-index:3;
max-width:1400px;
/* background:rgba(0,255,192,0.3); */
border:1px solid rgba(255,255,255,0.2);
border-radius:4px;
}
#ddmenu li
{
margin:0;
padding:0;
font-size:11px;
display:inline-block;
*display:inline;
zoom:1; /*for IE6-7*/
position:relative;
color:#ffffff; /* Цвет шрифта главного меню */
line-height:30px; /* This determines the height of the menu */
transition:background-color 0.2s;
outline:none;
-moz-user-select:none;
-webkit-user-select: none;
-ms-user-select: none;
}
#ddmenu .full-width {
position: static;
}
#ddmenu .over {color:#FFF; background-color:#2f7133;}
#ddmenu .over.no-sub { }
#ddmenu .top-heading
{
font-weight:600; /* Главная строка в меню */
white-space:nowrap;
margin:0 16px;
color:inherit;
text-decoration:none;
display:inline-block;
outline:0;
cursor:pointer;
text-decoration: none;
text-transform: uppercase;
}
/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover
{
color:inherit;
}
#ddmenu a:hover
{
text-decoration:underline;
}
#ddmenu a:focus
{
outline:1px dotted #09F;
}
/* caret(arrow icon) */
#ddmenu .caret
{
color:inherit;
left:-12px;
width: 0;
height: 0;
overflow:hidden;/*for IE6*/
vertical-align:middle;
margin-bottom:2px;
border-top: 4px solid;/*caret size is 4px now*/
border-right: 4px solid transparent;
border-left: 4px solid transparent;
display: inline-block;
position:relative;
}
/* sub-menu layout
----------------------------*/
#ddmenu .dropdown
{
width:auto;
left:0px;
color:#000;
padding:0;margin:0;display:none;position:absolute;
top:100%;
border:1px solid rgba(255,255,255,0.35);
border-top:none;
border-radius:2px;
background-color:rgba(0,0,0,0.1);
background-color:#ccc \9;/*fallback for old IE*/
}
#ddmenu .full-width .dropdown {
width:100%;
padding:0;
margin:0;
margin-left:-1px; /*Set to 0 if UL has no border*/
}
#ddmenu .offset300 {
left:-300px;right:auto;
}
#ddmenu .right-aligned {
left:auto;
right:0px;
}
#ddmenu .over .dropdown
{
display:block;
}
#ddmenu .dd-inner {
text-align:center;
padding:20px;
margin:16px;
background-color:#FFF;
white-space:nowrap;
font-size:13px;
line-height:1.35;
}
/* links in sub menu
----------------------------*/
#ddmenu .dropdown a
{
display:table-row;
*display:block;
color:#000;
line-height:22px;
text-decoration:none;
padding:0;
}
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
text-decoration:underline;
color:#09F;
}
/* blocks within the sub-menu
-----------------------------*/
#ddmenu .column
{
text-align:left;
vertical-align:top;/*or middle*/
display:inline-block;
*display:inline;*zoom:1;
white-space:normal;
width:240px;
padding:0 30px;
border-right:1px solid #999;
}
#ddmenu div.dd-inner div:last-child
{
border-right:none;
}
#ddmenu .column h3 {
font-weight: 500;
line-height: 1.1;
margin-top: 12px;
margin-bottom: 8px;
font-size: 24px;
}
#ddmenu div.column h3 {text-transform:uppercase;}
#ddmenu div.column260 {width:260px;}
#ddmenu div.column340 {width:340px;}
/* useful when ... */
#ddmenuLink {display:none;}
/*######## add additional styles for mobile-friendly responsive menu ########*/
#ddmenu .menu-icon
{
display:none; /* hide menu icon initially */
}
/* Подсказка
___________________________________*/
.tooltipcomment {text-align:center; background:#F4F5FF; border:#E8E8FF 1px solid; padding:10px 3px; margin-top:10px; margin-left:5px;}
.tooltipcomment a {border-bottom: 1px dotted #000000; text-decoration:none; }
.tooltip {border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative;}
.tooltip span {margin-left: -999em; position: absolute;}
.tooltip:hover span {
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 100%;
}
.tooltip:hover img {border: 0; margin: -10px 0 0 -57%; float: left !important; position: absolute;}
.tooltip:hover em {font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; }
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
/* * html a:hover { background: transparent; } */
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7; }
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.tooltipwarning { background: #FFFFAA; border: 1px solid #FFAD33; }
div.v-t {width:1em; line-height:7em; font-size:19px; background-color:#e0f2d3; vertical-align: middle; text-align: center; padding:15px;}
div.v-t1 {width:1em; line-height:1em; font-size:12px; vertical-align: middle; text-align: center; padding:2px;}
TABLE {border-collapse: collapse; }
/* Arrow
-------------------------------*/
.arrowtop {width:15px; height:23px; background: url(../images/arrowtop.gif) no-repeat; margin: auto;}
.arrowleft {width:23px; height:15px; background: url(../images/arrowleft.gif) no-repeat; margin: auto;}
.arrowright {width:23px; height:15px; background: url(../images/arrowright.gif) no-repeat; margin: auto;}
.arrowbottom {width:15px; height:23px; background: url(../images/arrowbottom.gif) no-repeat; margin: auto;}
/* comment
-------------------------------*/
a.pic {background-image: url(/comment/im/bbbold.gif);width: 24px;height: 23px;display: block;float:left;}
a:hover.pic {background-position: 0 23px;}
a.pic2 {background-image: url(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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;}
/* Video Youtube
-----------------------------------------------------------------------------*/
.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%;
}
/* Styles for comments, address /comment/
-----------------------------------------------------------------------------------*/
a.pic {background-image: url(/comment/im/bbbold.gif);width: 24px;height: 23px;display: block;float:left;}
a:hover.pic {background-position: 0 23px;}
a.pic2 {background-image: url(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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(/comment/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:#2c68a6;}
/* ------------- Контейнер с адаптивными блоками------------- */
.masonry {margin: 1.5em auto; column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.masonrytext { margin-left:10px;}
/* Элементы в виде плиток с содержанием */
.adapt {display: inline-block; background: #fff; padding: 1em; margin: 10px auto; width: 100%;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 4px #ccc; }
/* Стили картинок, видое и фреймов внутри адаптивных плиток */
img.imgadapt, iframe.imgadapt {float:left; background: #f1f0f0 none repeat scroll 0 0; border: 1px solid #999999; margin: 3px 16px 3px 3px; padding: 1px; width: 100px; height:70px;}
/* Стили ссылок внутри плиток */
.adapt a {text-decoration: none; color: #359CC6; }
/* Стили ссылок при наведении */
.adapt a:hover {color: #2c68a6; border-bottom: 1px dotted #2c68a6;}
.setiytub {padding: 8px 10px 20px 45px; background: url("../images/youtube.png") 7px 4px no-repeat scroll; background-size: auto; background-size: 32px;}
.tochka a {text-decoration: none;}
/* Styles for mobile
----------------------------------------------------------*/
/* iPads (portrait and landscape)
----------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#wrapper, #footer {width: 1000px;}
}
@media all and (max-width: 950px){
body {
background-image:none;
-webkit-text-size-adjust:none;
padding:5px;
min-height:100%;
/*font-size:17px;*/
}
#wrapper, #middle, #content, #content-list, .novocti-text, #sideRightNew, .sidebar, #footer, .subcontainer, .rightcolumn, .searchform {
clear:both!important;
display:block!important;
width:100%!important;
float:none!important;
margin:0!important;
padding:0!important;
}
a {margin:3px;}
p {margin: 0 0 7px; text-align:left; line-height: 1.3;}
.alfavit-cell a { margin: 0 !important; }
.barcont p, menu_block p { margin: 10px 0;}
/* Шапка
-----------------------------------------------------------------------------*/
#header {height:auto; }
/* Пока не показываем
-----------------------------------------------------------------------------*/
.header-description, .footertwo, .footerthree, .tml, .tmr, .topmenu_area p {display:none;}
#presentation {display:none; }
.footerone {position: absolute; margin-top:10px; left: 5px; width:90%; padding: 10px;}
/* Image
-----------------------------------------------------------------------------*/
img {max-width:100%; height:auto;}
/* Image
-----------------------------------------------------------------------------*/
input { width:40%; }
}
@media all and (max-width: 680px) {
.masonry {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.adapt {width: 90%; margin:10px;}
.tabs-zakl label {font-size: 0;}
.tabs-zakl label:before {margin: 0; font-size: 18px;}
.tabs-zakl label {padding: 10px;}
}
@media only screen and (max-width: 480px)
{
#ddmenu .column.mayHide{display:none}
#ddmenu ul{width:100%;display:none;border-radius:0;background:rgba(177,190,185,0.6499999999999999)}
#ddmenu li{position:relative;display:block;font-size:13px;text-align:left;border-bottom:1px solid rgba(0,0,0,0.2)}
#ddmenu .full-width{position:relative}
#ddmenu .dropdown{position:relative;*top:auto;border:none;border-radius:0;box-shadow:none;text-align:left;background-color:#FFF}
#ddmenu .offset300{left:0}
#ddmenu .full-width .dropdown{width:auto}
#ddmenu .dd-inner{margin:0;background:none;text-align:left}
#ddmenu .column{width:auto;padding:0;border:none;display:block}
#ddmenu .caret{position:absolute;left:auto;right:14px;top:13px;border-width:5px}
#ddmenu .menu-icon{font-size:32px;display:block;position:relative;width:40px;height:36px;text-align:center;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;background-color:#eee;border-radius:3px;margin-left:auto;margin-right:11px}
#ddmenu .menu-icon::before{content:"";position:absolute;top:.25em;left:4px;width:1em;height:.125em;border-top:.375em double #333;border-bottom:.125em solid #333;box-sizing:content-box}
#ddmenu .menu-icon-active {background-color: #333;}
#ddmenu .menu-icon-active::before {border-color: #eee;}
.tema-tabl {font-size:13px; max-width:100%; min-width: inherit; }
}
@media all and (max-width: 380px)
{
.novocti-data, .novocti-data-pr {display:none;}
.tabs-zakl label {padding: 10px 8px;}
}
@media print {
.tabcontent {display:block !important;}
#header {display: none;}
#headerimg {display: none;}
#sideRightNew {display: none;}
#roundbar-blue {display: none;}
#footer {display: none;}
body {font-family: Verdana, Arial Cyr, Arial; font-size: 12px; width: 100%; height: 100%; margin: 20px;}
}