@import url("reset.css");
@import url("fancybox.css");

/* BODY */

body
	{
		text-align: center;
	}

/* HEADER */

#header
	{

		margin: 3.5em auto 0;

		border-width: 1px;
		border-style: solid;

	}

#header, #container, #footer
	{
		width: 69em;
		overflow: hidden;
		text-align: left;
		position: relative;
	}

/* CONTAINER */

#container
	{
		overflow: hidden;
		margin: 0 auto;
/*
		border-right-width: 1px;
		border-right-style: solid;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-left-width: 1px;
		border-left-style: solid;
*/
		border-width: 1px;
		border-style: solid;







	}

/* FOOTER */

#footer
	{
		margin: 0 auto;
		padding: 3em 0;
		text-align: center;
	}

/* CONTENT */

#content
	{
		float: left;
		width: 48em;
		overflow: hidden;
		position: relative;
		border-right-width: 1px;
		border-right-style: solid;
		padding: 1.5em;
	}

#main-page #content, #custom-page #content
	{
		width: 66em;
		border-right: none;
	}

/* BREADCRUMBS */

.breadcrumbs
	{
		clear: both;
		height: 2.4em;
		overflow: hidden;
		border-top-width: 1px;
		border-top-style: solid;
		padding: 0 .4em;
	}

.breadcrumbs a, .breadcrumbs i
	{
		max-width: 20em;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		float: left;
		padding: .7em .6em .7em .9em;
		text-decoration: none;
		text-overflow: ellipsis;
		-o-text-overflow:ellipsis;
	}

.breadcrumbs i
	{
		cursor: default;
		font-style: normal;
	}

.breadcrumbs p
	{
		float: right;
		overflow: hidden;
		margin-top: 1px;
	}

.breadcrumbs a:hover
	{
		text-decoration: underline;
	}

.breadcrumbs span
	{
		display: block;
		float: left;
		width: .9em;
		height: 2.5em;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/lib/img/separator.gif) right 50% no-repeat;
	}

.breadcrumbs .icon
	{
		width: 16px;
		height: 2.5em;
		overflow: hidden;
		text-indent: -9999px;
		padding: 0 .4em;
	}

.breadcrumbs .home
	{
		background: url(/lib/img/home.gif) center center no-repeat;
	}

.breadcrumbs .sitemap
	{
		background: url(/lib/img/sitemap.gif) center center no-repeat;
	}

/* SIDEBAR */

#sidebar
	{
		float: left;
		width: 18em;
		position: relative;
		border-left-width: 1px;
		border-left-style: solid;
		margin-right: -1px;
		margin-left: -1px;
	}

/* SUBMENU */

.submenu
	{
		list-style: none;
		margin-top: 1.3em;
		margin-bottom: 1.3em;
	}

.submenu a
	{
		display: block;
		padding: .76em 1.5em;
		_height: 0; /* ie7 ie8 */
	}

.submenu .active
	{
		border-top-width: 1px;
		border-top-style: solid;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-left-width: 1px;
		border-left-style: solid;
		position: relative;
		left: -1px;
		margin-top: -1px;
		margin-bottom: -1px;
	}

.submenu ul
	{
		display: none;
		list-style: none;
		padding: 0 1.5em 1em 3em;
	}

.submenu .active ul
	{
		display: block;
	}

.submenu ul li
	{
		padding: .3em 0;
	}

.submenu ul a
	{
		text-decoration: underline;
		display: inline;
		padding: 0 !important;
	}

.submenu ul li.active
	{
		border-bottom: none;
		border-top: none;
		border-left: none;
		position: static;
		left: 0;
	}

.submenu ul ul
	{
		padding: .1em 0 0 1.5em;
	}

.submenu ul ul li
	{
		padding: .5em 0 0 0;
	}

/* MAIN MENU */

#main-menu
	{
/*
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
*/

overflow: hidden;
	}

#main-menu div
	{
		position: relative;
		float: right;
		right: 50%;
	}

.menu
	{
		position: relative;
		overflow: hidden;
/* 		right: -50%; */
		text-align: left;
		list-style: none;
		_float: left;
	}
 
.menu li
	{
		float: left;
		overflow: hidden;
		padding: 0em 1.2em;

		border-left-width: 1px;
		border-left-style: solid;

		margin-left: -1px;
	}
 
.menu a
	{
		text-decoration: none;
	}
 






#header
	{

	}

#header h1 a
	{
		background: url(/lib/img/vilink2.png);
		width: 138px; height: 0; padding-top: 34px;
		display: block; overflow: hidden;
		position: absolute;
		left: 1.5em;
		top: 1.6em;
		
		_background: url(/lib/img/1x1.gif);
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/img/vilink2.png', sizingMethod='crop');
	}













.cycle
	{
		height: 320px;
		background: #fff;
		position: relative;
	}

#pics {margin-top: 4px; height: 250px; width: 100%; 
		border-bottom: 1px solid #232429;
}

.cycle img
	{
		width: 828px; 
    height: 320px; 
    top: 0; 
    left: 0;
    position: absolute;
    display: none;
	}
























/* ERROR */

#error-page
	{
		font-size: 777%;
		padding-top: 1em;
	}


/* SITEMAP */

#content .sitemap ul {padding: 0 0 0 2em;}

#content .sitemap ul
	{
		list-style: none;	
	}

#content .sitemap ul ul
	{
		list-style: square;	
	}

#content .sitemap .context-menu
	{
		list-style: none;
		padding: 0;
	}

#content .sitemap ul li
	{
		font-weight: bold;
		margin-top: 1.5em;
	}

#content .sitemap ul ul li
	{
		font-weight: normal;
		margin-top: 0;
	}

#content .sitemap ul ul ul li
	{
		margin-top: 0;
	}




#copyrights
	{
		text-align: center;
	}

#copyrights a
	{
		text-decoration: none;
	}

#copyrights a:hover
	{
		text-decoration: underline;
	}


















/* FONTS */

body
	{
		font-size: 75%;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		line-height: 1.5em;
	}


.breadcrumbs, .breadcrumbs p, .breadcrumbs a, .breadcrumbs i, .breadcrumbs span
	{
		font-size: 95%;
		line-height: 100%;
	}

.submenu ul li
	{
		line-height: 100%;
	}

.submenu ul a
	{
		font-size: 95%;
	}
.menu a
	{
		font-size: 120%;
		font-weight: bold;
	}

#copyrights small {font-size: 90%; line-height: 130%}

#content pre {font: 12px "Courier New", Courier, monospace; background: #fafafa; border: 1px dashed #ccc;}
#content code {font: 12px "Courier New", Courier, monospace;}
#content h1, #content h2, #content h3 {font-weight: normal}
#content table {border-collapse: collapse; width: 100%;}
#content td, #content th {text-align: left; border: 1px solid #aaa;}
#content th {background: #ccc;}
#content img, #content hr {border: none;}
#content hr {border-top: 1px solid #000;}
#content ol, #content ul, #content blockquote {padding: 0 0 0 3em;}

#content p {font-size: 1em; line-height: 1.5em}
#content small {font-size: .9em; line-height: 1.667em}
#content big {font-size: 1.13em; line-height: 1.6em}
#content h1 {font-size: 1.5em; line-height: 1.5em}
#content h1 {margin: 1.67em 0 -.2em 0;}
#content h2 {font-size: 1.33em; line-height: 1.5em}
#content h2 {margin: 1.5em 0 -.67em 0;}
#content h3 {font-size: 1.13em; line-height: 1.327em}
#content h3 {margin: 1.33em 0 -1.33em 0;}
#content h4 {font-size: 1em; line-height: 1.5em; font-weight: bold}
#content h4 {margin: 1.5em 0 -1.5em 0;}
#content p, #content pre, #content blockquote, #content address, #content ol, #content ul, #content dl, #content table, #content form, #content fieldset, #content div, #content hr, #content object, #content embed, #content iframe {margin: 0; margin-top: 1.5em;}
#content :first-child, #content ol ul, #content ul ol, #content ul ul, #content ol ol, #content div div, #content table table {margin-top: 0;}
#content p, #content pre, #content blockquote, #content address, #content ol, #content ul, #content dl, #content table, #content form, #content fieldset, #content div, #content hr, #content object, #content embed, #content iframe, #content h1, #content h2, #content h3, #content h4
	{
		margin-top: expression(this.parentNode.firstChild == this ? '0px' : '');
	}

address, cite {font-style: italic}




#content .e-box2col, #content .e-box3col, #content .e-box4col {overflow: hidden; min-height: 12px; zoom: 1}
#content .e-first, #content .e-second, #content .e-third, #content .e-fourth {float: left; margin-right: 3%; }

#content .e-box2col .e-first	{width: 48.5%;}
#content .e-box2col .e-second {width: 48.5%; margin-right: 0;  float: right;}

#content .e-box3col .e-first {width: 31.33%;}
#content .e-box3col .e-second {width: 31.34%; }
#content .e-box3col .e-third {width: 31.33%; margin-right: 0;  float: right;}

#content .e-box4col .e-first	{width: 22.75%;}
#content .e-box4col .e-second {width: 22.75%; }
#content .e-box4col .e-third {width: 22.75%; }
#content .e-box4col .e-fourth {width: 22.75%; margin-right: 0;  float: right;}

#content .e-clear {clear: both; overflow: hidden; height: 0;}



/* COLORS */

body {color: #333}
#content a {color: #0071bc}
#content h1, #content h2, #content h3, #content h4, #content h1 a, #content h2 a, #content h3 a, #content h4 a {color: #0071bc}
#content small, .breadcrumbs i {color: #999}
.breadcrumbs a {color: #666}
#copyrights small, #copyrights a, .langs a {color: #b6c3cc}



body {background-color: #265196;}

#container, .submenu .active {background-color: #ffffff;}



#bottom-banner, #header, #container, #content, #sidebar, .breadcrumbs, .submenu .active {border-color: #dadada}
.submenu .active {border-left-color: #ffffff}




#container, #header {border: none}





.menu li {border-color: #999}
.menu a {color: #39424a;
text-shadow: 0px 1px 0px #fff;

}
.menu .active a{color: #666}


.submenu a {color: #0071bc;}
.submenu .active>a {color: #666;}
.submenu ul a {color: #0071bc;}

.submenu .active a
	{
		color: expression(this.parentNode.className == 'active' ? '#666' : '#0071bc');
	}



#main-menu
	{
		background: url(/lib/img/main-menu-bg-3.gif) bottom center repeat-x;







		width: 69em;
height: 67px;

 		border-bottom: 1px solid #878787; 


	}

.menu {float: right;
margin-top: 25px;
margin-right: 0.5em;
}

.menu .active {






}

.menu a:hover {

text-decoration: underline;

}

#header {


}


#container
	{
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;


	}


#bottom-banner
	{
		clear: both;
		height: 119px;
		overflow: hidden;
		padding: 0 .4em;
		position: relative;
		background: #fafafa url(/lib/img/banner3.png) top center repeat-x;
		 		border-top: 1px solid #dadada; 
	}
#container {



}




.b1, .b2, .b3 {	position: absolute;
	font-weight: bold;
	font-size: 11px;
	-webkit-box-shadow: 0px 0px 1px #fff;
	color: #666;
	top: 82px;
	text-align: center;
}

.b1
	{
	left: 338px;
	width: 140px;
	}

.b2
	{
	left: 20px;
		width: 295px;
	}

.b3
	{
	left: 502px;
	width: 300px;
	}


#main-page .e-box4col p
	{
		margin-top: 2em !important;
	}

form
	{
		background: #fafafa;
		border: 1px solid #dadada;
		padding: 0 1em .8em 1em;

	}

form p
	{
		margin-top: 1em !important;
		overflow: hidden;
	}


.e-input
	{
		border: 1px solid #c4ccd1;
		width: 100%;
		padding: .2em;
		margin: 0;
    float: left;
		box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		resize: none;
		font: 12px Arial;
	}


.sub-logos
	{
		text-align: center;
		padding: 1em 0;
	}

.sub-logos a
	{
		display: block;
		margin: 1em;
	}

/* LANGS */

.langs
	{
		text-align: center;
		overflow: hidden;
		margin-bottom: 1.5em;
		list-style: none;
	}

.langs li
	{
		position: relative;
		padding: .4em 1em .4em;
		overflow: hidden;
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
 		*display: inline;
	}

.langs i
	{
		width: 16px;
		height: 1.3em;
		position: absolute;
		z-index: 1;
		left: 1em;
	}

.langs a
	{
		padding-left: 20px;
		display: block;
		position: relative;
		z-index: 2;
	}
 
.langs .active a
	{
		text-decoration: none;
		cursor: default;
	}


.langs .en i {background: url(/lib/img/en.gif) left 50% no-repeat;}
.langs .ru i {background: url(/lib/img/ru.gif) left 50% no-repeat;}
.langs .de i {background: url(/lib/img/de.gif) left 50% no-repeat;}

.langs {font-size: 90%; line-height: 130%;}

.langs .active
	{
		background: #3c63a1;
		-webkit-border-radius: 3em;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}