@charset "UTF-8";

/* Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
strong{font-style:normal;font-weight:bold}
em{font-style:italic;font-weight:normal}
ul{list-style:disc;padding:0 0 15px 15px}
ol{list-style:decimal;padding:0 0 15px 25px}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
fieldset,img,abbr,acronym{border:0}
html,body{height:100%;width:100%}

/*html{overflow: hidden}*/

/* Layouts & Globals */
a{color:#000;font-weight:700}
a img{border:0}
a:hover{text-decoration:none}
body{background:#555 url('/images/bricks.svg');font:13px "Trebuchet MS"}
br.all{clear:both}
.g-hidden{display:none}

div.b-page{margin:auto;padding:100px 0;width:625px;position:relative}
div.b-page-articles{background:url(/images/articles-bg.gif) top left;padding:10px}
div.b-page-index{background:#FFF url(/images/intro-bg.gif) top left;padding:10px}
div.b-page-contacts, div.b-page-info{background:url(/images/info-bg.gif) top left;padding:10px}
div.b-page-projects{background:url(/images/projects-bg.gif) top left;padding:10px}

div.b-page-content{background:#FFF;border:2px solid #000;padding:35px 50px 55px}
div.b-tip{background:#FFF;border:2px solid #000;font-size:11px;padding:7px 10px;position:absolute;text-align:center;width:100px}
div.b-tip-php{left:5px;bottom:50px}
div.b-tip-net{right:7px;bottom:50px}
div.b-tip-html{left:255px;bottom:50px}

h2{font:bold 25px "Trebuchet MS";margin:0;padding:0}
h3{color:#900;font:20px "Trebuchet MS"}
input.i-submit{background:transparent;border:0;color:#4d4d4d;cursor:pointer;font:bold 17px "Trebuchet MS"}
input.i-submit:disabled{color:#ccc}
input.i-text{background:transparent;border:1px solid #4d4d4d;color:#4d4d4d;height:17px;width:355px}
p{margin:5px;padding:3px}
p.p-highlited{background:#fb0;padding:15px 20px}
p.p-task{background:url(/images/task-bg.gif) top left}
span.s-error{color:red;font-weight:700}
span.s-ok{color:green;font-weight:700}
span.g-hidden{display:none}
textarea{border:1px solid #4d4d4d;color:#4d4d4d;width:355px}
ul,ol{padding:0 0 10px 25px}
ul li, ol li{padding: 5px 0}


#bg{position:fixed;top:0;left:0;bottom:0;right:0;}
#bg h1{display:none}
#bg img{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-opacity:.5}


#logo{left:10px;position:fixed;top:10px;z-index:77}
#logo label{cursor: pointer}
#logo a, #logo label{color:#ffbf00;outline:none}
#logo a:hover, #logo label:hover{color:#fff;text-decoration:underline}
#logo div.b-cells{float:left;height:60px}
#logo div.b-cells div{background:url(/images/logo-bg.gif) top left;float:left;height:23px;margin:0 1px 1px 0;overflow:hidden;padding:5px 0 1px;text-align:center}
#logo div.b-cells-lang{width:36px}
#logo div.b-cells-lang div{width:35px}
#logo div.b-cells-ru{width:211px}
#logo div.b-cells-ru div{width:210px}
#logo div.b-cells-en{width:101px;display:none}
#logo div.b-cells-en div{width:100px}
#logo div.b-column{background:#000;float:left;height:59px;margin:0 1px 0 0;width:10px}
#logo div.b-column-logo{width:160px}
#logo div.b-lang{position: absolute; top:60px;left:95px}
#logo div.b-lang label{background:url(/images/logo-bg.gif) top left;margin:0 1px 1px 0;padding:5px 0;text-align:center;float:left;border: 1px solid #000;width:35px}
#logo div.b-lang label{color:#ffbf00;}
#logo div.b-lang label:hover{color:#fff}
#logo div.b-lang label input{display: none}


div.b-content{position:absolute;top:0;left:0;right:0;padding: 0 0 200px}
div.b-content-en{display:none}

.loading{background: url('/images/loading.gif') no-repeat center center !important}


div.b-page-contacts table{margin-top:7px}
div.b-page-contacts table td{font-size:13px;padding:5px 5px 0 0;text-align:right;vertical-align:middle}
div.b-page-contacts table td input.i-submit{margin:0 0 20px 7px}
div.b-page-contacts table td.left{text-align:left}


#copyright{bottom:5px;font-size:10px;position:fixed;right:5px;z-index:77;border-right: 10px solid #000}
#copyright a{color:#FFF;font-weight:400}
#copyright div.b-box{background:url(/images/logo-bg.gif) top left;color:#FFF;float:left;height:15px;margin-right:1px;overflow:hidden;padding:1px 7px}

input.language{display:none}
#language_ru:checked ~ div label.language-ru{font-weight:bold;color:#fff}
#language_ru:checked ~ div.b-content-ru{display:block}
#language_ru:checked ~ div.b-content-en{display:none}
#language_ru:checked ~ div div.b-cells-ru{display:block}
#language_ru:checked ~ div div.b-cells-en{display:none}

#language_en:checked ~ div label.language-en{font-weight:bold;color:#fff}
#language_en:checked ~ div.b-content-ru{display:none}
#language_en:checked ~ div.b-content-en{display:block}
#language_en:checked ~ div div.b-cells-ru{display:none}
#language_en:checked ~ div div.b-cells-en{display:block}