/*
Noah-noah.cz Classic CSS
Released: February 2016
Author: PC-IN Plzen, http://www.pcinplzen.cz
*/

body {margin:0;padding:0;font-family:Montserrat;font-size:18px;background-color:#fff;color:#000;overflow-x:hidden;}
img, a {border: 0;} /* IE fix */
img, iframe {max-width:100% !important;}
a {color:#000;}

tr.colored:hover {padding:5px;background-color:#efefef;}
tr.colored a:hover {font-weight:bold;}
th {text-align:left;}
.clear {clear:both;}

input[type=submit].btn-blue, a.btn-blue {padding:15px;}
input[type=text],  input[type=email],  input[type=password]  {padding:10px; width:auto; min-width:220px;}
input[type=number] {padding:10px;}
input[type=radio] {margin-right:10px;}
label {padding:5px;}
.clear {clear:both;}

header {max-height:300px !important;}


#top {background-color:#000;padding:10px 40px 10px 40px;text-align:center;overflow-x:hidden;height:auto;}
#top a.logo {display:block;}

#menu-mobile {display:none;}

#menu {display:inline-block;font-size:11px;padding:10px;border:1px solid #ccc;font-weight:bold;margin-top:10px;}
#menu a {padding:10px 10px 8px 10px;text-decoration:none;text-transform:uppercase;color:#777777;text-decoration:none;}
#menu a:hover {color:#85B4C8;border-bottom:4px solid #85B4C8;}
#menu span {font-size:4px;position:relative;margin:0 5px 0 5px;top:-2px;color:#AAAAAA;}

#submenu {display:none;padding:10px 50px 10px 10px;border:1px solid #ccc;background-color:#fff;line-height:2em;z-index:1000;margin-left:109px !important;
text-align:left;}
#submenu ul {margin-top:0px;margin-bottom:0px;margin-left:-20px;}
#submenu a {color:#777777;}
#submenu a:hover {color:#333333;border-bottom:none;}

a.submenu:hover {color:red;}
a.submenu:hover ~ #submenu, #submenu:hover {display:block;position:absolute;margin-top:10px;margin-left:170px;} 


#social {clear:both;background-color:#000;padding:10px 40px 10px 40px;height:auto;text-align:right;font-size:10px;}
#social input[type=text] {font-size:10px;font-family:Montserrat;padding:5px 10px 5px 10px;border:1px solid #ccc;border-radius:10px 0px 0px 10px;}
#social input[type=submit] {font-size:10px;font-family:Montserrat;padding:5px 10px 5px 10px;position:relative;margin-left:-5px;cursor:pointer;
background:url('../media/search.jpg') no-repeat;background-size:100% 100%;
border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:none;border-radius:0 10px 10px 0;} 

#social form {float:right;}
#social a {float:right;margin:0 10px 0 10px;}


@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }       
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure span { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 25s slidy infinite; 
}


#image_main {clear:both;background-color:#fff;padding:10px;height:auto;}

.image_text {width:100%;height:auto;text-align:center;margin-top:0px;margin-bottom:-50px;}
.image_text img {max-width:99% !important;height:100%;min-height:180px;}
.image_text a {position:relative;top:-140px;color:#fff;padding:5px;font-size:18px;font-weight:bold;text-decoration:none;text-transform:uppercase;
display:block;vertical-align: middle;}

.image_text a i {font-size:20px;font-style:normal;padding-bottom:10px;border-bottom:1px solid #fff;}
.image_text a span {display:none;}


.image_text a:hover {}
.image_text a:hover span {visibility:visible;color:#fff;}


#content {clear:both;background-color:#fff;padding:10px 40px 10px 40px;overflow-x:hidden;}
#content img, #content iframe {height:auto !important;}
h1 {font-size:24px !important;}
#content.main {position:relative;}
#content .bar_left {}
#content .bar_right {}

#content form.contact {padding:5px;line-height:1.3em;font-size:18px;}
#content form.contact td {display:block;width:99%;}

#content form.contact input[type=text] {width:99%;font-size:18px;font-family:Montserrat;}
#content form.contact input[type=email] {width:99%;font-size:18px;font-family:Montserrat;}
#content form.contact textarea {width:99%;height:60px;resize:none;font-size:18px;font-family:Montserrat;}
#content form.contact input[type=submit] {font-size:20px;padding:10px;color:#000;font-weight:bold;border:1px solid #efefef;background-color:#fff;cursor:pointer;}
#content form.contact input[type=submit]:hover {border:1px solid #85B4C8;}
#content form.contact span {color:red;font-size:0.9em;font-weight:bold;}
#content p.right {text-align:right;padding:0 10px 10px 10px;line-height:1.8em;}

#products .single {margin:10px;padding:10px;border:1px solid #ccc;float:left;width:194px;height:380px;}
#products .single img {background-color:#fff;padding:5px 5px 4px 5px;border-bottom:1px dotted #ccc;height:260px;}
#products .single span.name {display:block;max-width:200px;font-size:0.8em;height:auto;min-height:50px;}

#mininavi {color:#777777 !important;font-size:10px;}
#mininavi a {color:#777777;text-decoration:none;margin:0 5px 0 5px;}
#mininavi a:hover {text-decoration:underline;}
#mininavi span {margin:0 10px 0 10px;}

#content .single {display:inline-block;}
#content .single img {max-height:300px;}

#prefooter {clear:both;padding:10px 0 0 0;border-top:1px solid #ccc;text-align:center;}
#prefooter a {margin:15px;}
#prefooter img {max-width:99%;}

#footer {clear:both;margin-top:20px;padding:10px 40px 10px 40px;font-size:10px;background-color:#000;color:#fff;line-height:2em;text-align:center;}
#footer a {color:#fff;text-decoration:none;margin-right:20px;display:inline-block;}
#footer a:hover {color:#FEC503;}

@media screen and (max-width: 600px) {
#content {overflow-x:hidden;padding:5px;}

#menu-mobile {display:block;border:1px solid #ccc;padding:10px;margin:10px 0 10px 0;}
#menu-mobile ul {list-style-type:none;margin-left:-40px;}
#menu-mobile li {margin:20px;}
#menu-mobile a {padding:10px 10px 5px 10px;text-decoration:none;text-transform:uppercase;color:#777777;text-decoration:none;font-size:0.9em;}
#menu-mobile a:hover {color:#85B4C8;border-bottom:4px solid #85B4C8;}
#menu-mobile a.menu {padding:10px 33% 10px 33%;}
#menu-mobile a.menu:hover {border:0;color:#000;font-weight:bold;}
#menu-mobile a.menu img {position:relative;margin-right:5px;top:2px;}

#menu {display:none;}
#submenu {display:none;}
.image_text {width:100%;}
.image_text a:hover {margin-top:0 !important;padding-bottom:0 !important;}
.image_text a:hover span {visibility:visible;}

}


 /* eshop */
.left_bar {width:auto;overflow-x:hidden;}
.left_bar ul.main {list-style-type:none;margin-left:-35px;line-height:1.6em;}
.left_bar ul.main a {color:#391E0C;font-weight:bold;text-decoration:none;}
.left_bar ul.main a:hover {color:#391E0C;}

.left_bar ul.sub {list-style-type:none;margin-left:-35px;line-height:1.6em;}
.left_bar ul.sub a {color:#391E0C;font-weight:normal;text-decoration:none;}
.left_bar ul.sub a:hover {color:#E4AA01;}

.right_bar {width:auto;overflow-x:hidden;}
.right_bar .zbozi {display:inline-block;width:48%;height:auto;padding:20px 10px;border:1px solid #efefef;text-align:center;font-size:18px;margin-bottom:20px;}
.right_bar h2 a {color:#391E0C;font-size:18px;}
.right_bar h3 a {color:#391E0C;font-size:18px;}
.right_bar .zbozi img {height:120px !important;width:auto;}
.right_bar input[type=submit]{height:auto;margin-top:20px;padding:8px 33px;border:2px solid #391E0C;cursor:pointer;background-color:#391E0C;color:#fff;font-size:1.2em;font-weight:bold;}
.right_bar input[type=submit]:hover{color:#391E0C;background-color:#fff;}
.right_bar textarea {width:99%;}

.filtr a, .filtr span {margin:10px;font-size:18px;display:inline-block;}
.zbozi .sleva {float:right;position:relative;top:-20px;right:-10px;color:#fff;background-color:#ED1C24;padding:5px;}

.kosik {font-weight:bold;font-size:0.9em;}
.kosik span {margin:0 10px 0 10px;font-weight:normal;}
.kosik a.active {color:#E5AB01;}

#main-area .right_bar input[type=submit]{margin:20px 0 20px 0;}

.left_detail {width:100%;float:none;display:block;}
.right_detail {width:100%;float:none;display:block;}
.right_detail input[type=submit]{height:auto;margin-top:20px;padding:8px 33px;border:2px solid #391E0C;cursor:pointer;background-color:#391E0C;color:#fff;font-size:1.2em;font-weight:bold;}
.right_detail input[type=submit]:hover{color:#391E0C;background-color:#fff;}

td.nazev {width:300px !important;}

#karta-menu a {width:auto !important;display:inline-block;padding:5px 10px;}
#karta {border:1px solid #391E0C;padding:10px;}
#karta a {text-decoration:none !important;}
#karta-galerie {display:none;}

#karta-dotaz {display:none;}
#karta-kategorie {display:none;}

.clear {clear:both;}
.tisic {margin-left: 0.5em;}

#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;}

#google_translate_element {position:absolute;right:60px;top:50px;width:100px;margin:0;}
.headerLogo {background-color:#000;}