/*
font-family:'Slate W02 Light';
font-family:'Slate W02 Bold';
*/

html, body { background: #fff; color: #545454; font-family: 'calibri', sans-serif; font-size: 14px; line-height: 1.6em; margin: 0; padding: 0; width: 100%;  position: relative; }

/* header */
#header-wrapper { width: 100%; position: relative; background: #f64243; }
#header { max-width: 990px; height: 143px; position: relative; overflow: hidden; margin: 0 auto; padding: 0 20px;}

/* a */
a#logo { display: block; width: 185px; height: 75px; background: url('/images/dormet/logo.png'); position: absolute; left: 0; top: 32px; z-index: 999; }


a { transition: color 0.3s ease; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3 ease; text-decoration: underline; color: #565455; }
a:hover, a:active { transition: color 0.3s ease; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3 ease; text-decoration: none; color: #F64243; }

/* h */
h2.horz-line-header { width: 100%; height: 20px; font-weight: normal; position: relative; font-size: 20px; font-family:'Slate W02 Bold', sans-serif;}
.horz-line-header .text { display: block; padding-right: 20px; background: #fff; position: absolute; left: 0; top: 0; z-index: 1; }
.horz-line-header .line { display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 10px; border-top: 1px solid #707070; z-index: 0; }


/* b */
b, .bold, strong { font-family: 'Slate W02 Bold', sans-serif; font-weight: bold; }

/* clear */
.clear { clear: both; overflow: auto; }

/* topmenu */
#topmenu { position: absolute; right: 0; top: 0px; float: left;width: calc(100% - 234px);display: flex; }
#topmenu li { display: inline-block; min-width: 71px; left;/* margin-left: 75px; */text-align: center; margin:0 auto;}
#topmenu li a .top-menu-item-bg { width: 100%; height: 60px; display: inline-block;  }
#topmenu li a .underline-menu { width: 0%; height: 2px; background: #fff; display: block; position: absolute; bottom: 0px; left: 50%; }
#topmenu li a.on .underline-menu { width: 100%; display: block; position: absolute; left: 0; bottom: 0; }
#topmenu li a { color: #fff; text-decoration: none; display: block; padding-bottom: 10px; position: relative; }
#topmenu li a:hover, #topmenu li a:active { text-decoration: none; }
ul#topmenu li:last-child {margin-right: 20px;}

#topmenu li#item-10 a .top-menu-item-bg { background: url('/images/dormet/icons_top.png') center 0 transparent scroll no-repeat; }
#topmenu li#item-11 a .top-menu-item-bg { background: url('/images/dormet/icons_top.png') center -80px transparent scroll no-repeat; }
#topmenu li#item-12 a .top-menu-item-bg { background: url('/images/dormet/icons_top.png') center -160px transparent scroll no-repeat; }
#topmenu li#item-13 a .top-menu-item-bg { background: url('/images/dormet/icons_top.png') center -240px transparent scroll no-repeat; }
#topmenu li#item-14 a .top-menu-item-bg { background: url('/images/dormet/icons_top.png') center -320px transparent scroll no-repeat; }

/* szukajka */
#shop-search-wrapper { width: 100%; position: relative; background: #555555; padding-top: 20px; padding-bottom: 30px; }
#shop-search { max-width: 990px; position: relative; margin: 0 auto; padding: 0 20px;}
#shop-search ul { margin: 0; padding: 0; float: left; width: 100%; }
#shop-search ul li { display: inline-block; float: left; }

#shop-search label { display: block; width: 100%; color: #9d9b9c; }
#shop-search input.text { border: none; background: #fff; width: 96%; padding-left: 2%; padding-right: 2%; height: 22px; line-height: 22px; }
#shop-search input[type=submit] { width: 100%; height: 24px; background: #f64243; color: #fff; font-weight: bold; border: none; text-transform: uppercase; padding-bottom: 2px; }

/* content homepage */
#content { max-width: 990px; position: relative; margin: 0 auto; overflow: hidden; }
#tiles-container { margin-top: 35px; }
#tiles-container ul { margin: 0; padding: 0; float: left;display: flex;flex-flow: row wrap;}
#tiles-container ul li { display: inline-block; width: 128px; overflow: hidden; float: left;/* margin-right: 6px !important; *//*margin-left: 7px;*/ margin-bottom: 35px; margin: 0 auto!important;padding: 0 10px; }
#tiles-container ul li a { display: block; color: #565455; transition: color 0.3s ease; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; text-decoration: none; font-size: 16px; }
#tiles-container ul li a .tile-icon { display: block; width: 128px; height: 128px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; background: url('/images/dormet/icons_main_128.png') 0 0 #565455 scroll no-repeat; }
#tiles-container ul li a:hover { color: #f64243; transition: color 0.3s ease; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; }
#tiles-container ul li a:hover .tile-icon { transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; background-color: #f64243; }
#tiles-container ul li a .tile-name { display: block; width: 90%; padding-left: 5%; padding-right: 5%; text-align: center; margin-top: 18px; min-height: 66px; margin-bottom: 12px;}

#tiles-container ul li#tile-15 .tile-icon { background-position: 0 0; }
#tiles-container ul li#tile-16 .tile-icon { background-position: 0 -122px; }
#tiles-container ul li#tile-17 .tile-icon { background-position: 0 -256px; }
#tiles-container ul li#tile-18 .tile-icon { background-position: 0 -384px; }
#tiles-container ul li#tile-19 .tile-icon { background-position: 0 -512px; }
#tiles-container ul li#tile-20 .tile-icon { background-position: 0 -640px; }
#tiles-container ul li#tile-21 .tile-icon { background-position: 0 -768px; }
#tiles-container ul li#tile-22 .tile-icon { background-position: 0 -896px; }
#tiles-container ul li#tile-23 .tile-icon { background-position: 0 -1024px; }
#tiles-container ul li#tile-24 .tile-icon { background-position: 0 -1152px; }
#tiles-container ul li#tile-25 .tile-icon { background-position: 0 -1280px; }
#tiles-container ul li#tile-26 .tile-icon { background-position: 0 -1408px; }
#tiles-container ul li#tile-188 .tile-icon { background-position: 0 -1536px; }
#tiles-container ul li#tile-220 .tile-icon { background-position: 0 -1664px; }
#tiles-container ul li#tile-223 .tile-icon { background-position: 0 -1792px; }

/* grafika do 186x186

#tiles-container ul li#tile-15 .tile-icon { background-position: 0 0; }
#tiles-container ul li#tile-16 .tile-icon { background-position: 0 -186px; }
#tiles-container ul li#tile-17 .tile-icon { background-position: 0 -372px; }
#tiles-container ul li#tile-18 .tile-icon { background-position: 0 -558px; }
#tiles-container ul li#tile-19 .tile-icon { background-position: 0 -744px; }
#tiles-container ul li#tile-20 .tile-icon { background-position: 0 -930px; }
#tiles-container ul li#tile-21 .tile-icon { background-position: 0 -1116px; }
#tiles-container ul li#tile-22 .tile-icon { background-position: 0 -1302px; }
#tiles-container ul li#tile-23 .tile-icon { background-position: 0 -1488px; }
#tiles-container ul li#tile-24 .tile-icon { background-position: 0 -1674px; }
#tiles-container ul li#tile-25 .tile-icon { background-position: 0 -1860px; }
#tiles-container ul li#tile-26 .tile-icon { background-position: 0 -2046px; }
#tiles-container ul li#tile-188 .tile-icon { background-position: 0 -2232px; }
#tiles-container ul li#tile-220 .tile-icon { background-position: 0 -2418px; }
*/

/* homepage content 2 */
#content-2-wrapper { width: 100%; border-top: 6px solid #d4d2d3; padding-top: 50px; }
#content-2 { max-width: 990px; position: relative; margin: 0 auto; }
#horz-line { margin-top: 20px; border-top: 1px solid #707070; height: 1px; position: relative; width: 100%; min-height: 20px;}
#homepage-text-title { width: 100%; position: absolute; top: -10px; text-align: center; }
#homepage-text-title span { display: inline-block; background: #fff; padding-left: 2%; padding-right: 2%; font-weight: bold; font-size: 22px; }
#content-2-text { width: 90%; padding-left: 5%; padding-right: 5%; }

/* stopka */
#footer-wrapper { width: 100%; padding-top: 35px; padding-bottom: 25px; color: #fff; background: #494748; margin-top: 60px; }
#footer { max-width: 990px; margin: 0 auto; position: relative; display: table; padding: 0 20px;width: 100%;box-sizing: border-box;}
.text-box-footer { display: table-cell; height: 100%; }
#footer-text-box-1 { width: 15%; padding-right: 5%; border-right: 1px solid #fff; vertical-align: bottom; min-width: 112px;}
#footer-text-box-2 { width: 25%; padding-left: 5%; vertical-align: bottom; min-width: 241px;}
#footer-text-box-3 { width: 50%; vertical-align: middle; text-align: right; }

/* subpage */
#subpage-content-wrapper { width: 100%; position: relative; margin-top: 30px; }
#subpage-content { max-width: 990px; margin: 0 auto; padding: 0 0 0 20px; }

/* oferta */
#offer-subpage { width: 100%; overflow: hidden; }
#offer-left-side { width: 245px; margin-right: 25px; float: left; }
#offer-right-side { width: 720px; float: right;width: calc(100% - 270px); }

ul#offer-left-menu { width: 100%; float: left; list-style: none; margin: 0; padding: 0; }
ul#offer-left-menu li { display: block; width: 100%; position: relative; width: 190px; height: 36px; line-height: 36px; padding-left: 55px; margin-bottom: 30px; }
ul#offer-left-menu li a { display: block; font-size: 14px; text-align: left; text-decoration: none; }
ul#offer-left-menu li .offer-category-icon { position: absolute; left: 0; top: 0; width: 36px; height: 36px; overflow: hidden; background: url('/images/dormet/icons_main_small.png') 0 0 #565555 scroll no-repeat; transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul#offer-left-menu li:hover .offer-category-icon, ul#offer-left-menu li.active .offer-category-icon { transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; background-color: #e74b4c; }
ul#offer-left-menu li a:active, ul#offer-left-menu li.active a { color: #F64243; transition: color 0.3s ease; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; }

#offer-right-side #offer-content { max-width: 718px; height: 773px; border: 1px solid #484848; background: #fff; position: relative;overflow: hidden; }

#offer-left-menu #o-item-16 .offer-category-icon { background-position: 0 -36px }
#offer-left-menu #o-item-17 .offer-category-icon { background-position: 0 -72px }
#offer-left-menu #o-item-18 .offer-category-icon { background-position: 0 -108px }
#offer-left-menu #o-item-19 .offer-category-icon { background-position: 0 -144px }
#offer-left-menu #o-item-20 .offer-category-icon { background-position: 0 -180px }
#offer-left-menu #o-item-21 .offer-category-icon { background-position: 0 -216px }
#offer-left-menu #o-item-22 .offer-category-icon { background-position: 0 -252px }
#offer-left-menu #o-item-23 .offer-category-icon { background-position: 0 -288px }
#offer-left-menu #o-item-24 .offer-category-icon { background-position: 0 -324px }
#offer-left-menu #o-item-25 .offer-category-icon { background-position: 0 -360px }
#offer-left-menu #o-item-26 .offer-category-icon { background-position: 0 -396px }
#offer-left-menu #o-item-188 .offer-category-icon { background-position: 0 -432px }
#offer-left-menu #o-item-220 .offer-category-icon { background-position: 0 -468px }
#offer-left-menu #o-item-223 .offer-category-icon { background-position: 0 -505px }

.offer-content-item  { padding-left: 45px; padding-top: 45px; /*width: 673px;*/ height: 708px; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; overflow: auto; padding-bottom: 20px; width: 95%;}
.offer-content-item-sub { padding: 45px; padding-bottom: 20px; width: 628px; height: 708px; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; }

#offer-content { font-size: 14px; }

#offer-content #oc-item-15 { background: url('/images/dormet/foto_1.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-16 { background: url('/images/dormet/foto_2.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-17 { background: url('/images/dormet/foto_3.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-18 { background: url('/images/dormet/foto_4.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-19 { background: url('/images/dormet/foto_5.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-20 { background: url('/images/dormet/foto_6.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-21 { background: url('/images/dormet/foto_7.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-22 { background: url('/images/dormet/foto_8.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-23 { background: url('/images/dormet/foto_9.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-24 { background: url('/images/dormet/foto_10.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-25 { background: url('/images/dormet/foto_11.jpg') right bottom transparent scroll no-repeat; }
#offer-content #oc-item-26 { background: url('/images/dormet/foto_12.jpg') right bottom transparent scroll no-repeat; }

#offer-content .oc-item-icon { display: inline-block; vertical-align: middle; width: 40px; height: 40px; line-height: 40px;  overflow: hidden; margin-right: 5px; }
#offer-content .oc-item-icon img { max-width: 40px; max-height: 40px; vertical-align: middle; margin-right: 5px;  }
.of-item-url { display: block; width: 100%; display: block; margin-bottom: 20px; }
/* formularz */
#contact-form {}
#contact-form ul { margin: 0; padding: 0; float: left; width: 100%; }
#contact-form ul li { list-style: none; display: block; width: 100%; float: left; margin-bottom: 8px; }
#contact-form ul li label { width: 25%; padding-right: 5%; text-align: right; display: inline-block; float: left; height: 26px; line-height: 26px; }
#contact-form ul li input { width: 36%; padding-left: 2%; padding-right: 2%; height: 22px; border: 1px solid #000; }
#contact-form ul li textarea { width: 100%; margin: 0; padding: 0; padding: 2%; border: 1px solid #000;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
#contact-form ul li input[type=submit] { padding-left: 20px; padding-right: 20px; height: 26px; background: #fa3c3c; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #fed7d8; width: 100px; }

#copyrights { bottom: 20px; font-size: 12px; position: absolute; right: 20px; top: 0; display: block; }
#footer-cyrek-it { background: url("/images/cyrek-inactive.png") no-repeat scroll transparent; display: block; height: 25px; width: 100px; }
#footer-cyrek-it:hover { background: url("/images/cyrek.png") no-repeat scroll 0 0 transparent; }

#contact-page-content, #contact-page-content * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#contact-page-content { clear: both; overflow: hidden; }
#contact-page-content > .left { width: 50%; padding-right: 20px; float: left; border-right: 1px solid rgb(96, 56, 20); }
#contact-page-content > .right { width: 50%; padding-left: 20px; float: right; }

#google-map { float: left; width: 100%; margin: 0; padding: 0; }

#cookies-info-wrapper { position: fixed; bottom: 0px; width: 100%; z-index: 100; }
#cookies-info { position: relative; background: #000; background-color: rgba(0,0,0,0.75); line-height: 15px; padding: 15px; text-align: center; width: 100%; color: #FFF; margin: 0 auto; max-width: 990px; }	
#cookies-info a#cookie-close { display: inline-block; cursor: pointer; position: absolute; right: 5px; top: 5px; z-index: 1000; color: #FFF; }
div#google-map iframe {max-width: 990px;width: 100%;}
/*Hambutger*/
.hamburger span {width: 35px;height: 5px;background-color: #fff;margin: 6px 0;display: block;}
.hamburger {cursor: pointer; width: 35px;height: 35px;position: absolute;right: 20px;top: 50%; -webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%);transform: translate(0, -50%);display: none;}


@media (max-width: 768px){
	.hamburger{display: block;}
	#header{overflow: unset;}
	#topmenu{top:125px;display: block;z-index: 9;background: #f64243;width: 100%;display: none;}
	#topmenu li{list-style: none;display: block;margin-bottom: 13px;}
	#topmenu li a .top-menu-item-bg{display: none;}
	ul#topmenu li:last-child {margin-right: 0;}
	ul#topmenu.active {display: block;}
	div#contact-page-content > span > p {margin:0!important;}

	/*Kontakt*/
	#contact-page-content > .right{width: 100%;}
	form#contact-form{margin-top: 0!important;}
	div#contact-page-content > span {display: block;width: 31%;float: left;margin-right: 2%;}
}

@media (max-width: 700px){
	div#offer-left-side, div#offer-right-side{width: 100%;}
	ul#offer-left-menu li{width: 37%;float: left;}
	ul#offer-left-menu li a{margin-top: 7px;}
	ul#offer-left-menu li {line-height: 19px;}
}

@media (max-width: 600px){
	.text-box-footer{display: block;}
	#footer-text-box-1{width: 50%;border-bottom: 1px solid #fff;border-right: none; margin-bottom: 22px;padding-bottom: 12px;}
	#footer-text-box-2 {width: 100%;padding-left: 0;}

	/*kontakt*/
	div#contact-page-content > span {width: 48%; margin-right: 2%;}
}