@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,cyrillic);
* { position: relative; padding: 0px; margin: 0px; }
html, body { padding: 0px; margin: 0px; border: 0px; font-family: 'Open Sans', sans-serif; color: #000000; font-size: 14px; }
body { background: url(../images/page-background-repetor.jpg) top center repeat-y #665c54; overflow-x: hidden; }
#background-top { position: absolute; top: 0px; left: 0px; background: url(../images/page-background.jpg) top center no-repeat; width: 100%; height: 1244px; }
h1 { font-size: 28px; color: #ec0005; text-transform: uppercase; }
h2 { font-size: 18px; font-weight: bold; }
h3 { font-size: 14px; color: #b8b8b8; text-transform: uppercase; }
.clear { clear: both; border: none !important; }

#main { width: 990px; margin: 0px auto; }
#main-sublevel { width: 100%; height: 1122px; }
#main-sublevel-architecht-plan-1 { position: absolute; top: 184px; left: -105px; background: url(../images/architect-plan-one.png) 0 0 no-repeat; width: 268px; height: 224px; }
#main-sublevel-architecht-plan-2 { position: absolute; top: 10px; left: -110px; background: url(../images/architect-plan-two.png) 0 0 no-repeat; width: 287px; height: 278px; }
#main-sublevel-instruments-bgr { position: absolute; top: 60px; right: -117px; background: url(../images/instruments-background.png) 0 0 no-repeat; width: 126px; height: 693px; }
#main-sublevel-instruments-1 { position: absolute; top: 34px; left: -8px; background: url(../images/instrument-hammer.png) 0 0 no-repeat; width: 100px; height: 137px; }
#main-sublevel-instruments-2 { position: absolute; top: 134px; left: -16px; background: url(../images/instrument-two.png) 0 0 no-repeat; width: 103px; height: 127px; }
#main-sublevel-instruments-3 { position: absolute; top: 257px; left: -42px; background: url(../images/instrument-three.png) 0 0 no-repeat; width: 134px; height: 147px; }
#main-sublevel-instruments-4 { position: absolute; top: 415px; left: -7px; background: url(../images/instrument-four.png) 0 0 no-repeat; width: 66px; height: 115px; }
#main-header { position: absolute; top: 0px; left: -9px; background: url(../images/header-raevorg.png) 0 0 no-repeat; width: 1043px; height: 501px; }
#main-header-en { position: absolute; top: 0px; left: -9px; background: url(../images/header-raevorg_en.png) 0 0 no-repeat; width: 1043px; height: 501px; }
#main-lang-bar {position:absolute;left: 945px;}
#lang-bar { list-style: none; margin:0px;}
#lang-bar li:first-child {float:left; border-right:1px dotted #999;}
#main-header-email { position: absolute; color: #ffffff; font-size: 16px; font-weight: bold; top: 376px; left: 150px; }
#main-header-email a { color: #ffffff; text-decoration: none !important; }
#main-header-email a:hover { color: #ffd800; }
#main-header-telephone { position: absolute; color: #ffffff; font-size: 16px; font-weight: bold; top: 376px; left: 838px; }
#main-header-address { position: absolute; font-size: 12.2px; top: 413px; left: 774px; }
#main-page { position: absolute; width: 949px; height: 621px; top: 501px; left: 74px; background: url(../images/page-maincontent.png) 0 0 no-repeat; }
#main-page-index-about { height: 100px; left: 240px; position: absolute; text-align: center; top: 290px; width: 570px; }
#main-page.index { background: url(../images/page-maincontent-index.png) 0 0 no-repeat !important; }
#main-navigation { position: absolute; background: url(../images/navigation-background.png) 0 0 no-repeat; width: 304px; height: 520px; top: -132px; left: -171px; }
#section1 { position: absolute; top: 0px; left: 45px; width: 315px; height: 272px; overflow: hidden; cursor: pointer; }
#section1-image { width: 315px !important; height:136px; display: block; }
#section2 { position: absolute; top: 0px; left: 361px; width: 269px; height: 272px; overflow: hidden; cursor: pointer; }
#section2-image { width: 269px !important; height:136px; display: block; }
#section3 { position: absolute; top: 0px; left: 631px; width: 292px; height: 272px; overflow: hidden; cursor: pointer; }
#section4-image { width: 292px !important; height:136px; display: block; }
.section-title { font-size: 18px; color: #ec0005; text-transform: uppercase; font-weight: bold; margin-top: 15px; text-align: center; }
#section1 .section-title { width: 90%; margin-left: 10%; }
#section2 .section-title { width: 100%; }
#section3 .section-title { width: 97%; margin-right: 3%; }
.section-description { font-size: 12px; margin-top: 11px; text-align: center; line-height: 13px; }
#section1 .section-description { width: 63%; margin-left: 26%; }
#section2 .section-description { width: 75%; margin-left: 12.5%; }
#section3 .section-description { width: 70%; margin-left: 14%; }
.section-hovering { position: absolute; bottom: 0px; width: 100%; height: 9px; background-color: #ec0005; opacity: 0; }
.section-hovering-image { position: absolute; top: -263px; left: 0px; width: 100%; height: 136px; background-color: #ffd800; opacity: 0.75; }
#section1:hover .section-hovering, #section2:hover .section-hovering, #section3:hover .section-hovering { opacity: 1; }
#index-instrument-overlap { position: absolute; top: -29px; right: -21px; width: 58px; height: 302px; background: url(../images/instrument-overlap.png) 0 0 no-repeat; }
.navigaton-option { position: absolute; width: 60%; height: 22px; background: url(../images/navigation-spray.png) top right no-repeat; color: #ffffff; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px #a40d11; font-size: 16px; text-align: right; padding: 0px 34px 0px 0px; text-decoration: none; opacity: 0.6; }
.navigaton-option:hover { background-position: right -22px; color: #ffd800; text-shadow: 1px 1px #a40d11; opacity: 1; }
.navigaton-option.current { opacity: 1; }
.navigaton-option:nth-child(1) { top: 180px; left: -7px; }
.navigaton-option:nth-child(2) { top: 207px; left: -1px; }
.navigaton-option:nth-child(3) { top: 234px; left: 5px; }
.navigaton-option:nth-child(4) { top: 261px; left: 11px; }
.navigaton-option:nth-child(5) { top: 288px; left: 17px; }
.navigaton-option:nth-child(6) { top: 315px; left: 23px; }
#main-page-title { position: absolute; width: 67%; left: 23%; top: 6%; }
#main-page-content { width: 64%; height: 69%; margin: 11% 23% 0% 23%; padding-right: 3%; overflow-x: auto; }
#main-page-content ul { margin: 10px 0px; }
#main-page-content ul li { margin: 0% 5%; padding: 1% 2%; list-style: square; }
.image-gallery { width: 100% !important; height: auto !important; padding: 10px 0px; }
.image-gallery a { height: 120px !important; width: auto !important; float: left; padding: 10px 20px; border-right: 1px dotted #999; }
.image-gallery a > img { height: 100% !important; width: auto !important; }
.image-gallery div:last-child { float: none !important; clear: both; height: 10px !important; }
#main-partners { width: 90%; padding: 3% 5%; height: auto; background-color: #fff; margin-top: 20px;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); position: relative; }
#main-partners a { border: 0px; display: block; float: left; padding: 10px 20px; height: 50px !important; width: auto !important; border-right: 1px dotted #999; margin-top: 20px; }
#main-partners a > img { height: 100% !important; width: auto !important; display: block; }
#main-page-content-contacts { padding: 18px 20px; margin-bottom: 30px; border: 1px dotted #999; background-color: #f1f1f1; }
#comment_form label { width: 25%; text-align: right; padding-right: 3%; display: inline-block; }
#comment_form input { margin-bottom: 12px; }
#comment_form input, #comment_form textarea { width: 65%; border: 1px solid #ddd; color: #000000; font-size: 13px; font-family: 'Open Sans', sans-serif; padding: 3px 5px; }
#comment_form textarea { height: 50px; margin-left: 28%; }
#recapcha { margin: 12px 0% 3% 28%;  }
#submit, #submit:active { height: 57px; background-color: #ec0005; border: 1px solid #bb0909 !important; color: #ffffff !important; font-weight: bold; font-size: 15px !important; font-family: 'Open Sans', sans-serif; margin: -6px 0px 0px 28% !important; text-transform: uppercase; width: 67% !important; cursor: pointer; } 
#submit:hover { background-color: #1a1a1a; border: 1px solid #000000 !important; }
#footer { width: 100%; height: 182px; margin-top: 10px; background: url(../images/footer-background.png) top center no-repeat; }
#footer-content { width: 990px; height: 100%; margin: 0px auto; }
#footer-content-copyright { position: absolute; top: 130px; right: 120px; color: #656464; font-size: 12px; text-align: right; width: 70%; }
#footer-content-designedby { position: absolute; top: 91px; right: 30px; background: url(../images/fotter-designedby-freedesign.png) 0 0 no-repeat; width: 48px; height: 62px; display: block; border: 0px; }



nav ul li:hover > ul {display: block; color:yellow;}
nav ul li a:hover {color:yellow;}
nav ul {
	background: #D7D6D4; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #BB0004 0%,#ED1318 100%)
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {float: left;}
nav ul li:hover {
		background: #BC0004;
		background: linear-gradient(top, #BC0004 0%, #BC0004 40%);
		background: -moz-linear-gradient(top, #BC0004 0%, #BC0004 40%);
		background: -webkit-linear-gradient(top, #BC0004 0%,#BC0004 40%);
		color:yellow;
	}
nav ul li a {display: block; padding: 10px 10px;color: black; text-decoration: none;}
.seo {font-size: 1px; color: #FFF; margin-bottom: 0; line-height: 0; letter-spacing: 0px; z-index: -1;}
.title-serv {font-size: 28px; color: #ec0005; text-transform: uppercase;}