@charset "utf-8";
html {
height:100%;
width:100%;
}
body {
height:100%;
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 62.5%;
line-height:12px;
color:#202020;
background:url(../images/bg-top.png) no-repeat center top #fff;
min-width:1000px;
}
html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, input, label, textarea, button, fieldset, legend, select, option, optiongroup, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe {
padding:0;
margin:0;
border:0;
}
img {
display:block;
}
table td {
vertical-align:top;
}
.clear {
content:".";
height:0;
visibility: hidden;
display:block;
clear:both;
float:none !important;
width:auto !important;
margin:0 !important;
line-height:0;
font-size:0;
}
.overflow{
overflow:hidden;
}
* {
outline: none;
}
a{
color:#087cf3;
}
a:hover{
text-decoration:none;
}
input.txt{
border:1px solid #d4d0c8;
}
textarea{
border:1px solid #d4d0c8;
}
.body1{
background:url(../images/bg-head.jpg) no-repeat center top;
zoom:1;
}
.body2{
background:url(../images/bg-foot.png) repeat-x bottom;
zoom:1;
}
.body3{
background:url(../images/bg-foot.jpg) no-repeat center bottom;
zoom:1;
padding-bottom:40px;
}
.ind{
background:url(../images/bg-foot1.png) repeat-x bottom;
zoom:1;
}
.ind .body3{
background:url(../images/bg-foot1.jpg) no-repeat 750px bottom;
zoom:1;
padding-bottom:3px;
}
div.all {
width:961px;
margin:0 auto;
}
.head{
height:87px;
padding-top:17px;
}
.logo{
display:block;
width:157px;
margin-top:8px;
}
.right-area{
float:right;
width:348px;
}
.top-nav{
height:18px;
margin-bottom:12px;
}
.top-nav li{
float:left;
list-style:none;
background:url(../images/bull-top-nav.gif) no-repeat right 3px;
padding-right:3px;
margin-right:3px;
height:18px;
}
.top-nav li.last{
background:none;
padding:0;
margin:0;
}
.top-nav li a{
display:block;
float:left;
line-height:18px;
font-size:12px;
color:#000;
background:url(../images/bg-top-navL.png) no-repeat left top;
padding:0 3px 0 4px;
margin-right:1px;
position:relative;
}
.top-nav li a i{
position:absolute;
background:url(../images/bg-top-navR.png) no-repeat left top;
width:1px;
height:18px;
right:-1px;
top:0;
font-size:0;
line-height:0;
text-indent:-5000px;
}
.search{
background:url(../images/bg-search.gif) no-repeat left top;
width:169px;
height:25px;
margin:0 0 0 auto;
padding:5px 0 0 12px;
}
.search input.txt{
background:none;
width:130px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-right:8px;
float:left;
margin-top:2px;
border:0;
}
.search input.sbmt{
width:23px;
height:19px;
background:none;
text-indent:-5000px;
font-size:0;
line-height:0;
cursor:pointer;
}
.blocks{
height:193px;
width:979px;
margin-bottom:15px;
margin-left:-5px;
}
.blocks dd{
float:left;
margin-left:-4px;
position:relative;
padding:0 9px;
width:181px;
}
.blocks dd b{
width:8px;
height:192px;
background-position:left top;
background-repeat:no-repeat;
position:absolute;
}
.blocks dd b.l{
background-image:url(../images/shadowL.png);
left:0px;
top:0;
}
.blocks dd b.r{
background-image:url(../images/shadowR.png);
right:0px;
top:0;
}
.blocks h2{
position:relative;
}
.blocks h2 i{
width:25px;
height:11px;
position:absolute;
bottom:-7px;
left:77px;
}
.blocks h2.tit1 i{
background:url(../images/bull1.gif) no-repeat left top;
}
.blocks h2.tit2 i{
background:url(../images/bull2.gif) no-repeat left top;
}
.blocks a.bl{
background-position:left top;
background-repeat:no-repeat;
height:151px;
font-size:0;
line-height:0;
text-indent:-5000px;
display:block;
}
.blocks a.bl:hover{
background-position:bottom;
}
.block1{
background-image:url(../images/block1.gif);
}
.block2{
background-image:url(../images/block2.gif);
}
.block3{
background-image:url(../images/block3.gif);
}
.block4{
background-image:url(../images/block4.gif);
}
.main-area{
margin-left:390px;
font-size:12px;
line-height:16px;
padding-top:6px;
margin-bottom:45px;
}
.main2{
margin-left:284px;
}
.error{
background:url(../images/bg-error.jpg) no-repeat right top;
font-weight:bold;
}
.error div{
font-size:24px;
line-height:40px;
text-align:center;
width:260px;
margin-left:50px;
padding:50px 0 60px 0;
}
.error span.green{
font-size:48px;
line-height:60px;
display:block;
color:#01988b;
}
.main-area h2{
text-transform:uppercase;
font-size:16px;
line-height:18px;
margin-bottom:14px;
}
.main-area h3{
text-transform:uppercase;
font-size:12px;
line-height:16px;
margin-bottom:14px;
}
.main-area h4{
font-size:12px;
line-height:16px;
margin-bottom:3px;
}
.main-area hr{
background-color:#dedede;
height:1px;
font-size:0;
line-height:0;
margin:40px 0;
}
.main-area hr.g{
margin:0 0 14px 0;
}
.main-area p{
margin-bottom:15px;
}
.main-area ul, .main-area ol{
margin-left:25px;
margin-bottom:15px;
}
.main-area ul li, .main-area ol li{
padding-bottom:3px;
}
.main2 a{
color:#01988b;
}
.contimg{
float:right;
display:inline;
margin:0 0 14px 15px;
}
.contimg2{
float:left;
display:inline;
margin:0 24px 5px 0;
}
.contimg3{
float:left;
display:inline;
margin:4px 12px 5px 0;
}
.main-area p.link{
margin:-31px 0 0 auto;
float:right;
text-align:right;
}
.side-area{
float:left;
width:375px;
margin-bottom:27px;
}
.side2{
width:259px;
}
.top{
margin:0 1px 0 4px;
padding-left:45px;
border-bottom:1px solid #00c8b7;
}
.bot{
margin:0 1px 10px 4px;
padding-left:45px;
border-top:1px solid #4dd2c7;
}
.side-nav{
height:299px;
margin-left:3px;
padding:0 1px;
background:url(../images/bg-side-nav.jpg) repeat-y left top;
}
.side-nav2{
margin-left:3px;
padding:0 1px;
background:url(../images/bg-side-nav2.png) repeat-y left top;
}
.side-nav li, .side-nav2 li{
list-style:none;
padding-bottom:2px;
background:url(../images/bull-side-nav2.gif) no-repeat left bottom;
position:relative;
}
.side-nav li.last, .side-nav2 li.last{
padding-bottom:0;
background:none !important;
}
.side-nav li i, .side-nav2 li i{
position:absolute;
background:url(../images/bull-side-nav.gif) no-repeat left top;
width:10px;
height:20px;
left:-4px;
top:50%;
margin-top:-10px;
}
.side-nav2 li.uni i{
margin:0;
top:5px;
}
.side-nav li a{
display:block;
font-size:13px;
line-height:33px;
height:33px;
color:#fff;
text-decoration:none;
padding-left:22px;
padding-right:25px;
background:url(../images/side-item-over.png) no-repeat -500px;
}
.side-nav2 li a{
display:block;
font-size:12px;
line-height:16px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:8px 20px 7px 21px;
background:url(../images/side-item-over.png) no-repeat -500px;
}
.side-nav li:hover a, .side-nav2 li.uni a, .side-nav2 li:hover a{
background-color:#aedad6;
background-repeat:repeat-x;
background-position: top;
color:#000;
}
.side-nav2 li h2{
display:block;
font-size:12px;
line-height:16px;
color:#000;
font-weight:bold;
text-decoration:none;
padding:8px 20px 7px 21px;
background:url(../images/side-item-over.png) repeat-x top #aedad6;
}
.side-nav li.uniq a{
line-height:16px;
height:36px;
padding-top:7px;
}
/*.side-nav li.uniq i, .side-nav2 li.uniq i{
top:14px;
}*/
/*---------------------------
DROP DOWN
---------------------------*/
.side-nav ul.inner2, .side-nav2 ul.inner2 {
visibility:hidden;
overflow:hidden;
position: absolute;
clear:both;
z-index:5;
width:586px;
background:#aedad6;
border:1px solid #999;
border-left:none;
top:-1px;
left:370px;
}
.side-nav2 ul.inner2 {
left:254px;
}
.side-nav li:hover ul.inner2, .side-nav2 li:hover ul.inner2{
visibility:visible;
}
.side-nav2 li.uni ul.inner2{
visibility:visible !important;
display:block !important;
position:static;
width:auto;
border:none;
background:#dafffc;
}
.side-nav ul.inner2 li, .side-nav2 ul.inner2 li {
margin-left:1px;
background:url(../images/bull-drop.gif) no-repeat left bottom;
}
.side-nav2 li.uni ul.inner2 li{
border-bottom:1px solid #ffffff;
background:none;
padding-bottom:0;
}
.side-nav ul.inner2 li.last, .side-nav2 ul.inner2 li.last {
background-image:none;
}
.side-nav ul.inner2 li a, .side-nav2 ul.inner2 li a {
height:auto;
font-size:11px;
line-height:14px;
text-indent:0;
color:#474747;
text-align:left;
padding:1px 20px 0 96px;
background:url(../images/bg-drop-item.gif) repeat-y right;
overflow:hidden;
}
.side-nav ul.inner2 li.last a, .side-nav2 ul.inner2 li.last a{
padding-bottom:2px;
}
.side-nav2 li.uni ul.inner2 li a, .side-nav2 li.uni ul.inner2 li div{
height:auto;
font-size:11px;
line-height:12px;
text-indent:0;
color:#0e0e0e;
text-align:left;
padding:4px 10px 8px 32px;
background:url(../images/pt.gif) no-repeat 23px 9px;
overflow:hidden;
}
.side-nav2 li.uni ul.inner2 li a.first, .side-nav2 li.uni ul.inner2 li div.first{
padding-top:8px;
background-position:23px 14px;
}
.side-nav2 li.uni ul.inner2 li div{
background-color:#f2fffe;
}
.side-nav ul.inner2 li a img, .side-nav2 ul.inner2 li a img{
float:left;
display:inline;
margin-left:-93px;
}
.side-nav2 li.uni ul.inner2 li a img, .side-nav2 li.uni ul.inner2 li div img{
display:none;
}
.side-nav ul.inner2 li a b, .side-nav2 ul.inner2 li a b{
display:block;
font-size:12px;
line-height:14px;
/*padding-top:8px;*/
}
.side-nav2 li.uni ul.inner2 li a b, .side-nav2 li.uni ul.inner2 li div b{
display:block;
font-size:13px;
line-height:17px;
padding:0;
}
.side-nav ul.inner2 li a span, .side-nav2 ul.inner2 li a span, .side-nav2 li.uni ul.inner2 li a span, .side-nav2 li.uni ul.inner2 li div span{
display:block;
/*margin-bottom:8px;*/
font-weight:normal;
}
.side-nav li ul.inner2 li:hover a, .side-nav2 li ul.inner2 li:hover a{
background-color:#ececec;
background-image:none;
}
.side-nav2 li.uni ul.inner2 li:hover{
border-color:#f2fffe;
}
.side-nav2 li.uni ul.inner2 li:hover a{
background-color:#f2fffe;
background-image:url(../images/pt.gif);
}
.side-nav2 li.bit ul.inner2 li div.first{
background:none;
}
.side-nav2 li.bit ul.inner2 li div b{
display:none;
}
.articles{
float:right;
display:inline;
clear:right;
}
.shop{
margin-bottom:6px;
}
.copyright{
font-size:11px;
line-height:16px;
color:#7c7c7c;
}
.bt{
background:#a4cff1;
}
.title{
background:url(../images/bg-title.png) repeat-x top;
height:35px;
margin-top:2px;
}
.title div{
background:url(../images/bg-title.gif) no-repeat left top;
height:35px;
}
.title div h1{
background:url(../images/bg-title.gif) no-repeat right top;
height:35px;
padding-left:22px;
color:#fff;
font-size:12px;
line-height:35px;
}
.content{
border:1px solid #cbe4fe;
border-top:0;
padding:23px 21px;
min-height:194px;
}
.buts{
overflow:hidden;
margin-bottom:20px;
}
.but{
background:url(../images/bg-btnl.png) no-repeat left top;
float:right;
display:inline;
margin-right:4px;
height:30px;
width:160px;
}
.but a{
background:url(../images/bg-btnr.png) no-repeat right top;
height:30px;
line-height:30px;
font-size:12px;
color:#fff !important;
text-decoration:none;
text-align:center;
display:block;
padding:0 9px;
}
.w100{
width:100px;
}
.but input{
background:url(../images/bg-btnr.png) no-repeat right top;
height:30px;
color:#fff;
text-align:center;
width:100%;
}
.bold{
font-size:14px;
line-height:16px;
font-weight:bold;
color:#3b3b3b;
margin-left:100px;
}
.buy{
background:#eef7ff;
padding:10px 20px;
margin-bottom:20px;
}
.buy table{
margin-bottom:15px;
}
.buy td{
padding-right:15px;
padding-bottom:5px;
vertical-align:middle;
white-space:nowrap;
}
.buy td input{
border:1px solid #b7b7b7;
width:26px;
font-weight:bold;
margin:0 3px 0 5px;
text-align:center;
}
.buy hr{
margin:0 0 14px 0;
}
.buy .but{
width:100px;
}
.word{
background:url(../images/ico-word.gif) no-repeat left top;
line-height:16px;
padding:6px 0 2px 39px;
margin-bottom:11px !important;
}
.image{
background:url(../images/ico-image.gif) no-repeat left top;
line-height:16px;
padding-left:39px;
margin-bottom:11px !important;
}
.pdf{
background:url(../images/ico-pdf.gif) no-repeat left top;
line-height:16px;
padding-left:39px;
margin-bottom:11px !important;
}
p.check{
background:url(../images/check.gif) no-repeat left top;
padding-left:30px;
padding-bottom:4px;
margin-bottom:11px;
}
.main-area .table{
width:100%;
border:1px solid #cbe4fe;
margin-bottom:15px;
}
.main-area .table th{
background:#eef7ff;
text-align:center;
font-weight:bold;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
vertical-align:middle;
padding:5px;
}
.main-area .table th.last{
border-right:0;
}
.main-area .table td{
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
text-align:center;
vertical-align:middle;
padding:5px;
}
.main-area .table td.last{
border-right:0;
}
.main-area .table tr.lt td{
border-bottom:0;
}
.main-area .table td.first{
text-align:left;
}
.main-area .table input{
border:1px solid #afafaf;
width:40px;
text-align:center;
height:21px;
}
.diploms img{
display:inline;
vertical-align:bottom;
margin-right:5px;
}
.diploms{
margin-top:-9px;
}
.diploms a{
margin-right:5px;
}
.paginator{
text-align:center;
font-weight:bold;
}
.paginator span, .paginator a{
margin:0 4px;
}
.basket{
background:#eef7ff;
padding:15px 10px 15px 13px;
margin-bottom:35px;
font-size:12px;
line-height:16px;
overflow:hidden;
}
.basket h2{
font-size:16px;
line-height:20px;
font-weight:normal;
margin-bottom:13px
}
.basket a{
color:#0a9b90;
}
.basket div.c{
background:url(../images/pt1.gif) repeat-x left 12px;
margin-bottom:20px;
}
.basket div.c strong{
background:#eef7ff;
}
.basket span{
float:right;
background:#eef7ff;
padding-left:2px;
}
.basket span i{
font-style:normal;
color:#0079ff;
}
.basket div.but{
margin-top:-5px;
}
.order-form{
background:#eef7ff;
padding:25px 0 15px 39px;
}
.order-form label{
display:inline;
margin-right:9px;
font-weight:bold;
}
.order-form input{
vertical-align:middle;
}
.order-form input.txt{
margin-right:29px;
width:211px;
}
.order-form input.short{
width:75px;
}
.order-form td{
vertical-align:middle;
padding-bottom:7px;
}
.order-form textarea{
width:241px;
height:40px;
}
.order-form .but{
float:none;
width:85px;
margin:5px auto 0 auto;
display:block;
}
.wide{
line-height:22px;
}
.main-area ul.sitemap ul{
margin-top:10px;
margin-bottom:5px;
}
.gallery{
overflow:hidden;
margin-bottom:12px;
}
.gallery img{
float:left;
border:2px solid #419fff;
}
.gallery div{
margin-left:166px;
}
.gallery h3 a{
color:#333;
}
.gallery h3 a:hover{
color:#01988B;
}
.main-area hr.pt{ margin:12px 0; }
.gallery-images{
overflow:hidden
}
.gallery-images li{
float:left;
display:inline;
list-style:none;
margin:0 22px;
margin-bottom:16px;
}
.gallery-images li img{
border:2px solid #419fff;
}
table.partners {
border: none;
width: 100%;
}
table.partners > tbody > tr > td {
border-bottom: 1px solid #cfcfcf;
color: #1e1e1e;
font-size: 12px;
font-family: Arial;
line-height: 17px;
padding: 5px 5px 30px 5px;
}
table.partners > tbody > tr > td:first-child {
padding: 5px;
width: 153px;
}
table.partners > tbody > tr > td:first-child > img {
display: block;
margin: 0 auto;
}
table.partners > tbody > tr > td:last-child {
padding-left: 20px;
}
table.partners > tbody > tr > td h2 {
color: #2c2c2c;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
table.p-gallery {
border: 1px solid #c9e3ff;
margin-top: 10px;
width: 450px;
}
table.p-gallery > caption {
background-color: #c9e3ff;
color: #2c2c2c;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: left;
padding: 3px 5px;
width: 450px;
}
table.p-gallery > tbody > tr > td {
padding: 5px;
display: inline-table;
}
table.p-gallery > tbody > tr > td img {
display: block;
border: 1px dotted #afafaf;
padding: 2px;
}