/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html { font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
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; }

/* 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"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #efefef; }
legend { 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[type='text'],input[type='password'], select, textarea { cursor: pointer;border:1px solid #d6d6d6;color:#666666}
input[type='text'] { cursor: text; }
form {font-size:1.3em}
form div { margin-bottom: .8em; }


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

/* BASE SIZES */

body {
border-top:6px solid #0087d5;
text-align:center
}

/* HR */

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

/* LISTS */

ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* TABLES */

/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
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: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
dt { margin-top: .8em; margin-bottom: .4em; }

/* COLORS */

a:link { text-decoration:underline}
a:visited { text-decoration:underline}
a:hover { text-decoration:none}
a:active, a:focus { text-decoration: underline}
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
.clear {
clear:both;
line-height:1%;
margin-bottom:-1px;
height:1px;
overflow:hidden;
font-size:0px
} 
/* Begin Code */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Shablon styles for tags */
.all_styles {
font-family:Tahoma;
color:#666666;
margin-right:1em
}
p, address, pre {font-size:1.3em;margin-bottom:1em;line-height:1.5em}
pre, code {color:#0087D5}
h1, h2, h3, h4, h5, h6{
color:#4c4f55;
margin-bottom:0.5em
}
h1 {
font:2.95em Arial, Helvetica, sans-serif;
line-height:0.9em
}
h2 {font:2em Arial, Helvetica, sans-serif}
h3 {font:2.8em Arial, Helvetica, sans-serif}
h4 {font:2.4em Arial, Helvetica, sans-serif}
h5 {font:2em Arial, Helvetica, sans-serif}
h6 {font:1.6em Arial, Helvetica, sans-serif}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em}
a {color:#0087D5}
dt { margin-top: .8em; margin-bottom: .4em; }
dl {font-size:1.3em}
ul {
margin-left:1.5em;
list-style-type:disc
}
ul li {margin-bottom:5px}
ol { margin-left: 2.35em}
ul, ol {font-size:1.3em;margin-top:5px}
ol ol, ul ol, ol ul, ul ul {margin-left:2.5em;font-size:1em}
table { border-top: 1px solid #efefef;  border-left: 1px solid #efefef;font-size:1.3em}
th, td { border-bottom: 1px solid #efefef; border-right: 1px solid #efefef; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; }
/* Shablon styles for tags */

.main {
min-width:992px;
max-width:1100px;
margin:auto;
text-align:left
}
.main_header {
width:100%;
padding-top:41px;
background:url(../images/main_banner.jpg) right bottom no-repeat;
position:relative
}
.icons {margin:43px 0 0 35px}
.icons a {margin-right:50px}
.menu {list-style:none;margin:45px 0 0 25px;/*padding-bottom:104px;*/ padding-bottom:91px;}
.menu span { display:none;}
.menu li {margin-bottom:16px}
.menu li a {display:block;width:231px;height:34px}
.menu_item_1 {background:url(../images/menu_item_1.gif) 6px 12px no-repeat}
.menu_item_1:hover {background:url(../images/menu_item_1_active.gif) no-repeat}
.menu_item_3:hover {background:url(../images/menu_item_3_active.gif) no-repeat}
.menu_item_1_active {background:url(../images/menu_item_1_active.gif) no-repeat;width:231px;height:34px}
.menu_item_2_active {background:url(../images/menu_item_2_active.gif) no-repeat;width:231px;height:34px}
.menu_item_3_active {background:url(../images/menu_item_3_active.gif) no-repeat;width:231px;height:34px}
.menu_item_2 {background:url(../images/menu_item_2.gif) 6px 12px no-repeat}
.menu_item_2:hover {background:url(../images/menu_item_2_active.gif) no-repeat}
.menu_item_3 {background:url(../images/menu_item_3.gif) 6px 9px no-repeat}
.hotline {
position:absolute;
right:35px;
top:40px;
z-index:222;
border:0
}
.hotline td {padding:0;border:0}
.hotline_2 {
margin-bottom:37px;
padding:0;
border:0
}
.hotline_2 td {border:0;padding:0}
.hotline p, .hotline_2 p {
color:#648ebe;
font:bold 1.1em Arial, Helvetica, sans-serif;
margin-bottom:0
}
.hotline b,.hotline_2 b {
color:#fda103;
font:0.85em Tahoma;
}
.hotline span, .hotline_2 span {
color:#fda103;
font:1.6em Arial, Helvetica, sans-serif;
/*float:right*/
}
.code {vertical-align:middle}
td.codem{vertical-align:bottom; text-align:right; line-height:46px; padding-right:5px;}
b.gr{font-size:0.8em;}
.register {
position:absolute;
bottom:80px;
right:1%;
display:none;
}
.main_content {
width:99%;
position:relative;
margin-right:1%
}
.banner_1 {
width:35%;
height:189px;
float:left;
border-right:1px solid #f1e2c7;
background:#fdf6ef;
text-align:center
}
.banner_2 {
width:28%;
height:189px;
float:left;
border-right:1px solid #f1e2c7;
background:#fcf5ee;
text-align:center
}
.banner_3 {
width:29%;
height:189px;
float:left;
border-right:1px solid #e8cb9b;
background:#fcf5ee
}
.piece {
height:189px;
position:relative;
background:#fae9d5;
width:7%;
float:left
}
.piece div {
width:34px;
height:20px;
background:url(../images/piece.gif) no-repeat;
right:0;
top:0;
position:absolute
}
.piece span {
background:url(../images/piece_2.gif) no-repeat;
display:block;
width:51px;
height:21px;
position:absolute;
right:0;
bottom:0
}
.z {
font-size:0;
line-height:0;
overflow:hidden
}
.ban_1 {
margin:-52px 0 0 0;
display:block;
position:relative
}
.download {
margin:-15px 0 0 0;
display:block;
position:relative;
left:-16%
}
.banner_2 a {
margin:33px 0 0 0;
display:block
}
.banner_3 a {
margin:20px 0 0 5%;
display:block
}
.mart42 {margin-top:42px} 
.wp42 {
width:38%;
float:left;
text-align:left
}
.wp52 {
width:62%;
float:left
}
.wp6 {
width:6%;
float:left
}
.vmeste {
display:block;
padding-bottom:9px;
background:url(../images/dashed.jpg) left bottom repeat-x
}
.menu_triangle {
width:78%;
margin:16px 0 25px 30px !important
}
.menu_triangle li a {
color:#0087d5;
font:0.9em Tahoma
}
.menu_triangle li {
padding-left:25px;
background:url(../images/triangle.jpg) left 5px no-repeat;
margin-bottom:28px;
list-style:none;
float:left;
width:44%
}
.footer {
margin:100px 0 0 0;
padding-top:21px;
border-top:1px solid #efefef;
width:100%;
padding-bottom:24px
}
.foot_1 {
float:left;
width:29%;
margin-left:30px
}
.foot_1 h4, .foot_2 h4 {
color:#3e3e3e;
font:1.4em Arial, Helvetica, sans-serif
}
.foot_1 p {
color:#666666;
font:1.2em Arial, Helvetica, sans-serif;
margin:12px 0 8px 0;
width:163px
}
.foot_1 a {
color:#0087D5;
font:1.1em Arial, Helvetica, sans-serif
}
.foot_2 {
float:left;
width:43%
}
.foot_2 input {
width:205px;
font:0.85em Arial, Helvetica, sans-serif;
color:#666666;
margin-bottom:5px;
border:1px solid #d6d6d6;
}
.foot_submit {
width:11px !important;
height:11px !important;
border:none !important;
position:relative;
top:4px;
left:4px
}
.foot_3 {
float:right;
width:auto;
text-align:left
}
.foot_3 p {
font:1em Tahoma;
color:#666666;
margin-bottom:7px
}
.foot_3 a {
color:#3e3e3e;
font:1em Tahoma;
text-decoration:none !important;
margin-right:9px
}
.foot_3 a:hover {text-decoration:underline !important}
.left_column {
float:left;
width:34%;
padding-top:41px
}
.right_column {
float:left;
width:66%;
position:relative;
padding-top:66px
}
.inner {width:100%}
.inner .menu {
padding-bottom:16px;
background:url(../images/dashed.jpg) left bottom repeat-x;
width:230px
}
.vmeste_2 {margin:14px 0 16px 28px}
.menu_left_triangle {
margin-left:30px;
background:url(../images/dashed.jpg) left bottom repeat-x;
width:230px;
padding-bottom:1px;
margin-bottom:0
}
.menu_left_triangle a {
color:#0087d5;
font:0.9em Tahoma
}
.menu_left_triangle li {
padding-left:25px;
background:url(../images/triangle.jpg) left 5px no-repeat;
margin-bottom:16px;
list-style:none
}
.nadpisi {margin-left:25px;padding-top:18px}
.nadpisi a {margin-top:11px;display:block}
.register_2 {
position:absolute;
top:-24px;
right:40px
}
.mart40 {margin-top:40px}
.statya img {margin:0 45px 5px 22px;float:left}
.num li {
margin-top:16px;
list-style:none
}
.num span {
font-size:1.6em;
margin-right:10px;
float:left;
margin-top:-5px
}
.num strong {font-style:italic;font-weight:bold}
.num li p {font-size:1em}
.alpha li {
margin-top:16px;
list-style:none
}
.alpha span {
font-size:1.6em;
margin-right:5px;
float:left;
margin-top:-5px;
width:22px
}
.alpha_in {margin-left:30px}
.alpha_in li {
list-style:none;
margin-bottom:10px
}
.alpha_in span {
font-weight:bold;
float:left;
margin-right:4px;
font-size:1.15em;
margin-top:-1px
}
.num li p {margin:20px 0 0 30px}
.padb60 {padding-bottom:60px}
.marl20 {margin-left:20px}
.grey {
background:#fbfbf8;
width:100%;
text-align:center;
padding:15px 0 38px 0;
margin-bottom:35px
}
.grey img {margin-top:30px}
.grey h5 {text-align:left;margin-left:21px}
.mar_img_2 img {margin:0 20px 0 0}
.sp_ozdorovlenie {
padding:35px 0 0 27px
}
.vivod {
width:80%;
text-align:center;
margin:0 auto;
}
.vivod p {
text-align:left;
font-weight:bold
}
.probel {padding:30px 0 140px 0}
.light_grey {
color:#787874;
text-align:left;
margin-left:21px;
font-size:2.4em
}
.blue {color:#3ea2d9}
.num_2 {
float:left;
text-align:left
}
.duga {
background:url(../images/duga.gif) no-repeat;
float:left;
padding:34px 0 44px 44px;
margin:45px 0 0 17px;
color:#fd9603;
font:bold 1.3em Tahoma;
font-style:italic
}
.marb15 {margin-bottom:15px}
.slash {margin:0 0 45px 21px;list-style:none}
.slash li {
background:url(../images/slash.gif) left 7px no-repeat;
padding-left:16px;
margin-bottom:12px
}
b.red {
color:#ff0000;
font-size:1.1em;
font-weight:bold;
}
.a_c {text-align:center}
.site_map {
width:45%;
float:left
}
.site_map ul {margin-bottom:0}
/* Popup */
.shadow
{
width:100%;
height:120%;
position:fixed;
background:#2d87a9;
opacity:0.75;
filter:alpha(opacity=75);
-moz-opacity:0.75;
font-family:Arial, Helvetica, sans-serif;
color:#8f8f8f;
left:0;
top:0;
z-index:999;
display:none;
}
.popup {
position:fixed;
left:50%;
margin-left:-250px;
font-family:Arial, Helvetica, sans-serif;
color:#8f8f8f;
top:0;
z-index:9999;
width:550px;
display:none;
}
.topForm
{
	background:url(../images/forms_2.png) top repeat-x #FFF;
	width:100%;
	line-height:0;
	font-size:0;
}
.leftForm
{
	background:url(../images/forms_4.png) left repeat-y #FFF;
	height:100%;
	line-height:0;
	font-size:0;
}
.rightForm
{
	background:url(../images/forms_5.png) right repeat-y #FFF;
	height:100%;
	line-height:0;
	font-size:0;
}
.botForm
{
	background:url(../images/forms_7.png) bottom repeat-x #FFF;
	line-height:0;
	font-size:0;
}
.reset
{
	font-size:0;
	line-height:0;
}
.content
{
	background:#FFF;
	width:100%;
	height:100%;
	padding:15px;
}
.form
{
	width:550px;
	margin:50px auto auto auto;
}
.popup td
{
	text-align:left;
	border:none
}
.popup table {border:none}
.popup h2
{
	font-size:24px;
	color:#2164b0;
	font-weight:bold;
}
.popup input
{
	border:1px solid  #c8c8c8;
	background:#fafafa;
	color:#2164b0;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	width:340px;
	padding:0
}
input.full
{
	width:100%;
}
.popup p
{
	display:block;
	margin:10px 0 15px 0;
	line-height:1em;
	font-size:11px
}
.popup strong
{
	font-size:14px;
	font-weight:bold;
	color:#2164b0;
}
.submit
{
	width:163px;
	height:163px;
	display:block;
	position:absolute;
	margin:-50px 0 0 400px;
}
.grey_2 {
background:#f8f8f2;
padding:30px 0 42px 0;
text-align:center;
width:100%;
margin-top:30px
}
.grey_2 strong {display:block;font-size:1.2em;margin-bottom:24px}
.col {
float:left;
width:45%;
text-align:left
}
.wp5 {width:5%;float:left}
.pages {
text-align:right;
font-size:1.2em;
padding:8px 25px 8px 0;
background:#efefea
}
.pages a:hover {font-weight:bold}
.in_grey {
width:90%;
margin:0 auto
}
.wp42 a {
margin-top:11px;
display:block
}
.form textarea {
display:block;
width:473px;
height:100px;
color:#2164b0;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:1em
}

/* New */

.ostavit_otziv {
margin-top:38px;
padding-left:33px
}
.ostavit_otziv strong {
color:#1e67ac;
font:2em Arial, Helvetica, sans-serif;
display:block
}
.left_otziv {
color:#1e67ac;
font:1.1em Arial, Helvetica, sans-serif;
float:left;
width:113px
}
.right_otziv {
float:left
}
.right_otziv input {width:203px;color:#656563;
font:1.1em Arial, Helvetica, sans-serif;}
.right_otziv textarea {width:441px;height:144px;color:#656563;
font:1.1em Arial, Helvetica, sans-serif;}

.mart10 {margin-top:10px}
.little {
font:0.80em Verdana;
color:#666666
}
.otpravit {
background:url(../images/triangle.jpg) left 3px no-repeat;
padding-left:15px;
color:#0086d4;
margin-left:18px;
margin-top:5px;
font-family:Tahoma
}
.right_otziv_2 {float:left}
.right_otziv_2 input.code_input {
width:76px !important;
margin-left:17px;
font-size:0.9em;
float:left;
color:#656563;
font:1.1em Arial, Helvetica, sans-serif;
}
.right_otziv_2 img, .right_otziv_2 a {float:left}

.lnks
{
	display:block;
	margin-left:25px;
	margin-bottom:15px;
}

.ostavit_otziv {
margin-top:38px;
padding-left:33px
}
.ostavit_otziv strong {
color:#1e67ac;
font:2em Arial, Helvetica, sans-serif;
display:block
}
.left_otziv {
color:#1e67ac;
font:1.1em Arial, Helvetica, sans-serif;
float:left;
width:113px
}
.right_otziv {
float:left
}
.right_otziv input {width:203px;color:#656563;
font:1.1em Arial, Helvetica, sans-serif;}
.right_otziv textarea {width:441px;height:144px;color:#656563;
font:1.1em Arial, Helvetica, sans-serif;}

.mart10 {margin-top:10px}
.little {
font:0.80em Verdana;
color:#666666
}
.otpravit {
background:url(../images/triangle.jpg) left 3px no-repeat;
padding-left:15px;
color:#0086d4;
margin-left:18px;
margin-top:5px;
font-family:Tahoma
}
.right_otziv_2 {float:left}
.right_otziv_2 input.code_input {
width:76px !important;
margin-left:17px;
font-size:0.9em;
float:left;
color:#656563;
font:1.1em Arial, Helvetica, sans-serif;
}
.right_otziv_2 img, .right_otziv_2 a {float:left}

.new {margin-top:30px}
.new a {
margin-top:18px;
display:block;
margin-left:23px
}
.rekom{
/*position:absolute;
bottom:224px;
left:27%;*/
display:none;}

.wp55 h1{font-size:2.6em}
.nyban{position:absolute; top:0; right:5%; margin-top:0px; z-index:5;}
.epigraf{width:250px; margin-bottom:30px;}