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

@font-face {font-family: 'Lora');}

body {margin:0;padding:0;font-family: 'Lora', sans-serif;font-size:17px;color:#010101;background-color:#FEF5CE;}
a {color:#696454;}
a:visited {color:#010101;}
img, a {border:0;max-width:100%;}
input[type=text], input[type=email] {width:95% !important;padding:5px;font-family: Calibri;font-size:16px;}
input[type=submit] {width:99%;padding:10px;background-color:#FEF5CE;cursor:pointer;font-family: Calibri;font-size:16px;}
textarea {width:95% !important;padding:10px;font-family: Calibri;font-size:16px;height:64px;resize:none;}
input[type=time] {padding:5px;font-family: Calibri;font-size:16px;}
select {padding:5px;font-family: Calibri;font-size:16px;}

#eshop {background-color:#34623F;color:#fff;padding:5px;display:block;text-align:center;font-family:Calibri}
#eshop table {width:auto;margin:0 auto;}
#eshop table td {padding-right:20px;}
#eshop a {color:#fff;text-decoration:none;}
#eshop a:hover {text-decoration:underline;}

#top {color:#5F5E4E;padding:0;text-align:center;border-bottom:1px dotted #6C5543;}
#top p {}

#menu a {font-family: 'Lora', sans-serif;font-size:1.1em;text-decoration:none;color:#696454 !important;padding:8px 15px 8px 15px;margin:10px;line-height:3em;}
#menu a:hover {border-bottom:2px solid #6C5543;}
#menu a.active {border-bottom:2px solid darkgreen;}

#top-center {padding-top:10px;}
#top-center #search {position:absolute;top:20px;right:20px;}
#top-center #search input[type=text] {font-size:13px;font-family: 'Lora', sans-serif;padding:5px 10px 5px 10px;border:1px solid #ccc;border-radius:10px 0px 0px 10px;
width:150px !important;}
#top-center #search input[type=submit] {font-size:13px;font-family: 'Lora', sans-serif;padding:5px 10px 5px 10px;position:relative;margin-left:-5px;cursor:pointer;
background:url('../images/lupa.png') no-repeat;background-size:16px 16px;background-position:5px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;
border-left:none;border-radius:0 10px 10px 0;width:32px;} 
#top-center #search a {font-weight:bold;text-decoration:none;color:#6C5543;}

#top-center #google_translate_element {position:absolute;top:20px;left:20px;}
#top-center #google_translate_element img {margin-right:5px;height:0px;width:0px}
#top-center #google_translate_element span {color:#fff;background-color:transparent;margin-right:5px}
#top-center #google_translate_element div {color:#fff;}     
#top-center select.goog-te-combo {border: 0;color:#6C5543 !important;background-color:#FEF5CE;font-size:16px;cursor:pointer;font-family: 'Lora', sans-serif;}
#top-center DIV.skiptranslate.goog-te-gadget{font-size: 0px;}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {visibility:hidden;} 

#content {color:#5F5E4E;padding:0;margin-top:0px;background-color:#fff;}
#content-center {padding:20px;}
#content-center p, #content-center ul, #content-center table {font-family:Calibri;}

.bar_left {}
.bar_right {}
.bar_right h2 {font-size:24px;margin-top:20px;}

table.box {width:99%;}
table.box tr:hover {background-color:#E6F8D3;}

#prefooter {color:#6C5543;padding:20px;text-align:center;border-top:1px dotted #6C5543;} 
#prefooter a {color:#6C5543;text-decoration:none;}
#prefooter-center {}
#prefooter-center h2, #prefooter-center h3 {text-align:center;margin-bottom:20px;color:#6C5543;}
#prefooter-center img {margin-top:20px;margin-bottom:20px;height:128px;border-radius:128px;border:5px solid #6C5543;}
#prefooter-center img:hover {margin-top:0px;margin-bottom:0px;height:168px;border-radius:168px;border:5px solid #6C5543;}
#prefooter .bar_left {}
#prefooter .bar_right {}


#footer {padding:20px;color:#574539;text-align:center;border-top:1px dotted #6C5543;} 
#footer a {color:#574539;text-decoration:none;}
#footer h2, #footer h3, #footer p {color:#574539;}
#footer-center {}
#footer-center p.autor {font-size:0.8em;}
#footer-center a.social {margin:10px;}
h1,h2,h3,h4,h5,h6 {line-height:1.3em;color:#474646;}
h1 {font-size:28px;color:#6C5543;}
h2 {font-size:26px;}
h3 {font-size:24px;}

@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; height:160px;}
div#slider figure img { width: 20%; height:160px; 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 40px 10px 40px;height:auto;}

.image_text {width:33%;height:auto;float:left;text-align:center;}
.image_text img {max-width:99% !important;height:auto;min-height:180px;}
.image_text a {position:relative;top:-160px;color:#fff;padding:5px;font-size:20px;font-weight:bold;text-decoration:none;
display:block;vertical-align: middle;}

.image_text a i {font-size:28px;font-style:normal;padding-bottom:10px;border-bottom:1px solid #fff;}
.image_text a span {color:#fff;padding:25px 5px 5px 5px;font-size:13px;display:block;text-transform:none;width:45%;margin:0 auto;
visibility:hidden;font-weight:normal;}

.image_text a:hover {margin-top:-25px;padding-bottom:30px;;}
.image_text a:hover span {visibility:visible;}


#products .single {margin:1px;float:left;}

#products .single img {background-color:#fff;padding:5px 5px 4px 5px;border-bottom:1px dotted #ccc;height:300px;}
#products .single img:hover {background-color:#ccc;}
#products .single span.name {display:block;max-width:200px;font-size:0.8em;height:50px;}

#submenu {padding:10px;background-color:#fff;text-align:center;border-bottom:1px dotted #6C5543;font-size:1.2em;}
#submenu a {margin:0 20px 0 20px;text-decoration:none;line-height:3em;}
#submenu a:hover {text-decoration:underline;}

@media screen and (max-width: 460px) {#top #logo img {margin-top:50px;} }
@media screen and (max-width: 400px) {
#top #search {top:10px;right:10px;}
#top #search input[type=text] {width:80px !important;} 

#top #google_translate_element {top:10px;left:10px} 
#top-center #search a {font-weight:bold;text-decoration:none;color:#6C5543;font-size:0.7em;margin-left:20px;}
}

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

a.button {display:inline-block;padding:10px 15px;border:0;border-radius:10px;font-size:24px;color:#fff;background-color:#34623F;text-decoration:none;}
a.button:hover {}