/*FOR XHTML*/
/*main*/
* {margin:0; padding:0;}
html {height:100%; }
body {height:100%;
}
body {min-height:573px; min-width:1225px; font-family:Arial, Helvetica, sans-serif}
* html body {width: expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");} /*For IE6 1024x768 block*/
#conteiner {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#banner {float:right;
position:relative;
right:500px;
width:150px;}
#banner img {padding:0}
#banner1 {
float:right;
position:relative;
right:350px;
width:150px;}
.bold {font-weight:bold}
.bolder {color:#000000; font-weight:bolder;}
.bold_center {font-weight:bold; text-align:center}
.image {margin:5px}
.centering{vertical-align:middle; text-align:center}
img {border:0; padding:5px}
h1 {color:#3F6D8F; font-size:125%; font-variant:small-caps;}
h1.h1_1 {color:#3F6D8F; font-size:105%; font-variant:small-caps;padding:0px; margin:0px}
h2 {color:#000000; font-weight:bolder; text-decoration:none; display:inline;}
table.tb, table.tb td { border: 1px solid #9e9e9e; border-collapse: collapse; padding:3px }
table.tb_spec, table.tb_spec td { border: 1px solid #9e9e9e; border-collapse: collapse; padding:3px; width: 100%; text-align:center; }
table.tb_spec {margin-top:10px}
table.completion { border-spacing:10px}
table.completion td {border-bottom:thin solid #333333; text-align:center}
ul li ol {padding:15px}
/*end main*/
/*header*/
div#header {height:100px; width:100%; position:relative; background:url(images/tape.gif) repeat-x left top;}
div#header1 { width:1000px; margin:0 auto; height:100px; position:relative;}
/*logotype*/
div#logo { margin:20px 0px 0px 40px; width:300px; height:55px;background:url(images/LoGo_site_2.png) no-repeat left; float:left; }
div#logo a{ display:block;width:300px; height:35px; text-decoration:none; border:none;}
/*end logotype*/
/*contacts*/
div#nav{ padding-top:20px; float:right; }
div#nav a {display:inline; text-decoration:none; border:0; font-size:13px; line-height:170%; color:#000000;}
a.first {background:url(images/phone01.gif) left no-repeat; padding-top:2px}
a.second {background:url(images/mail01.gif) left no-repeat}
a:hover.first {background:url(images/phone02.gif) left no-repeat}
a:hover.second {background:url(images/mail02.gif) left no-repeat}
div#nav img { border:0; display:inline; float:left; padding:10px}
div#nav span {padding:0px 5px 5px 30px}
/*end contacts*/
/*zagolovok*/
div#zag {width:270px; height:65px; float:right; margin:20px 150px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/ico.png) left no-repeat; padding:0px 0px 0px 60px}
div#zag span {font-size:24px; font-variant:normal; color:#12679D; padding:5px 0px; font-weight:bolder; line-height:22px}
div#zag1 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/01functions.gif) left no-repeat; }
div#zag2 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/02benefits.gif) left no-repeat; }
div#zag3 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/03models.gif) left no-repeat; }
div#zag4 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/04application.gif) left no-repeat; }
div#zag5 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/05specifications.gif) left no-repeat; }
div#zag6 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/06completion.gif) left no-repeat; }
div#zag7 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/07accesories.gif) left no-repeat; }
div#zag8 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/08maintenance.gif) left no-repeat; }
div#zag9 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/09study.gif) left no-repeat; }
div#zag10 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/10service.gif) left no-repeat; }
div#zag11 {width:350px; height:65px; float:right; margin:20px 220px 0px 0px; font-size:14px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; background:url(images/11contacts.gif) left no-repeat; }
/*end zagolovok*/
/*end header*/
/*content*/
div#content {width:100%; position:relative; padding-bottom:80px; text-align:justify;}
#maintable,#footertable {width:1290px; border:0; margin:0 auto}
#leftcolum {padding:30px 0px 0px 0px; vertical-align:top}
#centercolum_main{padding:30px 0px 0px 60px; vertical-align:top; width:35%}
#centercolum{padding:30px 0px 0px 60px; vertical-align:top; width:600px}
#rigthcolum{ width:5%}
/*menu on top*/
div#main_menu {width:100%; height:20px; background:#12679D; }
#menu1 { margin-left:20px}
#menu li { list-style-type:none; float:left}
#menu a{background:url(images/kub1.gif) left no-repeat ;
display:block;
padding:0px 20px 0px 15px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif; }
#menu a:hover {color:#CCCCCC;}
/*end menu on top*/
/*menu on main page*/
div#center {width:100%; height:100%}
#center_menu{width:170px; margin:0px 0px 40px 20px; float:left}
#menu2 li { list-style-type:none; line-height:80%;}
#menu2 a{
background:url(images/kub.gif) left no-repeat ;
display:block;
padding:5px 5px 5px 20px;
color:#333333;
text-decoration:none;
font-weight:bold;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;}
#menu2 a:hover {color:#666666;}
/*end menu on main page*/
/*useless right menu*/
#right_block{width:200px; display: table-cell; padding:50px 0px 0px 0px; float:right }
#right_menu li{
list-style-type:none;
line-height:24px;
background:url(images/menu/nav/navdown.gif) no-repeat right center;}
/*#menu {margin-left:-60px;}*/
#right_menu a{
display:block;
padding-right:30px;
color:#333333;
text-decoration:none;
font:bold 13px 'Arial','Helvetica';
margin-top:5px;}
#right_menu a span {display:block; float:none; padding:0px 0px 0px 20px;}
#right_menu a:hover{ color:#999999; background: url(images/menu/nav/navdown2.gif) no-repeat right center;}
/*end useless right menu*/
/* описание элемнтов наполненитя в контентной области сайта */
div.textcontent, div.content1 {font-size:12px; text-align:justify; clear:both; padding-top:30px; float:none} /* основное для всего контента*/
div.textcontent1 {font-size:12px; text-align:justify; clear:both; padding-top:11px;}
div.textcontent2 {font-size:12px; text-align:justify; clear:both; float:none}
.text1 p {float:left; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0px 5px 0px; color:#666666;}
.text h1, .text1 h1 {color:#3F6D8F; font-size:125%; font-weight:bold; font-variant:small-caps; padding-bottom:2px;} /* Загаловок h1*/
.text h2, .text1 h2 {font-size:110%; font-weight:bold; display:inline } /* Загаловок h2*/
.text p {text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0px 5px 0px; color:#666666;} /*абзац*/
.text a {color:#3F6D8F; text-decoration:none; font-weight:bold}
.text a:hover {color:#3F6D8F; text-decoration:underline; font-weight:bold}
.text a:visited {color:#3F6D8F; font-weight:bold}
.text img {padding:Toppx Rightpx bottompx leftpx; border:# px solid;} /*картинки*/
.text ul, .text ol{padding-left:25px; padding-bottom:10px;} /*списки*/
.text ul li {padding-left:; padding-bottom:;} /*списки*/
/* енд =) */
/* footer */
div#footer{background:url(images/footer_bg.gif) repeat-x; bottom:0; height:80px; position:absolute; width:100%; }
div#footer p, a.mainfoot{font:32px 'Arial','Helvetica'; font-weight:bolder; margin:13px 0px 0px 0px; float:right; color:#FFFFFF; padding-right:80px; font-variant:small-caps; text-decoration:none}
div#foot1 {float:right; width:550px; position:relative; padding-right:20px}
div#foot1 p{font:32px 'Arial','Helvetica'; font-weight:bolder; float:right; color:#FFFFFF}
div#footer_menu { width:550px; float:left; margin:35px 0px 0px 0px; }
.study {border:#12679D double thick; width:200px; margin:10px auto; padding:20px}
/* end footer */
.layout {width:70%; padding:30px; margin:0 auto}
.img_spec {float:left; margin-right:10px}
.container_spec {
display: table-cell;
vertical-align: bottom;
height:230px;
margin:10px
/* height: 444px; width: 333px; border: 1px solid red; просто чтобы было видно ;) */
}
.container_1 {float:right; margin-left:10px;
}
*+html .auxiliary_spec {
display: inline-block;
vertical-align: bottom;
width: 0px;
height: 100%;
}
*+html .container_spec div {
display: inline-block;
vertical-align: bottom;
}
*+html .container_spec div, .auxiliary_spec {
display: inline;
}
ul.contents, ul.contents ul {list-style:none; line-height:20px}
ul.contents li {}
.textarrow {
font-size: 18px;}
.adress {width:450px; line-height:150%}
.adress h3, #contactFormArea h3 {width:100%; background-color:#CCCCCC; color:#12679D; padding-left:20px; line-height:25px}
.adress span {color:#12679D; font-weight:bold}
fieldset { border:0;margin:0;padding:0; }
#contactFormArea {
margin:0;
padding:0;
width:450px;
position:relative}
.red {color:#FF0000}
#contactFormArea .formLine {
float: left; /* чтобы не было проблем с отступами между блоками */
width: 100%; /* чтобы блоки не встраивались в одну строку */
margin: 5px 0; /* расстояние между блоками */
position:relative;
z-index:100
}
#contactFormArea label { float: left; /* делаем метки плавающими и фиксированной ширины чтобы выровнять их по одному уровню */
width: 110px;
text-align: right;
position: relative; /* выравниваем тексты меток и полей по одному уровню */
top: 2px; /* отступ сверху подбираем в зависимости от размера шрифта и дизайна полей */
margin-right: 5px; /* чтобы к меткам не прилипали поля */
color:#FFFFFF
}
#contactFormArea .formLabelAuto {float:none; width:auto; position:static}
#contactFormArea input[type=text], form input[type=password] {
width: 285px;
background: #fff;
border: 1px solid #12679D;
height: 20px;
padding:3px 0
}
#contactFormArea.posText, {
width: 285px;
background: #fff;
border: 1px solid #000;
height: 15px;
}
#contactFormArea textarea {
width: 285px;
background: #fff;
border: 1px solid #12679D;
height: 120px;
}
#contactFormArea input[type=submit] {
margin:10px 0 0 285px;cursor: pointer; color:#FFFFFF
}
#contactFormArea .formSubmit {
margin-left: 85px;
cursor: pointer;
width: auto;
}
#contactFormArea .submit {background-color:#12679D;
width: 130px; height:23px; border:none}
#contactFormArea .blueblock { background-color: #12679D;
height: 356px;
left: 5px;
position: absolute;
top: 27px;
width: 247px;
z-index: 2;}
#contactFormArea .greyblock{ background-color: #CCCCCC;
height: 371px;
left: 61px;
position: absolute;
top: 39px;
width: 408px;
z-index: 1;
}
#contactFormArea p.prim { font-size: 9px;
padding-left: 192px;
position: relative;
z-index: 1;}