/*
------------------------------------------------------------------------------------------------------------------
  Classes
------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { float: left; margin: 0 10px 5px 0; }
img.fright { float: right; margin: 0 0 5px 10px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

/*
------------------------------------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; color: #312C29; font-size: 0.85em; font-family: "Trebuchet MS"; line-height: 1.3; height: 100%; }

h1, h2, h3, h4 { padding: 20px 0 10px 0; color: #B6B7A0; }
h1, h2 { font-size: 1.8em; font-weight: normal; letter-spacing: -1px; }
h3 { font-size: 1.5em; font-weight: normal; }
h4 { font-size: 1.1em; }

h1.spec, h2.spec, h3.spec, h4.spec { padding-bottom: 5px; }

p, ul, ol, dl, blockquote { padding: 10px 0; }

a { color: #3899BC; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #551A8B; }
a img { border: 0; }

.cBlack { color: #312C29; }
.cBrown { color: #D66026; }
.cBlue { color: #3899BC; }
.cGrey { color: #B6B7A0; }

#canvas_wrapper { position: relative; width: 100%; min-height: 100%; }
#canvas_wrapper #canvas { min-width: 970px; width: 100%; }

/*
------------------------------------------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------------------------------------------
*/

#header_wrapper { position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 135px; }
#header_wrapper #header { position: relative; margin: 0 auto; width: 990px; }

#header_logo { position: absolute; top: 35px; left: 45px; }

#header_languages { position: absolute; top: 55px; right: 60px; color: #B6B7A0; font-size: 0.8em; }
#header_languages a,
#header_languages a:visited { color: #D66026; }

#header_menu { position: absolute; top: 40px; left: 300px; }
#header_menu ul li { list-style: none; position: relative; float: left; padding: 0 15px; }
#header_menu ul li * { cursor: pointer; }
#header_menu ul li a,
#header_menu ul li strong { float: left; padding: 3px 5px 2px 5px; }
#header_menu ul li a,
#header_menu ul li a:visited,
#header_menu ul li strong { color: #D66026; font-weight: normal; text-decoration: underline; }
#header_menu ul li span.arrow { display: none; position: absolute; bottom: -8px; left: 10px; background: url('../img/header-menu-item-active.jpg') no-repeat 0 0; width: 12px; height: 8px; }
#header_menu ul li.active { background: #D66026; }
#header_menu ul li.active * { cursor: default; }
#header_menu ul li.active a,
#header_menu ul li.active strong { color: #fff; text-decoration: none; }
#header_menu ul li.active span.arrow { display: block; }

/*
------------------------------------------------------------------------------------------------------------------
  Body
------------------------------------------------------------------------------------------------------------------
*/

#body { position: relative; padding: 0; }

#body #contentSwitcher { margin-bottom: -10px; width: 100%; }
#body #contentSwitcher_row { width: 400%; }
#body #contentSwitcher .section { overflow: hidden; position: relative; float: left; width: 25%; }

#body .content { position: relative; margin: 0 auto; padding: 135px 45px 80px 45px; width: 900px; }
#body .content .side { float: left; width: 240px; }
#body .content .side p.phones { padding-top: 60px; padding-right: 60px; font-size: 1.8em; font-family: Georgia, Serif; line-height: 1.5; text-align: right; letter-spacing: -1px; }
#body .content .side ul.sidenav { padding-top: 75px; font-family: Georgia, Serif; }
#body .content .side ul.sidenav li { list-style: none; margin-bottom: 10px; padding: 5px 10px; line-height: 1.2; background: url('../img/sidemenu-item-active.jpg') no-repeat -1000px 0; }
#body .content .side ul.sidenav li * { cursor: pointer; }
#body .content .side ul.sidenav li strong,
#body .content .side ul.sidenav li a { color: #3899BC; font-weight: normal; text-decoration: underline; }
#body .content .side ul.sidenav li a:visited { color: #3899BC; }
#body .content .side ul.sidenav li.active { background-color: #2D95BA; background-position: right center; }
#body .content .side ul.sidenav li.active * { cursor: default; }
#body .content .side ul.sidenav li.active strong,
#body .content .side ul.sidenav li.active a { color: #fff; text-decoration: none; }
#body .content .contentText { padding-left: 275px; padding-right: 45px; }

#body #contentSwitcher .section_home .bg-topRight { position: absolute; top: 0; right: 0; background: url('../img/default-home-topRight.jpg') no-repeat 0 0; width: 172px; height: 62px; }
#body #contentSwitcher .section_home .bg-bottomLeft { position: absolute; bottom: 0; left: 0; background: url('../img/default-home-bottomLeft.jpg') no-repeat 0 0; width: 511px; height: 418px; }
#body #contentSwitcher .section_home .bg-bottomRight { position: absolute; bottom: 0; right: 0; background: url('../img/default-home-bottomRight.jpg') no-repeat 0 0; width: 73px; height: 156px; }

#body #contentSwitcher .section_about .bg-topRight { position: absolute; top: 0; right: 0; background: url('../img/default-about-topRight.jpg') no-repeat 0 0; width: 312px; height: 113px; }
#body #contentSwitcher .section_about .bg-bottomLeft { position: absolute; bottom: 0; left: 0; background: url('../img/default-about-bottomLeft.jpg') no-repeat 0 0; width: 791px; height: 341px; }

#body #contentSwitcher .section_services .bg-bottomRight { position: absolute; bottom: 0; right: 0; background: url('../img/default-services-bottomRight.jpg') no-repeat 0 0; width: 743px; height: 311px; }
#body #contentSwitcher .section_services .contentText .services .service { display: none; }

#body #contentSwitcher .section_contacts .bg-topRight { position: absolute; top: 0; right: 0; background: url('../img/default-contacts-topRight.jpg') no-repeat 0 0; width: 172px; height: 62px; }
#body #contentSwitcher .section_contacts .bg-bottomLeft { position: absolute; bottom: 0; left: 0; background: url('../img/default-contacts-bottomLeft.jpg') no-repeat 0 0; width: 256px; height: 145px; }

#body p.licon { font-size: 0.9em; }
#body p.licon img { position: relative; top: 3px; margin-top: -13px; }

#body .cols { padding-bottom: 10px; }
#body .cols .col { float: left; width: 49.9%; }

#body .services_menu { font-size: 1.4em; font-family: Georgia; letter-spacing: -1px; background: #F9F6EA url('../img/services-bg-top.jpg') no-repeat left top; }
#body .services_menu ul { padding: 50px 20px 20px 38px; background: url('../img/services-bg-bottom.jpg') no-repeat left bottom; min-height: 240px; }
#body .services_menu ul li { list-style: none; padding: 10px 0; }
#body .services_menu ul li a:visited { color: #3899BC; }
#body .services_menu ul li strong { font-weight: normal; }

#body .lastnews { padding: 10px 0 10px 0; }
#body .lastnews .item { padding: 10px 0; }
#body .lastnews .item .date { overflow: hidden; float: left; padding: 3px 0; font-size: 0.9em; background: #ECE3CD; width: 42px; }
#body .lastnews .item .date span { display: block; text-align: center; }
#body .lastnews .item .date span.day { font-size: 1.3em; font-weight: bold; }
#body .lastnews .item .date span.month { margin-top: -2px; }
#body .lastnews .item .date span.year { font-size: 0.9em; }
#body .lastnews .item .preview { margin-left: 50px; }

#body .opinions { font-size: 0.9em; }
#body .opinions .inner { padding: 15px 5px; }
#body .opinions p { padding: 0; }

#body .newsList { padding: 0 0 10px 0; }
#body .newsList .newsItem { padding: 10px 0; }
#body .newsList .newsItem .date { float: left; padding-top: 4px; color: #9c9c9c; font-style: italic; text-align: right; width: 235px; }
#body .newsList .newsItem .newsPreview { margin-left: 275px; }
#body .newsList .newsItem .newsPreview strong.caption { display: block; font-size: 1.3em; font-weight: normal; }

/*
------------------------------------------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------------------------------------------
*/

#footer_wrapper { overflow: hidden; position: relative; margin-top: -80px; min-width: 970px; width: 100%; height: 80px; }
#footer_wrapper #footer { position: relative; margin: 0 auto; color: #C1B0A4; font-size: 0.9em; width: 990px; }
#footer_wrapper #footer a { color: #C1B0A4; }
#footer_wrapper #footer p.copyrights { padding-top: 40px; padding-right: 45px; text-align: right; }
