/*
Author: N. Gromov
Author URI: http://nicothin.ru
*/


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: baseline}
textarea, input, select {font:inherit; font-size:1em}
var, address {font-style:normal}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
a, img, iframe, form, fieldset, abbr, acronym, object, applet {border:none}
table {border-collapse:collapse; border-spacing:0}
caption, th, td, center {text-align:left; vertical-align:top}
:focus {outline:0}
header, nav, content, section, aside, footer, body {display:block}


/* MAIN */
html {font-size:87.5%; background:#105006}
body {line-height:1.4em; width:904px; background:#fff url(img/footer.png) bottom no-repeat; margin: 0 auto 3em; position:relative}
/* structure */
header.page {width:904px; height:205px; background: url(img/top.jpg) no-repeat; position:relative}
content {width:656px /* :) */; margin:1em 30px 1.5em 0; float:right}
aside {width:159px; margin:0 0 1.5em 25px}
footer {clear:both; position:relative}
/* fonts */
h1, h2, h3, h4, caption, legend {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif} 
html, body, input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select, aside h2, aside h3 {font-family: "Segoe UI", Arial, Helvetica, sans-serif} 
code, kbd, samp, pre, tt, var {font-family:"Lucida Console", "Courier New", Courier, monospaced}
/* main colors */
body, textarea, input[type='text'], input[type='password'], select {color:#292929}
h1 {color:#3c5838}
h2, h3, h4, caption, legend {color:#248915}
.gray, .reqtxt {color: #808080}
hr {background:#bcbcbc; color:#bcbcbc}
footer, footer a {color:#8e8e8e}
/* links */
a {color:#248915; text-decoration:none}
p a {text-decoration:underline}
a:hover, a:active {color:#248915; text-decoration:underline}
p a:hover, p a:active {text-decoration:none}
/* borders */
table {border-top:1px #bcbcbc solid; border-left:1px #bcbcbc solid}
th, td {border-bottom:1px #bcbcbc solid; border-right:1px #bcbcbc solid}
blockquote, pre, textarea, input[type='text'], input[type='password'], select {border:1px #bcbcbc solid}
content h1, content h2, content h3, aside h2, aside h3 {border-bottom:1px solid #bcbcbc}
footer p {border-top:1px solid #bcbcbc}


/* typography */
h1, h2, h3, h4, h5, h6 {margin:1.4em 0 .5em; padding-bottom:.5em}
content h1, content h2, content h3 {line-height:1em}
h1, legend {font-size: 2em}
h2 {font-size:1.6em}
h3, caption {font-size:1.3em}
h4, h5, h6 {font-size:1.167em}
blockquote {padding:1em 1.3em 0.1em 1.3em; margin-left:2.5em; background:#fff}
blockquote p, q {quotes: "\00AB" "\00BB" "\2018" "\2019"}
blockquote p:before {content:open-quote}
blockquote p:after {content:close-quote}
strong, b, th, thead td, em, legend, caption {font-weight:bold}
cite, em, dfn, i {font-style:italic}
pre {overflow:auto; padding:1.3em; background:#000}
del, strike, s {text-decoration: line-through}
ins, dfn, u {border-bottom:1px solid #999}
small, .reqtxt {font-size:.917em}
big {font-size:1.5em}
big small {font-size:.667em} /* reset to 1em */
abbr {text-transform:uppercase; letter-spacing:.1em}
abbr[title], acronym[title], dfn[title] {cursor:help; border-bottom:1px solid #ccc}
sup {vertical-align:super}
sub {vertical-align:sub}
sup, sub {font-size:.714em}
hr {display:block; width:100%; height:1px; border:none}
dt {font-weight:bold; margin:.8em 0 0}
dd {margin:0 0 0 1.57em}
ul {list-style:disc outside; margin-left:2.2em}
ul ul, ol ul {list-style:circle}
ul ul ul {list-style:disc}
ol ul ol {margin-left:2.2em}
ol {list-style:decimal outside; margin-left:2.2em}
table {width:100%}
th, td {padding:.4em .6em}
caption {padding:.5em 0}
legend {padding:0 .5em .2em}
legend+* {margin-top: 1em}
textarea, input[type='text'], input[type='password'], select {width:20em}
textarea {width:90%}
textarea, input {padding:.4em}
input[type='submit'], input[type='button'] {padding: .214em .4em}
select {padding: .4em .3em .3em}
option {padding: 0 .4em}
input, select, label[for] {cursor:pointer}
input[type='text'], input[type='password'] {cursor:text}


/* header */
header h1 {margin:0; padding:0; font-size:2.571em; line-height:1em; color:#bbfeb1; position:absolute; top:55px; left:220px}
header p {color:#fff; position:absolute; top:95px; left:222px}
header ul {position:absolute; top:.5em; right:0}
header ul li {list-style:none; float:left; margin-left:.5em}
header ul a, a.contact {color:#fff; text-decoration:none}
header ul a:hover, header ul a:focus, a.contact:hover, a.contact:active {color:#bbfeb1; text-decoration:none}
.licence-ru, .licence-en {position:absolute; width:160px; height:176px; left:0; top:104px; background: url(img/lic-ru.jpg) no-repeat}
.licence-en {background: url(img/lic-en.jpg) no-repeat}


/* nav */
#menu {position:absolute; width:696px; height:48px; top: 157px; right:0; background: #0e2b09 url(img/top.jpg) no-repeat bottom right no-repeat; color:#fff; margin:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; z-index:999}
ul.menu li {list-style:none; position:relative; float:left; z-index:999}
ul.menu li.first {height:48px}
ul.menu ul {position:absolute; width:180px; top:48px; left:0; background:#105006; display:none; opacity:0; z-index:999}
ul.menu ul li {position:relative; width:180px; margin:0; z-index:999}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#105006; z-index:999}
ul.menu .menulink {padding:8px 10px 0; width:78px; height:40px; line-height:1em}
ul.menu .menulink.one-l {padding:0 10px; height:48px; line-height:48px}
ul.menu a:hover, ul.menu .menuhover {background:#105006; text-decoration:none; color:#bbfeb1}


/* content */
content hr, content p, content ul, content ol, content dl, content pre, content blockquote, content address, content table, content form, content iframe {margin-bottom:.5em}
content form div {margin-bottom:.8em}
content li ul, content li ol {margin:0 0 0 1.5em}
content p {text-align:justify}


/* aside */
aside {margin-top: 7em}
aside h2 {font-size:1.286em; padding-bottom:.3em}
aside ul {margin:0 0 0 1em; list-style-image:url(img/bul.png)}
a.contact {display:block; font-size:1.286em; line-height:48px; margin:2em 0 0 0; background: #105006 url(img/contact.png) no-repeat; padding-right:15px; width:144px; height:48px; text-align:right;}


/* footer */
footer p {margin: 1em 30px 0; padding:.6em 0 .9em}
.contact-mail {text-align:right; position:absolute; top:.6em; right:30px}
.nicothin {position:absolute; bottom:-3em; right:0; color:#207613; border:0}
.nicothin a {color:#207613}


/* toolbox */
.float-parent {width:100%; overflow:hidden; clear:both}
.hide {display:none}
.nbsp {display:inline-block; width:1em}
.alignright {float:right; margin:0 0 .8em 1.5em}
.alignleft {float:left; margin:0 1.5em .8em 0}
.aligncenter {display:block; margin:.5em auto .8em; text-align:center}
p.more {text-align: right; margin-top:-.3em!important}
p.more a[href]:after {content: " →"}
ul.nobullet {list-style:none!important; margin-left:1.1em}
.edit-link {position:absolute; top:.5em; right:0}

/* vivat CSS3! */
ul.menu .menulink {
-moz-border-radius-topleft:5px; 
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-khtml-border-top-left-radius:5px;
-khtml-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
ul.menu ul, ul.menu ul li a {
-moz-border-radius-bottomleft:5px; 
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-khtml-border-bottom-left-radius:5px;
-khtml-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}