/*
	(c) 2007, Mediaweb Studio
	Client: 
	URL:
*/

/* common */
html, body, img, form {margin: 0px; padding: 0px; border: none;}
html, body {height:100%;}
body {background: url(/img/bg.gif) left 309px repeat-x #F3F3F4;}
body, td {font: 13px  "Trebuchet MS", Arial, sans-serif; color: #000;}
a {color: #02A1C8; text-decoration: underline;}
a:hover {text-decoration: none;}
table {border: 0px; border-collapse: collapse;}
td {vertical-align: top;}
p {padding: 0px; margin: 0px 0px 12px 0px;}

h1 {font-size:19px; color:#007BB2; margin:0 0 10px 0; font-weight: normal;}
h2 {font-size:18px; color:#007BB2; margin:0 0 10px 0; font-weight: normal;}
h3 {font-size:16px; color:#007BB2; margin:0 0 10px 0; font-weight: normal;}

.clear {clear:both;}
.none {line-height:0;}
.relative {position: relative;}

#measurer {position: absolute; top:0; left:0; width:100%;}
.main-cont {min-width:975px; min-height:100%;}

/* header */
.hdr-top {height:50px; background: url(/img/hdr_top_bg.gif) repeat-x #262626;}
.hdr-top ul {margin:0; padding:13px 20px 0 0; list-style-type: none; text-align: right; cursor: default;}
.hdr-top li {margin:0; padding:0 10px; display: inline;}
.hdr-top ul a, .hdr-top ul span {color:#868686; font-size:11px;}
.hdr-top ul a:hover, .hdr-top .active a, .hdr-top .active span {color:#fff;}
.header {height:259px; background: #0078B3 url(/img/hdr_bg.gif) repeat-x; border-bottom:2px solid #FBFCFE;}
.header-b {height:259px; background: url(/img/hdr_bg_img.jpg) center top no-repeat;}
.slogan {text-align: left; color:white; font-size:25px; position:absolute; right:180px; top:140px; display:block;}
.logo {padding:45px 0 0 45px; float: left;}
.logo a {outline:none;}

/* main menu */
.main-menu {width:100%; height:135px; overflow: hidden; margin:-66px 0 0 0;}
.main-menu ul {margin:0 -45px 0 0; padding:0 30px; height:115px; list-style-type: none;}
.main-menu li {width:24%; margin:0; padding:0; float: left; text-align: center;}
.main-menu a {font-size: 14px; font-weight: bold; text-decoration:none; color:#858585; outline:none;}
.folder1 {background: url(/img/icon1_h.gif) right top;}
.folder2 {background: url(/img/icon2_h.gif) right top;}
.folder3 {background: url(/img/icon3_h.gif) right top;}
.folder4 {background: url(/img/icon4_h.gif) right top;}
.main-menu li.mm-hover img, .main-menu li.active img {background-position: left top;}
.main-menu li.active a {color:#006DA5;}

.conteiner, .conteiner-inner {padding:30px 30px 95px 30px;}

/* left col */
.conteiner .left-col {width:317px; float:left;}
.conteiner .left-col-b {width:282px; border-top:2px solid #689CCD; background: url(/img/leftcol_bg_b.gif) left bottom repeat-x #fff;}
.conteiner .left-col .padding {padding:20px 30px;}
.conteiner .left-col h1 {font-size: 24px; margin:0;}

.conteiner-inner .left-col {width:275px; float:left;}
.conteiner-inner .left-col-b {width:250px; border-top:2px solid #689CCD; background: url(/img/leftcol_bg_b.gif) left bottom repeat-x #fff;}
.conteiner-inner .left-col .padding {padding:10px 20px;}
.conteiner-inner .left-col h1 {font-size: 24px; margin:0;}

/* actions */
.action {border-bottom:1px dashed #B6B6B5; width:100%; padding:10px 0;}
.action-last {padding:10px 0 0 0;}
.act-date {color:#02A1C8; font-size:12px;}
.act-descr {font-size:11px; line-height: 1.2;}
.act-link {}
.act-link a {display: block; float:right; width:75px; height:18px; margin:5px 0 0 0; padding:2px 0 0 0; font-size:10px; text-align: center; text-decoration: none; color:#fff; background: url(/img/more_link_bg.gif) left top no-repeat #B3B3B3;}
.act-link a:hover {background-position: left bottom; background-color:#B3B3B3;}

/* left menu */
.left-menu {margin:0; padding:0; list-style-type: none;}
.left-menu ul {margin:0; padding:0; list-style-type: none;}
.left-menu ul ul {margin:0 0 0 10px; padding:0;}
.left-menu li {margin:0; padding:10px; background: url(../img/dots.gif) repeat-x bottom;}
.left-menu ul li {background: none; margin:4px 0 0 0; padding:0;}
.left-menu .last {background:none;}
.left-menu li a, .left-menu li span {text-decoration: none; font-weight: bold; color:#007BB3;}
.left-menu ul li a, .left-menu ul li span {color:#767676; font-weight: normal;}
.left-menu ul li li a, .left-menu ul li li span {font-size:12px;}

.left-menu li a:hover, .left-menu .active a {color:#767676;}
.left-menu li li.active a {color:#0088C6;}
.left-menu li li.active li a {color:#767676;}
.left-menu li li li.active a {color:#0088C6;}
.left-menu li li li.active li a {color:#767676;}
.left-menu ul li a:hover, .left-menu ul li li a:hover {color:#0088C6;}

/* files */
.attch-files {margin:25px 0; padding:0 35px 0 25px;}
.attch-files h2 {margin:0 0 10px 10px; font-size:14px; font-weight:bold;}
.attch-files ul {margin:0; padding:0 30px 0 0; list-style-type: none;}
.attch-files li {padding:0 0 0 50px; min-height:40px; margin:0 0 10px 0; line-height:1.1;}
.attch-files a {color:#4F4F4F; font-size:12px;}
.attch-files span {color:#B62728; font-size:12px; white-space: nowrap;}
.attch-files li.doc {background: url(/img/icn/file/doc.gif) no-repeat;}
.attch-files li.xls {background: url(/img/icn/file/xls.gif) no-repeat;}
.attch-files li.pdf {background: url(/img/icn/file/pdf.gif) no-repeat;}

/* links */
.attch-links {margin:25px 0; padding:0 35px 0 25px;}
.attch-links h2 {margin:0 0 10px 10px; font-size:14px; font-weight:bold;}
.attch-links ul {margin:0; padding:0 30px 0 0; list-style-type: none;}
.attch-links li {padding:0; margin:0 0 10px 10px;}
.attch-links a {color:#006BA4; font-size:12px;}


/* center col */
.conteiner .center-col {margin:0 0 0 317px;}
.conteiner .content,
.conteiner-inner .content {background-color:#fff; width:100%; float: left; overflow:hidden; border-top:2px solid #689CCD;}
.conteiner .content .padding,
.conteiner-inner .content .padding {padding:20px 30px;}

.conteiner-inner .center-col {margin:0 0 0 275px;}
.content li {margin:8px 0 0 0;}

/* commerce list */
.commerce-list {}
.commerce-list-b {width:100%; float:left;}
.commerce-list .padding {padding:20px 30px;}
.commerce-list .cm-list-col {width:49%; float:left;}
.commerce-list ul {margin:0; padding:0; list-style-type: none;}
.commerce-list ul li {margin:5px 0 0 0; padding:0 0 0 13px; background: url(/img/bull.gif) left 5px no-repeat;}
.commerce-list a:hover {color:#838383;}

/* table */
.table1 {width:100%; margin:10px 0;}
.table1 td, .table1 th {padding:5px; border:1px dotted #ACACAB;}

/* gallery */
.gallery {width:100%; margin:10px 0;}
.gallery td {width:25%; font-size:10px; padding: 5px; text-align: center; vertical-align: bottom;}
.gallery a {color:#0075AE;}
.gallery div {margin:5px 0 0 0;}

.Calc {}
.CalcStepTitle {display: block; font-size: 13px; font-weight: bold; margin: 0px 0px 10px 0px; }
.CalcStepTitle.last {margin-top:20px;}
.CalcStepBlock {width: 577px; border-bottom: 1px dashed #acacab; min-height: 90px; padding: 17px 14px 15px 14px;  background-color: #f2f2f2;}
.CalcStepAmmount {width: 591px; margin-bottom: 18px; text-align: right; border-bottom: 1px dashed #acacab; padding: 2px 0px 2px 14px;}
.CalcStepStells {margin: 0px 0px 20px 0px; }
.CalcStepStells .Stella {width: 105px; float: left; margin: 0px 13px 0px 0px;  text-align: center;}
.CalcStepStells .Stella.last {margin-right: 0px;}
.CalcStepStells .Stella img {margin-bottom: 6px;}
.CalcStepStells .Stella label,.CalcStepStells .Stella input {cursor: pointer;}
.CalcRacshet {width: 385px; margin: 0px 0px 0px 0px; }
.CalcRacshet .Line01 {margin-bottom: 14px;}
.CalcRacshet .Lbl {float: left; font-size: 13px; margin: 4px 0px 0px 0px; }
.CalcRacshet .InputBg .option {margin: 3px 0px 0px 0px ; }
.CalcRacshet .InputBg .option input {float: left !important; line-height: 8px; margin: 0px 5px 0px 0px; cursor: pointer !important;}
.CalcRacshet .InputBg .option label {cursor: pointer !important; line-height: 8px;}
.CalcRacshet .InputBg {float: right; width:191px; min-height:11px; padding:6px 12px 6px 12px; background-color: #e5e5e5;}
.CalcRacshet .InputBg select {width: 192px; border: 1px solid #c4c4c4 }
.CalcRacshet .Line02 .InputBg {margin-bottom: 2px;}
.CalcRaschet {width:146px; height:25px; margin: 20px 0px 20px 0px;  cursor: pointer; border: 0px; background: url(../img/raschet.gif) left top no-repeat;}
.CalcZakazResults {width: 577px; border-bottom: 1px dashed #acacab; margin: 10px 0px 10px 0px;  min-height: 90px; padding: 17px 14px 15px 14px;  background-color: #f2f2f2;}
.CalcZakazResults td.img {width: 105px;}
.CalcZakazResults td.description {padding-left: 23px;}
.CalcZakazResults .Sline {margin-bottom: 14px;}
.CalcZakazResults .Sline .bold {font-weight: bold;}
.CalcZakazResults .ColorBlock {width: 423px; min-height:5px; padding: 5px 10px 7px 10px;  margin: 4px 0px 0px 0px;  background-color: #e5e5e5;}
.CalcZakazResults table.data td.llcoll {width: 302px;}
.CalcOrderHolder {width: 605px; margin-top: 20px;}
.CalcMakeOrder {width:146px; height:25px; margin: 20px 0px 0px 0px;  float: left; border: 0px; cursor: pointer; background: url(../img/make_order.gif) left top no-repeat;}
.CalcItogo {float: right; margin: 3px 0px 0px 0px; }
.no_br {float: left; margin-right: 6px;}

/* form */
.form-block {margin:10px 0;}
.form-block-b {padding:0 130px 0 0;}
.form-block table {width:100%;}
.form-block td {padding:3px;}
.textfield {border:1px solid #D1D1D1; width:98%;}
.but-send {text-align: right; padding:0 40px 0 0; margin:-25px 0 0 0;}

/* footer */

.footer {width:100%; min-width:975px; height:68px; background: #8A898A url(/img/foot_bg.gif) left top repeat-x; font-size: 11px; cursor: default; position: absolute; top:-68px; left:0;}
.footer .padding {padding:13px 30px 0 30px;}
.foot-left {float:left; color:#fff; width:200px; padding:3px 0 0 0;}
.foot-left a, .foot-right a {color:#fff;}
.foot-left div {float:left; padding:0 15px 0 0;}
.foot-right {float:right; color:#fff; padding:12px 0 0 0;}
.footer ul {margin:0; padding:10px 0 0 0; list-style-type: none; text-align: center;}
.footer li {display:inline; padding:0 10px; margin:0; border-right:1px solid #4A595E;}
.footer li.last {border:none;}
.footer ul a {color:#3A484C;}
.footer ul a:hover, .footer .active a, .footer .active span {color:#fff; text-decoration:none;}
.count {float:left; margin:5px 10px 5px 5px;}