/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: Arial, Helvetica, 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 {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;}

/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
blockquote *:first-child:after {content: "\201D";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */

/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */


/* 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.8em; line-height: 1.66em; background:#FFF; text-align:center; color:#383838;}
h1 {font-size: 1.3em;}
h2 {font-size: 1em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
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 #ccc;  border-left: 1px solid #ccc;}
th, td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}

/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}

/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: -1em 0 .5em; font-family:"Arial Black",Arial, Helvetica, sans-serif; color:#c20827}
h2 {margin: 0em 0 .535em; color:#c20827;}
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: underline; color: #383838;}
a:visited {text-decoration: underline; color: #383838;}
a:hover {text-decoration: underline; color: #c20827;}
a:active, a:focus {text-decoration: underline; color: #c20827;}
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}

/* wrppaer */
#wrapper { text-align:left; margin:auto; max-width:1200px; min-width:980px; padding-top:40px;}

/* top menu */
div.topMenuDiv { text-align:center;}
ul.topMenu {margin:0 auto 5px auto; padding:0; list-style:none; width:990px; border-bottom:1px solid #c20827; padding-bottom:5px; line-height:1.1em; position:relative; z-index:10;}
ul.topMenu li {text-indent: 0; margin: 0; padding:0; list-style:none; float:left;}
ul.topMenu li:before {content: "";}
ul.topMenu a:link, ul.topMenu a:visited, ul.topMenu a:hover, ul.topMenu a:active, ul.topMenu a:focus { float:left; padding:0 7px; border-right:1px solid #c20827 }
ul.topMenu a.active:link, ul.topMenu a.active:visited, ul.topMenu a.active:hover, ul.topMenu a.active:active, ul.topMenu a.active:focus { color:#c20827; }

ul.topMenu .last a:link, ul.topMenu .last a:visited, ul.topMenu .last a:hover, ul.topMenu .last a:active, ul.topMenu .last a:focus  {float:left; padding:0 7px; border-right: none}
ul.topMenu ul { position:absolute;margin:0 0 0 0; top:20px; padding-top:10px; z-index:10; font-size:0.77em; display:none;}
ul.topMenu li.hover ul { display:block;}
ul.topMenu ul li, ul.topMenu ul li a { float:none; text-align:left; display:block; border:none; clear:left;}
ul.topMenu ul li a:link, ul.topMenu ul li a:visited,ul.topMenu ul li a:hover, ul.topMenu ul li a:active,ul.topMenu ul li a:focus {border:none;}
ul.topMenu ul li a:hover,ul.topMenu ul li a:focus {color:#fff; background:#c20827}
ul.topMenu ul li a.active:link, ul.topMenu ul li a.active:visited,ul.topMenu ul li a.active:hover, ul.topMenu ul li a.active:active,ul.topMenu ul li a.active:focus {color:#fff; background:#c20827}
ul.topMenu a:link, ul.topMenu a:visited, ul.topMenu a:hover, ul.topMenu a:active, ul.topMenu a:focus { text-decoration:none;}

/* main */
.main { position:relative;  background:url(../images/volna.jpg) 82px 0  no-repeat; margin-bottom:5px; }
.rightBorder { border-left:82px solid #e3e3e3; background:url(../images/bgRight.png) right repeat-y;}
.topLeft { border:3px solid #c20827; position:absolute; top:0; left:0;}
.logo { position: absolute; top:220px; left:5px;}

/* footer */
.footer { text-align:center; font-size:0.75em; line-height:1.4em; padding-bottom:1em; border-top:1px solid #c20827; padding-top:0.8em; }
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active, .footer a:focus { text-decoration:none;}
.footer a:hover, .footer a:focus { text-decoration: underline;}

/* copyright */
.copyright { text-align:right; font-size:0.5em; padding-top:0; padding-bottom:0;}
.copyright a:link, .footer a:visited, .footer a:hover, .footer a:active, .footer a:focus { text-decoration:none;}
.copyright a:hover, .footer a:focus { text-decoration: underline;}

/* lang */
.lang { position:absolute; top:0; right:0; background:#FFF; width:235px; text-align:center; border-bottom:6px solid #c20827 }
.navi {
		width: 235px;
		position: relative;
		overflow: hidden;
		text-align: center;
		margin:auto;
	}

	.navicontainer {
		float: left;
		left: 50%;
		position: relative;
		text-align: center;
	}

	.wrpr {
		position: relative;
		left: -50%;
		float: left;
		list-style: none;
		margin: 0; padding: 0;
		height:35px;
		padding-top:5px;
	}

	.lang a  {
		float: left;
		width:36px; height:24px; overflow:hidden;
		margin: 0 8px;
		text-indent:-9999em;
		background-repeat:no-repeat;
	}
.lang a:link, .lang a:visited, .lang a:hover, .lang a:active, .lang a:focus { border:1px solid #FFF;}
.lang a:hover, .lang a:active, .lang a:focus { border:1px solid #c0c0c0;}
.lang a.active:link, .lang a.active:visited, .lang a.active:hover, .lang a.active:active, .lang a.active:focus { border:1px solid #c0c0c0;}
.ru { background:url(../images/flags.png) 0 0 ;}
.en { background:url(../images/flags.png) -55px 0;}
.sp { background:url(../images/flags.png) -111px 0 ;}
.fr { background:url(../images/flags.png) -168px 0 ;}

.rightCollImg { background:url(../images/rightCollImg.jpg) right bottom no-repeat;}
.rightCollImgIndex { background:url(../images/rightCollImgIndex.jpg) right bottom no-repeat;}
.rightColl { float:right; width:205px; padding: 55px 10px  250px 0;  }
.leftColl { margin-right:235px; position:relative; padding-left:50px;}
.content { text-align:justify; padding-right:10px;}


.red { color:#c20827}
p { text-indent:2em;}

.topImages { height:304px; text-align:right;}
.topImages img { float:right; border:3px solid #C20827}
.topImages .flower{ margin-top:140px; border:none;}
.topImages div{ border-right:10px solid #FFF; float:right;}
.floatPict { float:left;}

#counter {
        width:1px;
        height:1px;
        overflow:hidden;
        position:absolute;
        left:-10000px;
        top:-10000px;
        z-index:-998;
}