@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic-ext,latin-ext);

html, body 	{
	font-size: 12px;
	line-height: 18px;
	height: 100%;
}

body { background: #fafafa; font-family: 'Roboto', Helvetica, Arial, Tahoma, Verdana, sans-serif; }

h1, h2, h3  { color: #424242; }

a           { color: #e2007a; }
a:focus,
a:hover     { color: #3d2851; }

p.bottom    { margin-bottom: 0; }

header                  { float: left; width: 100%; background: #ccc; padding-top: 5px; padding-bottom: 15px; }
header h1               { font-size: 1em; color: #fff; font-weight: normal; }
header h1 a span.easy   { color: #4c2582; }
header h1 a span.gifts  { color: #e2007a; }
header h1 a             { color: #e2007a; font-size: 1.25em; font-weight: bold; }
header h1 a:hover,
header h1 a:focus       { text-decoration: none; color: #fff; }

header a.log,
header span.log     {
    float: right;
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.2em; color: #e2007a;
}
header a.log:hover,
header a.log:focus  { text-decoration: none; color: #fff; }
header a.log span.log {
    position: absolute;
    top: -12px;
    right: -12px;
    background: red; border-radius: 3px;
    padding: 1px 6px;
    color: #fff; font-size: 0.5em; font-weight: bold;

}
header span.log     {
    margin: 20px 10px 10px 10px;
}

nav#menu         { padding-top: 15px; padding-bottom: 15px; }
nav#menu ul      { padding: 15px 0; margin: 0; list-style: none; }
nav#menu ul li   { background: #f7f7f7; }
nav#menu ul li.photos { margin-top: 10px; }
nav#menu ul li a {
    display: block;
    width: 100%; height: 34px;
    padding: 6px 12px; margin-bottom: -1px;
    font-size: 1.25em; color: #555;
    background-color: #fff; background-image: none;
    border: 1px solid #ebebeb;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
nav#menu ul li a.first {
    -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
}
nav#menu ul li a.last {
    -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
}
nav#menu ul li.photos a {
    -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
}
nav#menu ul li a:hover { text-decoration: none; background: #424242; color: #fff; }

section#content             { line-height: 1.75em; min-height: 1200px; }
section#content h2          { font-size: 1.5em; margin: 0 0 10px 0; padding: 0; }
section#content p           { margin-bottom: 25px; font-size: 1.05em; }
section#content p.bottom    { margin-bottom: 5px; }
section#content p.red       { color: red; font-weight: bold; font-size: 1.15em; }
section#content article     {
    padding: 15px; margin-bottom: 15px;
    border: 1px solid #ebebeb; background: #fff;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

section table.table .header             { width: 30%; background: #f7f7f7; }
section table.table td                  { letter-spacing: 0.05em; line-height: 1.75em; word-break: break-all; line-break: auto; }
section#content article span            { color: green; font-weight: bold; }
section#content article span.comment    { color: grey; font-weight: normal; }
section#content input.form-control      { margin-bottom: 15px; }
section#content textarea.form-control   { height: 83px; margin-bottom: 15px; }
section#content input.btn               { float: right; }

footer          { float: left; width: 100%; background: #ebebeb; padding-top: 15px; padding-bottom: 0; }
div.credits     { float: left; padding-top: 15px; padding-bottom: 0; color: #666; font-size: 1em; }
div.authors		{ float: right; text-align: right; padding-top: 10px; padding-bottom: 25px; font-size: 1em; }
div.authors a 	{ float: left; color: #666; text-decoration: none; margin: 0; line-height: 33px; height: 33px; width: 50px; background: url("../images/logo-contip.png") right 2px no-repeat; padding: 0 110px 0 0; }

#toTop {
	width: 47px; height: 47px;
	background: url(../images/back-top-btn.png) no-repeat;
	text-align: center;
	position: fixed; bottom: 25px; right: 20px;
	cursor: pointer; display: none; text-indent: -9999px; z-index: 12;
}

div#changelog table td:first-child  { background: #fff; font-weight: bold; }
div#changelog table td.separator    { background: #ccc; }