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

html, body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0}

html {background: #237093 url("../images/bg-html.png") left 700px repeat-x}
body {background: url("../images/bg-body.jpg") center top no-repeat; font-size: 62.5%}
body#top {background: url("../images/bg-body1.jpg") center top no-repeat; font-size: 62.5%}
.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden}

div#header {margin: 0 auto; width: 960px; height: 153px}
div#header ul {margin: 20px 0 0; float: right}
div#header ul li {float: left; list-style: none; color: #fff; font-size: 1.2em; padding: 0 0 0 20px}
div#header ul li a {padding: 1px 0 4px 35px; color: #fff; text-decoration: underline}
div#header ul li a:hover {text-decoration: none}
div#header ul li a#cs {background: url("../images/icons-cs.png") left top no-repeat}
div#header ul li a#ge {background: url("../images/icons-ge.png") left top no-repeat}

#logo {margin: 0; padding: 0; position: relative; top: 37px; left: 9px; width: 341px; height: 66px; overflow: hidden; float: left}
#logo span {display: block; color: #feba3c; position: absolute; top: 0; left: 0; z-index: 2; width: 341px; height: 66px; margin: 0; padding: 0; background: url("../images/logo.png") left top no-repeat; cursor: pointer}
#logo a {text-decoration: none; color: #fff}
#logo a:hover, #logo span a:visited {text-decoration: none; color: #fff}
#logo_print {display: none}

h1 {font-size: 2.4em; color: #fff; font-weight: bold}

div#menu {margin: 0 auto; width: 960px; height: 108px}
div#menu menu {margin: 0; padding: 68px 0 0 10px}
div#menu menu li {padding: 0 40px 0 0; float: left; list-style: none; font-size: 1.7em; color: #fff}
div#menu menu li a {padding: 40px 0 0 0}
div#menu menu li a#home {background: url("../images/bg-menu.png") 40px 0 no-repeat}
div#menu menu li a#home:hover, div#menu menu li a#home.current {background: url("../images/bg-menu.png") -126px 0 no-repeat}
div#menu menu li a#service {background: url("../images/bg-menu.png") -324px 0px no-repeat}
div#menu menu li a#service:hover, div#menu menu li a#service.current  {background: url("../images/bg-menu.png") -491px 0 no-repeat}
div#menu menu li a#references {background: url("../images/bg-menu.png") -644px 0 no-repeat}
div#menu menu li a#references:hover, div#menu menu li a#references.current  {background: url("../images/bg-menu.png") -810px 0 no-repeat}
div#menu menu li a#photo {background: url("../images/bg-menu.png") -972px 0 no-repeat}
div#menu menu li a#photo:hover, div#menu menu li a#photo.current  {background: url("../images/bg-menu.png") -1138px 0 no-repeat}
div#menu menu li a#certifikate {background: url("../images/bg-menu.png") -1309px 0 no-repeat}
div#menu menu li a#certifikate:hover, div#menu menu li a#certifikate.current  {background: url("../images/bg-menu.png") -1474px 0 no-repeat}
div#menu menu li a#contact {background: url("../images/bg-menu.png") -1643px 0 no-repeat}
div#menu menu li a#contact:hover, div#menu menu li a#contact.current  {background: url("../images/bg-menu.png") -1808px 0 no-repeat}
div#menu menu li a {color: #fff; text-decoration: none}
div#menu menu li a:hover, div#menu li a.current {color: #e3a92a}

div#content {margin: 0 auto; width: 960px}
div#content div#contentLeft {margin: 0 0 0 8px; padding: 0 25px 30px 25px; float: left; width: 661px; background: url("../images/bg-left-content.png") left top repeat-y; position: relative}
div#content div#contentLeft h1 {margin: 23px 0 0 0; padding: 0 0 8px 0; border-bottom: 1px solid #b2b2b2; font-size: 2.5em; color: #12668c}
div#content div#contentLeft p#print {position: absolute; top: 10px; right: 30px; font-size: 1.1em}
div#content div#contentLeft p#print a {background: url("../images/icons-print.png") left 4px no-repeat; padding: 5px 0 5px 25px}
div#content div#contentLeft h2 {margin: 30px 0 0 0; padding: 0 0 6px 0; border-bottom: 1px solid #b2b2b2; font-size: 2.2em; color: #12668c}
div#content div#contentLeft h3 {margin: 30px 0 0 0; font-size: 1.8em; color: #12668c}
div#content div#contentLeft p {margin: 15px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.6em; color: #45606c}
div#content div#contentLeft p.minmargin {margin: 5px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.6em; color: #45606c}
div#content div#contentLeft img#headquarters {margin: 15px 0 0; padding: 0 0 15px 15px; float: right}

div#content div#contentLeft a.nw {padding: 0 12px 0 0; background: url("../images/nw.gif") right 3px no-repeat}
div#content div#contentLeft a.ext_nw {padding: 0 23px 0 0; background: url("../images/ext_nw.gif") right 3px no-repeat}

div#content div#contentLeft a {color: #45606c; text-decoration: underline}
div#content div#contentLeft a:hover {text-decoration: none}

div#content div#contentLeft dl {margin: 15px 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.7em; color: #45606c}
div#content div#contentLeft dl dt {clear: both; float: left; width: 140px}
div#content div#contentLeft dl dd {margin: 0; float: left; padding: 0; width: 200x}

div#content div#contentLeft ul.photos {margin: 15px 0 0 20px; padding: 0}
div#content div#contentLeft ul.photos li {float: left; list-style: none; padding: 0 10px 20px 0}
div#content div#contentLeft ul.photos li a img {margin: 0; padding: 3px; border: 1px solid #45606c; display: block}
div#content div#contentLeft ul.photos li a:hover img {border-color: #de9b2f}

div#content div#contentLeft ul.olevel {margin: 20px 0 0 20px; padding: 0}
div#content div#contentLeft ul.olevel li {padding: 0 0 0 20px; list-style: none; background: url("../images/li-first-level.png") left 5px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.7em; color: #45606c}
div#content div#contentLeft ul.olevel ul {margin: 0 0 0 40px; padding: 0}
div#content div#contentLeft ul.olevel ul li {padding: 0 0 0 20px; list-style: none; background: url("../images/li-second-level.png") left 8px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.7em; color: #45606c}

div#content div#contentLeft div#left {margin: 20px 0 0; float: left; width: 270px}
div#content div#contentLeft div#left h2, div#content div#contentLeft div#right h2 {padding: 0 0 5px 0; border-bottom: 1px solid #b2b2b2; font-size: 2em; color: #12668c}
div#content div#contentLeft div#left ul {margin: 15px 0 0 20px; padding: 0}
div#content div#contentLeft div#left ul li {list-style: none; background: url("../images/icons-li.png") left 9px no-repeat; padding: 0 0 0 25px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 2.4em; color: #45606c}

div#content div#contentLeft div#right {margin: 20px 5px 0 0; float: right; width: 360px}
div#content div#contentLeft div#right form {margin: 15px 0 0 20px; font-family: Verdana, Geneva, sans-serif}
div#content div#contentLeft div#right form label {width: 150px}
div#content div#contentLeft div#right form p {font-size: 1em}
div#content div#contentLeft div#right form p strong {font-weight: bold}
div#content div#contentLeft div#right form label, div#content div#contentLeft div#right input {margin: 6px 0; float: left; font-size: 1.2em}
div#content div#contentLeft div#right input {background: #ededed; border: 2px solid #ccc; width: 149px}
div#content div#contentLeft div#right input:hover, div#content div#contentLeft div#right textarea:hover, div#content div#contentLeft div#right input:focus, div#content div#contentLeft div#right textarea:focus {border: 2px solid #de9b2f}
div#content div#contentLeft div#right textarea {background: #ededed; width: 300px; height: 80px; border: 2px solid #ccc}
div#content div#contentLeft div#right input.submit {margin: 20px 0 0 205px; padding: 5px 0; float: none; font-size: 1.4em; background: #de9b2f url("../images/bg-button.png") 0 0 no-repeat; width: 102px; height: 34px; border: 0; clear: both; color: #45606c}
div#content div#contentLeft div#right input.submit:hover {background: #f3c800 url("../images/bg-button.png") -228px 0 no-repeat}

div#content div#contentLeft ul#partners {margin: 15px 0 0 2px; padding: 0}
div#content div#contentLeft ul#partners li {float: left; list-style: none; padding: 0 6px 0 0}
div#content div#contentLeft ul#partners li.last {padding: 0}
div#content div#contentLeft ul#partners li img {width: 127px; height: 55px}
div#content div#contentLeft ul#partners li img a {border: 0}

div#content div#contentLeft span {position: absolute; bottom: 0; right: -1px; background: url("../images/bg-content-bottom.png") right bottom no-repeat; width: 10px; height: 304px}

div#content div#contentRight {margin: 0; padding: 0; float: left; width: 239px}
div#content div#contentRight div#quickContact {width: 239px; height: 245px}
div#content div#contentRight div#quickContact h2, div#content div#contentRight div#news h2 {margin: 0 0 0 15px; padding: 25px 0 0; font-size: 2.2em; color: #fff}
div#content div#contentRight div#quickContact p {margin: 25px 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.6em; color: #fff}
div#content div#contentRight div#quickContact dl {margin: 10px 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.6em; color: #fff}
div#content div#contentRight div#quickContact dl dt {clear: both; float: left; width: 70px}
div#content div#contentRight div#quickContact dl dd {margin: 0; float: left; padding: 0; width: 100x}
div#content div#contentRight a {color: #f3c800; text-decoration: underline}
div#content div#contentRight a:hover {text-decoration: none}

div#content div#contentRight div#news {margin: 5px 0 0; width: 239px}
div#content div#contentRight div#news h3 {margin: 25px 0 0 15px; float: left; font-size: 1.4em; color: #fff}
div#content div#contentRight div#news p.date {margin: 25px 10px 0 0; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em}
div#content div#contentRight div#news p {margin: 5px 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.6em; color: #fff}

div#footer {background: #004365 url("../images/bg-footer.png") center top no-repeat; height: 80px}
div#footer div#contentFooter {margin: 0 auto; width: 960px; color: #fff}
div#footer div#contentFooter p {float: right; margin: 35px 10px 0 0; font-size: 1.2em; line-height: 40px}
div#footer div#contentFooter ul {margin: 35px 0 0 10px; float: left}
div#footer div#contentFooter ul li {float: left; list-style: none; background: url("../images/li-footer.png") right 14px no-repeat; line-height: 40px; height: 40px; color: #fff; font-size: 1.2em; padding: 0 10px}
div#footer div#contentFooter ul li.last {background: none}

div#footer div#contentFooter ul li a {color: #fff; text-decoration: underline}
div#footer div#contentFooter ul li a:hover {text-decoration: none}

div#footer div#contentFooter p a {color: #ebbf23; text-decoration: underline}
div#footer div#contentFooter p a:hover {text-decoration: none}