/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;}
th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}

.fwNormal {font-weight: normal;}

/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";}
blockquote *:first-child:after {content: "\201D";}
strong
/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";}


/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */
body {font-size: 1.3em; line-height: 1.4em; background:#004f93; text-align:center; color:#2210d2;}
h1 {font-size: 3.0em; color:#bf0000; font-style:italic;}
h2 {font-size: 1.8em; color:#bf0000; line-height:120%;}
h3 {font-size: 1.4em; color:#bf0000}
h4 {font-size: 1.3em; color:#bf0000}
h5 {font-size: 1.2em; color:#bf0000}
h6 {font-size: 1em;}

/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}

/* LISTS */
/* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";} */
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}

/* TABLES */
table {border-top: 1px solid #000;  border-left: 1px solid #000;}
th, td {border-bottom: 1px solid #000; border-right: 1px solid #000;}

/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, ul, ol, dl, pre, blockquote, address, table {margin-bottom: 1.6em;}
p { text-indent:1.5em;}
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th, td {padding: .8em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}

/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}


/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: none; color: #2210d2;}
a:visited {text-decoration: none; color: #2210d2;}
a:hover {text-decoration: underline; color: #bf0000;}
a:active, a:focus {text-decoration: none; color: #000;}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}

/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}


/* MAIN */
#main { width:990px; margin: auto; text-align:left; background:#FFF url(../images/content_bg.png) bottom center repeat-x; font-size:1.1em;}
.main { background:url(../images/header.jpg) top center no-repeat;position:relative;}
.content { position:relative;}
.leftCollSpacer { background:url(../images/leftColl.png) 265px bottom no-repeat; }

.rightColl { float:right; width:670px; margin-right:10px; padding-left: 10px;}
.maintext { width:650px;}
.maintext  p { text-align:justify;}
.office { padding:1em 2em }

.redText {color:#bf0000}
.redTitle { font-weight:bold; color:#bf0000}
.red { font-weight:bold; color:#bf0000}
.redErr { font-size:80%;font-weight:bold; color:#bf0000}
.redBig { font-size:120%; font-weight:bold; color:#bf0000}
form table, form td { margin:0; padding:0.5em 0.5em 0.5em 0; border:none; vertical-align:middle; }
form select.m5formsNormalize { width:10em; text-align:center; }
input.name { width:430px;}
input, select { color:#2210d2;}
input.textForm { width:200px;}
.top { vertical-align:top}

.samples a:link, .samples a:visited, .samples a:hover, .samples a:active, .samples a:focus { float:left; text-decoration:none; margin-right:2px;} 
.samples a:link img, .samples a:visited img, .samples a:hover img, .samples a:active img, .samples a:focus img { border:2px solid #685de1; margin-right:0px;}
.samples label { float:left; text-decoration:none; margin-right:5px;  border:2px solid #685de1; overflow:hidden; position:relative; line-height:0.2em; background:#FFF; cursor:pointer; width:156px; height:236px;}
.samples label input { position:absolute; left:50%; margin-left:-10px; top:215px; z-index:10;}
.samples label img { position:absolute; left:0; top:0;}
.samples label span { position:absolute; left:0; top:0; font-size:400px; z-index:10; line-height:1em;}

.more { text-align: center; }
form .more input { border:2px solid #a1c2ef;font-weight:bold; text-transform:uppercase; background:none; margin:auto; padding:0.1em 1.7em } 
.more a { text-align:center; font-weight:bold; border:2px solid #a1c2ef; text-transform:uppercase; background:none; margin:auto; padding:0.1em 1.7em ;text-decoration: none;color: #2210d2}

.leftColl { float:left; width:240px; padding-top:50px; margin-left:20px;margin-right:8px; padding-bottom:300px;border-right:1px solid #004f93;padding-right:13px;}
.ads p { text-align:justify; color: #000; font-size: 1em;}
.ads  a:link, .ads  a:visited,.ads  a:hover,.ads  a:active,.ads  a:focus { text-decoration:none; }
.contacts { position:absolute; left:20px; bottom:15px; background:url(../images/snegurka.png) top right no-repeat; width:240px; padding-top:165px; }
.cont { float:right;text-align:center; font-weight:bold; border:2px solid #a1c2ef; text-transform:uppercase; background:none; padding:0.1em 1.7em ;}
/* footer */
#footer { width:990px; background:url(../images/footer.png) bottom repeat-x #fefeff; margin:auto; height:93px; text-align:left; position:relative; }
#footer .copy { float:right; color:#000; padding:5px 25px 0 0; font-weight:bold;}
#footer .cont { float:left;  text-align:center; font-weight:bold; border:2px solid #a1c2ef; text-transform:uppercase; background:none; margin:auto; padding:0.1em 1.7em ; margin-top:40px; margin-left:40px}
#footer .cont a {text-decoration: none;color: #2210d2}

ul.lang {margin:0; padding:0; list-style:none; position:absolute; top:295px; right:45px;} ul.lang li {text-indent: 0; margin: 0; display:block;  padding:5px 0 5px 30px; font-size:120%; list-style:none;} ul.lang li:before {content: "";}
ul.lang a:link, ul.lang a:visited, ul.lang a:hover, ul.lang a:active, ul.lang a:focus { color: #FFF; text-decoration:none;}
ul.lang a:hover, ul.lang a:active, ul.lang a:focus { color: #bf0000;}
ul.lang li.ukr {background:url(../images/ua.png) left center no-repeat;}
ul.lang li.rus {background:url(../images/ru.png) left center no-repeat;}
.right { text-align:right;}

.center { text-align:center;}
.small { font-family:"Courier New", Courier, monospace; font-size:12px;}

#botty {display:none;}
.contact a.link {font:normal 10px Tahoma;}

.scet {}
.scet table {}
.scet td, th {border:1px solid black; padding-left:10px;}