/*
--------------------------------------------------
Site Base Styles
Author:   Argon
-------------------------------------------------- */
html {background-color:#ffffff;}
body {font:62.5%/1 Arial, Helvetica, sans-serif; background: url(../i/background-top.png) 0 0 repeat-x #ffffff;}
html, body, #layer {height: 100%;}
body > #layer {height: auto; min-height: 100%;}

#layer {margin:auto; min-height: 100%; min-width:980px; max-width:1280px; position: relative; font-size:1.3em; line-height:1.4em; color:#575757;}
.wrapper {padding:0 20px;}

/* #Misc(links)
-------------------------------------------------- */
a img {border:none}
a {color:#0574e4;}
a:hover {text-decoration:none;}
.main-block h1, .h1, .main-block h2, .main-block h3, .main-block h4, .main-block h5 {margin-bottom:10px;}
.main-block h1, .h1 {font:normal 1.769em Arial, Helvetica, sans-serif; line-height:1.2em; color:#060606;}
.main-block h2, .h2 {font:normal 1.615em Arial, Helvetica, sans-serif; line-height:1.2em; padding:0 0 0 13px !important; background:url(../i/h1-back.png) 0 0 no-repeat; margin:0 0 20px 0; color:#060606;}
.main-block h3, .h3 {font:normal 1.385em Arial, Helvetica, sans-serif; line-height:1.2em; color:#060606;}
.main-block h4 {font-size:1em; font-weight:bold; text-transform:uppercase; margin-bottom:5px;}
.main-block h5 {font-size:1.1em; line-height:1em;}
.main-block p {padding:0 0 5px 0;}
.main-block table {margin:0 0 5px 0;}
.main-block ul {padding:0;}
.main-block li {padding: 0 0 8px 18px; background:url(../i/content-li.png) 0 4px no-repeat;}
.main-block blockquote {padding:10px 50px 10px 50px; text-align:justify; color:#1b1315;}
.left {float:left; margin:0 10px 10px 0;}
.right {float:right; margin:0 0 10px 10px;}
img[align=left] {float:left; margin:0 10px 10px 0;}
img[align=right] {float:right; margin:0 0 10px 10px;}
/* ----------------------------------------------- */

/* #Header
-------------------------------------------------- */
#header {min-height:385px; _height:385px;}
#header a {color:#ffffff;}
#header-top {height:104px;}
#logo {background: url(../files/logo/logo.png) no-repeat top center; height:56px; width:234px; margin:17px 0 0 0; float:left; text-indent:-9999px; overflow:hidden;}
#logo a {height:56px; width:234px; float:left;}
#header-menu {float:right; padding:41px 0 0 0;}
#header-menu li {float:left; font-size:1.154em; color:#0574e4; margin-left:20px; padding:0 0 0 25px; height:18px; line-height:16px; background:url(../i/header-menu-li.png) 0 0 no-repeat;}
#header-menu a {color:#0574e4;}
#navigation {float:left; background:url(../i/navi-back1.png) 0 0 no-repeat; width:23px; height:142px; padding:24px 0 0 14px;}
#navigation ul {padding:0;}
#navigation li {display:block; list-style-type:none; text-indent:-999px; overflow:hidden; height:12px; margin-bottom:28px;}
#navigation li a {display:block; height:12px;}
#navigation li#navi1 {background:url(../i/navi1-off.png) 1px 0 no-repeat;}
#navigation li#navi2 {background:url(../i/navi2-off.png) 0 0 no-repeat;}
#navigation li#navi3 {background:url(../i/navi3-off.png) 1px 1px no-repeat;}
#navigation li#navi1.selected {background:url(../i/navi1-on.png) 1px 0 no-repeat;}
#navigation li#navi2.selected {background:url(../i/navi2-on.png) 0 0 no-repeat;}
#navigation li#navi3.selected {background:url(../i/navi3-on.png) 1px 1px no-repeat;}

#greenblock {background:url(../i/green-block-back.png) 0 100% repeat-x #6cbe45; overflow:hidden; zoom:1;}
#greenblock-bl {background:url(../files/logo/header.jpg) 0 100% no-repeat;}
#greenblock-br {background:url(../i/green-block-br.png) 100% 100% no-repeat; min-height:214px; _height:214px; position:relative; padding:30px 48px 0 500px; color:#cdffb5; font-size:1.077em; line-height:1.2em;}
#greenblock-br p.h1 {font:normal 1.643em Arial, Helvetica, sans-serif; color:#ffffff; margin-bottom:20px;}
.yellow-border {display:block; text-align:justify; padding:0 0 0 13px; border-left:5px solid #f9d002; margin:0 0 20px -18px;}
#vacancy {float:right; background:url(../i/vacancy.png) 30px 18px no-repeat; width:102px; padding:18px 0 0 30px; height:196px;}
#vacancy a {display:block; padding:112px 0 0 0; text-align:center;}
#greenblock .tl {position:absolute; left:0; top:0; width:13px; height:13px; background:url(../i/green-block-tl.png) 0 0 no-repeat;}
#greenblock .tr {position:absolute; left:-27px; top:0; margin:0 0 0 100%; width:27px; height:14px; background:url(../i/green-block-tr.png) 0 0 no-repeat;}

/* ----------------------------------------------- */


/* carcase
-------------------------------------------------- */
.main-block {width:100%; margin:auto;}
.main-block-pb {padding-bottom:130px;}

.left-block-width {width:100%; margin:0 -250px 0 0; float:left;}
.center-block-width {margin:0 260px 0 0;}
.center-block {float:right; width:100%; margin:0 0 0 -270px;}
.content-block-width {margin:0 0 0 260px;}
.content-block {padding:0 10px 30px 10px;}
.left-block {width:200px; float:left; padding:0 0 30px 0;}
.right-block {width:250px; float:right; padding:0 0 30px 0;}

.news dt {height:23px; margin-bottom:5px;}
.news strong {float:left; background:url(../i/news-dt-l.png) 0 0 no-repeat #fff0ae;}
.news strong span {float:left; background:url(../i/news-dt-r.png) 100% 0 no-repeat; height:23px; padding:0 15px; font-size:0.846em; font-weight:normal; line-height:23px;}
.news dd {margin-bottom:20px;}
.news dd p {padding:0;}
.news dd h3 {font-size:1em; margin-bottom:5px;}

p.more {padding:5px 0 40px 0;}
dl.questions { margin:0 0 5px 0;}
dl.questions dd {padding:0 0 10px 30px; background:url(../i/question.png) 0 3px no-repeat;}

dl.articles dd {padding:0 0 10px 30px; background:url(../i/data.png) 0 0px no-repeat;}
dl.articles dd a {color:#575757;}

.bordered {border:1px solid #bbbbbb; padding:20px; position:relative; zoom:1;}
.bordered p {font-size:0.923em;}
.bordered h3 {font-size:1em; font-weight:bold; color:#000000;}
.bordered .tl, .bordered .tr, .bordered .bl, .bordered .br {width:14px; height:14px; position:absolute;}
.bordered .tl {background:url(../i/corners.png) 0 0 no-repeat; left:-1px; top:-1px;}
.bordered .tr {background:url(../i/corners.png) -14px 0 no-repeat; left:-13px; top:-1px; margin:0 0 0 100%;}
.bordered .bl {background:url(../i/corners.png) 0 -14px no-repeat; left:-1px; bottom:-1px; _bottom:-3px; margin:100% 0 0 0;}
.bordered .br {background:url(../i/corners.png) -14px -14px no-repeat; left:-13px; bottom:-1px; _bottom:-3px; margin:100% 0 0 100%;}
.bordered .bb {background:url(../i/corners-bb.png) 0 0 no-repeat; left:-70px; bottom:-23px; margin:100% 0 0 100%; height:23px; width:13px; position:absolute;}
.left-block .bordered {margin-bottom:40px;}

.left-block strong {color:#000000;}

/* ----------------------------------------------- */

/* #Content
-------------------------------------------------- */
.content-block table {border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3;}
.content-block td {border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:2px 5px;}
/*
.content-block ul li {list-style-type:disc;}
.content-block ul li li {list-style-type:circle;}
.content-block ul li li li {list-style-type:square;}
*/

#title-pic {float:left; margin:0 30px 0 0; padding:10px}

.overflow { overflow:hidden; zoom:1}

.duo-sides {padding:40px 0 0 0; clear:both;}
.duo-sides-left {float:left; width:100%; margin:0 -60% 0 0;}
.duo-sides-left-cont {width:50%; float:left;}
.duo-sides-right-cont {width:50%; float:right;}
.duo-sides-left-cont .sides-content {padding:0 25px 0 0;}
.duo-sides-right-cont .sides-content {padding:0 0 0 25px;}
.duo-sides p.more {padding:0;}
/* ----------------------------------------------- */

/* #Footer
-------------------------------------------------- */
#footer {position:relative; margin: -100px auto 0 auto; min-width:980px; max-width:1280px; color:#575757; font-size:1.3em; line-height:1.4em; clear:both; height:100px;}
#footer a {color:#484747;}
#footer .wrapper {padding:0; margin:0 20px; height:100px; background-color:#fff0ae; position:relative;}
.ftl {position:absolute; left:0; top:0; background:url(../i/footer-corners.png) 0 0 no-repeat; width:13px; height:13px;}
.ftr {position:absolute; left:-13px; margin:0 0 0 100%; top:0; background:url(../i/footer-corners.png) -13px 0 no-repeat; width:13px; height:13px;}
#address {float:right; padding:30px 20px 0 0; width:220px;}
#copyright {padding:30px 0 0 20px; float:left; width:250px;}
.footer-banners {margin:0 300px; text-align:center; padding:30px 0 0 0;}
.footer-banners img {margin:0 5px;}

/* ----------------------------------------------- */
