@media screen, projection, tv{

html,body, input, textarea, select, table{ font-family: "Open Sans", "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif; color: #2D2E31;  }

html, body{ min-width: 1200px; }

body{ background: White url(../img/tapeta.jpg) no-repeat center 0; }

#base{ margin: 0; text-align: left; width: auto; font-size: .85em; position: relative; padding: 0; background-color: transparent; line-height: 1.8em;  }

.nad{ display: none;}

hr{ color: #e8e8e8; background: #e8e8e8; clear: both; }
h1,h2,h3,h4,h5{ font-weight: 300; color: #f76205; }
h1{ font-size: 3em; margin: .8em 0 0 0; color: #609d1d; }
h2{ font-size: 2.6em; margin: .8em 0 15px 0; }
h3{ font-size: 2em; margin: .8em 0 15px 0; }
h4{ font-size: 1.7em; margin: .8em 0 15px 0 ; }
h5{ font-size: 1.4em; margin: .8em 0 15px 0; font-weight: 400; }
.hlavni{ border-left: 0; padding-left: 0; margin-top: 1em;font-size: 3em; padding-top: 0; margin-left: 0; margin-bottom: 15px; line-height: 1.2em; }


input, textarea, select, button, .btn{ margin: 0; border: 1px solid #cbd5db; height: auto; color: #2D2E31; padding: 6px; display: inline-block; background: White; -moz-box-shadow: 0 0 4px #ededed inset; -webkit-box-shadow: 0 0 4px #ededed inset; box-shadow: 0 0 4px #ededed inset; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
.btn,button, a.btn{ text-decoration: none; display: inline-block; padding: 6px 10px; line-height: normal; vertical-align: middle; color: #118dc0;}
.btn, a.btn{ -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 1px rgba(0,0,0,.2); border-color: #ececee; }
.search input.btn, .btn{
	background: #ececee;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececee 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ececee 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ececee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececee',GradientType=0 );
}

#head{ height: 145px; overflow: hidden; width: 1200px; margin: 0 auto; }
#head div.center{ text-align: left !important; }

#nav{ color: #2D2E31; font-size: .95em; width: 100%; padding: 0 0 0 0; line-height: 1.4em; background: White;}
#nav-in{ width: 1140px; margin: 0 auto;  padding: 0 30px; position: relative;}

#nav .dalsi a{  background: transparent none;  margin: 0 0 0 25px; padding-left: 0; display: inline-block; color: #2D2E31;}
#nav table{ height: 35px; width: 100%; }
#nav .tdnav{ width: 100%; text-align: right;  }
#nav a{ text-decoration: none; }
#nav img{ vertical-align: middle; }
#nav td { padding: 0 0; vertical-align: middle; }

.search{  background-color: transparent; text-align: right; padding: 0 0 0 0; width: auto; position: absolute; right: 30px; top: 87px; }
.search input.pole{  margin: 0;  padding: 6px;border: 1px solid #cbd5db;color: #118dc0; border-right: 0; width: 220px; height: 32px; }
.search input.btn{ border: 1px solid #cbd5db; vertical-align: middle; height: auto;  color: #118dc0; padding: 6px; height: 32px; width: auto; overflow: visible; border-left:  0; font-size: .9em; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow:  0 0 0; }


a{ color: #118dc0; }
a:hover{ color: black; text-decoration: underline; }

#nav .mutace{ margin-right: 40px; white-space: nowrap; display: block; }
#nav .mutace a{ font-weight: normal;  background-color: White; margin: 0 3px; color: #2D2E31; }
#nav .mutace a.aktivni{ font-weight: normal; text-decoration: none; cursor: default; }
#nav .mutace img{ margin-top: -1px; }

#main{ width: 1140px; background-color: White;  background-color: rgba(255,255,255,.8); padding: 30px; margin: 0 auto; }
#stred, #left{ float: left; display: inline; }
#left{ width: 250px; margin-left: -1140px; padding-bottom: 25px; }
#stred{ width: 850px; margin-left: 250px; padding-left: 40px; }
#plocha{ padding: 1px 0; }
#plocha:first-child h1{ margin-top: 0; }


#menu ul{ list-style-type: none; margin: 0; padding: 0; }
#menu a{ padding: 8px 14px; width: auto;   background: #118dc0;  color: White;  font-weight: normal; font-size: 1.25em; font-weight: 300;}
#menu a:hover, #menu li:hover a, #menu li.hover a, #menu a.aktivni{ background: #0f7fac; color: White }
#menu ul ul{ position: absolute; top: 0; left: 250px; visibility: hidden; width: 250px; }
#menu li{ position: relative; behavior: url(/styly/hover.htc);  background-color: transparent; border-top: 1px solid #2999c6; padding: 0; }
#menu ul ul a{ background-color: #BE0000; border-bottom: 0; font-weight: normal; color: White; background-image: none; padding-left: 11px; padding-right: 11px; }
#menu ul ul li{ padding: 0; }
#menu li:hover ul, #menu li.hover ul{ visibility: visible; }
#menu ul ul a:hover{ background-color: #0F7FAC; text-decoration: underline; }
#menu li:first-child{ border: 0; }

.soc-ico{ padding-top: 5px; }
#pata{ color: #5a5b5d; font-size: .95em; border-top: 1px solid  #edeeef; border-color: rgba(166,168,176,.2); background: #fafbfb; margin-top: 32px; width: 100%; }
#pata-in{ width: 1200px; margin: 0 auto; }
#pata p{ margin: 0; padding: 30px 30px; font-size: .85em; }
#pata .vpravo{ float: right; padding-left: 25px; text-align: right; }
#pata p a{ color: #5a5b5d; }

#soc{ width: 1140px; margin: 0 auto; }
.zapati{ background: #FAFBFB; padding: 10px 0; color: #999a9c;}
.zapati-in{ width: 1200px; margin: 0 auto; }
.zapati a{ color: #999a9c; }
.zapati a:hover, #pata p a:hover{ color: Black; }

.box{ background-color: transparent; margin: 30px 0; padding: 0; }
.box-in{ padding: 0; }
.gray{ background-color: transparent;  }
.box h3{ color: White; font-size: 1em; margin: 0; background: transparent none; border-top: 0 solid #052645; padding: 0; margin: 0; }
.box h3{ color: #2D2E31; font-size: 1.8em; margin-bottom: 15px; } 

.box p, .box h4{ line-height: 1.3em; margin: .8em 0; }



div.col_right, #right { background-color: transparent; display: inline; float: right; margin-top: 0; padding-bottom: 25px; padding-left: 10px; position: relative; right: 0; width: 219px; }

.box.kosik{ margin: 30px 0; background: #609d1d; padding: 10px 15px 15px 15px;  }
.box.kosik h3{ color: White; line-height: 28px; background: transparent url(../img/shop.png) no-repeat 0 0; padding-left: 0; margin: 0 0 10px 0; }
.box.kosik p{ color: White; line-height: 1.3em; }
.box.kosik a{ color: White; font-weight: 700;}
.box.kosik p{ margin: 0 0 0 0; }
.box.kosik small{ font-size: .9em; display: block; color: rgba(255,255,255,.7) }
.box.kosik h3 img{ float: left !important; margin-top: 8px; margin-right: 12px; }
strong{ width: 600; }

.proembed{ float: left; margin: 3px 15px 3px 0; }
.log td{ padding: 2px 0 2px 0; }
.log p{ margin: .1em 0; font-size: .9em; padding: 0 4px; }
.log input.policko{ background: White; width: 100%; padding: 6px;  }
.box-in{ padding: 5px; }
.log input.btn{ width: auto; }
.bold{ font-weight: 600 !important; }
.log .right.bold{ text-align: left !important; padding-right: 7px; }

.articles strong{ color: #f76205; margin: 0; font-size: .9em; font-weight: normal; }

.clanek+.clanek, .product, .product-in, .gallery{ border: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2); }
hr{ background: #e9e9e9; background-color: rgba(166,168,176,.2); margin: 5px 0; }

.clanek h3{ font-size: 1.1em; margin-bottom: .1em; }
.clanek h3 a{ color: #118dc0; text-decoration: none; font-size: 1em; }
.clanek h3 a:hover{ color: black; }

.clanek{ margin-top: 15px;}
.clanek+.clanek{  padding-top: 30px; border-width: 1px 0 0 0;}
.info{ color: #737478; font-size: .9em; }
.info a{ color: #737478; }
.info span{ margin-right: 0; color: #737478;}
.datum{ color: #f76205; margin: 0; font-size: .9em; }
.clanek h3{ margin: 0 0 15px 0; font-weight: 600; line-height: 1.3em; font-size: 1.8em;  }
.clanek img{ width: 180px; height: auto; }
.aPic{ float: left; margin-right: 25px; }
.info .num{ line-height: 14px; font-size: .85em; color: White; background: transparent url(../img/comm.png) no-repeat; padding-bottom: 5px; vertical-align: text-top; text-decoration: none; text-align: center; display: inline-block; min-width: 15px;}
.vice{ display: inline-block; line-height: 1.5em; padding: 0; background: transparent none; }
.info{ border: 0; }
.clanek .text{ padding-bottom: 2px; line-height: 1.6em; }


.vyber{ text-align: left; background: transparent; border: 0; border-bottom: 0; padding: 15px 0;  }
.vyber p, .vyber form{ margin: 0; padding: 2px 0; }

.podkategorie{ text-align: left; background: transparent; border: 0; padding: 5px 15px; margin:0px;margin-top:5px;margin-bottom:5px }
.podkategorie p { margin: 0; padding: 2px 0; }

a.btn { display: inline-block !important ; width: auto; }


.vypis{ table-layout: fixed; width: 100%;   border-collapse:collapse; empty-cells: show; border-color: #e9e9e9; border-color: rgba(166,168,176,.2); margin: 1.3em 0;  }
.vypis td{ border-color: #e9e9e9; border-color: rgba(166,168,176,.2);  font-size: 1em; }
.vypis h2{ font-size: 1em; font-weight: 400; }
.vypis td img{ border: 0; display: block; margin: 0 auto; }
.vypis td p{ color: #73716a; }
.cena { font-size: 1.25em; font-weight: bold; line-height: 1.3em; white-space: nowrap; }
.addcart{ display: block; text-align: right; }
.addcart strong{ color: #73716a; font-weight: 400; font-size: .9em; }
.addcart .btn{ background: #609d1d; border-color: #609d1d;-moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0;  margin: 0; padding: 4px; }
.addcart input { height: auto; margin: 0 0 !important; padding: 6px; vertical-align: middle; width: 40px; text-align: right; }

.navigace{ text-align: center; background: transparent; border: 0; border-top: 0; padding: 3px 10px; margin-bottom: 5px; }

.fotogaltab{  margin: 1em 0 1em 0; table-layout: fixed; }
.fotogaltab td{ padding: 31px; background: transparent; border-left: 0; border-bottom: 0; width: 150px;line-height: 1.2em; vertical-align: top; }
.fotogaltab img{ display: block; margin: 0 auto; border: 0; }
.fotogaltab h4{ font-size: 1em; line-height: 1.2em; margin: 0; padding: 7px 0; border-bottom: 0;  width: 150px; overflow: hidden; color: #2D2E31; font-weight: 400;}
.fotogaltab p span{ font-weight: bold; }
.fotogaltab p{ margin: 0; padding: 7px 0; border-bottom: 0; width: auto; overflow: hidden; font-size: .9em;  color: #2D2E31; }
.fotogaltab .galaut{ float: left; }
.fotogaltab span.galaut2{ margin-left: 4.5em; display: block; font-weight: normal; }
.fotogaltab p.galvice{ border: 0; padding-bottom: 0; }
.fotogaltab td{ border-bottom: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2); }
.galpic td{ width: 150px; height: 132px; overflow: hidden; background: transparent;  vertical-align: middle; padding: 0; border: 0; }

.level1{ background-color: transparent; padding: 5px  0; width: auto; }
.level1,.level2, .level3, .level4, .level5{ width: auto; }
.v-okne{ background: transparent; border: 0; padding: 5px; font-size: .85em; margin: 0 0 6px 0; line-height: 1.3em; font-style: italic; }
.level1 .v-okne{ background: transparent; border: 0;}¨
tr.polemika-top td {font-weight: normal;  background-color:  transparent;  }
.diskusniblok h3{border-top: 0 solid #2C2C2C; margin: 2em 0 1em 0; color: #f76205; padding: 0; font-weight: 300; background:  transparent;  font-size: 2em;  }

#drobky a, #drobky{ color: #646b6f; font-size: .95em; }
#drobky p{ margin-top: 0; }


.bcena p { background: transparent none repeat scroll 0 0; margin: 0; padding: 7px 10px; line-height: 2.5em; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2); }
.addcart input{ display: inline-block; }

.addcart .btn { background: none repeat scroll 0 0 #609D1D; width: auto; border-color: #609D1D; box-shadow: 0 0 0; margin: 0; padding: 5px; height: auto; border: 0; color: White; }
.addcart .btn img{ vertical-align: middle; }

/*hovers*/
a:hover, .anketa li:hover strong{ color: black; text-decoration: underline; }
.btn:hover i, .loginBox a:hover i, button:hover i{ color: #BBE8FD; }
.btn:hover, .loginBox a:hover, button:hover{ background: #118dc0; color: White; text-decoration: none; border-color:#118dc0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; }
#nav a:hover{ color: #118dc0; }
#nav a:hover{  text-decoration: underline; }
.vice:hover{ background: #38393d; padding: 0 5px; text-decoration: none; color: White; margin-left: -5px; }
.anketa li:hover a{ color: black; }

table.tab{ font-size: 1em; border: 0;   border-collapse: collapse; margin: 1em 0;  line-height: 1.3em; }
table.tab td, table.th{ border: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2); padding: 6px 10px;  background: transparent none;}
table.tab th{ font-weight: bold; text-align: left; vertical-align: top; font-size: 1.1em; border: 0; background: transparent none; }

table.tab tr:nth-of-type(odd){   background: transparent none; }
table.tab th span{ display: block; font-weight: normal; font-size: .85em; }


#kalendar table { margin: 0; border-collapse: collapse; border: 0 solid #D4D4D4; table-layout: fixed; width: 100%; }
#kalendar td { width: 30px; background-color: transparent; border:0; text-align: center; line-height: 25px;font-size: .95em; padding: 2px 0;}
#kalendar td.tdneaktiv {   }
#kalendar td.nic{   color: #d2d4d9; background: transparent;} 
#kalendar td.tdaktiv, #kalendar td.tdaktiv .active>a {  background: transparent; color: #2D2E31; font-weight: normal; }
#kalendar td.tdaktiv .active>a { -moz-border-radius: 50%; text-decoration: none; border-radius: 50%; -webkit-border-radius: 50%; color: White; margin: 0 auto; text-align: center; display: inline-block; width: 25px; height: 25px; background: #118dc0; cursor: pointer; }
#kalendar td.tdaktiv .active>a:hover {background: #F76205; cursor: pointer; text-decoration: none }
#kalendar td.dnesek>a{ font-weight: 400; background: #609D1D;  font-style: normal;}
#kalendar td.dnesek { background: transparent none; font-style: normal; }
#kalendar td.tdneaktivdnesek{ font-weight: 600; }
#kalendar .popis-dny td { background: transparent none; color: #2D2E31; text-align: center; font-weight: normal; font-weight: 600;}
#kalendar .mesic td{ background: transparent; border: 0;  font-weight: 400; font-size: 1.3em; margin: 0; padding: 0; line-height: 1.1em; }
#handle{ border: 1px solid #CACACA; background-color:white; color: black; }
#kalendar td.tmesic{width: auto;}

#kal7777 { visibility: hidden; z-index: 999; position: absolute; left: -476px; top: 42px; background-color: White; border: 1px solid #000; padding: 10px; width: 450px; }
#left #kal7777 { left: 262px; top: 280px; }

.formik input, .formik textarea { padding: 6px; }

.formik .btn, a.btn2{ background: #609d1d; border-color: #609d1d; color: White; font-weight: normal; padding: 10px 20px; font-size: 1.3em; font-weight: 300 !important ; text-transform: none; }
.formik .btn:hover{ background: #118dc0; border-color: #118dc0; }

table.blokdiskusi td { font-size: 1em; }
.v-okne h4 { margin: 0; font-size: 1.1em; }
.reaguj { text-align: right; }
.reaguj .btn{ display: inline-block !important; white-space: nowrap; }

div.potvrzeni{ width: 300px; padding: 10px; background-color: #609D1D; top: 100px; left: 40%; color: black; text-align: center; z-index: 1000; font-weight: 600; position: absolute; border: 1px solid #609D1D; font-size: 1em; -moz-box-shadow: 2px 2px 2px gray; -webkit-box-shadow: 2px 2px 2px gray; box-shadow: 2px 2px 2px gray; color: White; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }

.tab .cartbtn{ background: #118DC0 none;  border: 4px solid #118DC0; width: auto; height: auto; }
.tab .cartbtn:hover{ background: #609D1D;  border: 4px solid #609D1D;}

table.tab th, .formik th { font-weight: 600; }
.formik{ margin: 1.2em 0; }

#pridanoDoKosiku {  background: #609D1D; color: White; }

.soc-ico img{ width: 33px; height: 33px; }

div.col_right .soc-ico, #right .soc-ico { height: 33px; margin-top: -5px; padding-bottom: 6px; }
#soc  .soc-ico{  top: -48px; position: relative;}
.soc-ico img { margin: 0 0 0 2px; }

.oddeleni{ padding-top: 1.5em; margin-top: 1.5em;border-top: 1px solid #e9e9e9; border-color: rgba(166,168,176,.2); clear: both; }
.oddeleni h2{ font-weight: 400; margin-bottom: 4px; color: #609d1c; font-size: 2em; }
.popPoz{ color: Gray; color: rgba(0,0,0,.7); font-size: .95em; }

#plocha ul { list-style-type: square; margin-left: 1.2em; padding-left: 0; list-style-image: url(../img/li.png); }
#plocha ul li{ padding-left: 10px; }

}