/* PC-IN PLZEN RESPONSIVE CSS */
img, a {border:0}
body {margin:0;padding:0;background:0;background-color:#fff;font-family:Montserrat,"Helvetica Neue",sans-serif;color:#030303;text-align:center;font-size:14px;overflow-x:hidden;}
a {color:#225081;text-decoration:underline}
tr.colored:hover {background-color:lightblue}
h1 {color:#fff;text-shadow:3px 3px 3px #225081;margin-top:10px;font-size:20px;padding:10px;}
h2,h3,h4,h5 {color:#225081}
input[type=radio], input[type=checkbox] {height:24px;width:24px !important}
input[type=radio].cas {height:16px !important;width:16px !important;}

#top {height:auto;
min-height:249px;height:auto;background:url('/media/images/hlavni/gr02.jpg') no-repeat;background-position:center;background-size:cover;
padding-bottom:20px;overflow-x:hidden;}

#top-center img.logo {margin:10px;max-height:40px !important;}
#top-center img.main {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;max-height:140px !important;margin-top:10px;margin:0 auto !important;z-index:1000;position:relative;}
#top-center img.main:hover {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;transform: scale(1.05);}
#top-center .topnavi a {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;white-space: pre;color:#fff;text-shadow:3px 3px 3px #225081;
text-align:center;margin:15px;line-height:3em;border:5px solid transparent;border-radius:5px;text-decoration:none;font-weight:bold;font-size:20px;}

#top-center .topnavi a:hover {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;transform: scale(1.05);border-bottom:5px solid #00E5F3;}
#top-center .topnavi a.active {color:#00E5F3}

#top-center form {margin-top:10px;padding:10px}
#top-center input[type=text] {height:24px;width:60%;font-size:1em;text-align:center;}
#top-center input[type=submit] {height:30px;width:29%;cursor:pointer;font-size:1em;}
#top-center #google_translate_element {position:relative;top:10px;float:right;margin-right:10px}
#top-center #google_translate_element a {font-size:1em}
#top-center .goog-te-gadget-icon {background-image:url('images/gt.png') !important;background-position:0 0 !important;}
#top-center #socialni-pluginy {display:none}

#navigace {margin-top:-30px;padding:10px;font-size:0.8em;background-color:#fff;color:#225081;border-radius:10px 10px 0 0;}
#navigace a {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;color:#4682B4}
#navigace a:hover {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;transform: scale(1.05);}
#navigace span {margin:0 5px 0 5px;}

#obsah {padding:10px}
#obsah a, #obsah img, #obsah iframe, #obsah p, #obsah h2, #obsah h3, #obsah h4, #obsah table {
transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;
}

#obsah a:hover, #obsah img:hover, #obsah iframe:hover, #obsah p:hover, #obsah h2:hover, #obsah h3:hover, #obsah h4:hover, #obsah table:hover {
transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;transform: scale(1.05);
}
#obsah a.action {padding:15px 20px;background-color:#225081;color:#fff;display:inline-block;font-size:20px;text-decoration:none;
transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
#obsah a.action:hover {background-color:green;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;transform: scale(1.2);}

#obsah img {max-width:99% !important;width:auto;}
#obsah iframe {max-width:90% !important;}
#obsah img.nabidka {float:left;margin-right:5px;}
#obsah .contactform h2 {color:#fff}
#obsah iframe.novinky {height:1000px;margin-top:-100px}
#obsah input[type=text], #obsah input[type=email], #obsah input[type=password] {width:80%;font-size:1em;text-align:center;padding:5px;}

#obsah textarea {height:80px;width:90%;font-size:1em;text-align:center;}
/* #obsah tr:hover {background-color:lightblue} */
#obsah table {width:99%;}

#obsah table.novinky td {padding:1%;width:98%;display:block;margin-bottom:20px;}
#obsah table.sluzby td {padding:1%;width:98%;display:block;margin-bottom:20px;}
#obsah table.reference td {padding:1%;width:98%;display:block;margin-bottom:20px;}

#obsah table.tri {margin-bottom:20px;}
#obsah table.tri img {width:150px}
#obsah table.tri td {padding:1%;width:98%;display:block;margin-bottom:20px;}

#obsah input[type=text], #obsah input[type=password] {width:99%;font-weight:bold}
#obsah input[type=radio], #obsah input[type=checkbox] {width:24px;height:24px;}
#obsah input[type=submit] {width:100%;height:auto;font-size:1em;font-weight:bold}

#obsah .method-item {float:left;margin:5px;border:1px solid #000;width:110px;height:102px;padding:20px 10px 10px 10px;text-align:center;font-size:0.75em;}
#obsah .method-item span {display:block;}
#obsah .method-item span.title {font-weight:bold;}

#obsah table.kontakty {text-align:center;width:100%;}
#obsah table.kontakty td {width:99%;vertical-align:top;}

#form {clear:both;background-color:#EFEFEF;color:#fff;height:auto;font-weight:bold;line-height:1.8em;margin-top:20px}
#form-center {padding:10px}

#prefooter {clear:both;background: linear-gradient(#FFFFFF, #D3D3D3);background: -webkit-linear-gradient(#FFFFFF,#D3D3D3);color:#030303;height:auto;font-weight:bold;line-height:1.8em;margin-top:20px;font-size:0.9em;}
#prefooter-center {padding:10px}
#prefooter-center .sloupec {width:auto !important;margin:10px;float:none;}

#prefooter-center h3 {color:#000;font-size:16px;font-weight:bold;}
#prefooter-center h3 a {color:#000;}

#prefooter a {color:#0C68A7;text-decoration:none;}
#prefooter a:hover {text-decoration:underline;}
#prefooter a.social img {height:32px;width:32px}

#prefooter-center h2, #prefooter-center h3 {text-align:center !important;}

#cform {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;
background:url('/media/images/hlavni/gr02.jpg') repeat-x;background-size:cover;background-position:center center;padding:20px;color:#fff;text-shadow:2px 2px #000;
font-size:18px;}
#cform:hover {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;transform: scale(1.05);}

#cform h2 {text-align:center;color:#fff;text-shadow:2px 2px 2px #000;}
#cform form {width:90%;margin:0 auto;text-align:center;margin-bottom:40px;}
#cform table {width:100%;}
#cform td {display:inline-block !important;width:100%;margin-left:-20px;}
#cform input[type=text], #cform input[type=email] {text-align:center;padding:10px;width:80% !important;font-size:1em;margin:0 auto;}
#cform textarea {text-align:center;padding:10px;width:70%;height:100px;font-size:1em;margin:0 auto;font-family:Montserrat,"Helvetica Neue",sans-serif;}
#cform input[type=submit] {text-align:center;padding:10px 15px 10px 15px;width:auto;min-width:50%;font-size:1em;cursor:pointer;font-family:Montserrat,"Helvetica Neue",sans-serif;background-color:#fff;margin:0 2% 0 2%;margin:0 auto;
text-transform:uppercase;letter-spacing:1px;font-size:18px;}
#cform input[type=submit]:hover {background-color:#225081;color:#fff;}
#cform img {height:300px;}
#cform a {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;font-size:1em;color:#fff;text-shadow:2px 2px 2px #000;}

#cform input[type=text]:hover, #cform input[type=email]:hover, #cform textarea:hover, #cform input[type=submit]:hover, #cform form a:hover {transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;z-index:9999;transform: scale(1.05);}

#partner {clear:both;background-color:#D3D3D3;color:#fff;height:auto;padding:20px;text-align:center;font-size:13px}
#partner a {margin:0 10px 0 10px;display:inline-block;}
#partner a img {position:relative;top:4px;padding-right:5px;height:16px !important;width:16px !important;}
#partner h3 {color:#000;font-size:16px;font-weight:bold;margin-left:0px;}
#partner h3 a {color:#000;font-size:16px;font-weight:bold;margin-left:0px;text-decoration:none;}

footer {background-color:grey;color:#fff;margin-top:-20px;padding:10px;font-size:0.8em;}
footer p {}
footer a {color:#fff}

.contactform {color:#fff;margin-bottom:20px;background-color:#1D98A8;padding:10px;border-radius:5px;}
.contactform input[type=text], .contactform input[type=email] {width:99%;height:30px !important;font-size:1em;font-weight:normal !important;font-family:Montserrat,"Helvetica Neue",sans-serif;text-align:center;} 
.contactform textarea {width:100%;height:52px !important;font-size:1em;font-weight:normal;font-family:Montserrat,"Helvetica Neue",sans-serif;} 

.objednat_form {color:#fff;margin-bottom:20px;background-color:#1D98A8;width:100%;height:auto;padding:10px;text-align:center;border-radius:5px}
.objednat_form h2 {color:#fff;border-bottom:2px solid #fff;margin-top:0px;padding-bottom:10px}
.objednat_form h3 {color:#fff;margin:10px 0 10px 0}
.objednat_form input[type=text] {width:100%;height:30px;margin-bottom:10px;text-align:center;font-size:1em}
.objednat_form input[type=submit] {width:auto;height:100px;margin-left:0px;margin-bottom:20px}

.xml {padding:10px;border:1px dotted #82D0D7;margin:10px 0 10px 0;height:auto;overflow:auto}
.xml img {max-height:140px;width:99%;margin:20px;}
.xml:hover {background-color:#F9FCFC}

.tisic {
	margin-left: 0.5em;	
}

/* + ------- eshop  ------------ */

#top-shop {background-color:#fff;padding:10px;}
#top-shop-center {width:auto;height:auto;text-align:center;}
#top-shop-center li {display:inline-block;margin:15px;}
#top-shop-center li img {position:relative;top:3px;margin-right:5px;}

.left_bar {width:100%;float:none;border-bottom:1px #efefef;padding-bottom:20px;}
.left_bar ul.main {list-style-type:none;margin-left:-35px;line-height:1.6em;display:inline-block;}

.left_bar ul.main li {}
.left_bar ul.main a {display:inline-block;font-weight:bold;color:#225081;padding:10px;margin:5px;border:1px dotted #225081;}
.left_bar ul.main a:hover {color:#fff;background-color:#225081;}

.left_bar ul.sub {list-style-type:none;margin-left:-35px;line-height:1.6em;}
.left_bar ul.sub a {color:#2C3381;font-weight:normal;text-decoration:none;}
.left_bar ul.sub a:hover {color:#454545;}
.left_bar ul.sub li {display:inline-block;padding:15px;}

.right_bar {width:100%;float:none;}
.right_bar .zbozi, .zbozi {display:inline-block;width:40%;height:auto;padding:20px 10px;border:1px solid #efefef;text-align:center;font-size:16px;margin-bottom:20px;vertical-align:top;}
.zbozi label {display:inline-block;}
.zbozi .sleva {float:right;position:relative;top:-20px;right:-10px;color:#fff;background-color:#ED1C24;padding:5px;font-size:0.6em;}

.right_bar h2 a {font-size:16px;color:#ED1C24;}
.right_bar h3, .right_bar h3 a {font-size:16px;}
.right_bar .zbozi img, .zbozi img {height:auto !important;max-height:120px !important;width:auto !important;max-width:240px;}
.right_bar .zbozi a, .zbozi a {text-decoration:none;color:#ED1C24;}
.right_bar input[type=number] {width:40px !important;padding:5px;}
.right_bar input[type=submit]{height:auto;padding:7px 10px;border:0;width:auto !important;cursor:pointer;color:#fff;background-color:#00545D;}
.right_bar input[type=submit]:hover {background:linear-gradient(#ED1C24,#454545);background:-webkit-linear-gradient(#00545D,#454545);transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;color:#fff;}

.filtr a, .filtr span {margin-right:20px;font-size:15px;}

.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:5px 0 5px 0;}

.left_detail {width:45%;float:left;}
.left_detail img {max-width:100% !important;}

.right_detail {width:45%;float:right;margin:10px 0 30px 0;}
.right_detail table {line-height:1.5em;}
.right_detail h2 {font-size:20px;}
.right_detail img {height:64px !important;width:auto;}
.right_detail input {width:auto !important;}

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

.right_bar #karta-menu {width: 99% !important;display:inline-block;padding:10px;}
.right_bar #karta-menu a {width:auto !important;display:inline-block;padding:5px 10px;margin-left:5px;}

.right_bar #karta {padding:10px;width:99% !important;}
.right_bar #karta a {text-decoration:none !important;}
.right_bar #karta-galerie {display:none;}

.right_bar #karta-dotaz {display:none;}
.right_bar #karta-dotaz textarea {width: 300px !important;}

.right_bar #karta-kategorie {display:none;}

.clear {clear:both;}
.tisic {margin-left: 4px;}

.objednavka {padding:10px;margin-bottom:10px;border:1px solid #efefef;}
.objednavka:hover {background-color:#efefef;}

/* - ------- eshop  ------------ */

@media (max-width:600px){
#top-shop {padding:0px;}
#top-shop-center li.mail {display:none;} 
.zbozi {display:inline-block;width:40%;height:auto;padding:20px 4%;border:1px solid #efefef;text-align:center;font-size:16px;margin-bottom:20px;}
.left_bar {}
.left_bar ul.main {display:inline-block;font-size:1em;margin-bottom:0;}
.left_bar ul.main li {display:inline-block;}
.left_bar ul.sub {display:none;}

.left_bar ul.main a {display:inline-block;font-weight:bold;color:#225081;padding:10px;margin:5px;border:1px dotted #225081;}
.left_bar ul.main a:hover {color:#fff;background-color:#225081;}

.left_detail {width:100%;float:none;display:block;}
.right_detail {width:100%;float:none;display:block;}
.right_detail tr {width:50%;display:inline-block !important;}
.kontaktni_formular input[type=submit] {margin-left:10px;}

table.vysledek td img {max-width:140px;}
#obsah .reference {display:block;padding:5% 10% 5% 10%;width:80%;height:auto;min-height:auto;}
}

@media (max-width:500px){
table.vysledek td img {max-width:100px;}
}

table.vysledek tr:hover {background-color:#EFF7F8;}

#cookie {
transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s 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;}