/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}

* {margin: 0; padding: 0;}



/* STRUCTURE */

header, nav, section, article, aside, footer {display: block; position: relative;}
body{color: #6e6e6e; font: normal 14px/1.4 'Roboto Condensed', Arial, sans-serif; font-weight: 300;}

.container{width: 1000px; margin: 0 auto; position: relative;}



#top {height: 85px;}


	#logo {position: absolute; left: 0px; top: 0px; height: 31px; width: 300px; padding: 25px 0 0 0;}

	#lang {margin: 35px 25px 0 0;}
	#lang li {float: left; color: #5e5e5e; font: normal 13px/1 'Roboto Condensed', Tahoma, Arial, sans-serif; padding: 0;}
	#lang li:first-child:after {content:" /"; padding: 0 4px;}
	#lang li a {color: #5e5e5e; font-weight: 400;}
	#lang li a:hover,#lang li a.selected {color: #00529b;}

	#search {margin: 28px 0 0 0;}
	#search input {vertical-align: middle;}
	.search_btn {background: url(/img/bg_search.png) center center no-repeat #dcdcdc; width: 30px;}

	#main-nav {height: 55px; background-color: #00529b; margin: 0 auto; display: block; width: 1000px;}
    #main-nav ul{height: 55px;}
	#main-nav li {float: left; position: relative;}
	#main-nav li a {color: #fff; font: normal 16px/55px 'Roboto Condensed', Tahoma, Arial, sans-serif; padding: 0 25px; display: block; font-weight: 400;}
	#main-nav li a:hover, #main-nav li a.selected {color: #fff; background-color: #e5b300;}



#page-content, #home-content {background-color: #fff; padding: 40px 0; border-bottom: 4px solid #d5d5d5;}
#home-content h3 {padding: 0px; margin: 0 0 15px 0; border-bottom: 0px solid #fff; border-top: 0px solid #fff;}
	#content {width: 750px; margin: 0 0 50px 0; float: left;}
		#content ul, #page_kontakt .form .rodo ul {list-style-position:inside; margin: 0 0 15px 0;}
		#content li, #page_kontakt .form .rodo li {padding: 0 0 0 25px; background: url(/img/bg_li.png) top left no-repeat;}
	#sub_nav {width: 270px;}

h1.breadcrumbs {color: #6e6e6e; text-transform: none; font-size: 14px;}
h1.breadcrumbs a {color: #6e6e6e;}
h1.breadcrumbs a:hover {color: #00529b;}
h1.breadcrumbs span {color: #00529b; text-transform: uppercase; font-size: 20px;}

#banslider{margin: 0 0 30px 0;}
	#banslider ul li span {color: #434342; font: normal 16px/18px 'Roboto Condensed', Tahoma, Arial, sans-serif; height: 50px; display:block; font-weight: 400;}
	#banslider ul li{float:left; width:162px; padding: 15px; margin: 0 10px 0 0; background-color: #dbdbdb; position:relative; transition: 0.3s;}
	#banslider ul li img {width: 162px;}
	#banslider ul li:hover {background-color: #00529b;}
	#banslider ul li:hover span {color: #fff;}
	#banslider ul li:last-child {margin: 0px;}
	#banslider ul li a {position: relative; display: block;}
    #banslider ul li img.color{position: absolute; top: 50px; left: 0; z-index: 10; display: none;}

footer {padding: 40px 0; color: #a9a9a9; font: normal 13px/1.3 'Roboto Condensed', Tahoma, Arial, sans-serif; font-weight: 300;}
footer strong {font-family: 'Roboto Condensed', Tahoma, Arial, sans-serif; font-weight: 400;}
footer a {color: #a9a9a9; font-weight: 300;}
footer a:hover {color: #00529b;}
#footer-contact {width: 530px;}
#footer-copy{}

.fb_ico {background: url(/img/ico_fb.png) top center no-repeat;}
a.fb_ico {background-position: 0px 0px; width: 35px; height: 35px; display: inline-block; margin: 0 10px 0 0; transition: 0.4s;}
a.fb_ico:hover {background-position: 0px -35px; width: 35px; height: 35px;}

.yt_ico {background: url(/img/ico_yt.png) top center no-repeat;}
a.yt_ico {background-position: 0px 0px; width: 35px; height: 35px; display: inline-block; margin: 0 10px 0 0; transition: 0.4s;}
a.yt_ico:hover {background-position: 0px -35px; width: 35px; height: 35px;}






#cookies {border-top: 1px solid #e7e7e7;}
	.cookies_baner {width: 1140px; margin: 0 auto; padding: 20px 0; color: #aaa; font-size: 12px;}
	.cookies_text {width: 1000px;}
	p.cookies_text {margin: 0;}

/* HOME */

#slider {width: 1000px; margin: 0 auto; height: 400px; overflow: hidden; position: relative; text-align: center;  z-index: 1999;}
	.slide {position: relative; width: 100%; height: 100%;}
	.slide-wrap {position: absolute; bottom: 30px;  width: 900px; text-align: left; padding: 20px 50px 8px 50px; background: url(/img/bg_wrap.png) top center repeat;}
	.slide-title {color: #fff; font: normal 22px/1.8 'Roboto Condensed', Tahoma, Arial, sans-serif; font-weight: 700; text-transform: uppercase; width: 1000px; margin: 0 auto;}
	.slide-text {color: #fff; font: normal 16px/1.25 'Roboto Condensed', Tahoma, Arial, sans-serif; font-weight: 300; width: 1000px; margin: 0 auto;}
	.slide-more {color: #d62424; text-transform: uppercase; font-size: 11px;}
	.slide-nav {position: absolute; top: 30px; right: 30px;}
	.slide-left, .slide-right{cursor: pointer; width:15px; height:15px; display:block; float:left; font: normal 28px/28px Lato-Regular, Tahoma, Arial, sans-serif; color: #d62424;}
	.slide-left:hover, .slide-right:hover {color: #777;}

	#slide-tabs{width: 1200px; height: 16px; position: absolute; bottom: 0px; left: 0px;}
		#slide-tabs a {width: 240px; height: 13px; background-color: #777; font-size: 14px; display: inline-block; color: #fff; margin: 0px; padding: 3px 30px 0 30px;}
		#slide-tabs a:hover, #slide-tabs a.selected {background-color: #d62424;}



/* PRODUCT */

#product-tabs {border: 1px solid #d5d5d5; margin: 20px 0 0 0; background-color: #fff; width: 747px;}
#content .tabs li {display: inline-block; font: normal 15px/1.25 'Roboto Condensed', Arial, Tahoma, sans-serif; background: none; padding: 0; margin: 0;}
#content .tabs li a {color: #434342; background-color: #f1f1f1; padding: 10px 20px; margin: 0; width: 146px; display: inline-block; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; font-weight: 400;}
#content .no-fields li a {width: 208px;}
#content .tabs li:last-child  a{border-right: 0px solid #d5d5d5;}
#content .tabs li a:hover {color: #00529b; background-color: #fff;}
#content .tabs li a.no-hover:hover {background-color: #f1f1f1; cursor: default;}
#content .tabs li.ui-state-active a {color: #00529b; background-color: #fff; border-bottom: 0px solid #d5d5d5;}
#tab-size, #tab-params, #tab-gallery, #tab-cut {padding: 20px;}

#tab-size th, #tab-params th {font: normal 14px/1.2 'Roboto Condensed', Tahoma, Arial, sans-serif; color: #00529b; text-align: center; vertical-align: middle; padding: 7px 5px; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; font-weight: 400;}
#tab-size th:last-child, #tab-params th:last-child, #tab-size td:last-child, #tab-params td:last-child  {border-right: 0px solid #d5d5d5;}
#tab-size td, #tab-params td {text-align: center; font-size: 13px; vertical-align: middle; padding: 7px 5px; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }

#galeria_lista {border: 1px solid #d5d5d5; margin: 20px 0 0 0; padding: 20px 20px 0px 20px;}

#tab-gallery a, #tab-cut a, #galeria_lista a {float: left; display: block; width: 215px; height: 150px; border: 1px solid #d5d5d5; margin: 0 28px 25px 0; overflow: hidden; text-align: center;}
#tab-gallery a img, #tab-cut a img, #galeria_lista a img {width: 215px; height: 150px; transition: 0.2s;}
#tab-gallery a:hover img, #tab-cut a:hover img, #galeria_lista a:hover img {width: 230px; height: 160px; margin: -5px 0 0 -7.5px;}
#tab-gallery a:nth-child(3n), #tab-cut a:nth-child(3n), #galeria_lista a:nth-child(3n)  {margin: 0 0 25px 0;}

#page-product figure {float: right; width: 355px; height: 284px; overflow: hidden; position: relative; text-align: center; vertical-align: middle;}

#page-product figure .zoom_ico {background: url(/img/ico_zoom_s.png) top center no-repeat; width: 20px; height: 20px; padding: 5px; position: absolute; top: 0px; right: 0px; z-index: 0;  transition: 0.3s;}
#page-product figure:hover .zoom_ico {background: url(/img/ico_zoom.png) top center no-repeat; width: 30px; height: 30px;}

#page-product figure img {width: 355px; z-index: 1; position: relative; transition: 0.3s; vertical-align: middle;}
#page-product figure img:hover {width: 375px; margin: -10px 0 0 -10px;}
#page-product .desc {float: left; width: 375px;}


/* ACCORDION */
.accordion-container{margin: 8px 0px;}
	.accordion-container .accordion-header{border-bottom: 1px solid #e7e7e7; padding: 5px 0;}
	.accordion-date{float:left; width: 80px; font: normal 13px/1.1 Lato-Regular, Tahoma, Arial, sans-serif;}
	.accordion-more-a{float:left; width: 625px; cursor:pointer; font: normal 13px/1 Lato-Regular, Tahoma, Arial, sans-serif; text-transform: uppercase;}
	.accordion-more-a:hover {color: #d62424;}
	.accordion-more-img{float:right; width: 18px; height: 18px; background: url(/img/bg_accordion.png) top center no-repeat; cursor:pointer;}
		.accordion-more-img.open{background-position: 0px -18px;}
		.accordion-more-img.close{background-position: 0px 0px;}
	.accordion-content{display:none; width: 800px; padding: 20px 0 10px 0;}
		.accordion-content .yt-video-container{border:none; width:640px; height:350px;}


/* PAGES - contact */

input, textarea, select {padding: 8px 4px; font-size: 12px; border: 1px solid #dcdcdc; box-shadow: 0px 0px 6px rgba(0,0,0,0.1); margin: 0 0 10px 0; color: #6e6e6e; font: normal 12px/1.4 'Roboto Condensed', Arial, sans-serif; font-weight: 300;}
#search input, #search textarea, #search select {padding: 4px 4px; font-size: 12px; background-color: #dcdcdc; color: #fff; border: 1px solid #dcdcdc; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); color: #fff; font: normal 12px/1.4 'Roboto Condensed', Arial, sans-serif; font-weight: 300;}
input:focus, textarea:focus, select:focus {border: 1px solid #e5b300;}

#page_kontakt #token{width: 350px; display: inline-block;}
#page_kontakt #token img {background-color: #393e42; height: 34px; float: left; vertical-align: middle; margin: 0px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#page_kontakt #token input {float: right; width: 240px; text-align: left;}

#page_kontakt {width: 1000px !important;}
.adress {width: 750px; margin: 0 0 30px 0;}
.form {width: 750px;}
.form input {width: 740px;}
.form textarea {width: 740px; min-width: 740px; max-width: 740px;}
#page_kontakt .form li {margin: 0px; padding: 0px; background: none;}

/* PAGINATION */

#pagination{margin: 30px 0 0 0; text-transform: uppercase;}

#pagination .box_left {float:left; line-height: 22px;}
#pagination .box_center {float:left; line-height: 26px; margin: 0 10px; color: #777;}
#pagination .box_center a {padding: 0 4px;}
#pagination .box_right {float:left; line-height: 22px;}
.next, .first, .last, .previous {font-size: 20px; line-height: 22px;}
#pagination a {display: inline-block; color: #777;}
#pagination a:hover {color: #d62424;}


/* FORMAT */

h1{font: normal 20px/1.25 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; padding: 0 0 15px 0;text-transform: uppercase;}
h2{font: normal 18px/1.25 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; margin: 0 0 15px 0; color: #00529b; text-transform: uppercase;}
h3{font: normal 17px/1.25 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; color: #434342; margin: 0 0 15px 0; padding: 15px 0; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5;}
h4{font: normal 14px/1.25 'Roboto Condensed', Arial, Tahoma, sans-serif; font-weight: 400; color: #00529b; margin: 0 0 10px 0;}

.highlight{color: #d62424;}

.flt-l{float: left;}
.flt-r{float: right;}

.foto {border: 1px solid #dbdbdb; padding: 22px;}
a.foto {display: inline-block; text-align: center; margin: 0px; padding: 20px;}

hr {background-color: #d5d5d5; height: 1px; border: 0px solid #fff; margin: 20px 0 15px 0;}

.download-pdf {position: absolute; bottom: 83px; left: 0px;}
.download_box {margin: 0 0 30px 0;}

.clr {clear: both; overflow: hidden; height: 0px;}

strong {color: #434342; font-weight: 400;}
.strong {font-weight: 700;}

a{color: #00529b; font-weight: normal; text-decoration: none; outline: none;}
a:hover{color: #5e5e5e;}
a img{border: none; outline: none;}
b.red, span.red, .red{color: #d42027;}

/* BUTTON */

.btn {cursor: pointer; color: #fff; background-color: #e5b300; border: 1px solid #e5b300; padding: 5px 10px 6px 10px; display: inline-block; font: normal 14px/1.4 'Roboto Condensed', Tahoma, Arial, sans-serif; transition: 0.3s; font-weight: 400;}
.btn:hover {color: #5e5e5e; border: 1px solid #dbdbdb; background-color: #fff;}
.btn img {vertical-align: middle;}

/* PRELOAD */

#preloadb{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #000; opacity: 0.85; filter: alpha(opacity = 85); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm{font-family:'Roboto Condensed', tahoma, arial; width: 300px; position: fixed; top: 25%; left: 50%; margin: 0 0 0 -150px; padding: 40px; line-height: 24px; text-align: center; z-index: 111113; background-color: #00529b; font-size: 14px; text-transform: uppercase; color: #fff; display: none; cursor: pointer;}