html {font-size: 62.5%; /*10px*/}
body {padding: 0; margin:0; color: #56595d; background: #00152e; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; font-size: 17px; font-size: 1.7rem; line-height:25px; line-height:2.5rem;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}
.nav, .nav li {margin:0; padding:0; list-style-type:none;}

a {color: #002959;}
a:hover {text-decoration:none;}
img {border:0;}
strong {font-weight: 700;}

table {width: 100%;}
table td {vertical-align: top; width: 33.33%; padding:0 10px 0 0;}

.product-image img {display:block; border: 6px solid #e0e2e5; float:right; margin: 0 0 1em 20px; border-radius: 4px; box-shadow: 0px 6px 0px #f1f3f3; position:relative; z-index:2;}
.product-image:hover img {box-shadow:none; border-color: #08a0d9;}
.gallery .product-image img {float: left;}
.gallery .product-image:first-of-type img {margin-left:0;}
.link-more {display: inline-block; padding: 0.55em 25px 0.5em; background: #86b923; margin-bottom: 1em; border-top: 6px solid #a0c82a; box-shadow: 0px 6px 0px #dadddf; text-transform: uppercase; border-radius: 4px; color: #fff; text-decoration: none; font-weight: 500; font-family: 'Teko', sans-serif; font-size: 30px; font-size: 3.0rem;}
#slides .link-more {margin: 0 auto; box-shadow: 0px 6px 0px rgba(23, 43, 55, 0.16);} 
.link-more:hover, #slides .link-more:hover {background: #a0c82a; box-shadow: none;}

p, ul, ol, dl, table {margin: 0 0 1em 0; padding: 0;}
ul, dl {margin-left:20px;}
#content-right ul li {list-style-type:none; position:relative; padding-bottom: 0.2em;}
#content-right ul li:before {display:block; content:''; position: absolute; left:-16px; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: #86b923;}
.p-0 {padding:0 !important;}

h1 {margin: 0 0 0.4em 0; padding: 0; font-weight: 500; font-size: 35px; font-size: 3.5rem; line-height: 1.2; color: #08a0d9; font-family: 'Teko', sans-serif;}
h2 {margin: 1.2em 0 0.4em 0; padding: 0; font-weight:300; font-size: 32px; font-size: 3.2rem; line-height: 1.2; color: #808489; font-family: 'Teko', sans-serif;}
h3 {margin: 1.2em 0 0.5em 0; padding: 0; font-weight:700; font-size: 22px; font-size: 2.2rem; line-height: 1.2; color: #696258; font-family: 'Teko', sans-serif;} 
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}

/* LAYOUT */
.content {width: 940px; margin: 0 auto;}
#topbar {position: absolute; top:0; width: 100%; background: #002959; color: #fff; font-size: 22px; font-size: 2.2rem;}
#topbar .content {height: 38px; padding-top: 7px;}
#topbar strong {display:block; float:right; padding: 0.1em 0 0.2em 40px; font-weight: 600; background: url(images/ico-hotline.png) 0 0 no-repeat;}
#langs {float:right; padding-left: 80px;}
#langs a {display:block; float:left; margin-right: 15px; overflow: hidden; text-indent: 100px; height: 30px; width: 30px; background: url(images/ico-langs.png) 0 0 no-repeat;}
#langs a:hover, #langs a.active {background-position: 0 bottom;}
#langs a#en {background-position: 50% 0;}
#langs a#en:hover, #langs a#en.active {background-position: 50% bottom;}
#langs a#ru {background-position: right 0;}
#langs a#ru:hover, #langs a#ru.active {background-position: right bottom;}
#header {position: absolute; top: 45px; width:100%; background: url(images/header.gif) #08a0d9;}
#header .content {height: 170px; position:relative; font-family: 'Teko', sans-serif;}
.home #header .content {height: 700px;}
#header #logo {position: absolute; left:0; top:30px; z-index:100;}
#content {padding-top: 215px; background: #fff;}
.home #content {padding-top: 745px;}
#content .content {padding: 3em 0 2.5em;}
#content-right {width: 610px; float:right;}
#content-right h2 {margin-top: 0.5em;}
.product-table {width: 370px;}
.product-table tr td:first-of-type {width: 60%;}
.gallery {padding-bottom: 20px;}
#footer {padding: 2em 0 1em; color: #fff;}
#contact {float:left; width: 200px; padding: 0.2em 0 0 40px; background: url(images/ico-contact.png) 0 0 no-repeat;}
#direct {float:left;}
#direct strong {display:block; padding: 0.2em 0 0 40px;}
#phone {background: url(images/ico-phone.png) 0 0 no-repeat;}
#email {background: url(images/ico-email.png) 0 0 no-repeat;}
#copyright {float:right; text-align:right; color: #525961; font-size: 15px; font-size: 1.5rem; line-height:21px; line-height:2.1rem;}
#copyright a {text-decoration: none; color: #525961;}
#copyright a:hover {text-decoration: underline;}

/* MENUS */
#header .nav {position: absolute; right:0; top:70px; z-index:100;}
#header .nav li {float: left; font-size: 26px; font-size: 2.6rem; line-height:32px; line-height:3.2rem; font-weight: 500; text-transform: uppercase; padding-left: 2px;}
#header .nav li a {display:block; padding: 0.4em 15px 0.2em; color: #fff; text-decoration: none; border-radius: 4px;}
#header .nav li.active a, #header .nav li a:hover {background: url(images/menu-active.png);}
#header #mark-new {position:relative;}
#header #mark-new:after {display:block; position: absolute; content: "Nové"; background: yellow; border-radius:2px; right: 0; top: -10px; padding: 5px 5px 2px; font-size: 12px; line-height: 12px;}

#menu-left {width: 300px; float:left;}
#menu-left a {display:block; padding: 0.5em 15px 0.5em 47px; background: url(images/menu-left.png) no-repeat 15px 11px #002959; color: #fff; margin-bottom: 5px; border-radius: 4px; line-height:22px; line-height:2.2rem; text-decoration: none; font-weight: 600;}
#menu-left li.active a, #menu-left li a:hover {background: url(images/menu-left-hover.png) no-repeat 15px 11px #08a0d9;}

/* SLIDER */
#slides {position: relative; margin-bottom: 5em;}
.slide-content {position: absolute; top: 300px; width: 940px; height: 300px; z-index:10; text-align: center;}
.slide-content img {float:left; display:block; margin-right: 7px;}
.slide-content h2 {color: #fff; font-size: 50px; font-size: 5.0rem; line-height: 1.3; text-shadow: 0px 2px 0px #006aae;}
.slide-content h2 span {display:block; color: #0e3d69; font-size: 34px; font-size: 3.4rem; font-weight: 500; text-shadow: 0px 2px 0px #08a0d9;}
.slidesjs-navigation {position: absolute; z-index: 100; top: 435px; left: 50%; margin-left: -188px; width: 46px; height: 46px; overflow: hidden; text-indent: 100px; background: url(images/slider-arrows.png) no-repeat 0 0; border: 2px solid #fff; border-radius: 50%; box-shadow: 0px 2px 0px #006aae;}
.slidesjs-navigation.slidesjs-previous {margin-left: 140px; background-position: right 0;}
.slidesjs-navigation.slidesjs-previous:hover, .slidesjs-navigation.slidesjs-next:hover {box-shadow: none; background-position: right bottom;}
.slidesjs-navigation.slidesjs-next:hover { background-position: 0 bottom;}

/* VYJIMKY ANGLICTINA */
body.en #header #mark-new:after {content: "New";}

/* VYJIMKY RUSTINA */
body.ru, body.ru h1, body.ru h2, body.ru h3, body.ru h4, body.ru h5, body.ru #header .content {font-family: Arial, Helvetica, sans-serif;}
body.ru h1, body.ru h2, body.ru h3, body.ru h4, body.ru h5, body.ru #header .nav li {font-weight: bold;}
body.ru h1 {font-size: 28px; font-size: 2.8rem;}
body.ru h2 {font-size: 25px; font-size: 2.5rem;}
body.ru h3 {font-size: 22px; font-size: 2.2rem;}
body.ru #header .nav li {font-size: 16px; font-size: 1.6rem;}
body.ru #header .nav li a {padding: 0.3em 10px 0.3em;}
body.ru #topbar {font-size: 19px; font-size: 1.9rem;}
body.ru .link-more {font-size: 18px; font-size: 1.8rem;}
body.ru #header #mark-new:after {content: "новый"; font-size: 10px; padding: 3px 5px 2px;}
body.ru #slides h2 {margin-bottom: 1.4em;}
body.ru .slidesjs-navigation.slidesjs-next {margin-top: -22px; margin-left: -260px;}
body.ru .slidesjs-navigation.slidesjs-previous {margin-top: -22px; margin-left: 210px;}