html * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
*behavior: url(css/htc-libs/boxsizing.htc);
}
.body{
background:#ffffff;
width:100%;
height:100%;
background-size:100%;
}
#last_news p{padding-bottom:15px;}
#last_news{
width:620px;
float:left;
font-weight:normal;
}
#mission{
width:220px;
}
#last_news h2{
display:block;
width:620px;
text-transform: uppercase;
color:#fff;
font: bold 12px/20px Arial, Helvetica, sans-serif;
height:30px;
vertical-align:middle;
padding: 7px 10px;
letter-spacing:0.05em;
background:#092e52;
margin-bottom:20px;
}
#last_news li{
list-style:none;
font: bold 14px/16px Arial, Helvetica, sans-serif;
color:#505050;
font-weight:normal;
}
#last_news h3, #mission h3{
text-transform:uppercase;
font: bold 14px/16px Arial, Helvetica, sans-serif;
color:#505050;
}
#last_news p,#mission p{
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#505050;
text-indent:0px;
font-weight:normal;
}
#last_news a{text-decoration:none;}
#last_news a:hover{opacity:0.5;}
#new_catalog, #sertificat{
width:220px;
height:100px;
background:#e3e3e3;
padding: 10px 20px;
margin:5px 0;
}
#new_catalog h3, #sertificat h3{
font: bold 14px/16px Arial, Helvetica, sans-serif;
color:#505050;
}
#new_catalog p, #sertificat p{
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#505050;
text-indent:0;
margin-top:10px;
}
#new_catalog a,#sertificat a{
display:block;
float:right;
margin:0px 0 0 140px;
}
#wrapper{
width:100%;
height:415px;
margin:0 auto;
background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #000000 0%, #000000 25%, #00101f 50%, #01305b 75%, #024d91 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(25%,#000000), color-stop(50%,#00101f), color-stop(75%,#01305b), color-stop(100%,#024d91));
background: -webkit-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -o-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -ms-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: linear-gradient(to bottom, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
}
header{
margin:0 auto;
width:960px;
height:415px;
padding:30px 0;
}
#logo img{
width:301px;
height:42px;
}
#top_menu{
width:960px;
margin:30px auto 0;
position:relative;
background:#ffffff;
}
#top_menu li{
display:inline-block;
*display:inline;
zoom:1;
width:188px;
height:30px;
font: bold 12px/20px Arial, Helvetica, sans-serif;
cursor:pointer;
}
#top_menu li a,#top_menu li a:active,#top_menu li a:visited{
background:ffffff;
display:block;
width:188px;
height:30px;
line-height:30px;
text-decoration:none;
border-left: 1px solid #d0d0d0;
text-align:center;
color:#505050;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
}
#top_menu li a:hover{
text-decoration:underline;
}
#main{
position:relative;
width:960px;
margin:0 auto;
}
#main .wrap{
position:relative;
z-index:1;
padding:0 29px 0 31px;
}
#main .wrap:before,
#main .wrap:after{
content:"";
position:absolute;
top:-36px;
width:0;
height:0;
}
#main .wrap:after{
right:-36px;
border-bottom:18px solid #a1a1a1;
border-top:18px solid transparent;
border-right:18px solid transparent;
border-left:18px solid #a1a1a1;
}
#main .wrap:before{
left:-36px;
border-bottom:18px solid #a1a1a1;
border-top:18px solid transparent;
border-left:18px solid transparent;
border-right:18px solid #a1a1a1;
}
#main:after{
position:absolute;
top:-36px;
width:100%;
left:0;
content:"";
background:#fff;
height:37px;
}
.wrap p{
color: #505050;
font: normal 14px Arial, Helvetica, sans-serif;
line-height:1.5;
text-indent:25px;
}
footer{
width:100%;
height:120px;
margin:0 auto;
background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #000000 0%, #000000 25%, #00101f 50%, #01305b 75%, #024d91 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(25%,#000000), color-stop(50%,#00101f), color-stop(75%,#01305b), color-stop(100%,#024d91));
background: -webkit-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -o-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -ms-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: linear-gradient(to bottom, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
#copyright{
width:330px;
float:left;
margin-top:25px;
margin-left:30px;
}
#copyright span{
color:#fff;
}
#footer{
width:960px;
margin:15px auto;
}
#copyright li{
list-style:none;
color:#ccc;
font-size:14px;
font-family:arial, sans-serif;
padding:3px 0;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
width:960px;
height:220px;
overflow:hidden;
}
.slider_content{
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
width:550px;
float:left;
padding:0 10px;
}
.slider_content h1{
font-size:26px;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding:40px 0 10px 0 ;
}
.slider_content p{
color:#ffffff;
font-size:16/18px;
font-family:arial, sans-serif;
text-indent:25px;
padding-top:5px;
line-height:1.5;
}
.slider_content a{
color: #00a9ff;
}
#right_index{float:left;margin-left:40px;}
#slider img{
float:right;
}
#catalog:after,#company:after,#index:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#catalog h3{
color: #00a9ff;
font-size:20px;
font-family:arial, sans-serif;
text-align:center;
}
#catalog hr{
width:890px;
color:#000000;
}
#catalog img{
width:220px;
float:left;
margin-right:15px;
}
#catalog p{
color: #505050;
font: normal 14px/16px Arial, Helvetica, sans-serif;
line-height:1.5;
text-indent:25px;
margin-top:10px;
}
/*last styles*/
#mytable {
border-bottom: 1px solid #C1DAD7;
margin-left:20px;
}
#mytable caption {
padding: 0 0 5px 0;
width: 400px;
font-size:12px; font-family:arial, sans-serif;
#mytable text-align:center;
}
#mytable th {
font-size:12px; font-family:arial, sans-serif;
color: #000000;
border-right: 1px solid #C1DAD7;
font-weight:bold;
border-left: 1px solid #C1DAD7;
text-align:center;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
background: #78de78 url(images/bg_header.jpg) no-repeat;
}
#mytable th.nobg {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
text-align:center;
}
#mytable td {
border-right: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff;
font-size:12px; font-family:arial, sans-serif;
padding: 6px 6px 6px 12px;
color: #000000;
text-align:center;
}
#mytable td.alt {
border: 1px solid #C1DAD7;
background: #F5FAFA;
font-size:1px; font-family:arial, sans-serif;
color: #000000;
text-align:center;
}
#mytable th.spec {
border: 0px solid #C1DAD7;
text-align:center;
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff url(images/bullet1.gif) no-repeat;
font-size:12px;font-family:arial, sans-serif;
text-align:center;
}
#mytable th.specalt {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font-size:12px; font-family:arial, sans-serif;
color: #000000;
}
#mytable2 {
border-bottom: 1px solid #C1DAD7;
max-width:500px;
margin-left:20px;
}
#mytable2 caption {
padding: 0 0 5px 0;
width: 400px;
font-size:12px; font-family:arial, sans-serif;
text-align:center;
}
#mytable2 th {
font-size:12px;font-family:arial, sans-serif;
color: #000000;
border-right: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
text-align:center;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
background: #45aeff url(images/bg_header.jpg) no-repeat;
}
#mytable2 th.nobg {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
text-align:center;
}
#mytable2 td {
border-right: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff;
font-size:12px; font-family:Segoe UI;
padding: 6px 6px 6px 12px;
color: #000000;
text-align:center;
}
#mytable2 td.alt {
border: 1px solid #C1DAD7;
background: #F5FAFA;
font-size:1px; font-family:Segoe UI;
color: #000000;
text-align:center;
}
#mytable2 th.spec {
border: 0px solid #C1DAD7;
text-align:center;
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff url(images/bullet1.gif) no-repeat;
font-size:12px;font-family:arial, sans-serif;
text-align:center;
}
#mytable2 th.specalt {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font-size:12px; font-family:arial, sans-serif;
text-align:center;
color: #000000;
}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display:block
}
.contact_forma{font-size:16px;color:#00a9ff;font-family:century,tahoma,arial;font-weight:normal;margin-left:10px;margin:0 auto;margin-right:10px;margin-bottom:10px;}
.since {font-size:14px; font-family:century, tahoma,arial; text-indent: 30px;line-height:2;color:#000000;text-align:left;font-weight:normal;}
.sincess {padding:14px 0 0 0;text-align:justify;font-size:16px; font-family:century, tahoma,arial; text-indent: 30px;line-height:2;color:#000000;text-align:left;font-weight:normal;}
.top_text
{
}
mark, rp, rt, ruby, summary, time {
display:inline
}
/* Global properties */
html {
width:100%
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#9d9d9d;
min-width:984px;
background:url(../images/body.jpg) center 0 repeat;
background-attachment: fixed;
}
a {
color:#00a9ff;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*.col-1 {
float:center
}*/
/*.extra-wrap {
overflow:hidden
}*/
.bg {
width:100%;
background:#000000 url(../images/body.jpg) center 0 no-repeat;
background-attachment: fixed;
}
.main {
width:984px;
padding:0;
margin:0 auto;
font-size:0.875em;
line-height:1.285em
}
.p0 {
margin-bottom:0px
color:#ffffff;
}
.p1 {
margin-bottom:6px
}
.p2 {
margin-bottom:15px
}
.p3 {
margin-bottom:30px
}
.p4 {
margin-bottom:45px
}
.p5 {
margin-bottom:50px
}
.reg {
text-transform:uppercase
}
.fleft {
float:left
}
.fright {
float:right
}
.alignright {
text-align:right
}
.aligncenter {
text-align:center
}
.title {
margin-bottom:18px
}
.it {
font-style:italic
}
.letter {
letter-spacing:-1px
}
.color-1 {
color:#00a9ff
}
.color-2 {
color:#a2c902
}
.color-3 {
color:#fabb0c
}
.color-4 {
color:#0f0f0f
}
/* boxes */
.margin-bot {
margin-bottom:35px
}
.spacing {
margin-right:35px
}
.indent {
padding:0 0 0px 32px
}
.indent2 {
padding-top:10px
}
.indent3 {
padding-top:38px
}
.indent4 {
padding:26px 0 0px 32px
}
.indent5 {
padding-top:22px
}
.indent-bot {
margin-bottom:22px
}
.indent-bot2 {
margin-bottom:19px
}
.indent-bot3 {
margin-bottom:45px
}
.img-indent-bot {
margin-bottom:25px
}
.img-indent {
float:left;
margin:0 10px 0px 0
}
.img-indent2 {
float:left;
margin:0 15px 0px 0
}
.img-indent3 {
float:left;
margin:0 20px 0px 0
}
.img-indent4 {
float:left;
margin:0 28px 0px 0
}
.img-indent-r {
float:right;
margin:4px 0px 0px 15px
}
.prev-indent-bot {
margin-bottom:10px
}
.buttons a:hover {
cursor:pointer
}
.menu li a, .list-1 li a, .button-2, .logo {
text-decoration:none
}
.row-1 {
width:100%;
height:113px;
overflow:hidden;
padding-top:24px
}
.row-2 {
width:990px;
min-height:85px;
position:relative;
z-index:1
}
.row-3 {
width:100%;
min-height:417px;
position:relative;
z-index:2
}
.b1 {
color:#0f0f0f;
font-size:30px;
line-height:1.2em;
display:block;
letter-spacing:-3px
}
.b2 {
color:#00a9ff;
font-size:80px;
line-height:1.2em;
display:block;
text-transform:uppercase;
letter-spacing:-4px;
margin:-12px 0 13px -5px
}
*+html .b2 {
margin:-12px 0 5px -5px
}
.b3 {
color:#0f0f0f;
font-size:17px;
line-height:1.2em;
display:block
}
/* content */
#content {
width:100%;
padding:10px 0 40px;
background:#fff;
border-radius:18px 18px 0 0;
-moz-border-radius:18px 18px 0 0;
-webkit-border-radius:18px 18px 0 0;
position:relative;
z-index:2
}
#content .padding {
padding:24px 12px 0
}
.spacer-1 {
width:100%;
background:url(../images/pic-1.gif) 217px 0 repeat-y
}
h2 {
font-size:39px;
line-height:1.9em;
color:#0f0f0f;
margin-bottom:5px;
letter-spacing:-2px
}
h4 {
font-size:23px;
line-height:1.2em;
color:#fefefe;
letter-spacing:-1px;
margin-bottom:20px
}
h5 {
color:#0f0f0f;
text-decoration:underline;
font-weight:normal
}
h6 {
color:#0f0f0f;
font-weight:normal;
margin-bottom:5px
}
.border-bot {
width:100%;
padding-bottom:20px;
background:url(../images/pic-1.gif) 0 bottom repeat-x
}
.box-bg {
padding:33px;
background:#e4e4e4
}
.box {
width:100%;
background:url(../images/box.png) center 0 no-repeat #101010;
border-radius:19px;
-moz-border-radius:19px;
-webkit-border-radius:19px
}
.box h3 {
margin-top:-8px
}
.box .pad {
padding:28px 35px
}
.box.first .button {
background:url(../images/button1.png) left top no-repeat
}
.box.first .button:hover {
background-position:left bottom
}
.box.first .numb {
background:url(../images/numb-1.gif) 0 0 repeat-x #00a9ff
}
.box.second .button {
background:url(../images/button2.png) left top no-repeat
}
.box.second .button:hover {
background-position:left bottom
}
.box.second .numb {
background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902
}
.box.third .button {
background:url(../images/button3.png) left top no-repeat
}
.box.third .button:hover {
background-position:left bottom
}
.box.third .numb {
background:url(../images/numb-3.gif) 0 0 repeat-x #fabb0c
}
.numb {
display:inline-block;
padding:3px 7px 6px;
font-size:40px;
line-height:1.2em;
letter-spacing:-2px;
color:#fefefe;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px
}
.button-2 {
display:inline-block;
font-size:19px;
line-height:1.21em;
letter-spacing:-1px;
color:#fefefe;
padding:9px 20px 11px;
background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px
}
.button-2:hover {
background:#3c3c3c
}
.list-1 li {
line-height:24px;
padding-left:10px;
background:url(../images/marker.gif) 0 10px no-repeat
}
.list-1 li a {
display:inline-block;
color:#9d9d9d
}
.list-1 li a:hover {
text-decoration:underline
}
.list-2 li {
line-height:24px
}
.link {
color:#9d9d9d
}
.link:hover {
text-decoration:none
}
.link-1 {
display:inline-block;
font-size:14px;
padding-right:8px;
background:right 8px no-repeat
}
.link-1:hover {
color:#fff
}
.text-1 {
line-height:20px;
margin:0
}
dl.address {
line-height:24px;
color:#9d9d9d
}
dl.address span {
float:left;
width:74px;
color:#fefefe
}
dl.contact {
line-height:20px;
color:#9d9d9d
}
dl.contact span {
display:block;
color:#0f0f0f
}
dl.contact dt, dl.contact dd {
margin-bottom:5px
}
.tdate-1 {
font-size:20px;
line-height:1.2em;
color:#0f0f0f;
text-align:center;
letter-spacing:-2px;
margin:-8px 16px 0 0
}
.tdate-1 strong {
display:block;
font-size:49px;
line-height:1.2em;
color:#00a9ff;
margin-bottom:-10px
}
.tdate-2 {
float:left;
color:#0f0f0f
}
.news {
padding-left:25px;
background:url(../images/pic-1.gif) 0 0 no-repeat
}
#contact-form {
display:block
}
#contact-form label {
display:block;
height:30px;
overflow:hidden
}
#contact-form input {
float:left;
width:526px;
font-size:13px;
line-height:1.23em;
color:#0f0f0f;
padding:4px 10px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ebebeb;
background:none
}
#contact-form textarea {
height:262px;
overflow:auto;
float:left;
width:526px;
font-size:13px;
line-height:1.23em;
color:#0f0f0f;
padding:4px 10px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ebebeb;
background:none
}
.text-form {
float:left;
display:block;
font-size:14px;
width:73px;
line-height:1.78em;
color:#0f0f0f
}
.buttons {
padding-top:16px;
text-align:right
}
.buttons a {
margin-left:6px;
padding:9px 25px 11px
}
/* footer */
footer {
width:100%;
height:150px;
}
.row-top {
width:100%;
padding:33px 0 42px;
background:#000
}
.row-padding {
padding:0 62px
}
.row-bot {
width:100%;
padding:35px 0;
font-size:12px;
line-height:20px
}
.list-services li {
line-height:24px;
padding-left:28px
}
.list-services li a {
color:#9d9d9d;
text-decoration:none
}
.list-services li a:hover {
text-decoration:underline
}
.list-services li.item-1 {
background:url(../images/facebook.png) 0 3px no-repeat
}
.list-services li.item-2 {
background:url(../images/twitter.png) 0 3px no-repeat
}
.list-services li.item-3 {
background:url(../images/linkedin.png) 0 3px no-repeat
}
.footer-logo {
display:block;
color:#9d9d9d;
font-size:60px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:-3px;
font-weight:400;
margin-bottom:5px
}
.footer-logo strong {
color:#00a9ff;
text-transform:none;
display:inline-block
}
.phone {
display:inline-block;
font-size:20px;
line-height:1.2em;
color:#9d9d9d;
letter-spacing:-1px;
padding-left:5px
}
.phone strong {
color:#fff
}html * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
*behavior: url(css/htc-libs/boxsizing.htc);
}
.body{
background:#ffffff;
width:100%;
height:100%;
background-size:100%;
}
#last_news{
width:620px;
float:left;
font-weight:normal;
}
#mission{
width:220px;
}
#last_news h2{
display:block;
width:620px;
text-transform: uppercase;
color:#fff;
font: bold 12px/20px Arial, Helvetica, sans-serif;
height:30px;
vertical-align:middle;
padding: 7px 10px;
letter-spacing:0.05em;
background:#092e52;
margin-bottom:20px;
}
#last_news li{
list-style:none;
font: bold 14px/16px Arial, Helvetica, sans-serif;
color:#505050;
font-weight:normal;
}
#last_news h3, #mission h3{
text-transform:uppercase;
font: bold 14px/16px Arial, Helvetica, sans-serif;
color:#505050;
}
#last_news p,#mission p{
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#505050;
text-indent:0px;
font-weight:normal;
}
#last_news a{text-decoration:none;}
#last_news a:hover{opacity:0.5;}
#new_catalog{
width:220px;
height:100px;
background:#e3e3e3;
padding: 10px 20px;
margin:5px 0;
}
#new_catalog h3{
font: bold 14px/16px Arial, Helvetica, sans-serif;
color:#505050;
}
#new_catalog p{
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#505050;
text-indent:0;
margin-top:10px;
}
#new_catalog a{
display:block;
float:right;
margin:0px 0 0 140px;
}
#wrapper{
width:100%;
height:415px;
margin:0 auto;
background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #000000 0%, #000000 25%, #00101f 50%, #01305b 75%, #024d91 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(25%,#000000), color-stop(50%,#00101f), color-stop(75%,#01305b), color-stop(100%,#024d91));
background: -webkit-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -o-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -ms-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: linear-gradient(to bottom, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
}
header{
margin:0 auto;
width:960px;
height:415px;
padding:30px 0;
}
#logo img{
width:301px;
height:42px;
}
#top_menu{
width:960px;
margin:30px auto 0;
position:relative;
background:#ffffff;
}
#top_menu li{
display:inline-block;
*display:inline;
zoom:1;
width:188px;
height:30px;
font: bold 12px/20px Arial, Helvetica, sans-serif;
cursor:pointer;
}
#top_menu li a,#top_menu li a:active,#top_menu li a:visited{
background:ffffff;
display:block;
width:188px;
height:30px;
line-height:30px;
text-decoration:none;
border-left: 1px solid #d0d0d0;
text-align:center;
color:#505050;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
}
#top_menu li a:hover{
text-decoration:underline;
}
#main{
position:relative;
width:960px;
margin:0 auto;
}
#main .wrap{
position:relative;
z-index:1;
padding:0 29px 0 31px;
}
#main .wrap:before,
#main .wrap:after{
content:"";
position:absolute;
top:-36px;
width:0;
height:0;
}
#main .wrap:after{
right:-36px;
border-bottom:18px solid #a1a1a1;
border-top:18px solid transparent;
border-right:18px solid transparent;
border-left:18px solid #a1a1a1;
}
#main .wrap:before{
left:-36px;
border-bottom:18px solid #a1a1a1;
border-top:18px solid transparent;
border-left:18px solid transparent;
border-right:18px solid #a1a1a1;
}
#main:after{
position:absolute;
top:-36px;
width:100%;
left:0;
content:"";
background:#fff;
height:37px;
}
.wrap p{
color: #505050;
font: normal 16px/18px Arial, Helvetica, sans-serif;
line-height:1.5;
text-indent:25px;
}
footer{
width:100%;
height:120px;
margin:0 auto;
background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #000000 0%, #000000 25%, #00101f 50%, #01305b 75%, #024d91 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(25%,#000000), color-stop(50%,#00101f), color-stop(75%,#01305b), color-stop(100%,#024d91));
background: -webkit-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -o-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: -ms-linear-gradient(top, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);
background: linear-gradient(to bottom, #000000 0%,#000000 25%,#00101f 50%,#01305b 75%,#024d91 100%);}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
#copyright{
width:330px;
float:left;
margin-top:25px;
margin-left:30px;
}
#copyright span{
color:#fff;
}
#footer{
width:960px;
margin:15px auto;
}
#copyright li{
list-style:none;
color:#ccc;
font-size:14px;
font-family:arial, sans-serif;
padding:3px 0;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
width:960px;
height:220px;
overflow:hidden;
}
.slider_content{
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
width:550px;
float:left;
padding:0 10px;
}
.slider_content h1{
font-size:26px;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
padding:40px 0 10px 0 ;
}
.slider_content p{
color:#ffffff;
font-size:16/18px;
font-family:arial, sans-serif;
text-indent:25px;
padding-top:5px;
line-height:1.5;
}
.slider_content a{
color: #00a9ff;
}
#right_index{float:left;margin-left:40px;}
#slider img{
float:right;
}
#catalog:after,#company:after,#index:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
#catalog h3{
color: #00a9ff;
font-size:20px;
font-family:arial, sans-serif;
text-align:center;
}
#catalog hr{
width:890px;
color:#000000;
}
#catalog img{
width:220px;
float:left;
margin-right:15px;
}
#catalog p{
color: #505050;
font: normal 16px Arial, Helvetica, sans-serif;
line-height:1.5;
text-indent:25px;
margin-top:10px;
}
/*last styles*/
#mytable {
border-bottom: 1px solid #C1DAD7;
margin-left:20px;
}
#mytable caption {
padding: 0 0 5px 0;
width: 400px;
font-size:12px; font-family:arial, sans-serif;
#mytable text-align:center;
}
#mytable th {
font-size:12px; font-family:arial, sans-serif;
color: #000000;
border-right: 1px solid #C1DAD7;
font-weight:bold;
border-left: 1px solid #C1DAD7;
text-align:center;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
background: #78de78 url(images/bg_header.jpg) no-repeat;
}
#mytable th.nobg {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
text-align:center;
}
#mytable td {
border-right: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff;
font-size:12px; font-family:arial, sans-serif;
padding: 6px 6px 6px 12px;
color: #000000;
text-align:center;
}
#mytable td.alt {
border: 1px solid #C1DAD7;
background: #F5FAFA;
font-size:1px; font-family:arial, sans-serif;
color: #000000;
text-align:center;
}
#mytable th.spec {
border: 0px solid #C1DAD7;
text-align:center;
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff url(images/bullet1.gif) no-repeat;
font-size:12px;font-family:arial, sans-serif;
text-align:center;
}
#mytable th.specalt {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font-size:12px; font-family:arial, sans-serif;
color: #000000;
}
#mytable2 {
border-bottom: 1px solid #C1DAD7;
max-width:500px;
margin-left:20px;
}
#mytable2 caption {
padding: 0 0 5px 0;
width: 400px;
font-size:12px; font-family:arial, sans-serif;
text-align:center;
}
#mytable2 th {
font-size:12px;font-family:arial, sans-serif;
color: #000000;
border-right: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
text-align:center;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
background: #45aeff url(images/bg_header.jpg) no-repeat;
}
#mytable2 th.nobg {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
text-align:center;
}
#mytable2 td {
border-right: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff;
font-size:12px; font-family:Segoe UI;
padding: 6px 6px 6px 12px;
color: #000000;
text-align:center;
}
#mytable2 td.alt {
border: 1px solid #C1DAD7;
background: #F5FAFA;
font-size:1px; font-family:Segoe UI;
color: #000000;
text-align:center;
}
#mytable2 th.spec {
border: 0px solid #C1DAD7;
text-align:center;
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
background: #fff url(images/bullet1.gif) no-repeat;
font-size:12px;font-family:arial, sans-serif;
text-align:center;
}
#mytable2 th.specalt {
border: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font-size:12px; font-family:arial, sans-serif;
text-align:center;
color: #000000;
}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display:block
}
.contact_forma{font-size:16px;color:#00a9ff;font-family:century,tahoma,arial;font-weight:normal;margin-left:10px;margin:0 auto;margin-right:10px;margin-bottom:10px;}
.since {font-size:14px; font-family:century, tahoma,arial; text-indent: 30px;line-height:2;color:#000000;text-align:left;font-weight:normal;}
.sincess {padding:14px 0 0 0;text-align:justify;font-size:16px; font-family:century, tahoma,arial; text-indent: 30px;line-height:2;color:#000000;text-align:left;font-weight:normal;}
.top_text
{
}
mark, rp, rt, ruby, summary, time {
display:inline
}
/* Global properties */
html {
width:100%
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#9d9d9d;
min-width:984px;
background:url(../images/body.jpg) center 0 repeat;
background-attachment: fixed;
}
a {
color:#00a9ff;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*.col-1 {
float:center
}*/
/*.extra-wrap {
overflow:hidden
}*/
.bg {
width:100%;
background:#000000 url(../images/body.jpg) center 0 no-repeat;
background-attachment: fixed;
}
.main {
width:984px;
padding:0;
margin:0 auto;
font-size:0.875em;
line-height:1.285em
}
.p0 {
margin-bottom:0px
color:#ffffff;
}
.p1 {
margin-bottom:6px
}
.p2 {
margin-bottom:15px
}
.p3 {
margin-bottom:30px
}
.p4 {
margin-bottom:45px
}
.p5 {
margin-bottom:50px
}
.reg {
text-transform:uppercase
}
.fleft {
float:left
}
.fright {
float:right
}
.alignright {
text-align:right
}
.aligncenter {
text-align:center
}
.title {
margin-bottom:18px
}
.it {
font-style:italic
}
.letter {
letter-spacing:-1px
}
.color-1 {
color:#00a9ff
}
.color-2 {
color:#a2c902
}
.color-3 {
color:#fabb0c
}
.color-4 {
color:#0f0f0f
}
/* boxes */
.margin-bot {
margin-bottom:35px
}
.spacing {
margin-right:35px
}
.indent {
padding:0 0 0px 32px
}
.indent2 {
padding-top:10px
}
.indent3 {
padding-top:38px
}
.indent4 {
padding:26px 0 0px 32px
}
.indent5 {
padding-top:22px
}
.indent-bot {
margin-bottom:22px
}
.indent-bot2 {
margin-bottom:19px
}
.indent-bot3 {
margin-bottom:45px
}
.img-indent-bot {
margin-bottom:25px
}
.img-indent {
float:left;
margin:0 10px 0px 0
}
.img-indent2 {
float:left;
margin:0 15px 0px 0
}
.img-indent3 {
float:left;
margin:0 20px 0px 0
}
.img-indent4 {
float:left;
margin:0 28px 0px 0
}
.img-indent-r {
float:right;
margin:4px 0px 0px 15px
}
.prev-indent-bot {
margin-bottom:10px
}
.buttons a:hover {
cursor:pointer
}
.menu li a, .list-1 li a, .button-2, .logo {
text-decoration:none
}
.row-1 {
width:100%;
height:113px;
overflow:hidden;
padding-top:24px
}
.row-2 {
width:990px;
min-height:85px;
position:relative;
z-index:1
}
.row-3 {
width:100%;
min-height:417px;
position:relative;
z-index:2
}
.b1 {
color:#0f0f0f;
font-size:30px;
line-height:1.2em;
display:block;
letter-spacing:-3px
}
.b2 {
color:#00a9ff;
font-size:80px;
line-height:1.2em;
display:block;
text-transform:uppercase;
letter-spacing:-4px;
margin:-12px 0 13px -5px
}
*+html .b2 {
margin:-12px 0 5px -5px
}
.b3 {
color:#0f0f0f;
font-size:17px;
line-height:1.2em;
display:block
}
/* content */
#content {
width:100%;
padding:10px 0 40px;
background:#fff;
border-radius:18px 18px 0 0;
-moz-border-radius:18px 18px 0 0;
-webkit-border-radius:18px 18px 0 0;
position:relative;
z-index:2
}
#content .padding {
padding:24px 12px 0
}
.spacer-1 {
width:100%;
background:url(../images/pic-1.gif) 217px 0 repeat-y
}
h2 {
font-size:39px;
line-height:1.9em;
color:#0f0f0f;
margin-bottom:5px;
letter-spacing:-2px
}
h4 {
font-size:23px;
line-height:1.2em;
color:#fefefe;
letter-spacing:-1px;
margin-bottom:20px
}
h5 {
color:#0f0f0f;
text-decoration:underline;
font-weight:normal
}
h6 {
color:#0f0f0f;
font-weight:normal;
margin-bottom:5px
}
.border-bot {
width:100%;
padding-bottom:20px;
background:url(../images/pic-1.gif) 0 bottom repeat-x
}
.box-bg {
padding:33px;
background:#e4e4e4
}
.box {
width:100%;
background:url(../images/box.png) center 0 no-repeat #101010;
border-radius:19px;
-moz-border-radius:19px;
-webkit-border-radius:19px
}
.box h3 {
margin-top:-8px
}
.box .pad {
padding:28px 35px
}
.box.first .button {
background:url(../images/button1.png) left top no-repeat
}
.box.first .button:hover {
background-position:left bottom
}
.box.first .numb {
background:url(../images/numb-1.gif) 0 0 repeat-x #00a9ff
}
.box.second .button {
background:url(../images/button2.png) left top no-repeat
}
.box.second .button:hover {
background-position:left bottom
}
.box.second .numb {
background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902
}
.box.third .button {
background:url(../images/button3.png) left top no-repeat
}
.box.third .button:hover {
background-position:left bottom
}
.box.third .numb {
background:url(../images/numb-3.gif) 0 0 repeat-x #fabb0c
}
.numb {
display:inline-block;
padding:3px 7px 6px;
font-size:40px;
line-height:1.2em;
letter-spacing:-2px;
color:#fefefe;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px
}
.button-2 {
display:inline-block;
font-size:19px;
line-height:1.21em;
letter-spacing:-1px;
color:#fefefe;
padding:9px 20px 11px;
background:url(../images/button-tail.gif) 0 0 repeat-x #3c3c3c;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px
}
.button-2:hover {
background:#3c3c3c
}
.list-1 li {
line-height:24px;
padding-left:10px;
background:url(../images/marker.gif) 0 10px no-repeat
}
.list-1 li a {
display:inline-block;
color:#9d9d9d
}
.list-1 li a:hover {
text-decoration:underline
}
.list-2 li {
line-height:24px
}
.link {
color:#9d9d9d
}
.link:hover {
text-decoration:none
}
.link-1 {
display:inline-block;
font-size:14px;
padding-right:8px;
background:right 8px no-repeat
}
.link-1:hover {
color:#fff
}
.text-1 {
line-height:20px;
margin:0
}
dl.address {
line-height:24px;
color:#9d9d9d
}
dl.address span {
float:left;
width:74px;
color:#fefefe
}
dl.contact {
line-height:20px;
color:#9d9d9d
}
dl.contact span {
display:block;
color:#0f0f0f
}
dl.contact dt, dl.contact dd {
margin-bottom:5px
}
.tdate-1 {
font-size:20px;
line-height:1.2em;
color:#0f0f0f;
text-align:center;
letter-spacing:-2px;
margin:-8px 16px 0 0
}
.tdate-1 strong {
display:block;
font-size:49px;
line-height:1.2em;
color:#00a9ff;
margin-bottom:-10px
}
.tdate-2 {
float:left;
color:#0f0f0f
}
.news {
padding-left:25px;
background:url(../images/pic-1.gif) 0 0 no-repeat
}
#contact-form {
display:block
}
#contact-form label {
display:block;
height:30px;
overflow:hidden
}
#contact-form input {
float:left;
width:526px;
font-size:13px;
line-height:1.23em;
color:#0f0f0f;
padding:4px 10px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ebebeb;
background:none
}
#contact-form textarea {
height:262px;
overflow:auto;
float:left;
width:526px;
font-size:13px;
line-height:1.23em;
color:#0f0f0f;
padding:4px 10px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ebebeb;
background:none
}
.text-form {
float:left;
display:block;
font-size:14px;
width:73px;
line-height:1.78em;
color:#0f0f0f
}
.buttons {
padding-top:16px;
text-align:right
}
.buttons a {
margin-left:6px;
padding:9px 25px 11px
}
/* footer */
footer {
width:100%;
height:150px;
}
.row-top {
width:100%;
padding:33px 0 42px;
background:#000
}
.row-padding {
padding:0 62px
}
.row-bot {
width:100%;
padding:35px 0;
font-size:12px;
line-height:20px
}
.list-services li {
line-height:24px;
padding-left:28px
}
.list-services li a {
color:#9d9d9d;
text-decoration:none
}
.list-services li a:hover {
text-decoration:underline
}
.list-services li.item-1 {
background:url(../images/facebook.png) 0 3px no-repeat
}
.list-services li.item-2 {
background:url(../images/twitter.png) 0 3px no-repeat
}
.list-services li.item-3 {
background:url(../images/linkedin.png) 0 3px no-repeat
}
.footer-logo {
display:block;
color:#9d9d9d;
font-size:60px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:-3px;
font-weight:400;
margin-bottom:5px
}
.footer-logo strong {
color:#00a9ff;
text-transform:none;
display:inline-block
}
.phone {
display:inline-block;
font-size:20px;
line-height:1.2em;
color:#9d9d9d;
letter-spacing:-1px;
padding-left:5px
}
.phone strong {
color:#fff
}