body {margin:0;padding:0;background-color:#BEC3C7;color:#000;font-family:Ubuntu, Calibri;font-size:18px;line-height:1.4em;}
img, a {border:0;} /* IE fix */

input[type=text], input[type=submit], input[type=number], select, option, textarea {font-family:Ubuntu, Calibri;font-size:18px;}

#top {background-color:#BEC3C7;color:#000;margin:0;padding:0;}
#top-center {width:980px;height:auto;margin:0 auto;padding:10px;}

#top-center p.logo {margin:0;display:inline-block;padding:30px 50px 40px 0;background:url('../media/images/logo-podklad.png') no-repeat;background-size:100% 100%;}

#top-center a.logo {padding:10px 0 10px 0;}
#top-center a.logo img {height:81px;}
#top-center a.logo:hover {padding:10px 0 10px 20px;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#top-center #menu-mobile {display:none;}
#top-center #top-right {float:right;text-align:right;position:relative;top:20px;}                                                                               

#top-right a {margin:10px 0 10px 10px;width:32px;height:41px;display:inline-block;vertical-align:top;margin-top:0px;}
#top-right a:hover {}
#top-right .obalka{background-image:url(../media/images/obalka.png);background-repeat:no-repeat;background-position:0 0;width:32px;height:41px;display:inline-block;vertical-align:top;}
#top-right .obalka:hover{background-position:0 -41px;}

#top-right .facebook{background-image:url(../media/images/facebook.png);background-repeat:no-repeat;background-position:0 0;width:32px;height:35px;display:inline-block;vertical-align:top;}
#top-right .facebook:hover{background-position:0 -32px;}

#top-right .sitemap{background-image:url(../media/images/sitemap.png);background-repeat:no-repeat;background-position:0 0;width:32px;height:35px;display:inline-block;vertical-align:top;}
#top-right .sitemap:hover{background-position:0 -35px;}

#top-right form {margin-top:10px;}
#top-right input[type=text] {width: 120px;height: 30px;background: white url('../media/images/searchbar.png') 0 0 no-repeat;background-size:100% 100%;border:0;padding-left:5px;color:#ccc;font-size:16px;}
#top-right input[type=submit] {margin-left:-7px;width:80px;height: 32px;padding-left:10px;background: white url('../media/images/submit.png') 0 0 no-repeat;background-size:100% 100%;border:0;color:#fff;font-size:16px;}
#top-right input[type=submit]:hover {color:#F96A01;cursor:pointer;}

#menu {line-height:2em;text-align:center;margin-top:-10px;}
#menu a {background-color:#2B2829;color:#fff;text-decoration:none;padding:20px;font-size:1em;display:inline-block;line-height:1.1em;}
#menu a.active {color:#fff;background-color:#F96A01;}
#menu a:hover {color:#fff;background-color:#F96A01;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}

#pre-content {clear:both;height:auto;background-color:#2B2829;text-align:center;padding:15px}
#pre-content h1 {color:#fff;margin:0;font-size:1.3em;text-transform:uppercase;}

#content {clear:both;background-color:#fff;height:auto;}
#content-center {width:980px;height:auto;min-height:200px;margin:0 auto;padding:10px 10px 30px 10px;color:#2B292A;}
#content-center h2 {text-align:center;font-size:1.2em;}
#content-center h3, #content-center h4 {text-align:center;}

#content-center a {color:#F96A01;font-weight:bold;text-decoration:none;}
#content-center a:hover {text-decoration:underline;}
#content-center table tr {vertical-align:top;}
#content-center table h2, #content-center table h3 {text-align:left;}

#content-center .sortiment {width:290px;display:inline-block;vertical-align:top;padding:10px;text-align:center;border:1px solid #fff;}
#content-center .sortiment span {height:100px;}
#content-center .sortiment:hover {background-color:#efefef;}
#content-center .sortiment a {font-size:20px;text-transform:uppercase;}
#content-center .sortiment img {margin-top:20px;width:290px;height:auto;max-height:390px;vertical-align:bottom;border:1px solid #fff;}
#content-center .sortiment:hover img {border-radius:90%;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;border:1px solid #F96A01;}

#content-center .sortiment-main {width:210px;display:inline-block;vertical-align:top;padding:10px;text-align:center;border:1px solid #fff;}
#content-center .sortiment-main a {font-size:16px;text-transform:uppercase;}
#content-center .sortiment-main img {margin-top:20px;width:210px;height:auto;max-height:390px;vertical-align:bottom;border:1px solid #fff;}
#content-center .sortiment-main:hover img {border-radius:90%;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;border:1px solid #F96A01;}


#content-center input[type=text], #content-center input[type=number], #content-center input[type=email], #content-center select, #content-center textarea {width:300px;padding:5px;border:1px solid #BEC3C7;color:#000;background-color:#fff;font-size:18px;}
#content-center input[type=number], #content-center select {width:140px;}
#content-center input[type=submit] {padding:10px 30px; border:1px solid #F96A01;color:#fff;background-color:#F96A01;font-size:22px;cursor:pointer;}
#content-center input[type=submit]:hover {background-color:#fff;color:#F96A01;}

#content-center .bar_left {width:70%;float:left;padding-top:20px;}
#content-center .bar_left img {float:right;margin:0 0 20px 20px;}
#content-center .bar_left .fotogalerie {margin-top:10px;}
#content-center .bar_left .fotogalerie img {float:none;margin:0;height:auto;max-height:400px;}
#content-center .bar_right {width:25%;float:right;padding-top:20px;}
#content-center .bar_right a {margin-bottom:20px;padding:10px; border:2px solid #F96A01;display:block;font-size:22px;text-transform:uppercase;text-align:center;color:#fff;background-color:#F96A01;}
#content-center .bar_right a:hover {border:2px solid #F96A01;background-color:#fff;color:#F96A01;text-decoration:none;}

#content-center a.button {width:40%;margin:2%;padding:2%; border:2px solid #F96A01;display:inline-block;font-size:22px;text-transform:uppercase;text-align:center;color:#fff;background-color:#F96A01;}
#content-center a.button:hover {border:2px solid #F96A01;background-color:#fff;color:#F96A01;text-decoration:none;}

#content-center table.main {text-align:center;}
#content-center table.main h2 {text-align:center;}
#content-center table.main td {width:32%;padding:1%;}

#prefooter {clear:both;background-color:#BEC3C7;color:#000;line-height:1.5em;font-weight:bold;}
#prefooter a {color:#000;font-weight:normal;text-decoration:none;}
#prefooter a:hover {text-decoration:underline;color:#F96A01;}
#prefooter h3 a {color:#F96A01;font-size:1em;font-weight:bold;text-transform:uppercase;}

#prefooter-center {width:980px;height:auto;margin:0 auto;padding:10px 10px 30px 10px}
#prefooter-center .bar {width:32%;display:inline-block;text-align:center;vertical-align:top;}


#kontakt {background-color:#000;color:#fff;background:url('../media/images/pozadi.jpg') no-repeat;background-size:100% 100%;background-position:center center;text-align:center;height:auto;padding:10px 10px 40px 10px;}
#kontakt h2 {color:#fff;padding-bottom:15px;font-size:1.3em;text-transform:uppercase;}
#kontakt table {width:980px;margin:0 auto;}
#kontakt table td {padding:5px;}
#kontakt placeholder {color:#ccc;}
#kontakt input[type=text] {padding:10px;font-weight:bold;border:1px solid #fff;margin-bottom:10px;width:95%;}
#kontakt input[type=email] {padding:10px;font-weight:bold;border:1px solid #fff;margin-bottom:10px;width:95%;}
#kontakt input[type=submit] {padding:10px;font-size:20px;margin-top:-10px;padding:10px 35px;background-color:#fff;color:#000;font-weight:bold;cursor:pointer;border:2px solid #fff;float:right;}
#kontakt input[type=submit]:hover {background-color:#F96A01;color:#fff;border:2px solid #fff;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#kontakt textarea {padding:10px;font-weight:bold;width:95%;height:125px;resize:none;border:1px solid #fff;margin:0 0 5px 0;}
#kontakt-center {width:980px;height:auto;margin:0 auto;padding:10px}

#mapa {background-color:#595959;color:#fff;padding:10px 0 10px 0;text-align:center;}
#mapa h2 {margin: 10px;color:#fff;font-size:1.3em;text-transform:uppercase;}

#partneri {background-color:#595959;color:#fff;padding:1px 0 20px 0;text-align:center;}
#partneri h2 {margin: 0px 0 30px 0;padding:0;color:#fff;font-size:1.3em;text-transform:uppercase;}
#partneri a {margin:40px 30px 30px 30px;}


#footer {background-color:#2B292A;color:#fff;text-align:center;font-size:12px;}
#footer a {color:#fff;}
#footer-center {width:980px;height:auto;margin:0 auto;padding:10px}


#slider-wrap{
  text-align:center;
  background-color:#BEC3C7;
}
.bxslider{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 320px;position: relative;}

.slide-caption{
	position: absolute;
	font-size: 30px;
  color:#fff;
  text-shadow:1px 1px 1px #000;
	text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 15px;
}
.bx-controls-direction{
	display: none;
}
.bx-pager-link{
	display: none;
  }
  
@media (min-width: 1200px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 340px;position: relative;}
}

@media (min-width: 1400px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 360px;position: relative;}
}

@media (min-width: 1600px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 380px;position: relative;}
}

@media (min-width: 1800px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 400px;position: relative;}
}

@media (min-width: 2000px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 420px;position: relative;}
}

@media (min-width: 2200px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 440px;position: relative;}
}

@media (min-width: 2400px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 460px;position: relative;}
}

@media (min-width: 2600px) {
.slide {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 480px;position: relative;}
}


@media (max-width: 1000px) {
.slide {background-repeat: no-repeat;background-position: 20% 50%;background-size: cover;height: 240px;position: relative;}
#top-center {width:auto;height:auto;padding:10px;text-align:left;}
#top-center a.logo img {height:61px;}
#top-center p.logo {margin:0;display:inline-block;padding:0;background:none;}

#top-center #top-right {float:right;}

#top-right {margin-top:-10px;}
#top-right a {margin:10px 0 10px 10px;width:32px;height:41px;display:inline-block;vertical-align:top;margin-top:0px;}
#top-right a:hover {}
#top-right .obalka{background-image:url(../media/images/obalka.png);background-repeat:no-repeat;background-position:0 0;width:32px;height:41px;display:inline-block;vertical-align:top;}
#top-right .obalka:hover{background-position:0 -41px;}

#top-right .facebook{background-image:url(../media/images/facebook.png);background-repeat:no-repeat;background-position:0 0;width:32px;height:35px;display:inline-block;vertical-align:top;}
#top-right .facebook:hover{background-position:0 -32px;}

#top-right .sitemap{background-image:url(../media/images/sitemap.png);background-repeat:no-repeat;background-position:0 0;width:32px;height:35px;display:inline-block;vertical-align:top;}
#top-right .sitemap:hover{background-position:0 -35px;}

#top-right form {margin-top:0px;float:none;}
#top-right input[type=text] {width: 100px;height: 28px;background: white url('../media/images/searchbar.png') 0 0 no-repeat;background-size:100% 100%;border:0;padding-left:5px;color:#ccc;font-size:14px;}
#top-right input[type=submit] {position:relative;top:1px;margin-left:-7px;width:70px;height: 30px;padding-left:10px;background: white url('../media/images/submit.png') 0 0 no-repeat;background-size:100% 100%;border:0;color:#fff;font-size:16px;}
#top-right input[type=submit]:hover {color:#F96A01;cursor:pointer;}


#menu {clear:both;margin-top:40px;}
#menu a {font-size:0.9em;padding:10px 12px;margin:5px;}

#pre-content {clear:both;height:auto;background-color:#2B2829;text-align:center;padding:10px}
#pre-content h1 {color:#fff;margin:0;font-size:1.1em;text-transform:uppercase;}

#content-center {width:auto;text-align:center;font-size:0.9em;}
#content-center img {max-width:99% !important;}
#content-center ul {text-align:left;}
#content-center .sortiment {width:45%;display:inline-block;vertical-align:top;padding:10px;text-align:center;border:1px solid #fff;}
#content-center .sortiment img {margin-top:0px;width:45%;vertical-align:bottom;border:1px solid #fff;}
#content-center .sortiment a {font-size:0.9em;}

#prefooter-center {width:auto;font-size:0.9em;}
#prefooter-center .bar {width:32%;display:inline-block;text-align:center;vertical-align:top;}
#kontakt-center {width:auto;font-size:0.9em;}
#kontakt-center table {width:auto;}
#kontakt-center td {display:block;}
#kontakt-center input[type=text], #form input[type=email], #form input[type=submit], #form textarea {width:90%;}

#mapa {width:auto;}
#footer-center {width:auto;font-size:0.9em;}


}

@media (max-width: 500px) {
.slide {background-repeat: no-repeat;background-position: 20% 50%;background-size: cover;height: 200px;position: relative;}
#top-center #menu-mobile {display:inline-block;float:right;margin-top:10px;margin-right:10px;}
#top-center #menu-mobile a {color:#000;text-decoration:none;font-size:24px;}
#top-center #top-right {float:none;text-align:center;display:none;margin-bottom:40px;}
#top-center #menu {margin-top:0px;}


#content-center .bar_left {width:100%;float:none;padding-top:20px;}
#content-center .bar_left img {float:none;margin:0 0 20px 20px;}
#content-center .bar_left .fotogalerie {margin-top:10px;}
#content-center .bar_left .fotogalerie img {float:none;margin:0;height:auto;max-height:400px;}
#content-center .bar_right {width:100%;float:nonet;padding-top:20px;}
#content-center .bar_right a {margin-bottom:20px;padding:10px; border:2px solid #F96A01;display:block;font-size:22px;text-transform:uppercase;text-align:center;color:#fff;background-color:#F96A01;}
#content-center .bar_right a:hover {border:2px solid #F96A01;background-color:#fff;color:#F96A01;text-decoration:none;}


#content-center .sortiment {width:90%;display:inline-block;vertical-align:top;padding:10px;text-align:center;border:1px solid #fff;}
#content-center .sortiment img {margin-top:0px;width:90%;vertical-align:bottom;border:1px solid #fff;}
#content-center .sortiment a {font-size:0.9em;}

#content-center a.button {width:90%;margin:2%;padding:2%; border:2px solid #F96A01;display:block;font-size:22px;text-transform:uppercase;text-align:center;color:#fff;background-color:#F96A01;}
#content-center a.button:hover {border:2px solid #F96A01;background-color:#fff;color:#F96A01;text-decoration:none;}

#content-center table.main td {display:block;width:98%;padding:1%;}

#prefooter-center .bar {width:auto;display:block;text-align:center;vertical-align:top;}
}

#cookie {
transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
text-align:center;padding:5px;width:100%;height:auto;font-size:12px;color:#fff;background-color:#000;opacity:0.9;position:fixed;bottom:0;
}
#cookie a {color:#fff;text-decoration:none;cursor:pointer;display:inline-block;}
#cookie a.c_vse {padding:5px 10px;background-color:green;border-radius:10px;margin:10px;}
#cookie a.c_vybrane {padding:5px 10px;background-color:orange;border-radius:10px;margin:10px;}
#cookie a.c_ne {padding:5px 10px;background-color:red;border-radius:10px;margin:10px;}