/* --- The CSS Reset (see cssreset.com)

body, html { height: 100%; }html, body, div, span, applet, object, iframe, p, blockquote, pre,a, abbr, acronym, address,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: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
  --- */
/*********************************/

.pageframe {
	width: 1017px;
	text-rendering: optimizeLegibility;
	box-shadow: 5px 0px 5px #888888 , -5px 0px 5px #888888;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 14px;
	color: #444;
	font-family: Arial,sans-serif
}

.contact-form-field {
	font-size: 14px;
	font-family: Arial,sans-serif

}

.dotted-box {
	position: absolute;
    padding: 14px 15px 18px;
    border: 0px dotted #004F9D;
    position: relative;
    margin-bottom: 20px;
    margin-left: 1px;
    display: inline-block;
    width: 965px;
}

.back-to-top {
	position: fixed;
	//bottom: 2em;
	//right: 0px;
	top: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	/*background-color: rgba(235, 235, 235, 0.80); 
	background: url(../img/gototop.png) center 0 no-repeat; */
	background: url(../img/gototop-hover.png) center 0 no-repeat;
	opacity: .6;
	font-size: 12px;
	width:13px;
	height:32px;
	padding: 1em;
	display: none;
}

.back-to-top:hover {	
	/*background-color: rgba(135, 135, 135, 0.50); */
	background: url(../img/gototop-hover.png) center 0 no-repeat;
	opacity: 1;
}

/*********************************/
.fullheader {
	background: url(../img/header/header-top-bg.jpg) 0 0 repeat-x;
	width:1017px;
	border-bottom: #0c2544 1px solid
}

.logo   {
	width:782px;
	height: 110px;
	position: absolute;
	margin-top: 15px;
	margin-left: 14px;
	overflow: hidden
}

.header-top {
	position: relative;
	height: 140px;
	margin-left:200px
}

.multilang-text {
	color: #C2DAF7;
	background-color:transparent;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 37px;
	font-family: Candara, sans-serif;
	position: absolute;
	top: 118px;
	left:20px;
	z-index: 151
}

/*********************************/

li {
	margin: 0 0 0 24px;
	margin: 0 0 0 1.714285714rem;
	list-style-type: none
}

a {
	outline: none;
	color: #003d98;
	text-decoration: underline
}

a:focus, a:active, a:hover {
	color: #0f3647
}

.multilang-menu-glavnoe-menyu-container {
	padding-top: 39px;
	background: url(../img/menu/orange-angel.png) 0 0 no-repeat;
	height: 62px;
	position: relative;
	margin-top: -30px;
	display: inline-block
}
#menu-glavnoe-menyu, #menu-main-menu{
	margin-left: 36px;
	font-size: 15px;
	display: inline-block;
	text-transform: uppercase;
	background: url(../img/menu/bg-dotted.png) 0 0 repeat-x;
	//padding-left: 20px
}
#menu-glavnoe-menyu li, #menu-main-menu li{
	cursor: pointer;
	float: left;
	//margin-right: 30px
}
#menu-glavnoe-menyu li a, #menu-main-menu li a{
	cursor: pointer;
	float: left;
	padding-top: 20px;
	margin-top: 2px;
	background: url(../img/menu/none-act-menu-item.png) center 0 no-repeat
}

/*****************
#menu-glavnoe-menyu li.current-menu-item a, #menu-glavnoe-menyu li a:hover, #menu-main-menu li.current-menu-item a, #menu-main-menu li a:hover{
	background: url(../img/menu/active-menu.png) center 0 no-repeat;
	color: #ff6b01
}
****************/

#menu-glavnoe-menyu li a:hover {
/**************background: url(../img/menu/active-menu.png) center 0 no-repeat;*******************/
	cursor: pointer;
	color: #ff6b01
}

#menu-glavnoe-menyu li a.activate  {
	cursor: pointer;
	background: url(../img/menu/active-menu.png) center 0 no-repeat;
	color: #ff6b01
}

.end-menu-bg {
	background: #fff;
	height: 2px;
	position: absolute;
	right: 0;
	top: 38px
}
/*********************************/

.menucontent-2 {
	margin-right: 20px;
	margin-bottom: 20px
}

/*********************************/
.youtube-scroller {
	height: 1px
}

#goto-fullpipe-page{
float:left;
width: 928px;
height:320px;
cursor: pointer;
}

.multilang-slider-fp {
top: 10px;
position: absolute;
font-weight: bold;
font-size: 25px;
color: white;
padding-left: 65px;
line-height: 0.99;
text-align: center;
width: 372px;
text-shadow: 3px 0px 0px rgb(37, 74, 129), -3px 0px 0px rgb(37, 74, 129), 0px 3px 0px rgb(37, 74, 129), 0px -3px 0px rgb(37, 74, 129), 2px 2px rgb(37, 74, 129), -2px -2px 0px rgb(37, 74, 129), 2px -2px 0px rgb(37, 74, 129), -2px 2px 0px rgb(37, 74, 129);
}

/*********************************/
.projects {
	height: 2000px
}

.multilang-projects-aboutus {
	padding-left: 10px;
}

.multilang-projects-title {
	font-size: 21px;
	color: #0052a3;
	margin-bottom: 10px;
	text-align: center;
	//padding-left: 45px;
	font-weight: bold;
	text-transform: uppercase
}

/*********************************/
.left {
    float: left;
    width: 8%;
}

.right {
    margin-left: 8%;
}
/*********************************/
.multilang-series-box {
	margin-bottom: 40px;
	padding-left: 10px;
	height: 50px
}

.multilang-series-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden
}

.multilang-series-box ul li {
	display: inline-block;
	text-decoration: underline;
	color: #003d98;
	padding: 0;
	margin: 0 5px 0px 0;
	cursor: pointer;
	white-space: nowrap;
	font-size: 15px;
	height: 25px;
	line-height: 25px;
	background: #fff;
	padding: 0 15px;
	border-radius: 8px;
}

.multilang-series-box ul li:hover {
	background: #ff7901;
	color: #fff
}

ul li.selected {
	background: #ff7901;
	color: #fff
}

.publisher-series {
	display:none;
	padding-left: 10px;
}

.publisher-series.selected {
display: block;
}

/*********************************/
.languages {
    position: absolute;
    right: 2px;
    top: 102px;
    z-index: 151;
}

.flag {
    display: inline-block;
    cursor: pointer;
	width: 36px;
	height: 36px;
	background:url(../img/flag_All.png) no-repeat;
    //opacity: .5;
	opacity: .8;
}

.flag.selected {
    //opacity: 1;
	opacity: .0;
}

.flag:hover {
	opacity: 1;
	//box-shadow: 0 0 2px 2px;
}

.flag.english {background-position: -7px -6px}
.flag.russia {background-position: -57px -7px}
.flag.ukraine {background-position: -107px -7px}


/*********************************/

.ArrowRight {
    position: absolute;
    right: 2px;
    top: 152px;
}

.ArrowLeft {
    position: absolute;
    right: 960px;
    top: 152px;
}

.ArrowRight2 {
    position: absolute;
    right: 2px;
    top: 182px;
}

.ArrowLeft2 {
    position: absolute;
    right: 960px;
    top: 182px;
}

.ArrowRight3 {
    position: absolute;
    right: 2px;
    top: 80px;
}

.ArrowLeft3 {
    position: absolute;
    right: 960px;
    top: 80px;
}

.Arrow {
    display: inline-block;
    cursor: pointer;
	width: 36px;
	height: 44px;
	background:url(../img/fancybox/fancybox_sprite.png) no-repeat;
	opacity: .8;
}

.Arrow:hover {
	opacity: 1;
}

.Arrow.Right { background-position: 0 -80px}
.Arrow.Left { background-position: 0 -36px}

.Arrow2 {
    display: inline-block;
    cursor: pointer;
	width: 36px;
	height: 47px;
	background:url(../img/fancybox/fancybox_sprite.png) no-repeat;
	/*opacity: 1;*/
}

.Arrow2:hover {
	background-position:-1px -1px;
}

.Arrow2.Right2 { 
    background: url("../img/fancybox/arrow.png") 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 26px 47px;
}
.Arrow2.Left2 {
    background: url("../img/fancybox/arrow.png") 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: 26px 47px;
}

.Arrow3 {
    display: inline-block;
    cursor: pointer;
	width: 36px;
	height: 47px;
	background:url(../img/fancybox/fancybox_sprite.png) no-repeat;
}

.Arrow3:hover {
	background-position:-1px -1px;
}

.Arrow3.Right3 { 
    background: url("../img/fancybox/arrow.png") 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: 26px 47px;
}
.Arrow3.Left3 {
    background: url("../img/fancybox/arrow.png") 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: 26px 47px;
}

/*********************************/

.all-projects {
	float: left;
	padding: 10px;
}

.all-projects img {
	width: 172px;
	height: 172px;
	//box-shadow: 0 0 5px 2px;
}

.multilang_projects_popup_title {
	font-size: 21px;
	color: #0052a3;
	margin-bottom: 10px;
	text-align: center;
	//padding-left: 45px;
	padding-right: 25px;
	font-weight: bold;
	text-transform: uppercase
}

.multilang_projects_popup_text {
	padding-left: 390px;
	padding-right: 30px;
	font-family: Arial,sans-serif
}

.multilang_projects_popup_text a {
	padding: 4px;
	//padding-bottom: 4px;
	//padding-top: 4px;
}

.multilang_projects_popup_text a img {
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
}


.all-port-projects {
	float: left;
	padding: 10px;
}

.all-port-projects img {
	width: 172px;
	//height: 173px;
}

.all-fp-screens {
	float: left;
	padding: 10px;
}

.all-fp-screens img {
	width: 172px;
	//height: 173px;
}
/*********************************/
.port-projects {
	height: 1240px
}
/*********************************/
.footer {
    font-size: 11px;
    padding: 10px 10px 30px;
    clear: both;
    color: #194D89;
}

.footer-copyright {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    position: relative;
    border-image: none;
    padding: 30px 20px;
    border-width: 1px 1px medium;
    border-color: #004F9D #004F9D -moz-use-text-color;
    border-style: dotted dotted none;
    //text-decoration: none;
}

.footer-copyright a:hover {
    color: #194D89;
}

.dotted-foot-left {
    background: url('../img/dotted-foot-left.gif') no-repeat scroll 0px 0px transparent;
    width: 10px;
    height: 2px;
    position: absolute;
    left: -10px;
    bottom: -2px;
}

.dotted-foot-right {
    background: url('../img/dotted-foot-right.gif') no-repeat scroll 0px 0px transparent;
    width: 10px;
    height: 2px;
    position: absolute;
    right: -10px;
    bottom: -2px;
}

/*********************************/

#container{width:100%; }
#left{float:left;padding-top: 25px;}
#center{text-align:center;}
#right{float:right;padding-top: 25px;}

#container2{width:100%; }
#left2{float:left;}
#center2{text-align:center;}
#right2{float:right;}

/*********************************/