/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	/*margin: 0;
	padding: 0;*/
	border: 0;
	font-size: 100%;
	font: inherit;

}
html { font-size:100%; min-width: 300px;}

body{background:#fff; color:#000;font-size:100%;margin:0 auto;font-weight:400;width:100%;height:100%;text-align:center;font-family: 'Open Sans', "trebuchet ms",Tahoma,georgia,verdana,arial,lucida,sans-serif !important;line-height:1.4;}

#motiv{/*background:url(/img/bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; position:fixed;left:0px;bottom:0;width:100%;height:100%;*/}
#motiv{background:url(/img/bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; position:fixed;left:0px;bottom:0;width:100%;height:100%;}

img {border:0;}
ul li {list-style-type:none;}
#top{background:url(/img/top.png) top repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:412px; border: 0px solid red; }
/*#stin2{background:url(../img/stin2.png) top center no-repeat; position:absolute; top:200px; z-index:0;  width:100%; height:300px; }*/
b { font-weight: bold;}
strong {font-weight: bold;}
em {color:#333}
.fleft {float:left!important; margin:0 10px 0 0}
.fright {float:right!important; margin:0 0 0 20px}
.big {font-size:160%; color:#1b497f}
.blue {color:#1b497f}

h1 {
	color: #3484D2;
	font-weight: bold;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('/images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

html.wait, html.wait * { cursor: wait !important; }

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form tr, form td {
	vertical-align: top;
	font-weight: normal;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}


.navbar .brand {padding: 0px; padding-left: 20px; padding-top: 5px; padding-right: 10px;}

.seznam {border-collapse:collapse; border:1px solid #dfdfdf; margin:10px 0; font-size:85%; text-align: left;}
.seznam td {border:#dfdfdf 1px solid; padding:1px 5px 1px 5px; line-height:15px; vertical-align: middle;}
.seznam th {background:#dfdfdf; border:#cacaca 1px solid; padding:2px 10px; text-align:left; height:28px;}


/*table .table-striped {background-color: red;}*/


.filter {
    background: none repeat scroll 0 0 #DFDFDF;
    border: 1px solid #CACACA;
    margin: 10px auto;
    padding: 2px 10px;
    text-align: left;
    width-min: 600px;
}

.filter form { margin-bottom: 0px;}



/*head*/
#head{width:100%;height:100%;margin:0 auto;text-align:center;position:relative;z-index:10;clear:both;/*background:#fff; */}
#head-in  {width:100%;}
/*#headclick{position:absolute;top:25px;left:20px;width:510px;z-index:99999;display:block;}*/
#logoclick {/*background:url("/img/logo.png") no-repeat;*/ /*position:absolute;top:25px;left:20px;*/width:100%; display:block; z-index:5; float: left; padding-top: 30px; border: 0px solid red; }
#head h1 {/*position:absolute;left:10px;top:90px;*/font-size:100%;color:#0b6106;text-align:left;font-weight:300; width:100%;line-height:1.2;text-transform:none;letter-spacing:0;}

/*#head h1{transform: rotate(-2deg)}*/
#head h1 b{color:#b80718}
#head h1 strong{color:#00501f}
#head h2 {position:absolute; right:0px; top:160px; font-size:140%; color:#b6da8c; z-index:999; text-align:right; line-height:20px; letter-spacing:1px;  margin-top: 0px;}
#head h2 b {color:#fff; letter-spacing:3px; padding-left:4px}
#head h2 span {color:#fff}
#head h3 {position:absolute; right:40px; top:0px; font-size:180%; color:#fff; z-index:999; text-align:right; letter-spacing:4px}
#head h3 b {color:#7fbe38}
#head a {}
#head a:hover {}
#head p {color:#fff; position:absolute; top:3px; left:0; font-size:85%; z-index:9999; letter-spacing:5px}
#head i {margin:0 15px;}
#head form {position:absolute;bottom:71px;right:5px;z-index:99999;width:300px;height:60px;border-radius:4px;border:#e7e7e7 0px solid}
#head .sb-search-input {width: 280px;}

.fluid_container .czv {width:200px; display:block; z-index:9999; position:absolute; top:10px; left:-20px}
.fluid_container .czv img {width:75%}
.logo {background:url(/img/logo2.png); height:202px; width:285px; display:block; z-index:9999; position:absolute; top:10px; right:40px}
.telefon1 {/*position:absolute;left:350px;top:0px;*/ display: block; float: left; color: #0b6106; background: url("/img/ico-tel-trakt.png") no-repeat 0 50%; padding-left: 60px; width: 170px; height: 50px; margin: 25px 1.5%; margin-left: 0}
.telefon1 em {display: block; font-style: normal; font-size: 120%}
.telefon2 {/*position:absolute;left:590px;top:0px;*/ display: block; float: left; color: #0b6106; background: url("/img/ico-tel-auto.png") no-repeat 0 50%; padding-left: 60px; width: 170px; height: 50px; margin: 25px 0 0 10%;}
.telefon2 em {display: block; font-style: normal; font-size: 120%}
.telefonServis {/*position:absolute;left:590px;top:0px;*/ display: block; float: left; color: #0b6106; background: /*url("/img/ico-tel-auto.png") no-repeat 0 50%;*/ padding-left: 60px; width: 170px; height: 50px; margin: 25px 1.5%;}
.telefonServis em {display: block; font-style: normal; font-size: 120%}


/*#odkaz-v-headu {text-decoration:none; position:absolute; top:-300px; right:-20px; font-size:12px; color:#a79619; z-index:99999}
#odkaz-v-headu:hover {color:#d3c395; text-decoration:underline}*/


/* menu */
#menu {}
#menu{/*background:#0b6106 linear-gradient(0deg,#128a0b,#0b6106);*/z-index:10;font-size:0;text-align:center;border-radius:2px;position:relative}
#menu ul{text-align:left;margin:0px 0 0px 0; width: 100%;}
#menu li{display:inline-block}
#menu li a, #menu .current-menu-item{color:#FFFFFF;text-decoration:none;padding:0 19px;font-size:16px;font-weight:400;display:inline-block;height:50px;line-height:50px;border-right:#e3dfbe 0px solid;position:relative}
#menu li:last-child a{border:none}
#menu li a:hover {background:#0b6106;color:#fff;transition:300ms;}
#menu .current-menu-item  {background:#fff280;color:#931819}
#menu ul li.eshop a {padding: 0 60px;}

/* submenu*/
#menu li ul.submenu{background: #fcefb0; width: 100%;}
#menu li ul.submenu li a {text-align:center; color:/*orange*/ #e2001a; width: 100%; height:40px; line-height: 40px; display:block;}
#menu li ul.submenu li a:hover {background:none; background-color: orange;color:white; border: none; border-radius: 0px; height:40px; line-height: 40px; display:block;}

/*css-vysunuti*/
#menu li div{display:none}
#menu li:hover div{display:block;background:#797979;border:1px solid #323232;border-top:none;z-index:9;text-transform:none;min-width:200px}
#menu li li{background:transparent;border:none;font-size:90%;padding:0;float:none; display:block}
#menu li li a{color:#fff; height:30px; line-height:30px; border:none; border-bottom:#323232 1px solid; padding:0 15px; display:block }
#menu li li a:hover{color:#fff; background:#323232}
#menu li:hover.aktiv div {left:-1px}

#menuHlavniKategorieB {height: 135px;  overflow: hidden; width: 100%;}
#menuHlavniKategorieB{background:#d4d0d1 linear-gradient(0deg,#f1f0f0,#f1f0f0); z-index:10; border-radius:2px;}
/*#menuHlavniKategorieB{background:#aaa linear-gradient(0deg,#aaa,#aaa); z-index:10; width: 1180px; margin: 0 10px;border-radius:2px;}*/
#menuHlavniKategorieB .nav-item{height: 125px; display: table-cell; vertical-align: middle; width: 15%;}
#menuHlavniKategorieB .nav-item:hover{background-color: #c3bfc0!important;}
#menuHlavniKategorieB .nav-link{color: black; vertical-align:text-bottom; /*padding: 85px 50px 15px 50px;*/ padding: 5px auto;}
#menuHlavniKategorieB .nav-link:hover {color:gray;transition:300ms;}

/*obsah*/
#hlavni {width:100%; display:block; position:relative; min-height:300px; border: 0px solid green; padding-bottom:0px; margin-bottom: 0px;}
#obsah {/*background:#fff;*/ width: 100%; /*width:100%;*//*position:relative;*/clear:both;/*float:left;*/font-size:95%;z-index:1;border:#f1f1f1 1px solid; }
#in {/*background:#fff;*/ width:100%;  /*z-index:10;*/ }


/*seznamy*/
#stred ul {margin:0px 0;}
#stred li {text-align:left; margin-left:0px; list-style-type:square; }

/*stred*/
#stred {text-align: left; min-height: 400px;}
#stred h1{font-weight:bold;font-size:175%;text-decoration:none;line-height:30px;color:#0b6106;letter-spacing:-1px;text-align:left; text-transform: uppercase;}
#stred h2{color:#0b6106;text-decoration:none;font-size:130%;font-weight:bold;padding:0 20px 0 0}
/*#stred h2.h2-logo::before{content:url('/userfiles/images/logo-h2.png'); padding-right:10px;}*/
#stred h2.h2-logo{}
#stred h3,#stred h4,#stred h5,#stred h6{color:#1c2028;text-decoration:none;font-size:26px;font-weight:400;padding:10px 20px}
#stred ul, #stred ol { padding-left: 25px}
#stred ul li {list-style-type: disc;}
#stred ol li {list-style-type: decimal;}
#stred a {color:black;}
#stred a:hover {text-decoration: underline;}



#stred table.table-border, #stred table.table-border {border: 1px solid #343434;}
/*#stred table td {padding: 3px;}*/
#stred table th, #stred table th {background-color: #343434; color: #FFFFFF; font-weight: bold;  text-align: center; padding-left: 5px; padding-right: 5px;}

#stred .box, .box2 {
	background: #fff none repeat-y scroll right top;
	border-bottom: 1px solid #d1e0ea;
	border-left: 1px solid #e3edf4;
	border-top: 1px solid #e3edf4;
	height: auto;
	margin: 5px 5px 0;
	position: relative;
	width: 100%;
}

#stred .uvod {margin: 0 8px 15px; float: left; display: inline-block; overflow: hidden; position: relative; text-align: center;}

#stred .vypis {width: 47%; margin: 0 1.5% 3%; float: left; display: inline-block; overflow: hidden; position: relative; text-align: center}
#stred .vypis img, .uvod img {width: 100%}
#stred .vypis:hover .info .text, .uvod:hover .info .text {display: block; text-align: left; font-size: 90%; padding-top: 10px}
#stred .vypis .info, .uvod .info {position: absolute; top: 0; left: 0; right: 0;	padding: 20px 30px;	color: #FFF; background-color:#323232;opacity: 0.90;}
#stred .vypis .info .text, .uvod .text {display: none; margin-top: 20px;}
#stred .vypis .info .text a, .uvod .text a {color: white;}
#stred .vypis .info .text a:hover {text-decoration: none;}
#stred .uvod .info {min-height: 115px;}
#stred .uvod:hover .info .text a {color: #FFF}
#stred .radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}

.drobky {background:#fff;text-align:left;color:#000;font-size:85%;box-sizing:border-box;position:relative;z-index:20;width:100%;padding:10px 20px;border-top:#fff 0px solid}
.drobky ul{margin:0px}
.drobky ul li {text-decoration:none;font-weight:600;color:#000;display:inline;text-align:center;margin:0!important}
.drobky ul li::after{font-family:'FontAwesome';content:"\f0da";color:#000}
.drobky ul li:last-child{font-weight:300}
.drobky ul li:last-child::after{content:""}
.drobky ul li a, .drobky ul li span {color:#000;padding:0 5px;text-decoration:none}
.drobky ul li a:hover{text-decoration:underline}
.drobky ul .current-menu-item {text-decoration:none;color:#a4d126}


	/*nadpisy*/
h1,h2,h3,h4,h5,h6{text-align:left;letter-spacing:0px; font-style:normal; }

/*prava*/
#prava {float:right; width:0px; position:relative; right:0px; padding:0px 0 0px 0px; margin-top:0px; color:#ebe7ba; min-height:0px; color:#000; text-align:left; border-left:#ded7ae 0px dashed }
#prava h3 {font-size:160%; background-color: #378bdd; color: white; text-decoration:none; padding: 5px 10px;}
#prava h3 a {color:#005b92; text-indent:20px; text-decoration:none}
#prava h3 a:hover {text-decoration:underline}

/*novinky*/
#prava p { padding:0 10px; font-size:90%}
#prava h4 {margin:10px 0 0 0; font-size:140%; color: black;}


/*prava*/
#leva {float:left; width:200px; position:relative; right:0px; padding:20px 0 20px 20px; margin-top:10px; color:#ebe7ba; min-height:300px; color:#000; text-align:left; border-left:#ded7ae 1px dashed }
#leva h3 {font-size:160%; color:#005b92;  text-decoration:none}
#leva h3 a {color:#005b92; text-indent:20px; text-decoration:none}
#leva h3 a:hover {text-decoration:underline}


/*foot-menu*/
#oddel {width:100%; margin:0 auto; height:0px; clear:both;}

#foot-menu{width:100%; margin:0px auto;text-align:center;z-index:100;}

#foot-menu{background:#dfdfdf linear-gradient(0deg,#dfdfdf,#f1f1f1,#fff,#ccc);margin:0 auto;padding:40px 0 20px;text-align:center;position:relative;z-index:99;font-size:85%}
#foot-menu-in{}


#foot-menu {border-top: solid 9px #0b6106; background: #4b4b4b; color: #fff; padding: 40px 0 40px; margin-top: 0px}
#foot-menu-in {display:inline-block; text-align: left; color: white; line-height: 22px; width: 100%;}
#foot-menu-in .inner {display:block; width: 100%; margin: 0px; padding: 0px}
#foot-menu-in a {color: #FFF; cursor: pointer; text-decoration: underline;}
#foot-menu-in strong {color: #FFF;}
#foot-menu-in h3 {padding-top: 0; color: #FFF; text-align: left; font-weight: 600; margin-bottom: 10px; font-size: 140%;}

#foot-menu-in .footer-kontakt {float: left; /*width: 30%;*/ padding: 10px 5px 0 35px;}
#foot-menu-in .mapa {float: right; width: 55%; margin-top: 40px}
#foot-menu-in .footer-odkazy {float: right; width: 40%}
#foot-menu-in .footer-odkazy .panel {float: left; width: 45%; margin-right: 5%; padding: 10px 0 20px 15px; background-color: transparent;}
#foot-menu-in .footer-odkazy li {list-style: none}

/*
#oddel {width:100%; margin:0 auto; height:0px; clear:both;}
#foot-menu {background:#152545; width:1000px; height:auto;  margin:0 auto;  position:relative; z-index:100; border-bottom:#fff 1px solid}
#foot-menu {background:#707173;  width:1000px; margin:0 auto; padding:20px 0;text-align:left;  overflow:hidden;  position:relative; z-index:99}
#foot-menu .blok3{float:left; border-right:#a5a5a5 1px dashed; padding:0 20px; font-size:95%}
#foot-menu li {letter-spacing:0px}
#foot-menu li a{text-decoration:none; color:#cceeff}
#foot-menu a:hover{text-decoration:underline; color:#fff;}
#foot-menu  h5{font-size:120%; font-weight:bold; color:#fff; margin:10px 0;}
.no-border {border:none!important}
*/

/*paticka*/
#foot{width:100%; margin:0 auto;position:relative;z-index:100;color:#fff}
#foot-in{background:#aaa;margin:0 auto;letter-spacing:0;position:relative;box-sizing:border-box;font-size:95%}
#foot-in p{text-align:center;margin:0 auto;padding:14px 30px}
#foot-in a,#foot-in b{color:#fff;text-decoration:none}
#foot-in a:hover{color:#dfdfdf}



/* bootstrap */
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 2px;
}

.input-sm, select.input-sm { font-size: 12px; height: 25px; line-height: 1.5; padding: 2px 5px;}

/*table.table-striped td, table.table-striped th{background-color: #f5f5f5;}
table.table tr td{font-size: 12px; padding:5px 5px 0 5px; line-height: 1.5;}*/


/*slide*/
.fluid_container{background:#fff;position:relative; right:0px; width:980px;  overflow:hidden; }
.fluid_container h3 {position:absolute; bottom:1px;left:30px; font-size:115%!important; line-height:34px; letter-spacing:9px!important; color:#000!important; font-weight:400;}
.camera_wrap {background:url('/userfiles/images/slide/slide1.png');}


/*#slider-bg{position:relative; right:0px; top:15px; z-index:100; height:257px;}
#slider{position:relative; right:0px; width:980px; height:257px; overflow:hidden;}
#slider img{display:none; }
#slider a {border:0;display:block;}*/

/*TEST*/
.camera_fakehover { height: 390px;}
.camera_pag {top:-35px; position: relative}


#blanket {
    background-color:#111;
    opacity: 0.65;
    *background:none;
    position:absolute;
    z-index: 9001;
    top:0px;
    left:0px;
    width:100%;
}



.well {
    background-color:#fff;
    border-color: #808080;
}

.form-group {
	margin-bottom: 5px;
}

.col-md-3{
	width: 24%;
}

.table-bordered > tbody > tr > td.firstcol {
	#background-color: #f9f9f9;
}
.table-bordered > tbody > tr > td.col-r {
	text-align: right;
}

#stred hr {height: 1px; background-color: #0b6106}
#stred .novinky {width: 100%; min-height: 80px; /*background-image: linear-gradient(#0b6406, #12860b);*/ color: white; }
#stred .novinky a{color: white; text-decoration: underline;}
.novinky-container {padding-left: 10px; padding-right: 10px; min-height: 80px;}
.novinky-first-width{min-width: 397px;}
.novinky-first-width .media {border-right: 1px solid white;}
.novinky-width{max-width: 374px;}
.zem-tech-container {padding-left: 10px; padding-right: 10px;}
.zem-tech-nabidka{width: 98%;}
.logaPartneri {padding-left: 30px; padding-right: 10px;}

.elementor-container{width: 100%; margin-top: 20px;}
.elementor-column{float: left; width: 33%;}
.elementor-container a {color: #0b6106;}
.elementor-icon-box-icon{width: 60px; float: left; font-size: 3em;}
.elementor-icon-box-content {/*min-height: 200px;*/}
.elementor-icon-box-content h3 {line-height: 20px; min-height: 60px;}
#stred .elementor-icon-box-content h3 a{font-size: 20px; font-weight: bold; color: #0b6106;}
.elementor-icon-box-description {margin-left: 60px;}


#stred .elementor-icon-box-content h3 a:hover {text-decoration: none; cursor: auto;}
#stred .elementor-icon {cursor: auto;}
#stred .elementor-icon img{vertical-align: top; width: 40px;}

#stred .logaPartneri .logaPartneriRow {height: 50px; padding: 0px 0px;}
#stred .logaPartneri .logaPartneriRow .logaPartneriLogo {float: left; width: 12%; vertical-align: center; text-align: center;}


#menuHlavniKategorieBT { /*position:absolute;top:175px;*/ height: 75px; overflow: hidden;}
#menuHlavniKategorieBT{ background:#4b4b4b linear-gradient(0deg,#4b4b4b,#4b4b4b); z-index:10; width: 1180px; margin: 0 10px;border-radius:2px;}
#menuHlavniKategorieBT .nav-item{ height: 75px; display: table-cell; vertical-align: middle; max-width: 260px}
#menuHlavniKategorieBT .nav-link{ color: white; vertical-align:text-bottom; padding: 5px 21px 15px 78px;}
#menuHlavniKategorieBT .nav-link:hover { color:silver;transition:300ms;}
.cb {display: none;}
