/*CSS_DEFAULT_v2.1*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
*{margin:0px;padding:0px;color:#666}
body{font-family:'Yanone Kaffeesatz','Roboto Condensed','Wire One',sans-serif;background-color:#fff;min-width:1000px;font-size:16px}
header,section,footer,nav{display:block}
img{border:none}
h1{font-weight:400;text-align:left;text-transform:uppercase;font-size:180%;margin-bottom:20px}
p{text-align:justify;text-indent:10px;margin-top:20px;line-height:24px}
p:first-child{margin-top:0px}
a{text-decoration:none;transition:all ease-in-out 0.2s}
a:hover{color:#333}
/*Верхний блок с логотипом и регистрацией*/
header{background-color:#fff;width:100%;height:40px;line-height:40px}
header>div{width:100%;max-width:980px;height:inherit;margin:auto;line-height:inherit}
header .left{vertical-align:middle;width:50%;height:inherit;float:left;line-height:inherit;text-align:left;box-sizing:border-box;height:40px}
header .right{vertical-align:middle;width:50%;height:inherit;float:right;line-height:inherit;text-align:right;box-sizing:border-box;height:40px}
header .left img{vertical-align:middle;height:30px}
header .profile{font-size:90%;vertical-align:top;height:inherit;line-height:inherit;padding:5px 3px;position:relative;cursor:default}
header a.profile{cursor:pointer;text-decoration:none}
header .profile hr{height:0px;border:none;border-bottom:solid 1px #999}
header .profile:after{font-size:130%;font-family:"GlyphMyIndy";content:"\e00e";padding:0px 3px}
header .profile:hover:after{color:#333}
header .shop{font-size:80%;vertical-align:top;height:inherit;line-height:inherit;padding:5px 3px;background-color:#666;color:#eee;margin-right:3px;border-radius:6px}
header .shop:after{font-size:130%;font-family:"GlyphMyIndy";content:"\e006";padding:0px 3px;vertical-align:top}
header .shop:hover{color:#fff;background-color:#333}
header #ProfileMenu{display:none}
header .profile:hover #ProfileMenu{background-color:#333;right:6px;top:21px;border-radius:6px 0 6px 6px;padding:6px;line-height:initial;position:absolute;display:block;z-index:10}
header #ProfileMenu a{display:block;padding:3px;color:#eee;text-align:left;text-decoration:none}	
header #ProfileMenu a:hover{color:#fff;text-decoration:underline}	
/*Логотип*/
#logo{
font-size:200%;
text-decoration:none;
background-image: -webkit-linear-gradient(80deg,#000,#f60,#fff);
background-image: linear-gradient(to right top,#000,#f60,#fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 8s infinite linear;
}
@-webkit-keyframes hue {
from{-webkit-filter: hue-rotate(0deg);background-position:0px 0px}
20% {background-position:0px 30px}
40% {background-position:0px 60px}
60% {-webkit-filter: hue-rotate(-180deg);background-position:0px 90px}
80% {background-position:0px 120px}
to  {-webkit-filter: hue-rotate(-360deg);background-position:0px 150px}
}
/*Блок навигации*/
#nav{background-color:#fff;background-color:rgba(255,255,255,0.90);width:100%}
#nav .b980{display:table;width:100%;max-width:980px;margin:auto;height:70px}
#nav .c1{width:50%;display:table-cell;vertical-align:middle}
#nav .c2{width:50%;display:table-cell;height:70px;vertical-align:middle;text-align:right}
/*Часть контента*/
#whitesection{width:100%;margin:30px auto 60px}
section#contents{width:100%;max-width:980px;margin:auto}
/*Блок закладок и счетчиков*/
footer{width:100%;padding:30px 0px;background-color:#fff}
footer .b980{width:100%;max-width:980px;margin:auto;display:table}
footer .c1{width:25%;display:table-cell;text-align:left}
footer .c2{width:25%;display:table-cell;text-align:right}
footer .cc{width:50%;display:table-cell;text-align:center}
/*Цвета*/
.color0{background-color:#fff}
.color1{background-color:#009966}
.color2{background-color:#669900}
.color3{background-color:#996600}
.color4{background-color:#990000}
.color5{background-color:#ff0000}
.color6{background-color:#ff6600}
.color7{background-color:#ffcc00}
.color8{background-color:#ffff00}
.color9{background-color:#ccff00}
.color10{background-color:#66ff00}
.color11{background-color:#00ffcc}
.color12{background-color:#00ccff}
.color13{background-color:#006699}
.color14{background-color:#0066ff}
.color15{background-color:#0000ff}
.color16{background-color:#6600ff}
.color17{background-color:#000099}
.color18{background-color:#660099}
.color19{background-color:#cc00ff}
.color20{background-color:#ff00cc}
.color21{background-color:#bbb}
.color22{background-color:#888}
.color23{background-color:#444}
.color24{background-color:#000}
/*Градиенты*/
.gradient1{background-image:repeating-linear-gradient(45deg, 		rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px)}
.gradient2{background-image:repeating-linear-gradient(-45deg, 		rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px)}
.gradient3{background-image:repeating-linear-gradient(to top, 		rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px)}
.gradient4{background-image:repeating-linear-gradient(to left, 	rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px)}
.gradient5{background-image:repeating-linear-gradient(to bottom, 	rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px),
							 repeating-linear-gradient(to left, 	rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px)}
.gradient6{background-image:repeating-linear-gradient(45deg, 		rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px),
							 repeating-linear-gradient(-45deg, 		rgba(200,200,200,0.5) 0px, rgba(200,200,200,0.5) 1px, transparent 1px, transparent 4px, rgba(50,50,50,0.5) 4px, rgba(50,50,50,0.5) 5px)}
/*Основное меню*/
#MainMenu{position:relative}
#MainMenu,#MainMenu ul,#MainMenu li{list-style:none}
#MainMenu>li{display:inline-block;margin-left:6px}
#MainMenu>li>a>img{opacity:0.5}
#MainMenu>li>a.menu{padding-left:20px}
#MainMenu>li:hover>a>img{opacity:0.8}
/*#MainMenu>li.hover:hover>ul#HoverMenu{display:block}*/
#HoverMenu{display:none;position:absolute;z-index:1;text-align:right;right:0px;background-color:#fff;border-radius:10px 0px 10px 10px;padding:10px;border:solid 1px #eee;box-shadow:0px 0px 10px #ddd}
#HoverMenu>li{ text-align:left;white-space:nowrap;display:table;width:100%;border:solid 1px #eee;border-radius:5px;margin-top:5px;overflow:hidden}
#HoverMenu>li:first-child{margin:0}
#HoverMenu>li span,#HoverMenu>li a{display:table-cell}
#HoverMenu>li:hover{box-shadow:0px 0px 10px #bbb;border:solid 1px #ddd}
#HoverMenu>li a{vertical-align:middle;padding:0px 6px;text-decoration:none}
#HoverMenu>li .color{width:10px}
#HoverMenu>li .edit{background-image:url(/files/Design/edit.png);padding:0;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;opacity:0.15;width:30px;height:30px;transition:all ease-in-out 0.2s}
#HoverMenu>li .edit:hover{opacity:0.8}
#HoverMenu>li .edit.active{opacity:0.5}
#HoverMenu>li .delete{background-image:url(/files/Design/delete.png);padding:0;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;opacity:0.15;width:30px;height:30px;transition:all ease-in-out 0.2s}
#HoverMenu>li .delete:hover{opacity:0.8}
#HoverMenu>li .delete.active{opacity:0.5}
/*Список сниппетов и подсказка*/
#tip{width:80%;min-width:260px;padding:10px;border:solid 1px #ddd;border-radius:5px;box-shadow:0px 0px 10px #ddd;position:absolute;display:none;background-color:#f9f9f9;font-size:70%;line-height:110%;overflow:hidden;z-index:1}
#tip>pre{font-family:'Roboto Condensed',sans-serif;background-color:inherit}
#tip>pre:before{content:"Клик, для копирования в буфер обмена.";display:block;margin-bottom:6px;font-style:italic;color:green;background-color:inherit;text-indent:10px}
#tip>pre.copy:before{content:"Скопировано!";color:#f60}
#tip>pre:after{position:absolute;right:0px;top:0px;bottom:0px;content:'';width:20px;min-height:200px;background-image:url(/files/Design/g20.png)}
#SnippetS{position:relative}
.snippet{width:100%;height:30px;display:table;cursor:pointer;border:solid 1px #eee;border-radius:5px;transition:all ease-in-out 0.1s;margin-bottom:5px;overflow:hidden}
.snippet:hover{box-shadow:0px 0px 10px #bbb;border:solid 1px #ddd}
.snippet span{display:table-cell;height:30px;vertical-align:middle;line-height:30px}
.snippet .color{width:10px}
.snippet .favorite{background-image:url(/files/Design/favorite.png);cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;opacity:0.15;width:30px;height:30px;transition:all ease-in-out 0.2s}
.snippet .favorite:hover{opacity:0.8}
.snippet .favorite.active{opacity:0.5}
.snippet .favorite.active:hover{opacity:0.8}
.snippet .copypaste{background-image:url(/files/Design/copypaste.png);cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;opacity:1;width:30px;height:30px;transition:all ease-in-out 0.2s}
.snippet .name{padding:0px 5px;white-space:nowrap}
.snippet .edit{background-image:url(/files/Design/edit.png);display:table-cell;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;opacity:0.15;width:30px;height:30px;transition:all ease-in-out 0.2s}
.snippet .edit:hover{opacity:0.8}
.snippet .edit.active{opacity:0.5}
.snippet .delete{background-image:url(/files/Design/delete.png);display:table-cell;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;opacity:0.15;width:30px;height:30px;transition:all ease-in-out 0.2s}
.snippet .delete:hover{opacity:0.8}
.snippet .delete.active{opacity:0.5}
.snippet textarea{display:none}
/*Поисковая форма*/
#SearchForm{position:relative}
#SearchForm input{width:100%;padding:5px;font-size:105%;border-radius:5px;border:solid 1px #eee;box-sizing:border-box}
#SearchForm button{position:absolute;right:2px;top:2px;background-color:transparent;border:none;opacity:0.5;cursor:pointer}
#SearchForm button:hover{opacity:0.8}
/*Для старых браузеров*/
.fancybox-inner textarea{width:260px;min-height:100px}
/*Медиа*/
@media only screen and (max-width:399px){body{font-size:10px}#logo{font-size:32px}#MainMenu>li>a.menu{padding-left:5px}header .profile:hover #ProfileMenu{top:15px}}
@media only screen and (min-width:400px) and (max-width:479px){body{font-size:14.5px}#logo{font-size:32px}header .profile:hover #ProfileMenu{top:20px}}
@media only screen and (min-width:480px) and (max-width:799px){}
@media only screen and (min-width:800px) and (max-width:979px){}
/*EDITOR*/
/*Прокрутка*/
body{overflow-y: scroll}
/*Стиль для редактора (Всегда должен быть в конце файла и/или определяться позже формирования section#contents,html,body)*/
/*В редакторе все селекторы "section#contents" будут скопированы и добавлены в конец файла*/
html#wysiwyg{background:#fff;height:100%;box-sizing:border-box;min-width:0px}
body#wysiwyg{font-family:'Yanone Kaffeesatz',sans-serif;margin:auto;background:#fff;height:100%;box-sizing:border-box;font-size:16px;min-width:0px}