/*
	Mediaweb Studio
	Client: 
	URL:
*/

/* common */
html, body, img, form {margin: 0px; padding: 0px; border: none;}
html, body {height:100%;}
body {background: url(../img/bg1.gif) repeat-x #D2E9F4; }
body, td {font: 13px Tahoma, Geneva, sans-serif; color: #000; }
a {color: #0288C6; text-decoration: underline;}
a:hover {text-decoration: none;}
td {vertical-align: center; }
p {padding: 0px; margin: 0px 0px 12px 0px; font: 13px Tahoma, Geneva, sans-serif; color: #000;}
object {outline:none;}
fieldset {border:0;}

li {font: 13px Tahoma, Geneva, sans-serif; color: #000;}
@font-face {
  font-family: HeliosExtLight;
  src: url(../font/HELIOSEL.TTF) format("truetype");
}

h1 {padding: 0px; margin: 0px 0px 20px 0px; font: normal 20px Arial, Helvetica, sans-serif; color:#1A9ADB;}
h2 {font-size:12px; padding: 0px; margin: 10px 0px 15px 0px; }
h3 {font-size:13px; padding: 0px; margin: 0px 0px 10px 0px;  font-weight: normal;}

.clear {clear:both;}
.none {line-height:0;}
.relative {position:relative;}
.img-marg, img.left {float:left; margin:0 10px 5px 0;}
.float-l {float:left;}
.float-r {float:right;}
.vert-middle {vertical-align: middle;}

.main-cont {width:100%; min-width:914px; min-height:100%; background: url(../img/bg4.gif) bottom repeat-x;}
.main-cont-b {width:100%; background: url(../img/bg2.jpg) no-repeat center top;}
.main-cont-c {width:914px; margin:0 auto;}

/* header */
.header {width:100%;}
.logo {height:130px; padding:0 0 0 30px;}
.logo-b {padding:30px 0 0 0; float: left;}
.logo a {outline: none;}
.mainpage-infoblock {width:100%; height:354px; background: url(../img/head_brd_b.gif) top repeat-x #E3E3E3;}
.mainpage-infoblock-b {width:100%; height:354px; background: url(../img/head_img.jpg) left top no-repeat;}
.mainpage-infoblock-c {width:100%; height:354px; background: url(../img/head_brd_a.gif) right top no-repeat;}
.mainpage-infoblock .content {height:265px; overflow: hidden; padding:30px 30px 5px 530px; font-family:Verdana, Geneva, sans-serif;}
.mainpage-infoblock .content .item {height:264px;}
.mainpage-infoblock  {font: normal 30px HeliosExtLight, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#1A9ADB;}
.mainpage-infoblock .more-link {font-size: 11px;}

/* main-menu */
.main-menu {width: 100%; height:36px; background: url(../img/mm_b.gif) top repeat-x #637984;}
.main-menu-b {height:36px; background: url(../img/mm_a.gif) left top no-repeat;}
.main-menu ul {height:26px; margin:0; padding:10px 0 0 0; list-style-type:none; background: url(../img/mm_c.gif) right top no-repeat;}
.main-menu li {margin:0; padding:5px 10px; display: inline; font-size: 12px; font-weight: bold; cursor: default; background: url(../img/mm_d.gif) left top no-repeat; position: relative;}
.main-menu li a {color:#fff; text-decoration: none; padding:0 2px;}
.main-menu li.second-nav {background:none;}
.main-menu li.second-nav-inn {background:none; width:180px; display: block; float: left; padding-top:0; text-align: center;}
.main-menu .current a, .main-menu .section a {color:#86D9FF;}
.main-menu ul ul {width:160px; height:auto; padding:0; border-top:1px solid #EDEDED; position: absolute; left:0; top:31px; background: #496573 none; display:none;}
.main-menu ul ul li {display: block; padding:8px 15px; background:none; font-weight: normal;}
.main-menu ul ul ul {left:160px; top:-1px;}
.main-menu ul li:hover ul, .main-menu ul li.hover ul {display:block;}
.main-menu ul li:hover li ul, .main-menu ul li.hover li ul {display:none;}
.main-menu ul li li:hover ul, .main-menu ul li li.hover ul {display:block;}
.main-menu ul ul a {padding:0;}
.main-menu li.current li a, .main-menu li.section li a, .main-menu li li.section a {color:#fff;}
.main-menu li li.current a,
.main-menu li li.section a,
.main-menu li li:hover a,
.main-menu li li a:hover
{color:#86D9FF;}
.main-menu li li.section li a, .main-menu li li:hover li a {color:#fff;}
.main-menu li li li.current a, .main-menu li li:hover li:hover a {color:#86D9FF;}

/* info-menu */
.info-menu {width:100%; height:55px; overflow: hidden;}
.info-menu ul {margin:0; padding:13px 20px 0 20px; list-style-type: none;}
.info-menu li {width:20%; margin:0; padding:0; float: left; text-align: center;}
.info-menu div {display: none;}
.info-menu a {display: block; padding:0 5px 0 8px; text-align: center; font-size: 11px; font-weight: bold; text-decoration: none; color:#3A4C54; background: url(../img/mm_e.gif) left top no-repeat; outline:none;}
.info-menu .first a {background:none;}
.info-menu a.active {color:#0288C6;}

.products h2, .projects h2, .mp-news h2 {font: normal 20px Arial, Helvetica, sans-serif; margin-bottom:20px;  margin-top:0; color:#0288C6;}

/* products */
.products {width:452px; float: left; margin:8px 7px 8px 0; background: url(../img/block_c.gif) left 10px repeat-x #D9D8D8;}
.products-b {width:452px; background: url(../img/block_a.gif) left top no-repeat;}
.products-c {width:392px; min-height:232px; padding:20px 30px; background: url(../img/block_b.gif) left bottom no-repeat;}
.products h3 {color:#0288C6;}
.products .photo {width:160px; overflow: hidden; float: left;}
.products .content {margin-left:160px; }
.products .content .desc {height: 95px; overflow: hidden;}
.products .more-link {margin-top:10px; font-size: 11px;}

/* projects */
.projects {width:455px; float: left; margin:8px 0; background: url(../img/block_d.gif) left top no-repeat #fff;}
.projects-b {width:415px; min-height:232px; padding:20px 20px; background: url(../img/block_e.gif) left bottom no-repeat;}
.projects .content {width: 175px; height:180px; overflow: hidden;}
.projects h2 {margin-left:10px; margin-top:0;}
.projects-list {width:235px; height:184px; float: left; padding:5px 0 0 0; background: url(../img/bg3.gif) 12px top no-repeat;}
.projects-list-b {width:225px; height:178px; overflow: hidden; margin:0; padding:0; list-style-type: none;}
#moveUp, #moveDown {display: block; width:23px; height:13px; position: absolute; left:95px; text-decoration: none; outline: none;}
#moveUp {background: url(../img/but_arrow2.gif) -23px 0 no-repeat; top:188px;}
#moveDown {background: url(../img/but_arrow1.gif) -23px 0 no-repeat; top:-11px;}
#moveUp:hover, #moveDown:hover {background-position:0 0;}
.projects-list ul {width:223px; margin:-45px 0 0 0; padding:0; list-style-type: none;}
.projects-list li {padding:0; height:45px; float:left; clear:both; overflow: hidden; font-size: 11px; background: url(../img/dotted.gif) 15px bottom no-repeat;}
.projects-list li table {width:223px; height:43px; overflow: hidden; line-height:1;}
.projects-list li td {padding:0 30px; font-size: 11px; vertical-align: middle;}
.projects-list li.active table {background: #0A93D1 url(../img/arrow1.gif) left top no-repeat;}
.projects-list li.active td {color:#fff;}
.projects-list li .desc {display: none;}
.projects .more-link {float: right; white-space:nowrap;}

/* news */
.mp-news {padding:10px 0 20px 30px;}
.mp-news .item {width:255px; padding-right:35px; float: left;}
.mp-news .date {padding:1px 2px; background-color:#0890CE; color:#fff; font-size: 11px;}
.mp-news h3 {margin:5px 0;}
.mp-news h3 a {color:#000;}
.mp-news .more-link {margin-top:10px; font-size: 11px;}
.archive .item {width:auto; float: none; margin:0 0 20px 0;}

/* ***inner page*** */
.conteiner1 {background-color: #EDEDED;}

.phone {float: right; padding:30px 25px; text-align: right; font-size: 12px; color:#fff;}
.phone big {font-size: 26px; line-height:1.5;}

/* left-col */
.left-col {width:200px; float: left; overflow: hidden;}
.left-col .padding {padding:25px;}

/* left-menu */
.left-menu {background: #fff url(../img/corn01.gif) right bottom no-repeat;}
.left-menu ul {margin:0; padding:13px 17px; list-style-type: none;}
.left-menu ul ul {margin:0; padding:0;}
.left-menu li {margin:12px 0; padding:0 0 0 12px; font-size: 12px; font-weight: bold; background: url(../img/lm_a.gif) left 6px no-repeat;}
.left-menu li li {margin:6px 0; font-weight: normal; background:none;}
.left-menu li li li {font-size: 11px;}
.left-menu li a {color:#3A4C54;}
.left-menu li.current a, .left-menu li.section a {color:#0080BA;}
.left-menu li.current li a, .left-menu li.section li a {color:#3A4C54;}
.left-menu li li.current a, .left-menu li li.section a {color:#0080BA;}
.left-menu li li.current li a, .left-menu li li.section li a {color:#3A4C54;}
.left-menu li li li.current a, .left-menu li li li.section a {color:#0080BA;}
.left-menu li li li.current li a, .left-menu li li li.section li a {color:#3A4C54;}

.print-link a {padding:2px 0 2px 22px; font-size: 11px; color:#000; background: url(../img/icn_print.gif) left 2px no-repeat;}

/* center-col */
.center-col {width:714px; float: left; overflow: hidden;}
.center-col .padding {padding:25px 30px; min-height:450px;}

/* table */
.tab-style {width:100%; margin:10px 0; border-collapse: collapse; background-color: #E1E1E1;}
.tab-style th, .tab-style td {padding:5px 10px; border:1px solid #C7C7C7;}
.tab-style th, .tab-style thead td {font-weight: bold;}

/* files & links */
.attach {margin:15px 0; padding:15px 18px; background-color: #F6F8F7;}
.attach ul {margin:0; padding:0; list-style-type: none;}
.attach li {padding:2px 20px; display: inline; line-height:2; font-size: 11px; color:#000;}
.attach li a {color:#000;}
.attach li.doc {background: url(../img/icn/file/doc.gif) left 2px no-repeat;}
.attach li.xls {background: url(../img/icn/file/xls.gif) left 2px no-repeat;}
.attach li.pdf {background: url(../img/icn/file/pdf.gif) left 2px no-repeat;}
.attach li.zip {background: url(../img/icn/file/zip.gif) left 2px no-repeat;}
.attach li.link {background: url(../img/icn/file/link.gif) left 2px no-repeat;}

/* gallsery */
.gallery {margin:10px 0;}
.gallery .item {float: left; margin:0 30px 15px 0;}
.gallery .item div {padding:3px 3px 6px 3px; text-align: center; font-size: 11px;}
.gallery .item img {margin-bottom:4px; padding:4px; border:1px solid #CECECE; background-color: #E2E0E1;}
.gallery .item a {text-decoration:none; color:#000;}

/* form */
.form {width:70%; margin:10px 0; padding:2px;}
.form .field {clear: both;}
.form label.left {display: block; float: left; clear: both; width:29%; padding:3px 0;}
.form .middleColumn {float: left; width:70%; text-align: right; padding:3px 0;}
.form .Actions {height:40px; text-align: right; padding:0 15px 0 0;}
.obligatory {margin:-15px 0 0 0;}
.form input.text {width:98%; }
.form .field .text, .form .field textarea {border:1px solid #BFBFC5; padding:2px;}
.form input.text:focus, .form textarea:focus {border:1px solid #2A97BD;}
.form textarea {width:98%;}
.lighten {font-size:13px; color:#333;}
.form .phpcaptcha img {padding:5px 0;}
.submit, .form .action, .search-form .action {width:88px; margin:5px 0; padding:4px 0; text-align: center; color:#fff; font-size: 13px; text-decoration: none; cursor: pointer; background: url(../img/button.gif) center center no-repeat; border:0;}
.search-form .field .text {width:300px;}
.form span.message, .form span.required {color:red;}

/* footer */
.footer {width:901px; height:80px; padding:0 0 0 13px; color:#A6A5A5; font-size: 11px;}
.footer-b {width:888px; height:59px; padding:0 13px 0 0;}
.footer-c {width:100%; height:59px;}
.foot-right {width:270px; float:right; text-align: right; padding:15px 5px 0 0;}
.foot-right a {text-decoration: none;}
.footer a {color:#A6A5A5;}
.counter {position:absolute; right:450px; }
/* search */
.search {padding:15px 0 0 10px;}
.search input {vertical-align: middle;}
.search .textfield {width:181px; padding:5px 10px; font-size: 12px; border:0;}

.foot-mp {background: url(../img/foot_a.gif) left top no-repeat;}
.foot-mp .footer-b {background: url(../img/foot_b.gif) right top no-repeat;}
.foot-mp .footer-c {background-color:#EBEBEB;}
.foot-mp .search .textfield {background: url(../img/search_field.gif) left center no-repeat;}

.foot-inn {background: url(../img/foot2_a.gif) left top no-repeat;}
.foot-inn .footer-b {background: url(../img/foot2_b.gif) right top no-repeat;}
.foot-inn .footer-c {background-color:#fff;}
.foot-inn .search .textfield {background: url(../img/search_field_b.gif) left center no-repeat;}

img.right {
    float: right;
    margin-left: 20px;
    text-align: right;
  }
  
img.left {
    float: left;
    margin-right: 10px;
  }