/*! * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fas,.far,.fal,.fad,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul > li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-angle-double-down:before{content:"\f103"}.fa-envelope:before{content:"\f0e0"}.fa-print:before {content: "\f02f"}.fa-play-circle:before {content: "\f144"}.fa-envelope-open:before{content:"\f2b6"}.fa-home:before{content:"\f015"}.fa-list:before{content:"\f03a"}.fa-window-minimize:before{content:"\f2d1"}.fa-times:before{content:"\f00d"}.fa-bars:before{content:"\f0c9"}.fa-search:before {content: "\f002"}.fa-heart:before {content: "\f004"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-cog:before {content: "\f013"}.fa-trash:before {content: "\f1f8"}.fa-window-close:before{content:"\f410"}.fa-comment-dots:before{content:"\f4ad"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-caret-down:before{content:"\f0d7"}.fa-angle-double-up:before{content:"\f102"}.fa-thumbs-down:before {content: "\f165"; }.fa-thumbs-up:before {content: "\f164"; }.fa-music:before{content:"\f001"}.fa-ellipsis-v:before {content: "\f142"; }.fa-comment:before {content: "\f075"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:block;src:url(/libs/webfonts/fa-regular-400.eot);src:url(/libs/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/libs/webfonts/fa-regular-400.woff2) format("woff2"),url(/libs/webfonts/fa-regular-400.woff) format("woff"),url(/libs/webfonts/fa-regular-400.ttf) format("truetype"),url(/libs/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:'Font Awesome 5 Free';font-weight:400}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:block;src:url(/libs/webfonts/fa-solid-900.eot);src:url(/libs/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/libs/webfonts/fa-solid-900.woff2) format("woff2"),url(/libs/webfonts/fa-solid-900.woff) format("woff"),url(/libs/webfonts/fa-solid-900.ttf) format("truetype"),url(/libs/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:'Font Awesome 5 Free';font-weight:900} /* ------------------------------------------------------------------- Microtip Modern, lightweight css-only tooltips Just 1kb minified and gzipped --------------------------------------------------------------------*/ [aria-label][role~=tooltip]{position:relative}[aria-label][role~=tooltip]:after,[aria-label][role~=tooltip]:before{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);pointer-events:none;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s;-ms-transition:all .15s;transition:all .15s;position:absolute;box-sizing:border-box;z-index:10;transform-origin:top}[aria-label][role~=tooltip]:before{background-size:100% auto!important;content:""}[aria-label][role~=tooltip]:after{background:#282827;border-radius:4px;color:#fff;content:attr(aria-label);font-weight:var(--microtip-font-weight,normal);text-transform:var(--microtip-text-transform,none);padding:.4em 1em;white-space:nowrap;box-sizing:content-box;font-size:13px;font-family:OpenSansRegular,Arial,Verdana,Tahoma,Georgia;line-height:20px!important}[aria-label][role~=tooltip]:focus:after,[aria-label][role~=tooltip]:focus:before,[aria-label][role~=tooltip]:hover:after,[aria-label][role~=tooltip]:hover:before{opacity:1;pointer-events:auto}[role~=tooltip][data-microtip-position|=top]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-bottom:5px;transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~=tooltip][data-microtip-position=top]:hover:after,[role~=tooltip][data-microtip-position|=top]:hover:before{transform:translate3d(-50%,-5px,0)}[role~=tooltip][data-microtip-position|=top]:after{margin-bottom:11px;transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~=tooltip][data-microtip-position=top-left]:after{transform:translate3d(calc(-100% + 16px),0,0);bottom:100%}[role~=tooltip][data-microtip-position=top-left]:hover:after{transform:translate3d(calc(-100% + 16px),-5px,0)}[role~=tooltip][data-microtip-position=top-right]:after{transform:translate3d(calc(0 + -16px),0,0);bottom:100%}[role~=tooltip][data-microtip-position=top-right]:hover:after{transform:translate3d(calc(0 + -16px),-5px,0)}[role~=tooltip][data-microtip-position|=bottom]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0;transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}[role~=tooltip][data-microtip-position=bottom]:hover:after,[role~=tooltip][data-microtip-position|=bottom]:hover:before{transform:translate3d(-50%,0,0)}[role~=tooltip][data-microtip-position|=bottom]:after{margin-top:11px;transform:translate3d(-50%,-10px,0);top:100%;left:50%}[role~=tooltip][data-microtip-position=bottom-left]:after{transform:translate3d(calc(-100% + 16px),-10px,0);top:100%}[role~=tooltip][data-microtip-position=bottom-left]:hover:after{transform:translate3d(calc(-100% + 16px),0,0)}[role~=tooltip][data-microtip-position=bottom-right]:after{transform:translate3d(calc(0 + -16px),-10px,0);top:100%}[role~=tooltip][data-microtip-position=bottom-right]:hover:after{transform:translate3d(calc(0 + -16px),0,0)}[role~=tooltip][data-microtip-position=left]:after,[role~=tooltip][data-microtip-position=left]:before{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}[role~=tooltip][data-microtip-position=left]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-right:5px;margin-bottom:0}[role~=tooltip][data-microtip-position=left]:after{margin-right:11px}[role~=tooltip][data-microtip-position=right]:hover:after,[role~=tooltip][data-microtip-position=right]:hover:before,[role~=tooltip][data-microtip-position=left]:hover:after,[role~=tooltip][data-microtip-position=left]:hover:before{transform:translate3d(0,-50%,0)}[role~=tooltip][data-microtip-position=right]:after,[role~=tooltip][data-microtip-position=right]:before{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}[role~=tooltip][data-microtip-position=right]:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-bottom:0;margin-left:5px}[role~=tooltip][data-microtip-position=right]:after{margin-left:11px}[role~=tooltip][data-microtip-size=small]:after{white-space:initial;width:80px}[role~=tooltip][data-microtip-size=medium]:after{white-space:initial;width:150px}[role~=tooltip][data-microtip-size=large]:after{white-space:initial;width:260px} @font-face { font-family: 'OpenSansSemiboldRegular'; src: url('/libs/fonts/Osans/opensans-semibold.eot'); src: url('/libs/fonts/Osans/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/Osans/opensans-semibold.woff') format('woff'), url('/libs/fonts/Osans/opensans-semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSansRegular'; src: url('/libs/fonts/Osans/opensans-regular.eot'); src: url('/libs/fonts/Osans/opensans-regular.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/Osans/opensans-regular.woff') format('woff'), url('/libs/fonts/Osans/opensans-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSansRegularBold'; src: url('/libs/fonts/Osans/opensans-bold.eot'); src: url('/libs/fonts/Osans/opensans-bold.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/Osans/opensans-bold.woff') format('woff'), url('/libs/fonts/Osans/opensans-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'MontserratSemiBold'; src: url('/libs/fonts/Montserrat/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/libs/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'), url('/libs/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } /* @font-face { font-family: 'MontserratRegular'; src: url('/libs/fonts/Montserrat/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/libs/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/Montserrat/Montserrat-Regular.woff') format('woff'), url('/libs/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'MontserratMedium'; src: url('/libs/fonts/Montserrat/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/libs/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/Montserrat/Montserrat-Medium.woff') format('woff'), url('/libs/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'MontserratBold'; src: url('/libs/fonts/Montserrat/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/libs/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/Montserrat/Montserrat-Bold.woff') format('woff'), url('/libs/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } */ *::-webkit-input-placeholder { color: #81746D; opacity: 1; font-size: 13px; font-family: Arial; } *:-moz-placeholder { color: #81746D; opacity: 1; font-size:15px; font-family:Arial; } *::-moz-placeholder { color: #81746D; opacity: 1; font-size:15px; font-family: Arial; } *:-ms-input-placeholder { color: #81746D; opacity: 1; font-size:15px; font-family: Arial; } body input:focus:required:invalid, body textarea:focus:required:invalid { border:red 1px solid; /*background-image: url();*/ } body input:required:valid, body textarea:required:valid { border: green 1px solid; /*background-image: url();*/ } a, img { outline: none; } .container a, img { outline: none; } /* .loader { background: none repeat scroll 0 0 #ffffff; bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; } .loader .loader_inner { background-image: url("/images/preloader1.gif"); background-size: cover; background-repeat: no-repeat; background-posirion: center center; background-color: #fff; height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; left: 50%; top: 50%; position: absolute; } */ /* *{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } */ .jp-audio, a, #HtmlRedactor * { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } html { background: #DEF0F4; } body { font-family: /* 'OpenSansRegular',*/ Arial, Verdana, Tahoma, Georgia; font-size:15px; line-height: 24px; min-width: 320px; overflow-x: hidden; position: relative; color: #161616; background:url(/images/prichLine.gif) left top repeat-x; } .container { /*max-width:1270px;*/ max-width:1282px; width: 100%; margin: auto; padding-left: 20px; padding-right: 20px; } .row { padding-left: 14px; padding-right: 14px; } A { text-decoration:underline; font-size:15px; font-family: Arial, Verdana, Tahoma, Georgia; color:#0074D1; } A:active {text-decoration:underline; font-size:15px; font-family: Arial, Verdana, Tahoma, Georgia; color:#0074D1; } A:hover {text-decoration:none; font-size:15px; font-family: Arial, Verdana, Tahoma, Georgia; color:#0074D1;} A.none { text-decoration:none; } A.none:active { text-decoration:none;} A.none:hover { text-decoration:none; } A.lnkgrey:visited { color:#505050; } A.blacklist { text-decoration:none; font-family:Arial, Verdana, Tahoma, Georgia; font-size:15px; color: #161616; } A.blacklist:active { text-decoration:none; font-family:Arial, Verdana, Tahoma, Georgia; font-size:15px; color: #161616; } A.blacklist:hover { text-decoration:none; font-family:Arial, Verdana, Tahoma, Georgia; font-size:15px; color: #161616; } p { font-family: /*'OpenSansRegular',*/ Arial, Verdana, Tahoma, Georgia; font-size:15px; line-height: 24px; word-wrap: break-word; } div { font-family: /*'OpenSansRegular',*/Arial, Verdana, Tahoma, Georgia; font-size:15px; line-height: 24px; word-wrap: break-word; } span { font-family: /*'OpenSansRegular',*/ Arial, Verdana, Tahoma, Georgia; font-size:15px; line-height: 24px; word-wrap: break-word; } h1 { line-height: 38px; margin:0px; padding:0px; padding-bottom:14px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; font-size:30px; font-weight:normal; color: #404040; /*color:#0E7B16;*/ } h2 { line-height: 30px; margin:0px; padding:0px; padding-bottom:14px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; font-size:22px; font-weight:normal; color:#404040; } h3 { line-height: 30px; margin:0px; padding:0px; padding-bottom:14px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; font-size:22px; font-weight:normal; color:#404040; } h4 { line-height: 30px; margin:0px; padding:0px; padding-bottom:14px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; font-size:20px; font-weight:normal; color:#404040; } .clear { clear:both; } .clear2 { clear:both; } .img-responsive2 { max-width: 100%; and height: auto; } .pad20T { float:left; min-width: 30px; padding-right: 10px; } .pad20R { padding-bottom: 6px; } #TopPanel, #sortable, #playlist_1, .ui-state-default, .jp-audiom, #response { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } /******* Меню *********/ .maian_mnu { margin-bottom: 10px; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; max-height: 46px; overflow: hidden; } .maian_mnu a { display: block; font-size: 14px; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; text-decoration:none; color: #fff; padding: 9px; padding-right: 9px; padding-left: 9px; background-color: #438CC8; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .maian_mnu a:not(.last) {} .maian_mnu a:hover { text-decoration:none; color: #fff; font-size: 14px; background-color: #375770; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; } .maian_mnu a.active { background-color: #375770; font-size: 14px; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; } .maian_mnu ul { margin: 0; width: 100%; padding: 0px; /* padding-top: 1px; padding-bottom: 1px; */ list-style-type: none; /*background-color: #5CAEEE; */ /*background-color: #438CC8; */ background-color: #72B0E3; font-size:1px; } .maian_mnu .x12 { display: none; width: 100%; margin-top: 0px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .maian_mnu ul .FaHomeHidden { display: inline-block; } .maian_mnu ul li { margin-top: 1px; margin-bottom: 1px; display: inline-block; border-right: 1px solid #72B0E3; /*border-right: 1px solid #ffffff;*/ } .maian_mnu ul li:nth-last-child(2) { border-right: 0px solid #fff; } .maian_mnu ul li:last-child { border-right: 0px solid #fff; display: block; float: right; margin-top: 2px; margin-right: 10px; } .maian_mnu ul li:last-child div { background-color: #25699C; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .maian_mnu ul li:last-child div:hover { background-color: #375770; } .maian_mnu ul li:last-child div i { vertical-align: middle; display: block; height: 40px; line-height: 40px; width: 40px; vertical-align: middle; cursor:pointer; cursor:hand; text-align: center; color: #fff; font-size: 22px; } .maian_mnu ul { z-index: 5; } .main_mnu_button { background-color: transparent; border: medium none; font-size: 26px; float: right; color: #fff; padding: 8px 15px 0; display: none; } .dropdown-content { display: none; position: absolute; right: 0; margin-right: 15px; margin-top: 0px; background-color: #f9f9f9; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 20; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; border-bottom: 1px solid #ccc; background-color: #F9F9F9; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .dropdown-content a.active { color: #fff; } .dropdown-content a:last-child { border-bottom: 0px solid #ccc; } .show {display:block;} .hide {display:none;} /******* Меню *********/ .wrap{ -webkit-columns: 240px; -moz-columns: 240px; columns: 240px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } article{ padding: 10px; margin-bottom: 20px; background-color: #ffffff; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border:2px solid transparent; -webkit-box-shadow: 4px 4px 10px 0px #F1E8E4; -moz-box-shadow: 4px 4px 10px 0px #F1E8E4; box-shadow: 4px 4px 10px 0px #F1E8E4; margin-right: 4px; margin-left: 4px; } article:hover { border:2px solid transparent; -webkit-box-shadow: 4px 4px 10px 0px #CBC4C0; -moz-box-shadow: 4px 4px 10px 0px #CBC4C0; box-shadow: 4px 4px 10px 0px #CBC4C0; } article:hover div { color: #010101; } article a {text-decoration:none; font-size: 18px; } article a:active {text-decoration:none; font-size: 18px; } article a:hover {text-decoration:none; font-size: 18px; } .LeftBlock { border: 1px solid #CCCCCC; } .LeftBlock div { padding: 4px; background-color: #ffffff; border-bottom: 1px solid #CCCCCC; } .LeftBlock div:last-child { border-bottom: 0px solid #CCCCCC; } .LeftBlock div:hover { font-size:15px; color: #0C0C0C; background: #F0F0F0; } .LeftBlock a { font-family: Arial, Verdana, Tahoma, Georgia; display: block; padding: 8px; text-decoration:none; font-size: 13px; color: #0074D1; } .LeftBlock a:active { font-family: Arial, Verdana, Tahoma, Georgia; text-decoration:none; font-size: 13px; color: #403F3F; } .LeftBlock a:hover { font-family: Arial, Verdana, Tahoma, Georgia; text-decoration:none; font-size: 13px; color: #0C0C0C; } .LeftBlock div.active {background-color: #F0F0F0; font-weight: bold; } .LeftBlock div.active a { color: #0C0C0C; } .m7 h2 { margin-top: -12px; padding-bottom:12px; } .date { position: absolute; bottom: 0; background: #fff; padding: 2px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; font-size: 12px; color: #000; } .logo { margin-top:5px; } .galka { float: left; position: absolute; background:url(/images/galka.png) left top no-repeat; width: 16px; height: 16px; margin-left: -16px; margin-top: -6px; } /*********** стр. edit ************/ #PersoNal2 A { text-decoration:underline; color:#000000; font-size: 14px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } #PersoNal2 A:active { text-decoration:underline; color:#000000; font-size: 14px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } #PersoNal2 A:hover { text-decoration:underline; color:#ED8A23; font-size: 14px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } #PersoNal2 ul { padding:0px; margin:0px; padding-top:14px; padding-left:30px; } #PersoNal2 li { padding-bottom:6px; font-size: 14px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } #PersoNal2 .dvs { background-color:#F9E6CF; color:#000000; padding:7px; padding-left:16px; font-weight:bold; } #PersoNal2 .dvs2 {border:1px solid #C4C6C4; padding:0px; padding-bottom:10px; } #PersoNal2 .clear {border:0px solid #C4C6C4; } #PersoNal2 .clear2 {border:0px solid #C4C6C4; padding-top:15px; } #PersoNal2 .clearMrs {border:0px solid #C4C6C4; } .m43 { float:right; position:relative; padding-right:10px; } .m43T { float:left; position:relative; padding-right:10px; } .m45 { margin-bottom:4px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; background:url(/images/dotted2.gif) left bottom repeat-x; } .m45T { float: right; position: relative !important; } .m45R { /* background:url(/images/minus.png) left top no-repeat !important;*/ float:left; color:#9BBAD1; margin-top: 2px; font-size: 15px; } .m45W { /* background:url(/images/minus.png) left top no-repeat !important;*/ float:left; color:#9BBAD1; margin-top: -3px; font-size: 15px; } .m45S { margin-bottom:4px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; } /*********** стр. edit ************/ img {max-width: 100%;, height: auto; and display: block; margin-top: 10px; margin-bottom: 10px; } #breadcram { margin-top: -8px; margin-bottom: 10px; font-size: 13px; color:#222222; font-family: Arial, Verdana, Tahoma, Georgia; } #breadcram span { padding-right: 6px; font-size: 13px; color:#222222; font-family: Arial, Verdana, Tahoma, Georgia; } #breadcram A { text-decoration:none; padding-right: 6px; font-size: 13px; font-family: Arial, Verdana, Tahoma, Georgia; } #breadcram A:active { text-decoration:none; font-size: 13px; font-family: Arial, Verdana, Tahoma, Georgia; } #breadcram A:hover { text-decoration:underline; mfont-size: 13px; font-family: Arial, Verdana, Tahoma, Georgia; } a, img { outline: none; } .LeftBlock a, img { outline: none; } .x1 { padding:0px; padding-top:5px; min-height: 80px;} .x1Y { padding-left:0px; padding-top: 0px; padding-right: 10px; } .x2{ padding:0px; } .xls { padding-left: 0px; padding-right: 0px; } .xls2 { padding-left: 0px; padding-right: 10px; } .xls3 { padding-left: 10px; padding-right: 10px; } .x2S { padding:0px; padding-bottom: 10px; padding-right: 10px; } .x3 { position: relative; width:100%; text-align:center; } .x4 { background-color: #C9B6AB; height:1px; font-size: 1px; margin: 0px; margin-bottom:30px; margin-top: 50px; padding: 0px; } .x4P { /*background-color: #C9B6AB;*/ height:20px; } .x5 { padding: 0px; text-align:right; color: #090909; font-size: 14px; } .x5 a { color: #090909; font-size: 14px; } .x5 span { padding-left:10px; } .x6 { padding: 0px; color: #cccccc; font-size: 14px; line-height: 22px; } .x6 a { color: #8E8E8EC; font-size: 14px; } .x7 { padding:0px; padding-left: 0px; } .x7R { margin-bottom: 20px; } .x8 { border:1px solid #A9A3A0; font-size:15px; font-family: Arial, Verdana, Tahoma, Georgia; padding: 8px; padding-left: 4px; background-color: #ffffff; width: 100%; } .x9 { margin-top: 18px; padding-left: 10px; } .x10 { padding:0px; } .x11 { cursor:pointer; cursor:hand; display: none; } .x11M { color:#ffffff; font-size: 20px; margin-left:20px; margin-top: 12px; float:left; position:absolute; } .x13 { background: #DEF0F4; background:url(/images/blank.png) left top no-repeat; /*background:url(/images/litprichal-fon.jpg) center top no-repeat;*/ } .x14 { border: 5px solid #5CAEEE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FDFAF5; padding:20px; padding-top: 10px; } .x15 { background: #F8FBFA; padding:20px; padding-top: 10px; } .x17 { padding-top:5px; width:230px; } .x18 { padding-top:5px; width:180px; } .x19 { padding-bottom:5px; } .x19P { background-color: #5CAEEE; border-top:4px solid #B2DEFA; margin-top: 20px; } .x20 { padding-top:10px; } .x21 { padding-top:10px; } .x22 { text-align:right; } .x23 { float:left; margin-right:10px; padding-bottom: 16px; } .x24 { padding-bottom:10px; } .x25 { float: right; margin-top: 10px; margin-bottom: 20px; } .x26 { margin: 0px; height:85px; -moz-transition:0.25s; -o-transition:0.3s; -webkit-transition:0.25s; transition:0.25s; } .x26:hover { opacity: 0.85;-moz-opacity: 0.85; -khtml-opacity: 0.85; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); } .x27 { font-size: 13px; } .x28 { margin-top:-10px } .x29 { float:right; text-align:right; } .x30 { padding-left:16px; } .x31 { font-size: 13px; } .x32 { float: right; text-align: right; margin-bottom: 40px; } .x33 { float:right; padding-top: 10px; padding-bottom: 10px; } .x33T { float:left; padding-top: 10px; padding-bottom: 10px; } .x34 { position: relative; } .x35 { right:0; position: absolute; } .x36 { position:absolute; margin-top:-20px; } .x37 { min-width:250px; max-width:318px; width:100%; } .x38 { position: absolute; float:left; color:#000000; font-size: 12px; margin-top: -38px; margin-left:162px; } .x39 { float:none; } .x40 { padding:0px; } .x41 { position: relative; width:100%; text-align:center; } #Main .img_left { float:left; margin-top:6px; margin-right:10px; max-width: 350px; } #Main .img_right { float:right; margin-top:6px; margin-left:10px; max-width: 350px; } A.big { font-weight: bold; font-size: 16px; } A.big:active { font-weight: bold; font-size: 16px; } A.big:hover { font-weight: bold; font-size: 16px; } #Main A.big { font-weight: bold; font-size: 16px; } #Main A.big:active { font-weight: bold; font-size: 16px; } #Main A.big:hover { font-weight: bold; font-size: 16px; } #Main A.big2 { font-weight: bold; font-size: 14px; } #Main A.big2:active { font-weight: bold; font-size: 14px; } #Main A.big2:hover { font-weight: bold; font-size: 14px; } A.bigList { font-size: 15px; font-family: 'OpenSansSemiboldRegular', Arial; color: #0074D1; } A.bigList:active { font-size: 15px; font-family: 'OpenSansSemiboldRegular', Arial; color: #0074D1; } A.bigList:hover { font-size: 15px; font-family: 'OpenSansSemiboldRegular', Arial; color: #0074D1; } .evenTB { font-family: Arial, Verdana, Tahoma, Georgia; font-size: 13px; cursor:pointer; cursor:hand; } #Main .evenTB { font-family: Arial, Verdana, Tahoma, Georgia; font-size: 13px; cursor:pointer; cursor:hand; } #Main .x42 { font-size: 17px; text-align: center; } #Main img {max-width: 100%;, height: auto; and display: block; margin-top: 10px; margin-bottom: 10px; } #Main a, img { outline: none; } #Main .x43 { float:left; margin-right:10px; margin-bottom: 10px; } #Main .x44 { padding-top:4px; } #Main .x45 { padding-right:20px; } #Main .x46 { float:left; padding-right:14px; } #Main .x47 { float:left; margin-top: -10px; padding-right:14px; } .x48 { border:1px solid #A9A3A0; font-size:15px; font-family: Arial, Verdana, Tahoma, Georgia; padding: 8px; padding-left: 4px; background-color: #ffffff; width: 100%; } .x49 { /* background:url(/images/elka.png) left top repeat-x;*/ padding-bottom: 0px; } .x50 { min-height:300px; background:url(/images/nizfon.jpg) left bottom repeat-x; } .x50T { background-color: #F4F2F4; color: #000000; font-weight: bold; border:1px solid #E4E6E4; padding:14px; font-size: 16px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } .x51 { font-size:13px; color:#525050; } .x51T { border:1px solid #E4E6E4; padding:14px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } .x51X { border:1px solid #E4E6E4; padding:14px; padding-left: 5px; padding-bottom: 16px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } .x52 { /*opacity: 0;-moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); */ } .x52T { padding-left: 10px; padding-top: 10px; } .x53T { background:url(/images/galkat.png) left top no-repeat; padding-left: 20px; margin-top: 6px; margin-bottom: 6px; } .x53X { margin-top: 1px; margin-bottom: 1px; } .x53X img { margin:0px; margin-right: 2px; } .x53X b { font-size: 16px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .x53X A { font-size: 16px!important; text-decoration: underline; } .x53X A:active { font-size: 16px; text-decoration: none } .x53X A:hover { font-size: 16px; text-decoration: none; } .x54T { float:left; font-size: 15px; font-family:'OpenSansSemiboldRegular', Arial, Tahoma, Georgia; background-color: #375770; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding:4px; padding-left:20px; padding-right:20px; color:#ffffff; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .x54T:hover { background-color: #424242; } .x55T { float:left; font-size: 15px; font-family:'OpenSansSemiboldRegular', Arial, Tahoma, Georgia; padding-left:20px; padding-top:2px; } .x54 { float:left; width:220px; } .x55 { float:left; max-width:600px; } .x56 {float:left; padding-right:80px; } .x56T { font-size: 15px; font-family:'OpenSansSemiboldRegular', Arial, Tahoma, Georgia; } .x57 { float:left; } .x57T { border:1px solid #E4E6E4; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; } .x58 { display: none; margin-bottom:20px; width:450px; } .x58T { border:1px solid #E4E6E4; text-align: center; padding:14px; min-height: 180px; } .x58T:hover { background-color: #F9E5C3; } .x59 { background-color: #EAEAEA; padding:10px; } .x59T { height:60px; } .x60 { width:350px; height:80px; font-size:12px; line-height: 15px; } .x60T { font-size: 14px; font-weight: bold; color:#728590; } .x61 { background: #cccccc; width:90%; height:1px; margin-top:5px; margin-bottom:5px; } .x61T { color:#0E7B16; font-size: 15px; font-family:'OpenSansSemiboldRegular', Arial, Tahoma, Georgia; } .x61A { background: #cccccc; width:100%; height:1px; margin-top:5px; margin-bottom:5px; } .x62 { max-width: 75px; padding-top:4px; padding-right:4px; } .x62T { color:#E57909; } .x63 { max-height:88px; overflow:hidden; } .x64 { float:left; max-width: 240px; } .x65 { /*min-width:242px; max-width:242px; width:100%; */ margin-bottom: 2px; margin-top:6px; height:46px; } .x65SM { display: none; } .x66 { float:right; } .x67 { float:left; position: absolute; z-index:5; color:#ccc; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; font-size: 13px; margin-top:-5px; margin-left:14px; } .x68 { /*position: fixed;*/ z-index: 50; width: 100%; min-width: 290px; margin-bottom: 6px; /*border-bottom:2px solid #375770;*/ /*background:url(/images/elka.png) left top repeat-x; */ } .x69 { max-width:1124px; margin: auto; } .x70 { clear:both; border-bottom:dashed 1px #C4C6C4; height:1px; width:100%; font-size:1px; margin-top:10px; margin-bottom:10px; } .x71 { border: 1px solid #D7D8DB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FDFAF5; } .x72 { border: 1px solid #D7D8DB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FDFAF5; padding:14px; } #DescriptionBlock { border: 1px solid #D7D8DB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FDFAF5; padding:20px; padding-left: 10px; padding-right: 10px; } .x73 { text-align: right; } .x74 { max-width: 110px; } .x74:hover { opacity: 0.8;-moz-opacity: 0.8; -khtml-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .x75 { padding:4px; } .x75T { padding:4px; } .x76 { height: 90px; width:90px; } .x76:hover { opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .x77 { padding-top: 8px; } .x78 { padding:4px; border: 1px solid #FDFAF5; } .x78T { padding:4px; background-color: #fff; border: 1px solid #D3D3D3; -webkit-box-shadow: 0px 3px 12px 0px #ccc; -moz-box-shadow: 0px 3px 12px 0px #ccc; box-shadow: 0px 3px 12px 0px #ccc; } .x79 { position:absolute; bottom:0; right:0; padding-left: 10px; padding-right: 10px; background-color: #375770; margin-right: 12px; margin-bottom: 10px; color:#fff; font-weight: bold; font-size: 12px; } .x79:hover { opacity: 0.8;-moz-opacity: 0.8; -khtml-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .x80 { font-size: 12px; line-height: 20px; } .x81 { padding-top: 4px; padding-left: 4px; } .x82 { height: 10px; } .x83 { padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top: 10px; } .x84 { padding-right:10px; padding-left:10px; padding-bottom:10px; } .x85 { width: 100%; border: 1px solid #ccc; } .x86 { float:right; font-size: 20px; margin-top:-3px; margin-right: 12px; } .x87 { clear:both; height:1px; font-size:1px; background-color:#E7E8EC; margin-top:20px; margin-bottom:20px; } .x87T { clear:both; height:1px; font-size:1px; background-color:#E7E8EC; margin-top:20px; } .x88 { min-height: 300px; margin-bottom: 20px; margin-right: 20px; } .x88T { margin-bottom: 15px; } .x89 { height: 200px; line-height: 200px; vertical-align: middle; text-align: center; background-color: #E2E7EA; } .x89 img { max-height: 180px; } .x90 { padding-left: 10px; padding-top: 4px; } .x91 { padding: 10px; margin-bottom: 10px; background-color: #F9FAF9; border:1px solid #D3D3D3; -webkit-box-shadow: 0px 3px 12px 0px #ccc; -moz-box-shadow: 0px 3px 12px 0px #ccc; box-shadow: 0px 3px 12px 0px #ccc; min-height: 160px; position: relative; } .x91 a { font-size: 16px!important; } .x92 { margin-top: 6px; margin-bottom: 6px; min-height: 70px; } .x93 { max-width: 85px; } .x93 img { height: 75px; width: 75px; } .x94 { margin-top: 8px; } .x95 { clear:both; border-bottom:dashed 1px #C4C6C4; height:1px; width:100%; font-size:1px; margin-top:16px; margin-bottom:16px; } .x96 { float:left; width:100%; padding-top:0px; height: 4px; margin-top: 10px; margin-bottom: 10px; background:url(/images/linesm.gif) left top no-repeat; } .x97 { padding-top: 10px; padding-bottom: 10px; } .x98 { text-align: right; } .x99 { padding-bottom: 0px; } .x100 { position: absolute; margin-top: -30px; cursor:pointer; cursor:hand; font-size: 16px; font-family: 'OpenSansRegular', Arial; right: 0px; color: #fff; padding: 8px; padding-left: 20px; padding-right: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #438CC8; } .x100:hover { background-color: #375770; } /************* Поздравления... *************/ .toast1 .dv { display: inline-block; font-size: 13px; color: #000000; padding: 2px; padding-left: 10px; padding-right: 10px; margin-bottom: 6px; margin-right: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .toast1 A { text-decoration: none; } /* .toast1 A:nth-child(1n) div { background-color: #FBDFF5; } .toast1 A:nth-child(2n) div { background-color: #D1EBEB; } .toast1 A:nth-child(3n) div { background-color: #EDD3D3; } .toast1 A:nth-child(4n) div { background-color: #FAEBD7; } .toast1 A:nth-child(5n) div { background-color: #DBEEDB; } */ .toast1 A:nth-child(1n) div { background-color: #FFECB3; } .toast1 A:nth-child(2n) div { background-color: #B3E5FC; } .toast1 A:nth-child(3n) div { background-color: #DCEDC8; } .toast1 A:nth-child(4n) div { background-color: #C5CAE9; } .toast1 A:nth-child(5n) div { background-color: #EDD3D3; } .toast1 .dv:hover { font-size: 13px; background-color: #438CC8!important; color: #fff; } .toast1 A.act div { background-color: #438CC8; color: #fff; } .toast1 A.all div { display: inline-block; background-color: #8E8E8E; color: #fff; } .toast1 A.all:hover div { font-size: 13px; text-decoration: none; background-color: #438CC8; color: #fff; } .toast1 A.all2 div { display: inline-block; background-color: #8E8E8E; color: #fff; } .toast1 A.all2:hover div { font-size: 13px; text-decoration: none; background-color: #438CC8; color: #fff; } .toast1 A.allNone div { display: inline-block; background-color: #8E8E8E; color: #fff; } .toast1 A.allNone:hover div { font-size: 13px; text-decoration: none; background-color: #438CC8; color: #fff; } .toast2 { padding-bottom: 20px; } .toast3 { padding-bottom: 20px; } .toast4 { background-color: #DEF0F4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; margin-right: 30px; margin-bottom: 20px; } .toast4 div { padding-bottom: 4px; } .toast4 A { font-size: 17px; color: #000000; margin-bottom: 8px; text-decoration: underline; } .toast4 A:active { font-size: 17px; color: #000000; text-decoration: none; } .toast4 A:hover { font-size: 17px; color: #000000; text-decoration: none; } .toast4 A.act { text-decoration: none; color: #404040; } .toast4 A.act:active { text-decoration: none; } .toast4 A.act:hover { ftext-decoration: none; } .toast5 { clear:both; border-bottom:dashed 1px #C4C6C4; height:1px; width:100%; font-size:1px; margin-top:16px; margin-bottom:16px; } .toast6 { font-family: 'OpenSansRegular', Arial; font-size: 15px; color: #000; margin-bottom: 4px; position: relative; } .toast6:first-letter{ color:#FF5A00; font-family: 'OpenSansRegularBold', Arial; } .toast6 .copys:first-letter { color:#FF5A00; font-family: 'OpenSansRegularBold', Arial; font-size: 18px; } .toast7 h2 { font-size: 20px; } .toast8 { padding-right: 30px; } .toast9 { padding-bottom:10px; padding-top:4px; border-bottom:1px solid #E7E8EC; margin-bottom: 6px; margin-right: 30px; } .toast10 { width:23px; height:23px; margin-right: 10px; background:url(/images/i-calendar.png) left top no-repeat; text-align: center; padding-top:3px; font-weight:bold; font-size:11px; color: #FF600A; } .toast11 div { display: block; } .toast11 .month { color: #FF5A00; font-size: 17px;font-family: 'OpenSansSemiboldRegular', Arial; padding-bottom: 10px; padding-top: 5px; } .toast11 span { color: #888888; font-size: 15px;font-family: 'OpenSansSemiboldRegular', Arial; padding-right: 4px; } .toast11 A { text-decoration: underline; } .toast11 A:active { text-decoration: none; } .toast11 A:hover { text-decoration: none; } .toast12 { border-left: 3px solid #6DA3BD; padding:4px; padding-left: 10px; margin-bottom: 20px; color: #888888; } .toast12 span { display: inline-block; border:1px solid #FF5A00; color: #000; padding-left: 10px; padding-right: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-right: 10px; } .toast13 { padding-bottom: 4px; } .toast13 A { color: #0074D1; text-decoration: underline; font-size:18px; font-family:'MontserratSemiBold', Arial; } .toast13 A:active { color: #0074D1; text-decoration: none; font-size:18px; font-family:'MontserratSemiBold', Arial; } .toast13 A:hover { color: #E57D24; text-decoration: none; font-size:18px; font-family:'MontserratSemiBold', Arial; } .toast14 { margin-bottom: 20px; } .toast15 { text-align: center; } .toast16 { margin-bottom:0px; margin-top:0px; } .toast17 { background-color: #EBEBE4; padding:8px; text-align: center; font-size: 16px; color: #484A50; } .toast17:hover { background-color: #E57D24; color: #fff; } .toast18 { position: absolute!important; right: 0; margin-right: 30px; margin-bottom: 10px; bottom:0; cursor:pointer; cursor:hand; } .toast19 { float: left; width:12px; height: 12px; background: url('/images/a_pen.gif') no-repeat scroll center center; background-size: cover; } .toast20 { position: absolute!important; right: 0; margin-right: 10px; margin-bottom: 10px; bottom:0; cursor:pointer; cursor:hand; } .toast21 { float: left; width:11px; height: 12px; background: url('/images/a_del.gif') no-repeat scroll center center; background-size: cover; } .toast22 { position: absolute; right:0; margin-top:10px; margin-right: 6px; } .toast22 a { padding: 10px!important; padding-left: 16px!important; padding-right: 16px!important; } .toast23 { position: absolute!important; left: 0; margin-bottom: -24px; bottom:0; cursor:pointer; cursor:hand; } .toast24 { position: absolute!important; left: 0; margin-left: 20px; margin-bottom: -24px; bottom:0; cursor:pointer; cursor:hand; } .toast25 { float: right; margin-right: 8px; margin-top: 6px; } .toast26 { float: right; font-size: 15px; float: right; color: #82817E; padding-right: 0px; } .NizBlockIs { position: relative; min-height: 10px; } .FixedDiv { position: sticky; position: -webkit-sticky; top: 0; /*display: table;*/ align-items: center; width: 100%; } .fixed { position: fixed; z-index: 9999; top: 0; } .toastMore { display: none; } .toas-line { position: relative; overflow: hidden; text-align: center; margin-top: 0px; margin-bottom: 10px; } .toas-line span { display: inline-block; vertical-align: middle; font-size: 15px; color: #FF5A00; font-family: 'OpenSansSemiboldRegular', Arial; } .toas-line:before, .toas-line:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; position: relative; border-bottom:dashed 1px #FE7D00; } .toas-line:before { margin-left: -100%; left: -6px; } .toas-line:after { margin-right: -100%; right: -6px; } /************* Поздравления... *************/ .bird_zima { float: left; position: absolute; margin-left: 250px; margin-top: -2px; width: 82px; height: 60px; background:url(/images/bird_2020_3.png?v=1) left top no-repeat; } .bird_vesna { float: left; position: absolute; margin-left: 240px; width: 173px; height: 70px; background:url(/images/bird_vesna.png?v=1) left top no-repeat; } .bird_8marta { float: left; position: absolute; margin-left: 250px; width: 173px; height: 60px; background:url(/images/bird_8marta.png?v=1) left top no-repeat; } .bird_vesna_fon { float: left; position: absolute; z-index: 0; margin-top: -70px; height: 140px; max-width: 245px; width: 100%; /*background:url(/images/vesna_fon_goriz.png) left top repeat-x; */ } .bird_zima1 { background:url(/images/elka5_90.png) left top repeat-x; } .bird_zima2 { background:url(/images/elka4_90.png) left top repeat-x; } /* .bird_zima1 { background:url(/images/elka4_90.gif) left top repeat-x; } .bird_zima1 { background:url(/images/elka4_90.png) left top repeat-x; } .bird_zima1 { background:url(/images/elka5_90.gif) left top repeat-x; } .bird_zima1 { background:url(/images/elka5_90.png) left top repeat-x; } */ .head_x79 { padding-top: 10px; } .head_x80 { padding: 10px; min-height: 170px; background-color: #FDFAF5; border-right:1px solid #DEF0F4; position: relative; margin-bottom: 50px;} .head_x80Last { min-height: 170px; padding: 10px; background-color: #FDFAF5; border-right:0px solid #DEF0F4; margin-bottom: 50px; } .head_x81 { background-color:#FDFAF5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; } .head_x82 { min-height: 75px; width: 100%; margin-top: 20px; vertical-align: middle; text-align: center; } .head_x83 { text-align: center;font-family: Georgia, Sans-Serif; font-size: 14px; line-height: 16px; color:#242424; } .head_x83 span { color:#818585; font-size: 14px; } .head_x84 { position: absolute; margin-top: -60px; margin-left: 36%; } .head_x84 img { height: 65px; width: 65px; border: 2px solid #fff; } .head_x84:hover img { opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .head_x85 { padding-top: 50px; } .head_x86 span { color: #242424; } .head_x87 { max-width: 80px; } .head_x88 { margin-bottom: 14px; } .head_x89 { margin-top: -50px; float: left; color: #fff; font-family: 'OpenSansBold', Arial; font-size: 12px; background-color: #5CAEEE; padding: 4px; padding-left: 6px; padding-right: 6px; padding-top: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .head_x89:hover { background-color: #375770; } .head_.x90 { border-bottom: 1px solid #D7DADD; margin-top: 10px; } /* Cсылка при подволе снизу... */ a.aninline { background-image: linear-gradient(#1C7DD6 50%,#1C7DD6 50%), linear-gradient(silver 50%, silver 50%); background-position: center bottom; background-repeat: no-repeat; background-size: 0 2px, 100% 2px; padding-bottom: 2px; transition: .3s ease-in-out; text-decoration: none!important; margin-right: 10px; font-weight: bold; outline: none; display: inline-block; margin-bottom: 6px; } a.aninline:hover { background-size: 100% 2px, 100% 2px; color: #036FD3!important; text-decoration: none!important; } a.aninlineACT { background-image: linear-gradient(#1C7DD6 50%,#1C7DD6 50%), linear-gradient(silver 50%, silver 50%); background-position: center bottom; background-repeat: no-repeat; background-size: 0 2px, 100% 2px; padding-bottom: 2px; transition: .3s ease-in-out; text-decoration: none!important; margin-right: 10px; font-weight: bold; outline: none; color:#000!important; display: inline-block; margin-bottom: 6px; } a.aninlineACT:hover { background-size: 100% 2px, 100% 2px; color: #036FD3!important; text-decoration: none!important; } a.aninlineNew { border-bottom:2px solid #F0CDA8; padding-bottom: 10px; text-decoration: none!important; margin-right: 16px; font-family:'OpenSansSemiboldRegular', Arial, Tahoma, Georgia; font-size: 14px; color: #656565; outline: none; display: inline-block; } a.aninlineNew:hover { border-bottom:2px solid #5181B8; color: #000; } a.aninlineNewA { border-bottom:2px solid #5181B8; padding-bottom: 10px; text-decoration: none!important; margin-right: 16px; font-family:'OpenSansSemiboldRegular', Arial, Tahoma, Georgia; font-size: 14px; color: #000; outline: none; display: inline-block; } /* Cсылка при подволе снизу... */ /*Стили для блока Яндекса Поделиться*/ .ya-share2__badge .ya-share2__icon { height: 38px!important; width: 38px!important; background-size: 38px 38px!important; } .ya-share2__container_size_m .ya-share2__icon { height: 38px !important; width: 38px !important; background-size: 38px 38px !important; /*Увеличиваем кнопки*/ } /*Стили для блока Яндекса Поделиться*/ .cops { line-height:40px; border-radius:5px; background:#bb0003; color:#fff; position:fixed; padding:0 15px; z-index:99; bottom:30px; left:50%; margin-left:-60px; display:none; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px; } /*.copys { cursor:pointer; cursor:hand; font-size: 17px; font-family: 'MontserratRegular', Arial; color: #404040; line-height: 24px;}*/ .copys { cursor:pointer; cursor:hand; font-size: 16px; font-family: Verdana, Arial; color: #000; line-height: 24px;} /************** Конкурсы... **************/ .contest1 { vertical-align: top; text-align: center; background-color: #E2E7EA; /* -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; overflow: hidden; */ } .contest1 img { height: 200px; border: 1px solid #ccc; margin-top: 0px; margin-bottom: 0px; } .contest2 { min-height: 290px; margin-left: 4px; margin-right: 4px; margin-bottom: 20px; background-color: #F9FAF9; margin-top: 8px; border:1px solid #D3D3D3; -webkit-box-shadow: 0px 3px 12px 0px #ccc; -moz-box-shadow: 0px 3px 12px 0px #ccc; box-shadow: 0px 3px 12px 0px #ccc; } .contest2:hover { border:1px solid #DDDDDD; -webkit-box-shadow: 0px 3px 12px 0px #DDDDDD; -moz-box-shadow: 0px 3px 12px 0px #DDDDDD; box-shadow: 0px 3px 12px 0px #98938D; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } /* .contest2:hover { opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } */ .contest2:hover .contest3 { text-decoration: none; } .contest3 { line-height: 20px; padding: 10px; padding-bottom: 0px; text-decoration: underline; max-height: 50px; overflow: hidden; font-family:'OpenSansSemiboldRegular', Arial; } .contest4 { color:#008000; font-size: 20px; font-weight: bold; } .contest5 { padding: 10px; padding-top: 0px; font-style: italic; color: #222; } .contest5Blog { padding: 10px; padding-top: 0px; padding-left: 5px; font-style: italic; } .contest6 { font-size: 18px; font-family:'OpenSansRegular', Arial; } .contest7 { min-height: 90px; } .m204 { background-color: #88B421; padding: 10px; } .m204 div { background:url(/images/contest_priem.png) left top no-repeat; background-position: 0px 2px; font-family:'OpenSansSemiboldRegular', Arial; padding-left: 25px; } .m205 { background-color: #EC9917; padding: 10px; } .m205 div { background:url(/images/contest_golos.png) left top no-repeat; background-position: 0px 4px; font-family:'OpenSansSemiboldRegular', Arial; padding-left: 45px; } .m206 { background-color: #E7E7D5; padding: 10px; } .m206 div { font-family:'OpenSansSemiboldRegular', Arial; height: 20px; max-height: 20px; overflow: hidden; } /************** Конкурсы... **************/ #VersionHTML { padding-bottom: 10px; } #VersionHTML A.no { font-weight: bold; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #cccccc; text-decoration:none; color:#000000; } #VersionHTML A.no:active { font-weight: bold; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #cccccc; text-decoration:none; color:#000000; } #VersionHTML A.no:hover { font-weight: bold; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #F1CFAB; text-decoration:none; color:#000000; } #VersionHTML A.act { font-weight: bold; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #F1CFAB; text-decoration:none; color:#000000; } #VersionHTML A.act:active { font-weight: bold; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #F1CFAB; text-decoration:none; color:#000000; } #VersionHTML A.act:hover { font-weight: bold; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #F1CFAB; text-decoration:none; color:#000000; } A.AddForum { display:block; text-align: center; text-decoration:none; background-color:#FCDB4E; padding:10px; color:#000; font-size:17px; font-family:'OpenSansLight', Arial; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } A.AddForum:active { color:#000; font-size:17px; font-family:'OpenSansLight', Arial; } A.AddForum:hover { background-color:#438CC8; color:#fff; font-size:17px; font-family:'OpenSansLight', Arial; } .MyColLeft { float:left; width:23%; } .MyColRight { float:left; width:77%; } .x72Height { min-height: 1000px; } /***************** Left Menu... **************/ .fbar { float:right; font-size: 20px; margin-top:2px; margin-right: 12px; } .leftmenutitle, .leftmenutitleN { background: none repeat scroll 0% 0% #375770; color: #fff; border-left: 4px solid #6699FF; font-size: 14px; text-align: left; /*font-weight: bold;*/ margin: 0px 0px 2px; padding: 10px 5px 10px 10px; width: 100%; font-family: 'OpenSansRegular', Arial; letter-spacing: 1px; } .leftmenutitleNAj { background: none repeat scroll 0% 0% #DAE2E8; color: #576479; border-left: 4px solid #576479; font-size: 15px; text-align: left; font-weight: bold; margin: 0px 0px 0px; padding: 2px 5px 2px 10px; width: 100%; min-height:10px; } .icons1 { float:left; background:url(/images/icons/ic1.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons2 { float:left; background:url(/images/icons/ic2.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons3 { float:left; background:url(/images/icons/ic3.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons4 { float:left; background:url(/images/icons/ic4.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons5 { float:left; background:url(/images/icons/ic5.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons6 { float:left; background:url(/images/icons/ic6.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons7 { float:left; background:url(/images/icons/ic7.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons8 { float:left; background:url(/images/icons/ic8.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons9 { float:left; background:url(/images/icons/ic9.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons10 { float:left; background:url(/images/icons/ic10.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons11 { float:left; background:url(/images/icons/ic11.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons12 { float:left; background:url(/images/icons/ic12.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons13 { float:left; background:url(/images/icons/ic13.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons14 { float:left; background:url(/images/icons/ic14.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } .icons15 { float:left; background:url(/images/icons/ic15.png) left center no-repeat; width: 14px; height: 20px; margin-right: 10px; } #frends {line-height:12px;} #frends td { padding-bottom:8px; width:33%;} #frends A { text-decoration:none; font-size:10px; color:#000000; } #frends A:active { text-decoration:none; font-size:10px; color:#000000; } #frends A:hover { text-decoration:underline; font-size:10px; color:#000000; } #frends img { border:0px; border:2px solid #E57909; width:60px; height:60px; } #frends .fr1 { float:left; text-align:center; width:33%; } #frends .fr2 { height:120px; width: 72px; margin:auto; margin:auto; overflow:hidden;} #frends .fr2:hover .fr3 { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } #frends .fr3 { width: 72px; height: 72px; margin-bottom: 2px; } #frends A.fr4 { line-height: 16px; font-size: 13px; color:#2A5885; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; } #frends .fr5 { height: 34px; line-height: 16px; overflow: hidden; font-size: 13px; color:#2A5885; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; } /* Cсылка при подволе снизу... */ a.aninline { background-image: linear-gradient(#1C7DD6 50%,#1C7DD6 50%), linear-gradient(silver 50%, silver 50%); background-position: center bottom; background-repeat: no-repeat; background-size: 0 2px, 100% 2px; padding-bottom: 2px; transition: .3s ease-in-out; text-decoration: none!important; margin-right: 10px; font-weight: bold; outline: none; display: inline-block; margin-bottom: 6px; } a.aninline:hover { background-size: 100% 2px, 100% 2px; color: #036FD3!important; text-decoration: none!important; } a.aninlineACT { background-image: linear-gradient(#1C7DD6 50%,#1C7DD6 50%), linear-gradient(silver 50%, silver 50%); background-position: center bottom; background-repeat: no-repeat; background-size: 0 2px, 100% 2px; padding-bottom: 2px; transition: .3s ease-in-out; text-decoration: none!important; margin-right: 10px; font-weight: bold; outline: none; color:#000!important; display: inline-block; margin-bottom: 6px; } a.aninlineACT:hover { background-size: 100% 2px, 100% 2px; color: #036FD3!important; text-decoration: none!important; } /* Cсылка при подволе снизу... */ A.tvRB { outline: 0; text-decoration:none; cursor:pointer; cursor:hand; display: block; width:100%; padding-left:12px; padding-right:8px; padding-bottom:8px; padding-top:8px; background-color: #DAE2E8; line-height: 18px; color: #161616; font-size: 14px; margin-bottom: 1px; } A.tvRB:hover { background-color: #BBCBDA; } A.tvRBA { outline: 0; text-decoration:none; cursor:pointer; cursor:hand; display: block; width:100%; padding-left:12px; padding-right:8px; padding-bottom:8px; padding-top:8px; background-color: #ED8A23; /*background-color: #FC6500; */ line-height: 18px; color: #ffffff; font-size: 14px; margin-bottom: 1px; } A.tvRB3 { outline: 0; text-decoration:none; cursor:pointer; cursor:hand; display: block; width:100%; padding-left:10px; padding-right:8px; padding-top:0px; padding-bottom:1px; background-color: #5E81A8; line-height: 18px; color: #576479; font-size: 14px; margin-bottom: 1px; float:left; width: 16%; text-align:center; } A.tvRB3:hover { background-color: #456D93; } #editors .drug_1 { float:left; text-align:center; float:left; width: 100%; max-width:100px; padding-right: 20px; margin-top: -10px; } #editors .drug_2 { width: 90px; margin:auto; margin:auto; position: relative; } #editors .drug_2:hover .drug_3 { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } #editors .drug_3 { width: 90px; height: 90px; margin-bottom: 2px; } #editors A.drug_4 { text-decoration: none; font-weight: bold; line-height: 16px; font-size: 13px; color:#2A5885; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; } #editors A.drug_4:hover { text-decoration: underline; } #editors .drug_5 { float:left; max-width:150px; line-height: 22px; font-size: 13px; color:#656565; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; } #editors A.drug_6 { text-decoration: none; line-height: 16px; font-size: 13px; color:#2A5885; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; } #editors A.drug_6:hover { text-decoration: underline; } #editors .drug_7 { position: absolute; right:0; padding-right: 10px; } #editors .drug_8 { font-size: 12px; max-width: 150px; color:#656565; font-family:'OpenSansRegular', Arial; display: inline-block; line-height: 14px; } .push_links, .push_linksNAj { position: relative; z-index:10; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .push_links .animated_menu, .push_linksNAj .animated_menu { /*min-height: 34px;*/ width: 2px; background: #6286AE; position: absolute; margin-left: 0px; top:0; -moz-transition: top 0.20s ease; -webkit-transition: top 0.20s ease; -o-transition: top 0.20s ease; -ms-transition: top 0.20s ease; transition: top 0.20s ease; } .animated_menu_null { width: 2px; height: 34px; background: #6286AE; position: absolute; margin-left: -12px; margin-top: -8px; } /***************** Left Menu... **************/ /*********************** Для поиска начало **************************/ #selector_container { width:100%; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #selector_container .skd3 { display:none; width:100%; z-index:2000; background-color:#FFFFFF; position:absolute; } #selector_container .skd4 { overflow:auto; width:100%; max-height:300px; } #selector_container .skd5 { outline: none; border: none; cursor:pointer; cursor:hand; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;width:220px; border:0px; background-color:#FFFFFF; } #selector_container .skd6 { font-weight:bold; color:#E57909; font-size:17px; padding-bottom:5px; } #selector_container .sld7 { font-size: 12px; overflow: hidden; margin-top:6px; margin-bottom:8px; cursor:pointer; cursor:hand; padding-left:20px; background:url(/images/check.gif) left top no-repeat; background-position:0px 0px; height:14px; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #selector_container .sld7A { font-size: 12px; overflow: hidden; margin-top:6px; margin-bottom:8px; cursor:pointer; cursor:hand; padding-left:20px; background:url(/images/check.gif) left top no-repeat; background-position:0px -14px; height:14px; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;} #selector_container .sld8 { font-size: 12px; overflow: hidden; margin-top:4px; margin-bottom:8px; cursor:pointer; cursor:hand; padding-left:20px; background:url(/images/radio.gif) left top no-repeat; background-position:0px 0px; height:14px; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #selector_container .sld8A { font-size: 12px; overflow: hidden; margin-top:4px; margin-bottom:8px; cursor:pointer; cursor:hand; padding-left:20px; background:url(/images/radio.gif) left top no-repeat; background-position:0px -14px; height:14px; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /*********************** Для поиска конец **************************/ /*********************** Для поиска начало **************************/ #selector_container .selector_table { width:100%; z-index: 0; border: 1px solid rgb(195, 203, 212); border-bottom: 2px solid rgb(195, 203, 212); margin: 0px; } #selector_container .selector { border: medium none; padding: 0px 6px 0px 6px; height: 30px; overflow: hidden; position: relative; vertical-align: middle; padding-bottom:0px; cursor:pointer; cursor:hand; background-color: #FDF6E3; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index:5; } #selector_container .selector2 { border: medium none; padding: 0px 0px 0px 0px; height: 24px; overflow: hidden; position: relative; vertical-align: middle; padding-bottom:0px; } #selector_container .selector_dropdown { z-index: 0; width: 16px; cursor: default; background: url('/images/darr_dd_out.gif') no-repeat scroll center center; border-width: medium medium medium 1px; border-style: none none none solid; border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgb(255, 255, 255); -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; padding: 0px; padding-bottom:0px; cursor:pointer; cursor:hand; background-color:rgb(225,232,237); border-left-color:rgb(210,219,224); } #selector_container .BackColor { width:100%; background-color:#F5F5F5; padding:10px; padding-bottom:30px; } #selector_container .ACT { padding-left:4px; background-color:#5F83A5; color:#ffffff; padding-top:4px; padding-bottom:4px; cursor:pointer; cursor:hand; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .selector_table .ACT { padding-left:4px; background-color:#5F83A5; color:#ffffff; padding-top:4px; padding-bottom:4px; cursor:pointer; cursor:hand; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .skd2 { padding-left:4px; padding-top:4px; padding-bottom:4px; cursor:pointer; cursor:hand; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .skd2:hover { background-color:#5F83A5; color:#ffffff; } .m20 { width:116px; height:116px; cursor:pointer; cursor:hand; float:left; position: relative; padding-right:20px; padding-top: 0px; padding-bottom:0px; } .m21 { float:left; position:absolute; z-index:10; } .m22 { padding-top:8px; padding-left:8px; cursor:pointer; cursor:hand; z-index:50; width: 118px; text-align: center; line-height: 100px; } .m22 img { max-height: 100px; max-width: 100px; border: 0px; } .m193 { position: absolute; z-index: 10; right: 10px; bottom: 0; margin-bottom: 4px; width: 22px; height: 22px; background:url("/js/playcast_editor/i-add.png") left top no-repeat; } #BlockSelect { display: none; } /*********************** Для поиска конец **************************/ A.normal { font-family: Arial, Verdana, Tahoma, Georgia; font-size: 13px; } A.normal:active { font-family: Arial, Verdana, Tahoma, Georgia; font-size: 13px; } A.normal:hover { font-family: Arial, Verdana, Tahoma, Georgia; font-size: 13px; } .fa-play-circle { color: #2E9305; font-size: 18px; padding-left: 5px; } .fa-print, .fa-heart, .fa-trash, .fa-cog { color:#0074D1; } .fa-plus, .fa-commenting-o, .fa-eye, .fa-cog, { text-align: center; color:#0074D1; font-size: 18px; min-width:18px; padding-bottom:10px; } .fa-search { color: #1746D; position: absolute; right:0; text-align: center; line-height: 25px; vertical-align: middle; width: 30px; height: 30px; font-size: 18px; margin-left:-25px; margin-top: 4px; cursor:pointer; cursor:hand; } .fa-home { font-size: 19px; padding-left:2px; padding-right: 2px; } .linija { background:url(/images/linija.gif) center top no-repeat; width:100%; height:30px; margin-bottom: 10px; } .img_left { float:left; margin-top:6px; margin-right:10px; max-width: 100%; and height: auto; } .img_right { float:right; margin-top:6px; margin-left:10px; max-width: 100%; and height: auto; } .LeftBlock .badge2 { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #222222; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #F1F1E7; border-radius: 10px; font-size: 12px; /*position:absolute; */ position:relative; margin-top: 2px; margin-right:-4px; right:0; float: right; } .LeftBlock .badge2:hover { background-color: #ccc; font-size: 13px; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; font-size: 12px; position:absolute; margin-top: 0px; margin-left:5px; } .ULeft { padding: 0px; margin: 0px; padding-left: 20px; } .alerts1 { background-color: #ABB5B7; padding:10px; /*font-style:italic;*/ margin-bottom: 10px; } .alerts1 div { font-size: 15px; font-family: 'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; /*font-style:italic;*/ line-height: 20px; } .alerts1 A { font-size: 15px; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; /*font-style:italic;*/ color:#333399; } .alerts1 A:active { font-size: 15px; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; /*font-style:italic;*/ color:#333399; } .alerts1 A:hover { font-size: 15px; font-family:'OpenSansRegular', Arial, Verdana, Tahoma, Georgia; /*font-style:italic;*/ color:#333399; } .alerts2 { text-align: right; } .alerts-close { color: #fff; font-size:28px; cursor:pointer; cursor:hand; margin-top: -8px; margin-right: -4px; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .alerts-close:hover { color: #993333; } /******** Комменты *********/ .comment1 { color:#969696; padding-bottom:4px; } .comment2 { border:1px solid #BFB8B5; width: 100%; background-color: #FDF6E3; padding: 4px; font-size: 14px; height:132px; } .comment3 { border:1px solid #BFB8B5; margin-top:4px; margin-bottom:4px; padding: 6px; width: 100%; background-color: #FDF6E3; height:34px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; font-size:14px; } .input-txt { border:1px solid #BFB8B5; margin-top:4px; margin-bottom:4px; padding: 6px; width: 100%; background-color: #FDF6E3; height:34px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; font-size:14px; } .input-txt:focus { border-color: #3A86C2 !important; outline-style: none; } .comment3:focus { border-color: #3A86C2; } .comment3Select { border:1px solid #BFB8B5; margin-top:4px; margin-bottom:4px; width: 100%; padding: 2px; padding-top: 4px; padding-bottom:4px; background-color: #FDF6E3; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; font-size:14px; } .comment3Select2 { border:1px solid #BFB8B5; margin-top:4px; margin-bottom:4px; padding: 2px; background-color: #FDF6E3; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; font-size:14px; } .comment4 { float:left; color:#969696; padding-top:18px; padding-right:10px; } .comment5 { float:left; padding-top:4px; padding-right:10px; } .comment6 { float:left; padding-right:10px; } .comment7 { border:1px solid #BFB8B5; margin-bottom: 14px; margin-top: 14px; padding: 4px; width: 100%; max-width: 140px; background-color: #FDF6E3; height:32px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; font-size:14px; } .comment8 { padding-top:10px; } .comment8:hover { opacity: 0.9;-moz-opacity: 0.9; -khtml-opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); } .comment9 { font-size:16px; font-weight: bold; color:#161616; } .comment10 { font-size:12px; font-weight: normal; color:#979797; } .comment11 { border:1px solid #BFB8B5; margin-bottom: 12px; padding: 4px; width: 100%; max-width: 250px; background-color: #FDF6E3; height:30px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; font-size:14px; } .comment12 { border:1px solid #BFB8B5; padding: 6px; min-width:440px; width: 100%; background-color: #FDF6E3; height:30px; font-family:'OpenSansRegular', Arial, Tahoma, Georgia; font-size:14px; } /******** Комменты *********/ option { cursor:pointer; cursor:hand; } .btn { background-color: #0074D1; padding:5px; padding-left:16px; padding-right:16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#ffffff; border:0px; cursor: pointer; cursor:hand; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .btn:active { background-color: #4E4E4E; color:#ffffff; } .btn:focus { background-color: #4E4E4E; color:#ffffff;} .btn:hover { background-color: #4E4E4E; padding:5px; padding-left:16px; padding-right:16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#ffffff; border:0px; cursor: pointer; cursor:hand; /*-moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s;*/ } .TB1 td { font-size: 13px; } .TB1 a { font-size: 13px; } .ACTMail { font-weight:bold; background: #FF9; } /**************** Старые стили начало ********************/ /* Таблица стилей уголок начало 1 */ .boxGG {background: #5CAEEE; width: 100%; margin-bottom:20px /* указываем фоновые изображения для углов */ } .topGG div { background: url(/images/u1.gif) no-repeat top left; } .topGG { background: url(/images/u2.gif) no-repeat top right; } .bottomGG div { background: url(/images/u4.gif) no-repeat bottom left; } .bottomGG { background: url(/images/u3.gif) no-repeat bottom right; } .topGG div, .topGG, .bottomGG div, .bottomGG { width: 100%; height: 10px; /* соответствует ширине изображений углов */ } .contentGG { margin: 0px 10px 94px 10px; /* соответствует ширине изображений углов */ } /* Таблица стилей уголок начало 1 */ .boxGGG {background: #F8FBFA; width: 100%; margin-bottom:10px /* указываем фоновые изображения для углов */ } .topGGG div { background: url(/images/ug1.gif) no-repeat top left; } .topGGG { background: url(/images/ug2.gif) no-repeat top right; } .bottomGGG div { background: url(/images/ug4.gif) no-repeat bottom left; } .bottomGGG { background: url(/images/ug3.gif) no-repeat bottom right; } .topGGG div, .topGGG, .bottomGGG div, .bottomGGG { width: 100%; height: 7px; /* соответствует ширине изображений углов */ } .contentGGG { margin: 10px 20px 90px 20px; /* соответствует ширине изображений углов */ } #reg2 A.pochta { padding-left: 17px; padding-right: 17px; } #reg2 A.pochtaA { padding-left: 17px; padding-right: 17px; background-color: #7199B7; } #reg2 A.pochtaA .x67 { color: #fff; } #reg2 { position: relative; } #reg2 A { text-decoration: none; float: right; position: relative; padding-left:12px; padding-right: 12px; line-height: 48px; background-color:#375770; margin-left: 1px; display: block; font-size:16px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; color:#FFFEFE;} #reg2 A:active { text-decoration: none; color:#FFFEFE;} #reg2 A:hover { background-color:#424242; text-decoration: none; color:#FFFEFE;} #reg2 span { /*padding-left:10px; padding-right:10px; line-height: 24px; */} #reg2 A.two { text-decoration: none; clear:both; float: none; position: relative; line-height: 20px; background-color:#F9FAF9; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #DBE4EC; display: block; font-size:16px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; color:#FFFEFE;} #reg2 A.two:active { text-decoration: none; color:#FFFEFE; } #reg2 A.two:hover { background-color:#E4EAF0; text-decoration: none; color:#FFFEFE;} #reg2 A.two:last-child { border-bottom: 0px solid #DBE4EC; } .rg1 { right:0; position:absolute; margin-top:50px; z-index: 10; width:192px; /*display: none; */ opacity: 0;-moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); max-height:1px; overflow: hidden; } .rg2 { background-color: #F9FAF9; margin-top: 8px; -webkit-box-shadow: 1px 1px 3px 0 #ccc; -moz-box-shadow: 1px 1px 3px 0 #ccc; box-shadow: 1px 1px 3px 0 #60575A; border: 1px solid transparent; } .rg2 div { color: #000; font-size:13px; font-family: 'OpenSansSemiboldRegular', Arial, Verdana, Tahoma, Georgia; } .rg3 { height:36px; margin: 0px; } /**** стрелочки *****/ .arrows-all { width: 0; height: 0; border: 8px solid transparent; display: inline-block; margin: 0px 22px; position: absolute; top:0; z-index:10; } .arrows-top {border-top-color: #F9FAF9; border-bottom: 0; } .arrows-right { border-right-color: #F9FAF9; border-left: 0; } .arrows-bottom { border-bottom-color: #F9FAF9; border-top: 0; } .arrows-left { border-left-color: #F9FAF9; border-right: 0;} /**** стрелочки *****/ #blank {float:left; position:absolute; margin-top:34px; margin-left:28px;} #blank img {width:350px; height:70px; border:0px} #menuN {float:left; position:absolute; margin-top:150px; margin-left:32px; width:990px} #menuN div {float:left; padding-right:18px} #menuN A {font-family:Arial, Tahoma, Georgia; font-size:18px; color:#375770;} #menuN A:active {font-family:Arial, Tahoma, Georgia; font-size:18px; color:#375770;} #menuN A:hover {font-family:Arial, Tahoma, Georgia; font-size:18px; color:#375770;} #menuN span {font-family:Arial, Tahoma, Georgia; font-size:18px; color:#375770;} .kg1 {background:url(/images/top.jpg) left top no-repeat;} .kg2 {float:left; position:absolute; margin-top:18px; margin-left:36px; font-family:Tahoma, Arial, Georgia; font-size:12px; color:#6F6A6A;} .kg3 {float:left; position:absolute; margin-top:105px; margin-left:36px; font-family:Tahoma, Arial, Georgia; font-size:12px; color:#6F6A6A;} .kg4 {float:left} .kg5 {float:left; font-family:Verdana, Tahoma, Arial, Georgia; font-size:12px; color:#ffffff; padding-left:10px} .kh15 { padding-top: 10px; } A.forum {font-size:14px; color:#535556; font-family:Arial, Verdana, Tahoma, Georgia;} A.forum:active {font-size:14px; color:#535556; font-family:Arial, Verdana, Tahoma, Georgia;} A.forum:hover {font-size:14px; color:#535556; font-family:Arial, Verdana, Tahoma, Georgia;} A.blk {font-size:14px; color:#222222; font-family:Arial, Verdana, Tahoma, Georgia; text-decoration: none; } A.blk:active {font-size:14px; color:#222222; font-family:Arial, Verdana, Tahoma, Georgia; text-decoration: none; } A.blk:hover {font-size:14px; color:#222222; font-family:Arial, Verdana, Tahoma, Georgia; text-decoration: underline; } A.blk2 {font-size:14px; color:#222222; font-family:Arial, Verdana, Tahoma, Georgia; text-decoration: underline; } A.blk2:active {font-size:14px; color:#222222; font-family:Arial, Verdana, Tahoma, Georgia; text-decoration: underline; } A.blk2:hover {font-size:14px; color:#222222; font-family:Arial, Verdana, Tahoma, Georgia; text-decoration: none; } A.allg {font-size:15px; color:#222222; font-family:Arial, Verdana, Tahoma, Georgia;} A.allg:active {font-size:15px; color:#222222; font-family: Arial, Verdana, Tahoma, Georgia;} A.allg:hover {font-size:15px; color:#222222; font-family: Arial, Verdana, Tahoma, Georgia;} /* старые стили */ A.link1 {color:#5C5650; font-size:14px; text-decoration:underline; font-family:verdana, Tahoma, arial, Georgia, Sans-Serif, helvetica} A.link1:active {color:#5C5650; font-size:14px; text-decoration:underline; font-family:verdana, Tahoma, arial, Georgia, Sans-Serif, helvetica} A.link1:hover {color:#5C5650; font-size:14px; text-decoration:none; font-family:verdana, Tahoma, arial, Georgia, Sans-Serif, helvetica} A.link2 {color:#099D4F; font-size:12px; text-decoration:underline; font-weight:normal; font-family:verdana, Tahoma, arial, Georgia, Sans-Serif, helvetica} A.link2:active {color:#099D4F; font-size:12px; text-decoration:underline; font-weight:normal; font-family:verdana, Tahoma, arial, Georgia, Sans-Serif, helvetica} A.link2:hover {color:#099D4F; font-size:12px; text-decoration:none; font-weight:normal; font-family:verdana, Tahoma, arial, Georgia, Sans-Serif, helvetica} A.menu_blue_big { color:#17479D; font-size:21px; text-decoration:underline;font-family:'OpenSansRegularBold', Arial; padding-left:0px;} A.menu_blue_big:active { color: #17479D; font-size:21px; text-decoration:underline; font-family:'OpenSansRegularBold', Arial; padding-left:0px; } A.menu_blue_big:hover { color: #17479D; font-size:21px; text-decoration:none; font-family:'OpenSansRegularBold', Arial; padding-left:0px; } A.board {color:#3A9EB0; font-size:12px; text-decoration:underline; font-weight:normal; font-family:verdana, Sans-Serif, helvetica, arial, tahoma; } A.board:active {color:#3A9EB0; font-size:12px; text-decoration:underline; font-weight:normal; font-family:verdana, Sans-Serif, helvetica, arial, tahoma; } A.board:hover {color:#3A9EB0; font-size:12px; text-decoration:none; font-weight:normal; font-family:verdana, Sans-Serif, helvetica, arial, tahoma; } .color_board {color:#666560; font-size:11px} #rus {position:relative; float:right; margin-right:20px; margin-top:6px} #rus A {color:#6F6A6A} #rus A:active {color:#6F6A6A} #rus A:hover {color:#6F6A6A} .hbig {font-family:Tahoma, verdana, Arial, Georgia; font-size:20px; color:#3A9EB0; font-weight:bold} #menu {float:left; height:40px; width:450px} #menu A {color:#716357; font-size:24px; text-decoration:underline; font-weight:normal; font-family:Tahoma, verdana, arial, Georgia, Sans-Serif, helvetica} #menu A:active {color:#716357; font-size:24px; text-decoration:underline; font-weight:normal; font-family:Tahoma, verdana, arial, Georgia, Sans-Serif, helvetica} #menu A:hover {color:#716357; font-size:24px; text-decoration:none; font-weight:normal; font-family:Tahoma, verdana, arial, Georgia, Sans-Serif, helvetica} #about {float:left; position:absolute; margin-left:452px; margin-top:130px; z-index:99;} #about div {float:left; padding-top:10px; padding-left:25px} #about A {color:#FFFEFE; font-size:18px; text-decoration:underline; font-weight:normal; font-family:Tahoma, verdana, arial, Georgia, Sans-Serif, helvetica} #about A:active {color:#FFFEFE; font-size:18px; text-decoration:underline; font-weight:normal; font-family:Tahoma, verdana, arial, Georgia, Sans-Serif, helvetica} #about A:hover {color:#FFFEFE; font-size:18px; text-decoration:none; font-weight:normal; font-family:Tahoma, verdana, arial, Georgia, Sans-Serif, helvetica} /********* Плейкасты... *********/ .GridItem { position: relative; } .pl1 { border:2px solid #CCCCCC; float:left; position: relative; margin-right:10px; margin-bottom:10px; width:334px; height:150px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .pl1R { border:2px solid #CCCCCC; overflow: hidden; margin-right:5px; margin-bottom:5px; max-width:326px; /*width:326px;*/ height:154px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; } .pl1RAdapt { border:2px solid #CCCCCC; overflow: hidden; /*margin-right:5px;*/ margin-bottom:5px; height:154px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .pl1RAdapt:hover { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); border:2px solid #ED8A23; } .pl2 { /*padding:14px; padding-top:10px;*/ padding: 6px; position: relative; } .pl3 { float:left; padding-top:0px; max-width:120px; overflow:hidden; max-height: 130px; } .pl3Adapt { float:left; padding-top:0px; max-width:120px; width:40%; overflow:hidden; max-height: 130px; } .pl4 { width:120px; } .pl5 { float:left; width:170px; padding-left:10px; font-size:12px; } .pl6 { float:left; position:absolute; margin-top:80px; width:180px; font-size:12px; padding-top:4px; font-family: 'OpenSansRegular', Tahoma; } .pl5R { float:left; margin-left:10px; width:160px; font-size: 12px; font-family: 'OpenSansRegular', Tahoma;} .pl5RAdapt { line-height: 20px; float:left; padding-left:10px; width:60%; font-size: 12px; font-family: 'OpenSansRegular', Tahoma; } .pl5RAdapt b { font-family: 'OpenSansRegularBold', Tahoma, Verdana, Georgia; font-weight: normal; } .pl6R { width:100%; line-height: 20px; overflow: hidden; padding-top:4px; font-size: 12px; font-family: 'OpenSansRegular', Tahoma; } .pl7 { padding-bottom:0px; /*max-height:40px; overflow: hidden; */ font-size: 15px; font-family: 'OpenSansRegularBold', Arial; } .pl8 { float:left; cursor:pointer; cursor:hand; } .PlusMature { right:0; position: absolute; width: 55px; height: 55px; margin-top: 5px; background:url(/images/18_plus.png) left top no-repeat; } /********* Плейкасты... *********/ .w_all {float:left; width:415px; padding-top:10px; padding-bottom:20px; color:#099D4F} .w1 {float:left; width:415px} .w2 {float:left; padding-right:5px; } .w3 { /*float:left; height:40px; background:url(/images/strelka.gif) left center no-repeat; font-size:1px; width:20px; */} .left {float:left; width:435px; padding-left:15px; line-height:20px; text-align:left} .left_big { float:none; clear:both; position: relative; /*float:left;*/ /*width:880px;*/ line-height:20px; text-align:left; } .right {float:left; width:415px; padding-left:15px; padding-right:10px; line-height:20px; text-align:left} /*.audio {float:left; padding-right:25px; height:20px; background:url(/images/audio.gif) right center no-repeat}*/ .ramka { /*background:url(/images/ramka.png) left top no-repeat;*/ padding-right:10px; padding-top:4px; padding-bottom:10px } .pic1 {margin-top:1px; margin-left:1px} .pic2 {float:left; width:195px; padding-right:8px} .pic3 {float:left; width:250px; padding-right:8px} .pic3New {float:left; width:250px; padding-right:8px; padding-bottom:24px} .color3 {background-color:#DBDFE0;} .ok {float:left; padding-top:5px} .float {float:left; width:415px} .ft {float:left} .niz1 {background-color:#099D4F; font-size:2px; width:7px} .niz2 {background:url(/images/ug4.gif) left top no-repeat; height:7px; background-color:#ffffff; font-size:2px} .niz3 {float:right; width:7px; height:7px; background:url(/images/ug3.gif) right top no-repeat; font-size:2px} .niz4 {background-color:#099D4F; font-size:2px; width:7px} .niz5 {background-color:#099D4F; font-size:2px; width:7px} .niz6 {background-color:#099D4F; font-size:2px; padding-top:12px; padding-left:15px} .niz7 {position:absolute} .niz8 {float:left; padding-left:5px; padding-right:5px} .copy {padding-top:20px; padding-left:22px; text-align:left; padding-bottom:30px} #footer A {font-size:14px; color:#ffffff; } #footer A:active {font-size:14px; color:#ffffff; } #footer A:hover {font-size:14px; color:#ffffff; } .newniz1 { margin: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 0px; padding-right: 0px; background-color: #EBEBEB; } .newniz2 { background: url(/images/krug.gif) no-repeat; min-height: 55px; font-size: 14px; line-height: 20px; padding-left: 70px; margin-bottom: 10px; color: #727272; } .newniz3 { color: #727272; font-weight:bold; font-size: 14px; } .newniz4 { margin: auto; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; background-color: #4E4E4E; } .newniz5 { padding: 30px; background-color: #424242; margin: 0px; } .newniz6 { color:#8E8E8E; line-height:20px; } .newniz7 { width: 140px; margin: auto; } A.newniz8 {font-size:14px; } A.newniz8:active {font-size:14px; } A.newniz8:hover {font-size:14px; } A.newniz9 { color:#ccc; font-size:13px; } A.newniz9:active { color:#ccc; font-size:13px; } A.newniz9:hover { color:#ccc; font-size:13px; } .tvklnk {font-size:13px; color: #727272; } .tvklnk A {font-size:13px; color: #727272; } .tvklnk A:active {font-size:13px; color: #727272; } .tvklnk A:hover {font-size:13px; color: #727272; } .error { padding-top: 5px; padding-bottom: 5px; font-size:13px; font-weight:bold; color:#E64C00; font-family:verdana, Tahoma, Arial, Georgia; } .error2 { font-weight:bold; color:#E64C00; font-weight:bold; font-weight:bold; font-family:verdana, Tahoma, Arial, Georgia; } .error3 { color:#118F00; } .text_green { color:#118F00; font-size:14px} .pad14 {padding-left:20px; } .pad15 { position: relative; } #table { background-color:#74BFC2 } #table td { background-color:#ffffff } .h11 {padding-top:15px; padding-bottom:15px; float:left; width:100%; position:relative; color:#505050; font-size:24px; font-weight:normal; font-family:Georgia, Sans-Serif, helvetica, arial, tahoma;} .m1 {margin-top:6px; width:100px} .m2 {padding-left:10px} .m3 {margin-top:6px; width:230px} .m4 {display:none} .m5 {margin-top:6px; width:750px} .m6 {width: 160px;} .m7 {width: 130px;} .m8 {width:750px; height:400px} /******** Смайлики начало **********/ .m103 { color:#36638E; } .m104T { background-color: #ffffff; outline: 0px none; outline-width: 0px; outline-style: none; width: 100%; margin-top:5px; margin-bottom:7px; padding:4px; overflow:auto; min-height:72px; max-height:312px; border:1px solid #C3CBD4; } .m104 { font-family:'OpenSansRegular', Arial; outline: 0px none; outline-width: 0px; outline-style: none; width: 100%; min-height:72px; max-height:312px; padding-right: 20px; font-size:13px; color:#8C8E91; line-height: 18px; } .m105 { border-left:1px solid #E5E6F4; padding-left:10px; width:210px; } .m106 { margin-top:10px; margin-bottom:10px; height:1px; background-color:#E5E6F4; } .m107 { float:left; padding-left:2px; width:130px; } .m108 { height:6px; } .m109 { float:left; padding:5px; margin:0px; background-color: #ffffff; cursor:pointer; cursor:hand; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .m110 { border:0px; margin: 0px; width:16px; height:16px; } .m110T { width: 16px; height: 16px; } .m110S { width: 16px; height: 16px; display: block; float:left; } .SmailsAdd { right:0; position: absolute; margin-right:8px; margin-top: 4px; cursor:pointer; cursor:hand; width:25px; height: 24px; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .SmailIcons { width:25px; height: 24px; background:url(/images/im_smile_cross.png) left top no-repeat; background-position: 0px -24px; } .SmailsAdd:hover { opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:progid: DXImageTransform.Microsoft.Alpha(opacity=70); } .SmailsAdd2 { z-index: 200; width:290px; height:295px; overflow:hidden; right:0px; margin-top:-296px; margin-right: 6px; position:absolute; /*display:none;*/ background-color:#ffffff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid #c5d0db; opacity: 0; visibility: hidden; transition: opacity 150ms ease-in-out,visibility 150ms ease-in-out 150ms; } #editors .esmails, .esmails { width: 16px; height: 16px; border: none; display: inline-block; overflow: hidden; /*vertical-align: -3px;*/ margin: 0px 2px 0px 1px; vertical-align: top; } .wall_reply_text { font-size:13px; font-family: Arial, Verdana, Tahoma, Georgia; } /******** Смайлики конец **********/ #ajax_logs { display: none; } /* Таблица стилей уголок начало 1 */ .box {background: #DEEDF1; width: 100%; margin-bottom:20px /* указываем фоновые изображения для углов */ } .top div { background: url(/images/ugws1.gif) no-repeat top left; } .top { background: url(/images/ugws2.gif) no-repeat top right; } .bottom div { background: url(/images/ugws4.gif) no-repeat bottom left; } .bottom { background: url(/images/ugws3.gif) no-repeat bottom right; } .top div, .top, .bottom div, .bottom { width: 100%; height: 5px; /* соответствует ширине изображений углов */ } .content { margin: 0px 12px 0px 5px; /* соответствует ширине изображений углов */ } /* Таблица стилей уголок начало 1 */ .boxG {background: #F0F6E1; width: 100%; margin-bottom:20px /* указываем фоновые изображения для углов */ } .topG div { background: url(/images/ugwd1.gif) no-repeat top left; } .topG { background: url(/images/ugwd2.gif) no-repeat top right; } .bottomG div { background: url(/images/ugwd4.gif) no-repeat bottom left; } .bottomG { background: url(/images/ugwd3.gif) no-repeat bottom right; } .topG div, .topG, .bottomG div, .bottomG { width: 100%; height: 5px; /* соответствует ширине изображений углов */ } .contentG { margin: 0 7px 7px 0; /* соответствует ширине изображений углов */ } /* Таблица стилей уголок начало 1 */ .boxH {background: #EBEBEB; width: 100%; margin-bottom:20px /* указываем фоновые изображения для углов */ } .topH div { background: url(/images/ugw1.gif) no-repeat top left; } .topH { background: url(/images/ugw2.gif) no-repeat top right; } .bottomH div { background: url(/images/ugw4.gif) no-repeat bottom left; } .bottomH { background: url(/images/ugw3.gif) no-repeat bottom right; } .topH div, .topH, .bottomH div, .bottomH { width: 100%; height: 5px; /* соответствует ширине изображений углов */ } .contentH { margin: 5px 20px 10px 20px; /* соответствует ширине изображений углов */ } .nav {margin-top:40px} .strTop2 {float:left; width:100%; padding-left:15px; padding-top:20px; padding-bottom:5px} .pad6 {padding-left:10px} #table2 { background-color:#BCBABC;} #table2 td { background-color:#FFFFFF} #table3 { background-color:#B6DFFA} #table3 td { background-color:#ffffff } #table3 textarea {width:350px; height:180px} #table3 input {width:350px;} #table3 .check {width:20px;} #table3 .submit {width:140px;} .wk1 {float:left; max-width:800px; padding-bottom:8px} .wk2 {float:left; width:30px;} .wk3 {float:left; max-width:762px; padding-left:8px} A.club {text-decoration:underline; font-family:Tahoma, verdana, Arial, Georgia; font-size:20px; color:#3A9EB0;} A.club:active {text-decoration:underline; font-family:Tahoma, verdana, Arial, Georgia; font-size:20px; color:#3A9EB0;} A.club:hover {text-decoration:none;font-family:Tahoma, verdana, Arial, Georgia; font-size:20px; color:#3A9EB0;} .just {text-align: justify} .annotation {font-size:11px; color:#A9A9A9; line-height:14px; font-style:italic} .mCh1 {margin-top:7px; width:100px; } .mCh2 {padding-left:10px} .mCh3 {margin-top:7px; width:210px} .mCh4 {display:none; } .mCh5 {margin-top:7px;} .photoAlbum1 {float:left; width:275px; height:206px; margin-bottom:14px; margin-right:14px; background:url(/images/UploadImg.gif) left top no-repeat} .photoAlbum2 {position:absolute; margin-left:250px; margin-top:6px;} .photoAlbum3 {font-weight:bold; margin-left:8px; margin-top:6px;} .photoAlbum4 {padding-top:24px; padding-left:8px;} .photoAlbum5 {width:250px; height:80px; margin-top:4px; margin-bottom:6px;} .photoAlbum6 {background-color:#EDEDED; padding:10px; position:relative; bottom:10px; } .photoAlbum7 {width:302px;} .photoAlbum8 {width:300px;} .photoAlbum9 {width:300px; height:100px;} #ViewerWrap { display:none; position:fixed; top:0; left:0; height:100%; width: 100%; background:url(/images/BlackFons.png) left top repeat; overflow:auto; z-index:1000; overflow-y:scroll; } #ViewerWrap .ViewerPage { position:relative; z-index:50; width:750px; margin:60px auto 30px; box-shadow: 0 0 5px rgba(0,0,0,.2); /*background:url('/images/plashkafon2.png') center center repeat;*/ background: fff; padding: 0px; } #ViewerWrap .area1 {position:fixed; z-index:10; top:0; left:0; right:0; margin:0px; width:98%; height:100%; } #ViewerWrap .area2 {position:absolute; z-index:30; top:0; left:0; right:0; margin:0px; width:98%; height:100%; background:url(/images/blank.png) left top no-repeat; } #ViewerWrap .WRL1 { background-color:#5E5B5B; text-align:center; height:40px; } #ViewerWrap .WRL2 { position:absolute; right:0px; margin-right:5px; margin-top:8px; cursor:pointer; cursor:hand; width:20px; height:20px; background:url(/images/close1.png) left top no-repeat; } #ViewerWrap .WRL3 { font-family:verdana, Arial, Tahoma, Georgia; color:#FFFFFF; font-size:14px; } #ViewerWrap .WRL4 { background-color:#FDFAF5; } #ViewerWrap .WRL4T { background-color:#FDFAF5; height:100px; } #ViewerWrap .ViewerShow2 { padding:20px; padding-bottom:30px; } #TopPanel {position:relative; width:100%; margin:0px auto 0px;} /********** Стилизация select... **********/ .select_style { cursor:pointer; cursor:hand; padding: 4px; padding-right: 30px; padding-left: 10px; box-sizing: border-box; border: none; background:url(/images/strn_select.png) right center no-repeat; /*box-shadow:0px 0px 4px 0px #E1E1E1;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 15px!important; font-family: 'OpenSansRegular', Arial; border: 1px solid #DAE2E8; background-color: #FDF6E3; -moz-border-radius: 6px; -webkit-border-radius:6px; border-radius: 6px; } .select_style option { background-color: #FDF6E3; font-family: 'OpenSansRegular', Arial; cursor:pointer; cursor:hand; padding: 10px; padding-top: 3px; padding-bottom: 3px; } /********** Стилизация select... **********/ .m51J { float:left; position:absolute; z-index:10; margin-left:-12px; margin-top:-12px; width:16px; height:16px; background:url(/images/galka.png) left top no-repeat; } .state { font-size: 12px; } /* Для скролла начало */ #MessageTop { display: block; display: none; z-index: 999; opacity: .8; position: fixed; top: 100%; margin-top: -80px; left: 100%; margin-left: -80px; -moz-border-radius: 24px; -webkit-border-radius: 24px; background-color: #ED8A23; font-size: 24px; text-align: center; padding:0px; } /* Для скролла конец */ /* Полоса сверху */ #logosticker {position:fixed; top:0; display:none;width:100%; z-index:10000; } #logosticker .sticker { background:url(/images/sticker.png) center top repeat-x; } #logosticker td { padding-top:10px; text-align:center; color:#4B0082; font-weight:bold; font-size:14px; } #logosticker A {text-decoration:underline; font-family:verdana, Arial, Tahoma, Georgia; font-weight:bold; font-size:14px; color:#000000;} #logosticker A:active {text-decoration:underline; font-family:verdana, Arial, Tahoma, Georgia; font-weight:bold; font-size:14px; color:#000000;} #logosticker A:hover {text-decoration:none; font-family:verdana, Arial, Tahoma, Georgia; font-weight:bold; font-size:14px; color:#000000;} /* Для скролла начало */ /* Анимация для кнопки "Вернуться Наверх" на чистом CSS без javascript */ /*.fa-angle-double-up { font-size: 28px; }*/ /* формируем тело кнопки, положение и эффект перехода */ .scrollTop { display: none; /* по-умолчанию скрыта */ -webkit-border-radius: 100%; /* скругяем углы */ -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: fixed; /* фиксируем позицию кнопки */ width: 70px; /* размеры кнопки */ height: 70px; right: 1rem; /* положение кнопки */ bottom: 1rem; cursor: pointer; /* вид курсора */ /* эффект перехода между двумя состояниями кнопки */ -webkit-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1); -ms-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1); transition: bottom 0.2s cubic-bezier(0.42, 0, 0.58, 1); outline: none; } /* смещение кнопки вверх при наведении */ .scrollTop:hover { bottom: 2rem; outline: none; } /* дополнительные элементы офрмления кнопки */ .scrollTop:before, .scrollTop:after { content: ""; top: 0; left: 0; background-color: #766DCC; width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; position: absolute; opacity: 0; outline: none; } /* определяем имя, тип и скорость анимации лля :before */ .scrollTop:before { background-color: #736cad; -webkit-animation: clickMe 1.8s 333ms infinite ease-out; -moz-animation: clickMe 1.8s 333ms infinite ease-out; animation: clickMe 1.8s 333ms infinite ease-out; outline: none; } /* определяем имя, тип и скорость анимации лля :after */ .scrollTop:after { -webkit-animation: clickMe 1.8s 777ms infinite ease-out; -moz-animation: clickMe 1.8s 777ms infinite ease-out; animation: clickMe 1.8s 777ms infinite ease-out; outline: none; } /* формируем вид иконки */ .scrollTop i { width: 40px; height: 40px; display: block; background: #D69009; color: #fff; text-align: center; line-height: 40px; font-size: 18px; background-size: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: absolute; left: 15px; top: 15px; z-index: 100; outline: none; } /* анимация */ @-webkit-keyframes clickMe { 0% { opacity: 0; -webkit-transform: scale(0) } 5% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes clickMe { 0% { opacity: 0; -moz-transform: scale(0) } 5% { opacity: 1 } 100% { opacity: 0 } } @keyframes clickMe { 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } 5% { opacity: 1 } 100% { opacity: 0 } } /* Для скролла конец */ /* Для всплыв подсказки начало */ .ui-tooltip { padding:6px; position: absolute; z-index: 9999; border-radius: 20px; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; border: 1px solid white; background:#ED8A23; } /* Для всплыв подсказки конец */ .post_like { background: #FFF; color:#022B2F; background:#C5C5C5; font-size: 12px; cursor: pointer; cursor:hand; padding: 5px 6px; margin-top: -1px; right: 0px; white-space: nowrap; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .post_like:hover { background: #E5E6EB; } .post_like2 { background: #FFF; color:#022B2F; background:#EF993F; font-size: 12px; padding: 5px 6px; margin-top: -1px; right: 0px; white-space: nowrap; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } input[type="file"] { background-color:#F4F2F4; border:1px solid #C6C6C6; } .green { color:#8B0000; } .m40Photo { float:left; margin-right:15px; cursor:pointer; cursor:hand; margin-bottom:10px; text-align:center; border:1px solid #C4C6C4; background-color:#E5E6E9; height:100px; width:150px; } /* Стена начало */ .Wall1 { float:left; border:1px solid #E5E6F4; padding:5px; margin-top:5px; margin-bottom:10px; padding-bottom:10px; } .Wall2 { height:80px; width:370px; margin-bottom:5px; } .Wall3 { margin-top:7px; } .Wall4 { font-size:14px; } .Wall5 { float:right; position:relative; padding-right:20px; } .Wall5R { float:left; position:absolute; margin-left:665px;} .Wall6 { font-size:10px; color:#58595B; } .Wall7 { font-size:1px; background-color:#DDDDDD; height:1px; margin-top:8px; margin-bottom:8px; } .Wall8 { float:right; position:relative; margin-top:8px; padding-right:10px; } .Wall9 { border:1px solid #DDDDDD; padding:4px; margin-top:4px; color:#ED8A23; font-weight:bold; } /* Стена конец */ A.black1HD {color:#1B1B1B; font-size:14px; text-decoration:underline; font-weight:normal; font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; } A.black1HD:active {color:#1B1B1B; font-size:14px; text-decoration:underline; font-weight:normal; font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; } A.black1HD:hover {color:#1B1B1B; font-size:14px; text-decoration:none; font-weight:normal; font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; } A.normalHD {color:#0054D1; font-size:14px; text-decoration:underline; font-weight:normal; font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; } A.normalHD:active {color:#0054D1; font-size:14px; text-decoration:underline; font-weight:normal; font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; } A.normalHD:hover {color:#0054D1; font-size:14px; text-decoration:none; font-weight:normal; font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; } .text_grey {font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; font-size:14px; color:#888888; } .text_greyHD {font-family:Arial, Georgia, Sans-Serif, helvetica, tahoma; font-size:12px; color:#888888; } .grey { color:#7A7B7D; } .grayProsmotr {font-size:15px; color:#7A7B7D; } #preview { color:#cc0000; font-size:12px } .imgList { max-height:100px; margin-left:5px; border:1px solid #dedede; padding:4px; float:left; } .clear {clear:both; } .pad16 {float:left; width:300px; padding-bottom:5px} .pad32 {line-height:22px} .delete { float:left; position:absolute; margin-left:-10px; margin-top:-10px; } .NewLetter { color:#000000; font-size:14px; font-family:Georgia, Sans-Serif, helvetica, arial, tahoma; } .NewLetter2 { color:#000000; padding-right:5px; font-size:15px; } .NewLetter3 { padding-right:24px; } .NewLetter4 { border:1px solid #A6B3BF!important; background-color:#D2EAFE; font-size: 15px; font-family: 'OpenSansSemiboldRegular', Arial; } .NewLetter5 { border:1px solid #A6B3BF!important; } .BooksLG { text-align: center; line-height: 18px; } .BooksLG a { color: #000; font-size: 13px; } .BooksLG img { border: 1px solid #ccc; } /****************** Сложный заголовок с линиями по бокам текста на css *****************/ .title-line { position: relative; overflow: hidden; text-align: center; } .title-line span { display: inline-block; vertical-align: middle; font-size: 22px; font-family: 'OpenSansRegular', Arial; } .title-line:before, .title-line:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 2px; background-color: #DDDDDD; position: relative; } .title-line:before { margin-left: -100%; left: -6px; } .title-line:after { margin-right: -100%; right: -6px; } .list_box { position: relative; margin-top: 10px; margin-bottom: 26px; text-align: center; } .list_ball a { display: inline-block; vertical-align: top; width: 60px; height: 60px; margin: 0px 10px; border: 2px solid #375770; box-shadow: 0 5px 10px rgba(0,0,0,.3); border-radius: 30px; padding-top: 3px; color: #fff; font-size: 20px; text-decoration: none; font-weight: 700; text-align: center; } .list_ball a span { display: inline-block; vertical-align: top; width: 50px; height: 50px; line-height: 50px; background: #375770; border-radius: 25px; font-size: 14px; } .list_ball a span:hover { background: #5CAEEE; } /****************** Сложный заголовок с линиями по бокам текста на css *****************/ /****************** Для всплыв подсказки начало ******************/ .tipsy div { font-size:13px; } .tipsy { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; font-size: 13px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Rounded corners */ /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /****************** Для всплыв подсказки конец ******************/ #MyInteres .MIY5 { cursor:pointer; cursor:hand; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; float:right; background-color:#6082A6; padding:6px; padding-left:10px; padding-right:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#ffffff; } #MyInteres .MIY5LEFT { -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; float:right; background-color:#6082A6; padding:6px; padding-left:10px; padding-right:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#ffffff; } #NoAuthoritation { display: none; } #gift div {color:#686C6F; text-align:center; font-size:13px; float:left; width:140px; height:190px; padding-right:10px;} #gift A {font-size:13px} #gift A:active { font-size:13px} #gift A:hover {font-size:13px} /***************** Старые стили конец **************/ .slogan { position: absolute; float: left; margin-left:330px; margin-top: -50px; font-size: 15px; line-height: 18px; color: #375770; font-family: 'OpenSansSemiboldRegular', Arial; } /*========== Desktop First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { .MyColLeft { float:left; width:25%; } .MyColRight { float:left; width:75%; } #editors .drug_5 { max-width:120px; } #editors .drug_8 { display: none; } .BooksLG { min-height: 440px; } .BooksLG img { height: 340px; } } @media only screen and (max-width : 1100px) { .x76 { height: 70px; width:70px; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .BooksLG { min-height: 480px; } .BooksLG img { height: 390px; } .x76 { height: 90px; width:90px; } .x1{ padding: 0px; padding-top: 0px; } .x2{ padding:0px; padding-top: 0px; padding-left: 0px; } .x5 { text-align: center; padding-top: 10px; } .x6 { text-align: center; } .x9 { margin-top: 10px; padding-left: 0px; } .x29 {clear:both; float:left; text-align:left; padding-left:0px; } .x30 { padding-left:0px; padding-right: 10px;} /*.x30 { display:block; float:none; padding-left:0px; } */ .x49 { padding-bottom: 20px; } .x63 { max-height:180px; } .xls2 { padding-right: 0px; margin-bottom: 10px; } .leftmenutitle { padding-left: 20px; cursor:pointer; cursor:hand; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .push_links { background-color: #EDEEF0; display: none; position: absolute; width: 100%; border: 1px solid #cccccc; border-top: 0px solid #cccccc; } .x71 { border: 0px solid #D7D8DB; position: relative; z-index: 1; } .MyColLeft { float:none; width:100%; } .MyColRight { float:none; width:100%; } .container { padding-left: 7px; padding-right: 7px; } .newniz1 { padding-left: 10px; padding-right: 10px; } .newniz4 { padding-left: 10px; padding-right: 10px; } .xlsCenter { padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .x72Height { min-height: 10px; } .x73 { text-align: left; } .leftmenutitleNAj { margin: 0px 0px 2px; cursor:pointer; cursor:hand; } .push_linksNAj { background-color: #EDEEF0; display: none; position: absolute; width: 100%; border: 1px solid #cccccc; border-top: 0px solid #cccccc; } #editors .drug_5 { max-width:150px; } #editors .drug_8 { display: block; } .x2S { padding-right: 0px; } .head_x89 { margin-top: -2px; margin-bottom: 14px; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .x72 { padding: 10px; } .BooksLG { min-height: 480px; } .BooksLG img { height: 400px; } .fa-search { margin-right: 10px; } .x1{ padding-bottom: 0px; padding-left: 10px; } .x10 { padding-left: 0px; } .x11 { min-height: 50px; display: block; } .x49 { padding-bottom: 0px; } .x53 { height:10px; } .x30 { display:block; float:none; padding-left:0px; } .maian_mnu { background-color: #5CAEEE; position: relative; } .maian_mnu ul { border-top:1px solid #ffffff; background-color: #5CAEEE; position: relative; width: 100%; margin-top: 0px; } .maian_mnu ul li { display: block; border-bottom: 1px solid #ffffff; border-right: 0px solid #ffffff; } .maian_mnu .x12 { display: none; position: absolute; width: 100%; margin-top: 0px; } .maian_mnu a { color: #fff; padding: 15px; padding-top: 8px; padding-bottom: 8px; display: block; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .maian_mnu a:hover { color: #fff; background-color: #375770; } /* .maian_mnu { background-color: #5CAEEE; } .maian_mnu ul { border-top:1px solid #ffffff; background-color: #5CAEEE; position: relative; width: 100%; margin-top: 0px; } .maian_mnu ul li { display: block; border-bottom: 1px solid #ffffff; border-right: 0px solid #ffffff; } .maian_mnu .x12 {display: none; position: absolute; width: 100%; margin-top: 0px; } .maian_mnu a { color: #fff; padding: 15px; padding-top: 8px; padding-bottom: 8px; display: block; } .maian_mnu a:hover { color: #fff; background-color: #375770; } */ .maian_mnu ul .FaHomeHidden { display: none; } #reg { margin-top:-20px; } .comment12 { min-width:240px; } #reg2 { clear:both; position:relative; width: 100%; } .xTPMenu { float:left; clear:both; width: 100%; } .x39 { float:left; } .main_mnu_button { display: block; } A.AddForum { max-width: 240px; } .x32 {margin-top: 20px; float: none; text-align: left; } .x88 { min-height: 10px; } .x93 { display: none; } .x94 { width: 100%; } .x98 { text-align: left; } .img_left { float: none; margin-top: 0px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px; display: block; } .img_right { float: none; margin-top: 0px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px; display: block; } .toas-line:before { left: 0px; } .toas-line:after { right: 0px; } .maian_mnu { max-height: 600px; overflow: visible; } .copys { font-size: 15px; line-height: 22px;} .pinger { display: none; } } @media only screen and (max-width : 600px) { .contestXS { width: 100%; } .contest7 { min-height: 10px; } .ArticleSm { width: 100%; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { .x16 { padding-bottom: 8px; } .NoLookTD { display: none; } .x30 { display:none; } .x64 { float:left; width: 44px; height: 50px; overflow: hidden; } .bird_zima { display: none; } .bird_vesna { display: none; } .x65 { display: none; } .x65SM { display: block; } .BooksLG { width: 100%; min-height: 10px; } .BooksLG img { height: 350px; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } @media only screen and (min-width : 769px) { .maian_mnu .x12 { display: block !important; } } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .push_links { display: block !important; } .push_linksNAj { display: block !important; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .BooksLG { width: 20%; min-height: 410px; text-align: center; } .BooksLG img { height: 300px; } } /************* pagination ************/ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /************* pagination ************/ /*************** Таблицы начало ***************/ table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; font-weight: normal; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #F0F0F0; } .table-hover > tbody > tr:hover:not(.NoHover) { background-color: #DDDDDD; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #DDDDDD; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /*************** Таблицы конец ***************/ /******** Подарки начало **********/ .giftsp1 { float:left; margin:7px; margin-bottom: 0px; width:110px; height:110px; cursor:pointer; cursor:hand; border:1px solid #FDFAF5; } .giftsp1:hover { border:1px solid #F3EBBF; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .giftsp2 { float:left; position:absolute; opacity: 0;-moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 100; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; margin-left:-1px; width:104px; margin-top:100px; text-align:center; padding:4px; background-color:#F3EBBF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .giftsp3 { margin: 0px; width:110px; height:110px; } /******** Подарки конец **********/ #loading { /*display: none; */ } #loading2 { margin: 30px; min-width:43px; min-height:11px; font-size:16px; font-weight: bold; background:url(/images/progress.gif) center top no-repeat; } /* Каруселька начало */ .sider_container img { max-width: 100%; } .sider_container .spk1 { padding-top:2px; } .sider_container .spk2 { margin-bottom: 0px; } .sider_container .spk3 { padding:5px; padding-top:2px; padding-bottom: 2px; line-height:20px; padding-right: 10px; } .sider_container .spk4 { padding:5px; padding-top:2px; padding-bottom: 2px; line-height:16px; font-size:13px; padding-right: 10px; } .sider_container { position: relative; } .next_button, .prev_button { background-color: #cccccc; border-radius: 10em; color: #fff; cursor: pointer; font-size: 35px; padding: 8px 18px; position: absolute; top: 30%; z-index: 10; } .next_button { right: 10px; } .prev_button { left: 10px; } /* Каруселька конец */ /********************** ПЛЕЕР начало **********************/ div.jp-audio { position: relative; width:100%; /*line-height: 0.5; color: #285d83; width: 320px; height: 30px; margin: 0; padding: 0;*/ } div.jp-audio * { margin: 0; padding: 0; /*font-size: 9px ;*/ } .jp-interface { position: relative; width:100%; height:35px; } .p-controls { max-height:35px; width: 16px; vertical-align:top; overflow:hidden; /*text-align: left; */ } .p-center, .p-right, .p-time-holder { display: inline; float:left; } div.p-center { /*vertical-align:bottom; height:4px;*/ } .p-right { width:60px; /*height:100%; vertical-align:bottom;*/ } a.jp-play, a.jp-pause, a.jp-stop { width:16px; height:17px; display:block; overflow:hidden; text-indent:-9999px; margin:0; padding:0; } a.jp-play { background: url("/js/Mp3Player01/js/skin/play.png") 0 0 no-repeat; } a.jp-play:hover { background: url("/js/Mp3Player01/js/skin/play.png") 0 0 no-repeat; } a.jp-pause { background: url("/js/Mp3Player01/js/skin/pause.png") 0 0 no-repeat; } a.jp-pause:hover { background: url("/js/Mp3Player01/js/skin/pause.png") 0 0 no-repeat; } a.jp-stop { background: url("/js/Mp3Player01/js/skin/stop.png") 0 0 no-repeat; } a.jp-stop:hover { background: url("stop.png") 0 0 no-repeat; } .p-title { /* color: #285d83; font-size: 14px; */ text-align:left; padding-left:10px; /*width:100%; height: 100%;*/ } .p-add { vertical-align: middle; height: 14px; } div.p-progress { overflow:hidden; display: inline-block; text-align: left; height:4px; width:310px; background-color: #e8e8ff; vertical-align: top; } .p-time-holder { font-size: 9px ; display:inline-block; position:relative; top: -10px; width:75px; height:10px; text-align: center; } div.jp-seek-bar { background-color: #bac7d4; width:0px; height:100%; cursor: pointer; } div.jp-play-bar { background-color: #285d83; width:0px; height:100%; } div.jp-volume-bar { overflow:hidden; text-align:left; width: 60px; height:4px; cursor: pointer; background-color: #bac7d4; /*margin-left:7px;*/ } div.jp-volume-bar-value { background-color: #285d83; width:0px; height:100%; } #dleft2 .jp-current-time, #dleft2 .jp-duration { color: #285d83; font-size: 9px; font-family: Arial, Tahoma, Georgia; /*height:11px;*/ } .p-line { width:100%; height:0px; background-color:#285d83; } #dleft2 div {float:left} #dleft2 th {padding-bottom:10px; padding-top:10px; text-align:left; background-color:#E8E8E8} #dleft2 .jp-audio { background:url(/images/dots1.gif) left bottom repeat-x; min-height:45px;} #dleft2 td { padding-bottom:10px; padding-top:10px; } #dleft2 span { color:#707070; font-size: 13px; } #dleft2 A { font-size: 13px; } #dleft2 A:active { font-size: 13px; } #dleft2 A:hover { font-size: 13px; } #dleft2 A.black { font-size: 13px; color:#222222; } #dleft2 A.black:active { font-size: 13px; color:#222222; } #dleft2 A.black:hover { font-size: 13px; color:#222222; } #dleft2 .df1 { width:25px; background:url(/images/vid-move3.png) center top no-repeat; background-position: 0 10px; } #dleft2 .df2 { margin-top: -5px; padding-left:10px; } #dleft2 .df3 { float:left; padding-left: 10px; margin-top: -10px; } .df1 { width:25px; background:url(/images/vid-move3.png) center top no-repeat; background-position: 0 10px; } .df2 { margin-top: -5px; padding-left:10px; } .df3 { float:left; padding-left: 10px; margin-top: -10px; } /********************** ПЛЕЕР конец **********************/ .st_del { cursor:pointer; cursor:hand; float:right; background:url(/images/statusx_op.gif) left top no-repeat; width:11px; height:11px; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } /******* Фотоальобомы и видео начало ********/ .MTX1 { float: left; position: relative; width: 100%; margin-top: -55px; z-index: 0; } .MTX2 { float:left; } .MTX3 { height:180px; } .MTX4 { margin:0px; max-height:170px; max-width: 300px; } .MTX5 { line-height:16px; text-align:left; } .MTX6 { line-height:16px; max-height:34px; overflow: hidden; } .MTX7 { font-size: 13px; line-height:17px; } .MTX8 { float:left; font-size: 13px; line-height:18px; } .MTX9 { float:right; font-size: 13px; line-height:18px; color:#161616; } .MTX10 { background:url(/images/dots1.gif) left bottom repeat-x; height:10px; margin-top:5px; margin-bottom: 10px; } .MTX11 { border-left:1px solid #E5E6F4; padding-left:10px; width:210px; } .MTX12 { margin-top:10px; margin-bottom:10px; height:1px; background-color:#E5E6F4; } .MTX13 { float:left; padding-left:2px; width:130px; } .MTX14 { height:6px; } .MTX15 {padding-left:14px; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; background-color:#E5E6F4;} .MTX16 { cursor:pointer; cursor:hand; float:left; position:absolute; background:url(/images/statusx_op.gif) left top no-repeat; width:11px; height:11px; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .MTX17 { color:#36638E; font-size: 13px; } .MTX18 { cursor:pointer; cursor:hand; color:#036FD3; text-decoration: underline; } .MTX18:hover { text-decoration: none; } .MTX40 { position: relative; overflow:hidden; float:left; padding:2px; padding-bottom:10px; cursor:pointer; cursor:hand; margin-right:10px; text-align:center; /*border:1px solid #C4C6C4; background-color:#E5E6E9; */ background-color: #ffffff; height:130px; width:180px; border:2px solid transparent; -webkit-box-shadow: 4px 4px 10px 0px #000000; -moz-box-shadow: 4px 4px 10px 0px #000000; box-shadow: 4px 4px 10px 0px #CBC4C0; } .MTX40List { position: relative; overflow:hidden; float:left; padding:10px; padding-top:2px; cursor:pointer; cursor:hand; margin-right:10px; text-align:center; /*border:1px solid #C4C6C4; background-color:#E5E6E9; */ background-color: #ffffff; height:260px; width:285px; border:2px solid transparent; -webkit-box-shadow: 4px 4px 10px 0px #000000; -moz-box-shadow: 4px 4px 10px 0px #000000; box-shadow: 4px 4px 10px 0px #CBC4C0; } .MTX40Photo { overflow:hidden; float:left; ; padding:2px; margin-right:15px; cursor:pointer; cursor:hand; margin-bottom:10px; text-align:center; border:1px solid #C4C6C4; background-color:#E5E6E9; height:100px; width:150px; } .MTX41 { position: relative; overflow:hidden; float:left; padding:2px; padding-bottom:10px; cursor:pointer; cursor:hand; margin-right:10px; text-align:center; /*border:1px solid #C4C6C4; background-color:#E5E6E9; */ background-color: #ffffff; height:160px; width:180px; border:2px solid transparent; -webkit-box-shadow: 4px 4px 10px 0px #000000; -moz-box-shadow: 4px 4px 10px 0px #000000; box-shadow: 4px 4px 10px 0px #CBC4C0; } .MTX42 { height:125px; position: relative; } .MTX122 { border:1px solid #cccccc; cursor:pointer; cursor:hand; background:url(/images/icon_upload.gif) right center no-repeat; background-color:#F0F1F3; padding:10px; padding-top:16px; text-align:center; } .MTX123 { cursor:pointer; cursor:hand; margin:auto; height:26px; padding-left:32px; padding-top:2px; font-weight:bold; width:200px; background:url(/images/addphoto.gif) left top no-repeat; } .MTX124 { display:none; float:left; position:absolute; min-width:43px; min-height:11px; margin-top:-5px; background:url(/images/progress.gif) left top no-repeat; } .MTX126 { float:left; margin-top:-3px; margin-left:30px; background:url(/images/ok.png) left top no-repeat; height:20px; padding-top:3px; padding-left:26px; font-weight:bold; } .MTX127 { float:left; position:absolute; width:15px; height:15px; background:url(/images/blank.png) left top no-repeat; } .main-block-albom { margin-top: 10px; } .m120Left { background:url('/images/blank.png') center center repeat; width: 60px; border-radius: 5px 0px 0px 5px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; float:left; position:absolute; margin-top:-20px; width:60px; margin-left:-80px; cursor:pointer; cursor:hand; } .m120LeftStr { position: relative; /*background-image: url('/images/left1.png');*/ background-image: url('/images/arrow_tutorial.png'); width: 13px; height: 23px; margin-top: -20px; top: 50%; left: 50%; margin-left: -6px; margin-top: -21px; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .m120Right { background:url('/images/blank.png') center center repeat; width: 60px; height: 100px; border-radius: 0px 5px 5px 0px; border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; float:left; position:absolute; margin-top:-20px; width:60px; margin-left:730px; cursor:pointer; cursor:hand; } .m120RightStr { position: relative; /*background-image: url('/images/right1.png');*/ background-image: url('/images/arrow_tutorial.png'); background-position:0px 23px; width: 13px; height: 23px; top: 50%; left: 50%; margin-left: -6px; margin-top: -11px; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } #imulated{ width:118px; border:none; opacity:0; filter: alpha(opacity=0); padding:0px; margin:0px; position:absolute; cursor:pointer; cursor:hand; } #imulated2 { width:100%; height:55px; border:1px solid #ff00ff; opacity:0; filter: alpha(opacity=0); padding:0px; margin:0px; float: left; position: relative; cursor:pointer; cursor:hand; z-index: 10; } #imulatedMain { width:90%; height:55px; border:none; border:1px solid #ff00ff; opacity:0; filter: alpha(opacity=0); padding:0px; margin:0px; position:absolute; cursor:pointer; cursor:hand; } #Ajax_Interface div.del-photo{ z-index:9999999; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-del.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; display:none6; position: absolute; top: 2px; right: 5px; color: #fff; cursor: hand; cursor: pointer; width: 20px; height: 20px; text-indent: -99999px; overflow: hidden; } .gridster div.del-photo{ z-index:1000; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-del.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; display:none; position: absolute; top: 4px; right: 4px; color: #fff; cursor: hand; cursor: pointer; width: 24px; height: 24px; text-indent: -99999px; overflow: hidden; } .gridster div.edit-photo{ z-index:1000; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-edit.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; display:none; position: absolute; top: 4px; right: 30px; color: #fff; cursor: hand; cursor: pointer; width: 24px; height: 24px; text-indent: -99999px; overflow: hidden; } .gridster div.play-photo{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-play.png) no-repeat 50% 50%; padding: 0px; display:inline-block; position: absolute; top: 50%; left: 50%; margin-top:-23px; margin-left: -23px; color: #fff; cursor: hand; cursor: pointer; width: 46px; height: 46px; text-indent: -99999px; overflow: hidden; } .gridster div.del-photo2 { z-index:1000; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-del.png) no-repeat 50% 50%; background-color:#6082A6; padding: 0px; display:none; position: absolute; top: 8px; right: 4px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } .gridster div.edit-photo2 { z-index:1000; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-edit.png) no-repeat 50% 50%; background-color:#6082A6; padding: 0px; display:none; position: absolute; top: 8px; right: 30px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } .gridster div.edit-i2 { z-index:1000; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-i.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; display:inline-block; position: absolute; top: 4px; right: 56px; color: #fff; cursor: hand; cursor: pointer; width: 24px; height: 24px; text-indent: -99999px; overflow: hidden; } .VideoForum { position: relative; cursor:pointer; cursor:hand; -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; } .VideoForum:hover .play-photo { -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } .VideoForum img { width: 640px; height: 480px; } .play-photo { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-play.png) no-repeat 50% 50%; padding: 0px; display:inline-block; position: absolute; top: 50%; left: 50%; margin-top:-23px; margin-left: -23px; color: #fff; cursor: hand; cursor: pointer; width: 46px; height: 46px; text-indent: -99999px; overflow: hidden; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .del-photoLST2 { float:left; z-index:1000; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-del.png) no-repeat 50% 50%; background-color:#6082A6; padding: 0px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } .edit-photoLST2 { float:left; margin-right: 5px; z-index:1000; opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-edit.png) no-repeat 50% 50%; background-color:#6082A6; padding: 0px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } .edit-photoLST3 { -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; top:3px; right:3px; float:right; position: absolute; z-index:1; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color:#000000; margin:0px; padding: 0px; padding-left: 2px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; } .obl-photoLST3 { -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; top:27px; right:3px; float:right; position: absolute; z-index:1; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color:#000000; padding: 0px; padding-left: 2px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px;} .del-photoLST3 { -moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; top:51px; right:3px; float:right; position: absolute; z-index:1; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color:#000000; padding: 0px; padding-left: 2px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px;} /* .edit-photoLST3 { top:3px; right:3px; float:left; position: absolute; z-index:1000; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-edit.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } .obl-photoLST3 { top:27px; right:3px; float:left; position: absolute; z-index:1000; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-galka.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } .del-photoLST3 { top:51px; right:3px; float:left; position: absolute; z-index:1000; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-del.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } */ .del-photoLST3L { top:27px; right:3px; float:left; position: absolute; z-index:1000; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/images/vid-del.png) no-repeat 50% 50%; background-color:#000000; padding: 0px; color: #fff; cursor: hand; cursor: pointer; width: 21px; height: 21px; text-indent: -99999px; overflow: hidden; } .gridster div.edit-comment2 { opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left:6px; background: url(/images/vid-comment.png) left top no-repeat; background-color:#B8BCB8; padding: 0px; padding-left:24px; padding-top:2px; padding-right:6px; display:inline-block; float:left; position: relative; font-weight:bold; color: #000000; height: 18px; cursor: hand; cursor: pointer; } .gridster .gr1 { width:100%; height:23px; overflow: hidden; position:absolute; bottom: 0px; left: 0px; background: url(/images/vid-name.png) left top repeat; } .gridster .gr1A { width:100%; overflow: hidden; position:absolute; bottom: 0px; left: 0px; background: url(/images/vid-name.png) left top repeat; } .gridster .grText { color:#ffffff; max-width:240px; font-size:13px; float: left; padding:4px; height:40px; } .gridster .grTime { font-size:11px; padding:4px; font-weight:bold; color:#ffffff; position:absolute; bottom: 0px; right: 0px; } .gridster .grDiv { float:left; } .gridster .grImg { width:306px; height:190px; margin:0px; border:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; } #editors .gridster .grImg { width:334px; height:210px; margin:0px; border:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; } #MoveVideo { display: none; } #VideoCols { display: none; } #VideoHeight { display: none; } #CountELT { display: none; } #ParentELT { display: none; } .zoom { position: absolute; left: 50%; top: 50%; margin-top: -22px; margin-left: -22px; display: block; width: 44px; height: 44px; background-image: url('/images/lupa1.png'); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } A.WallName { font-weight:bold; font-size:13px; } A.WallName:active { font-weight:bold; font-size:13px; } A.WallName:hover { font-weight:bold; font-size:13px; } .Wall8 { float:right; position:relative; padding-right:10px; margin-top: 0px; } .video-blk { max-width: 684px; max-height: 420px; } .video-block { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; border:0px solid #ccc; } .video-block iframe,.video-block object,.video-block embed { position:absolute; top:0; left:0; width:100%; height:100%; } .MoveList { cursor: move; } /******* Фотоальобомы и видео конец ********/ .UlList { margin-top: 0px; margin-bottom: 0px; padding-left: 16px; } .UlList li { color: #4E4E4E; } /**************** ЛАЙКИ ******************/ .post_like { background: #FFF; color:#022B2F; background:#C5C5C5; font-size: 12px; cursor: pointer; cursor:hand; padding: 5px 6px; margin-top: -1px; right: 0px; white-space: nowrap; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .post_like:hover { background: #E5E6EB; } .post_like2 { background: #FFF; color:#022B2F; background:#EF993F; font-size: 12px; padding: 5px 6px; margin-top: -1px; right: 0px; white-space: nowrap; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .post_like3 { background: #FDFAF5; color:#022B2F; font-size: 12px; cursor: pointer; cursor:hand; padding: 5px 6px; margin-top: -1px; margin-left: 1px; right: 0px; white-space: nowrap; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .post_like3:hover { background: #E5E6EB; } .plk_1 { float:left; background:url(/images/RetweetOff.png) left top no-repeat; width:14px; height:16px; } .plk_1A { float:left; background:url(/images/RetweetOn.png) left top no-repeat; width:14px; height:16px; } .plk_2 { float:left; color:#034F97; font-size:13px; font-family: Arial, Tahoma, Georgia; padding-left:6px; padding-right:4px; line-height: 16px; } .m43T .plk_2 { font-size: 14px; font-family: Verdana, Arial, Tahoma, Georgia; } .m45T .plk_2 { font-size: 14px; font-family: Verdana, Arial, Tahoma, Georgia; } .plk_3 { float:left; color:#4787AA; font-family: 'OpenSansSemiboldRegular', Arial; line-height: 14px; font-size: 14px; margin-top: 1px; } .plk_4 { float:left; background:url(/images/LikeOff.png) left top no-repeat; width:16px; height:16px; } .plk_4A { background:url(/images/LikeOn.png) left top no-repeat; } .plk_4Forum { float:left; background:url(/images/DizLike.gif) left top no-repeat; width:16px; height:16px; } .plk_5 { float:left; background:url(/images/AddVideoOff.png) left top no-repeat; width:16px; height:16px; } .plk_5A { float:left; background:url(/images/AddVideoOn.png) left top no-repeat; width:16px; height:16px; } .plk_5Copy { float:left; background:url(/images/copy.svg?v=1) left top no-repeat; background-size: cover; width:18px; height:18px; } .plk_6 { margin-top:-108px; z-index:2000; float:left; position:absolute; margin-left:-154px; text-align: left; min-width:288px; } .plk_7 { float:lft; position:absolute; z-index:9000; background:url(/images/icon_str_bottom.png) left top no-repeat; background-position:180px 0px; margin-top:0px; min-width:288px; min-height:14px; } .plk_8 { min-height:94px; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); background: #323232; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .plk_8T1 { padding: 8px; } .plk_9 { padding-bottom:8px; } .plk_10 { z-index:90000; position:relative; float:left; width:140px; height:160px; } .plk_11 { z-index:90000; text-align:center; line-height:14px; } .plk_12 { float:right; margin-top:-10px; margin-right:-10px; } .PlkAddLike { float:right; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .PlkAddVideo { float:right; padding-right:4px; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .PlkAddRetweet { float:right; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .PlkAddLikePhoto { float:right; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .PlkAddNLike { float:right; -moz-user-select: none; -o-user-select:none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /**************** ЛАЙКИ ******************/ .press1 { text-align:center; padding-bottom:20px; background:url(/images/16.gif) center top no-repeat; height:14px; } A.press2 { font-size:15px; font-family:Arial, Tahoma, Georgia; font-weight: bold; } A.press2:active { font-size:15px; font-family:Arial, Tahoma, Georgia; font-weight: bold; } A.press2:hover { font-size:15px; font-family:Arial, Tahoma, Georgia; font-weight: bold; } .press3 { clear:both; border-bottom:dashed 1px #C4C6C4; height:1px; width:100%; font-size:1px; margin-top:10px; margin-bottom:10px; }