/*global styles*/

* {margin: 0; padding: 0;}
html {margin: 0; padding: 0; height: 100%;}
body {margin: 0; padding: 0; height: 100%; min-width: 900px; color: #FFFFFF; font: normal 12px Tahoma, Verdana, Arial, sans-serif; line-height: 17px; color: #222222; background: #c9dfeb url(img/main-top-bg.png) repeat-x 0 0;}
a {text-decoration: none; color: #194A8F;font: normal 12px Tahoma, Verdana, Arial, sans-serif; line-height: 17px;}
a:hover {text-decoration: underline}
ul {padding: 0 0 15px 0; margin:0; }
ul li {padding: 0; margin: 0; list-style: none; padding-bottom: 5px;}
h1, h2, h3, h4, h5 {color: #194A8F;}
h1 {font: bold 20px Verdana, Tahoma, Arial, sans-serif; line-height: 25px;}
h2 {font: normal 18px Tahoma, Verdana, Arial, sans-serif; line-height: 20px;}
h3 {font: normal 13px Tahoma, Verdana, Arial, sans-serif; line-height: 18px;}
h4 {font: normal 12px Tahoma, Verdana, Arial, sans-serif; line-height: 14px;}
h5 {font: normal 11px Tahoma, Verdana, Arial, sans-serif; line-height: 12px;}
p {font: normal 12px Tahoma, Verdana, Arial, sans-serif; line-height: 18px; padding-bottom: 20px;}
table {border: none; width: 700px; margin: 0 auto;border-collapse: collapse;}
table tr td {font: normal 12px Tahoma, Verdana, Arial, sans-serif; line-height: 18px; border: 1px solid #CCC; text-align: center; }
input, textarea, select, #auth-submit {padding: 2px 4px; font: normal 12px Tahoma, Verdana, Arial, sans-serif; border: 1px solid #CCC; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#main {/*min-height: 100%;*/ overflow: hidden; background: url(img/top-bg.png) no-repeat right 36px; margin: 0 60px;}
img{border: none;}
 
/*header*/
 
#header {height:225px; position:relative;}
#header .lang-links {position: absolute; top: 20px; overflow: hidden;right: 0px;}
#header .lang-links li {float: left; padding: 0 4px 0 0px; list-style: none}
#header .lang-links li a:hover img {opacity: 0.8}

#top-nav {position:absolute; z-index: 1000; left:130px;top: 20px;}
#top-nav ul li {float:left; padding-right:20px;}
#top-nav ul li a {font-size: 18px;}

#logo {display: block;width: 400px;height: 190px;position: absolute;left: 0x;top:2px;background: url(img/logo.png) no-repeat 0 0;}
#logo:hover {text-decoration:none;}
#logo span {position:absolute; left: 103px; text-shadow: 0 1px #818181;}
#logo span.top {font-size: 31px; color: red; top: 135px; font-family:Tahoma, Verdana; font-weight: bold; text-transform: uppercase;}
#logo span.bottom {font-size: 20px; color: #3e4095; top: 162px; left: 79px; font-family: Tahoma, Verdana;}
#logo span.bottom .bottom-left {position: static; color: #96989a;}
#logo span.slogan {left:79px; top:197px; font-family: Tahoma, Verdana; color: #686767; font-size:18px; line-height: 21px; text-shadow:none;}

/*content*/

#content {padding-left:244px;}
#content h1, #content h2 { padding-bottom: 25px; font-family: Tahoma, arial, sans-serif; font-size: 22px; line-height: 24px; font-weight: normal; color: #2e2e2e; }
#content h1 {padding-top: 10px;}
#content h2 {padding-bottom: 15px; padding-top: 5px; font-size:18px;}
#content h3 { padding: 7px 0; font-family: Tahoma, arial, sans-serif; font-size: 16px; line-height: 24px; font-weight: normal; color: #2e2e2e; }
#content img { margin: 3px 23px 0 0; padding: 2px; border: solid 1px #afafaf; background: #fff; display: block; float: left; }
#content p { padding-bottom: 15px; text-align: justify; line-height:20px;}
#content p em { color: #d36800; }
#content p a { font-style: italic; font-weight: bold; color: #d36800; text-decoration: underline; }
#content p a:hover { text-decoration: none; }
#content ul {padding: 0 0 15px 15px;}
#content ul li {list-style: disc inside;}
#content form {padding: 10px 20px 20px 0px}
#content form label {padding: 10px 0 0 10px;}
#submit {margin-left: 362px;}
#name, #email, #subject, #message, #submit, .captcha input {border: 1px solid #B8D7FF; width: 300px; background: #FFF; line-height:20px;}
#message {width: 500px}
#submit {width: 150px; cursor: pointer; background: #3c7aab; color: #FFF; border: none; line-height: 30px; font-size: 16px;}
#submit:hover {background: #5FA7E0;}
.captcha {padding-bottom: 20px;}
.captcha input {width: 150px; text-align: center;}
.captcha small {font-size: 12px;}
#content  table {width: 560px; margin: 0 0 15px 0;}
#content  table tr td, .post table tr th {border: 1px solid #B8D7FF; text-align:  center; padding: 2px 5px;}
#content  table tr th {font-size: 13px;}
#content .gallery {overflow: hidden}
#content .gallery a {display: block; width: 200px; height: 129px; margin: 20px 35px 5px 35px; padding: 3px; border: 1px solid #AFAFAF;float: left}
#content .gallery a:hover {border-color: #7C7C7C}
#content .gallery a img {border: none; padding: 0; margin: 0;}
#content .big_photo {padding: 20px 0px 0px 0px; text-align: center; overflow: hidden}
#content .big_photo img {max-width: 552px; display: inline; margin: 0 0 10px 0}
#content .desc_photo {padding: 0px 40px 10px 40px; font-style: italic; display: block; font-size: 14px;}
#content .video-block {overflow: hidden; padding-top: 20px; padding-bottom: 15px;}
#content .video-block .box {float: left; padding: 0 5px 0 5px; text-align: center}
#content .video-block .box a {width: 176px; height: 107px;display: block}
#content .video-block .box a img {width: 168px; height: 99px; margin: 0;}
#content .video-block .box a img:hover {border-color: #7C7C7C;}
#content .video-block .box span {display: block; text-align: center; padding-top: 5px;}
#content .gallery .image-block {float: left; text-align: center; width:278px;}
#content .gallery .image-block a {clear: both; display: block;}
#content .gallery .image-block .caption {display: block; text-align: center; font-size: 12px; margin: 0 5px;}
#content .slogan-content {font-size: 20px; font-style: italic; line-height: 30px; color: #2e2e2e; text-align: left;}
#content .slogan-content span {display:block; text-align:right; font-size:15px; padding-top: 10px;}
#content .name-company {font-size: 17px; font-style: italic; color: #2e2e2e; text-align: left;}
#content .text-company {font-style: italic; color: #2e2e2e; text-align: left;}
#content .info-msg {height: 300px;}

/*sidebar*/

#sidebar { display: inline; float: left; width: 224px;}
#sidebar .image-block {font-size: 12px; text-align: center;}
#sidebar .image-block a {margin: 10px auto 10px auto}
#sidebar .image-block .caption {padding: 0 5px}

.widget { position: relative; padding-bottom: 20px; width: 100%; }
.widget h3 {margin-bottom: 15px; font-family: Tahoma, arial, sans-serif; font-size: 22px; line-height: 24px; font-weight: normal; color: #2e2e2e; } 
.widget p { color: #d36800; font-weight: bold; }
.widget p span { font-style: italic; color: #5c5c5c; }
.widget p.quote { padding: 0 0 27px 20px; line-height: 27px; font-family: Georgia, 'times new roman', serif; font-weight: normal; font-style: italic; color: #6f9b09; }
.widget .tags {text-align: center; margin: 0}
.widget .tags li{display: inline}
.widget .tags li a {font-size: 11px; color: #2281CC; text-decoration: none; line-height: 17px}
.widget .tags li a:hover {text-decoration: underline}
.widget .tags li.w1 a {font-size: 13px;}
.widget .tags li.w2 a {font-size: 14px;}
.widget .tags li.w3 a {font-size: 15px;}
.widget .tags li.w4 a {font-size: 16px;}
.widget .tags li.w5 a {font-size: 17px;}
.widget .left-menu {padding-bottom: 0;}
.widget .left-menu li {list-style:none; }
.widget .left-menu li ul {padding-bottom:0;}
.widget .left-menu li:first-child {border-top: none}
.widget .left-menu li:last-child {border-bottom: none}
.widget .left-menu li .submenu li {border:none} /*fix*/
.widget .left-menu li a {display:block; padding: 4px 3px; font-size:12px; color: #194A8F; }
.widget .left-menu li .submenu li a {padding: 1px 3px; font-size:11px; padding-left:18px;}
.widget .left-menu li a:hover {text-decoration:none; background: #F0F0F0}
.widget .left-menu li .submenu {}
.widget.rang_img h3 {margin-bottom: 20px;}
.widget.rang_img a {display: block; width: 200px; height: 129px; margin: 0px auto 0px auto; padding: 3px; border: 1px solid #AFAFAF;}
.widget.rang_img a:hover {border-color: #7C7C7C}
.widget.news .news-block {font-size: 12px; color: #7e7e7e; padding: 15px 0px 40px 0; overflow: hidden; margin: 0 5px; border-bottom: 1px dashed #dadbdd; position: relative}
.widget.news .news-block img {padding: 1px; border:1px solid #B2B2B2; float: left; margin: 0 10px 10px 0}
.widget.news .news-block h3 {margin-bottom: 5px;}
.widget.news .news-block:last-child {border: none;;}
.widget.news .news-block:last-child span.read-more {bottom: 0;}
.widget.news .text-news {line-height: 15px; color: #5C5C5C; font-style: italic;}
.widget.news .title-news {color: #0076D3; font-style: normal; font-weight: bold;}
.widget.news .title-news strong {font-style: italic}
.widget.news .more {display: block; position: absolute; padding-left:10px; bottom: 13px; right: 15px; color: #ed855f; text-decoration: none; background: url(img/arrow-h1-red.png) no-repeat 0px 6px;}
.widget.news .more:hover {text-decoration: underline}
.widget.auth {padding: 0px 0px 20px 0px; overflow: hidden;}
.widget.auth form {}
.widget.auth h2{margin-bottom: 25px;}
#name-auth, #pass-auth {border: 1px solid #B8D7FF; width: 214px; margin-bottom: 10px; padding: 2px 4px; line-height: 20px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#name-auth:focus, #pass-auth:focus {border-color: #6CA8F5;}
#submit-auth {float: right;border: none; padding: 3px 20px; line-height: 20px; margin-right:2px; cursor: pointer; background: #3c7aab; color: #FFF;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#submit-auth:hover {background: #5FA7E0;}
 
/*fotoer*/ 

#footer-logo {display: block;width: 400px;height: 190px;position: absolute;left: 60px;top:10px; z-index: 800; background: url(img/footer-logo.png) no-repeat 0 0;}
#footer-logo:hover {text-decoration:none;}
#footer-logo span {position:absolute; left: 70px; text-shadow: 0 1px #818181;}
#footer-logo span.top {font-size: 22px; color: red; top: 90px; font-family:Tahoma, Verdana; font-weight: bold; text-transform: uppercase;}
#footer-logo span.bottom {font-size: 16px; color: #3e4095; top: 108px; left: 53px; font-family: Tahoma, Verdana;}
#footer-logo span.bottom .bottom-left {position: static; color: #96989a;}

#footer {height:217px; background: url(img/line-footer-bg.png) repeat-x center 139px;  position:relative;}
.footer-inner {height:217px; width:765px; position:absolute; right:60px; bottom:0; background: url(img/bottom-bg.png) no-repeat left bottom;}
.footer-inner .footer-slogan {float:right; font-family: Tahoma, Verdana; color: #686767; font-size:18px; line-height: 21px; margin-top:15px;}
#footer p { padding: 15px 0px 0 20px; font-size: 10px; color: #063B84; float: left; position: relative; z-index: 100;}
#footer p a {color: #063B84; font-size: 11px;}