/* CSS CUSTOM */
@import url("fancybox/jquery.fancybox.min.css");
@import url("boxy.min.css");
@import url("tipsy.min.css");
@import url("importuforms.min.css");
@import url("nivoslider/nivo-slider.min.css");
/* pro vlastnosti produktu */
@import url("jquery.ui.tabs.min.css");
@import url("jquery-ui.min.css");
@import url("jquery-ui.structure.min.css");
@import url("jquery.ui.theme.min.css");
/* pro homepage reference */
@import url("owlcarousel/owl.carousel.min.css");

/* CUSTOM FONT */
@import url("font-awesome.min.css");
@import url("fonts/V5/css/all.min.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic&subset=latin,latin-ext);

/* CUSTOM FONT END */

/* MAIN COLORS
#329e00	rgba(50,158,0,1)		zelena
#102b72							modra tmava
#062f99							modra standardni
#0c69ff							modra svetla
*/

.clr-green {
	color: #329e00;
}
.clr-bluedark {
	color: #102b72;
}
.clr-bluestandard {
	color: #062f99;
}
.clr-bluelight {
	color: #0c69ff;
}
/* MAIN COLORS END */

body{
	font-family: 'Open Sans', sans-serif !important;
}

body{
	font-size: 75%;
	color: #333333;
	margin: 0px;
}
body.bodyin{
	/* background: url(img/kdz_bgin.jpg) right 400px no-repeat; */
}
td, tr{
	margin: 0px;
}


a:link, a:active, a:visited {
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #008aca;
}

ul {
	padding: 5px 0px 20px 15px;
	margin: 0px 0px 0px 20px;

}
li {
	font-weight: normal;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-indent: 0;
	list-style: square;
	/* list-style-image: url(img/li.png); */
}

h1 {
	font-size: 1.667em;
	font-weight: bold;
	color: #024ec8;
	text-align: left;
	padding: 10px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
}
h1.mainh1 {
	padding: 12px 0px 12px 15px;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #FFFFFF;
    /* background: #21c316; */
	background: #062f99;
    color: #FFFFFF;
}
#main-homepage2 h1.mainh1 {
	padding: 12px 0px 12px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 2px solid #e0e0e0;
	color: #024ec8;
	background: none;
}

h2 {
	font-size: 140%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #329E00;
}

.produkth2 {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	color: #2A2A2A;
}

h3 {
    color: #329e00;
    font-size: 120%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

hr{
	border: 0;
	color: #ededed;
	background-color: #ededed;
	height: 1px;

}

img.txtimgl {
	border: none;
	clear: right;
	margin-right: 10px;
}
img.txtimgr {
	border: none;
	clear: left;
	float: right;
	margin-left: 10px;
}

.w10 {
	width: 10px !important;
}
.w15 {
	width: 15px !important;
}
.w120 {
	width: 120px !important;
}
.w100p {
	width: 100% !important;
}

.fs15 {
	font-size: 15px;
}

.txtright {
	text-align: right !important;
}
.txtjust {
	text-align: justify !important;
}


blockquote {
    color: #000000;
    font-style: italic;
    font-weight: normal;
    text-align: left;
    margin: 10px 0px 10px 0px;
    padding: 6px 5px 10px 60px;
    background: #E4F6FF url(img/quotebg.png) 10px 10px no-repeat;
}
h2.red,
span.red {
    color: #FF0004;
}

/* ================ Effects ================  */

/* a:hover, */
/* a:hover span,  */
img:hover,
[class^="icon-"]:hover,
[class*=" icon-"]:hover,
.flexy-menu a, .flexy-menu a:hover > i,
#tophlavicka div.img img,
#tophlavicka div.lang a:hover img,
#tophlavicka div.login a, #topmenu div.login a,
div#vstupicons div.cont li:hover a, div#vstupiconsin div.cont li:hover a, div#vstupiconsin,
.novinka:hover, .novinka:hover > a.novinkanadpis, .novinka:hover > p,
#foottop div#footcont div.cont div.left div.footnovinka a.vice span, #foottop div#footcont div.cont div.right a.mapa,
.vypzboziv1, .vypzboziv1 .vyptab.mid img, .vypzboziv1.last::after,
#tophlavicka .img:before,
#tophlavicka .infobox p span, #tophlavicka .infobox p span i, #tophlavicka .infobox p span a, #tophlavicka .infobox2 p a:hover, #tophlavicka .infobox2 span.butall a
{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.vypmnoz ul li.obr a, .vypmnoz ul li.nic, .vypmnoz ul li.obr, .vypmnoz ul li.nic:before,
.vyptab.mid div.slevy,
#topmenu a.butservis,
li.menu1-main0, li.menu1-main1, li.menu1-main2, li.menu1-main3, li.menu1-main4, li.menu1-main5,
p.archiv a,
div#partnerscont div.boxes a.inbox,
div.homerefe div.owl-item a, div.homerefe div.owl-item a div.refimg div.refinfo,
.vypclan p.vice a,
ul.homemenu > li:hover ul, ul.homemenu ul, ul.homemenu:hover ul, ul.homemenu ul.child li a span.more, ul.homemenu > li:hover > a:after,
#tophlavicka .infobox2,
li.menu1-main0:before
{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
img:hover {
	/* opacity: 0.9; */
}

.hide {
	display: none;
}

.ease1s	{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
/* * {
	-webkit-transition: width .5s;
	transition: width .5s;
} */

#tophlavicka div.img img:hover,
#tophlavicka div.lang a:hover img,
#foottop div#footcont div.cont div.right a.mapa:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

#tophlavicka div.img img:hover {
	-webkit-transform: translate(5px, 0px);
	-moz-transform: translate(5px, 0px);
	-o-transform: translate(5px, 0px);
	-ms-transform: translate(5px, 0px);
	transform: translate(5px, 0px);
}

#mainintopnav {
	-webkit-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
	-moz-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
	-ms-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
	-o-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
	transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
}

.skewout-5 {
	-ms-transform: skew(-5deg,0deg);
	-webkit-transform: skew(-5deg,0deg);
	transform: skew(-5deg,0deg);
	overflow: hidden;
}
.skewin-5 {
	-ms-transform: skew(5deg,0deg);
	-webkit-transform: skew(5deg,0deg);
	transform: skew(5deg,0deg);
}

/* .skewimg {
	position: relative;
	display: block;
}
.skewimg:after {
	content: " ";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 10px 0 0;
	border-color: #ffffff transparent transparent transparent;
	line-height: 0px;
	_border-color: #ffffff #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
*/

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


div.homerefe div.owl-item a:hover span.refvice i,
a.novinkavicelink:hover i {
	-webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* ================ JQ SLIDE ================  */

.msg_head { cursor: help; font-weight: bold; }
.msg_body {  }

/* ================ Formy ================  */

form {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 1px solid #E2E2E2 ;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}
legend {
	font-size: 120%;
	padding: 0px 10px 0px 10px;
}
input[type="submit"], input[type="button"] {
	color: #FFFFFF;
    background: #0C69FF;
	border: 1px solid #eeeeee;
	padding: 5px 8px;
}
input[type="submit"]:hover, input[type="button"]:hover {
	background: #024ec8;
	color: #FFFFFF;
}
input[type="text"], input[type="password"], input[type="file"], input[type="email"], select, textarea {
	color: #000000;
	/*
	background: #EFEFEF;
	border: 1px solid #7FB367;
	*/
    background: #c2d9ff;
    border: 1px solid #E2E2E2;
	padding: 5px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
	background: #B7E8A0 !important;
}

.formnadp {
	font-size: 15px;
	color: #4569F0;
	letter-spacing: 1px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #9b9b9b;
	margin-bottom: 10px;
}
.formnapdtxt {
	font-size: 15px;
	color: #9b9b9b;
}

a.button {
	color: #333333;
	background: #BADC20;
	border: 1px solid #eeeeee;
	padding: 5px 8px;
	text-decoration: none;
}
a.button:hover {
	background: #BADC20;
	color: #FFFFFF;
}


/* ================ Ikony ================  */
i.sprite-icon {
	display: inline-block;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}
i.sprite-icon.vok-green,
i.sprite-icon.vok-blue {
	background: url(img/vok_sprites_icons.png) no-repeat;
}
i.sprite-icon.vok-green,
i.sprite-icon.vok-blue {
	width: 17px;
	height: 15px;
}
i.sprite-icon.vok-blue {
	background-position: 0px -15px;
}

/* ============= STRUKTURA WEBU ============= */

#main {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#mainintopnav, #maintop  {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#maintop  {
	position: relative;
}
#maintop .vok_bg  {
	background: url(img/vokno-bghead1.jpg) center top no-repeat;
	position: absolute;
    top: 0;
    width: 100%;
    height: 371px;
}

#mainintopnav  {
	background: rgba(50,158,0,1);
	position: relative;
}
#mainintopnav.sticky {
    position: fixed!important;
    top: 0;
    left: 0;
    padding: 0!important;
    width: 100%;
    background-color: rgba(50,158,0,0.9);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    z-index: 99999;
    min-height: inherit!important;
    border-bottom: 0!important;
}
#mainintop {
	width: 1170px; /* stara 985 */
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 2;
}
#main-in, #main-in-homepage, #mainmenu-in-homepage {
	width: 1170px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#main-in-homepage {
	padding: 30px 0px 0px 0px;
}
/* ============= HLAVICKA ============= */
.navrespo {
  position: fixed;
  top: 0px;
  right: -100%;
  z-index: 999999;
}
#topmenu {
	width: 1170px;
	margin: 0px auto 0px auto;
	height: 70px;
	position: relative;
}
#tophlavicka {
	height: 422px;
	position: relative;
}
#tophlavicka .img {
	width: 251px;
	position: absolute;
	right: 278px;
    top: 126px;
	z-index: 2;
}
#tophlavicka .vokno-imgbg {
	width: 760px;
	height: 423px;
	background: url(img/vokno-ruky.png) no-repeat;
	position: absolute;
	right: 66px;
    top: 0px;
}
/* #tophlavicka .img:before {
	content: "";
	width: 2px;
	height: 50px;
	background: #e0e0e0;
	position: absolute;
	right: -35px;
	top: -8px;

	-webkit-transform: rotate(14deg) ;
	-moz-transform: rotate(14deg) ;
	-o-transform: rotate(14deg) ;
	-ms-transform: rotate(14deg) ;
	transform: rotate(14deg) ;
}
#tophlavicka .img:hover:before {
	-webkit-transform: rotate(0deg) ;
	-moz-transform: rotate(0deg) ;
	-o-transform: rotate(0deg) ;
	-ms-transform: rotate(0deg) ;
	transform: rotate(0deg) ;
}
*/
#tophlavicka .txt {
	width: 530px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 25px;
    top: 80px;
}
#tophlavicka .txt h1 {
	margin: 0px;
	padding: 0px;
	font-size: 2.250em;
    font-weight: 700;
	color: #102b72;
	text-shadow: 1px 1px 25px rgba(255, 255, 255, 1);
}
#tophlavicka .txt p {
	margin: 0px;
	padding: 0px;
	font-size: 2.250em;
    font-weight: 700;
	color: #102b72;
	text-shadow: 1px 1px 25px rgba(255, 255, 255, 1);
}

#tophlavicka .infobox {
	width: 190px;
    position: absolute;
    right: 0px;
    top: 24px;
	background: #062f99;
}
#tophlavicka .infobox p {
	color: #FFFFFF;
	padding: 15px;
	margin: 0;
}

#tophlavicka .infobox p strong {
	display: block;
	line-height: 25px;
	font-size: 1.333em;

	border-bottom: 1px solid #5d78bd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#tophlavicka .infobox p span {
	display: block;
	font-weight: 600;
    font-size: 1.083em;
	line-height: 20px;
}
#tophlavicka .infobox p span i {
	margin-right: 5px;
	font-size: 14px;
}
#tophlavicka .infobox p span a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 600;
}

#tophlavicka .infobox2 {
	width: 190px;
    position: absolute;
    right: 0px;
    top: 160px;
	background: #0c69ff;
}
#tophlavicka .infobox2 p {
	color: #FFFFFF;
	padding: 15px;
	margin: 0;
}

#tophlavicka .infobox2 p strong {
	display: block;
	line-height: 25px;
	font-size: 1.333em;

	border-bottom: 1px solid #619dff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#tophlavicka .infobox2 p a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 600;

	float: left;
    width: 49%;
	line-height: 20px;
}

#tophlavicka .infobox2 span.butall {
	display: block;
	text-align: center;
	padding: 0px 15px 15px 15px;
    margin-top: 27px;
}
#tophlavicka .infobox2 span.butall a {
	display: block;
    padding: 8px 15px;
    background: #FFFFFF;
    color: #024ec8;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
#tophlavicka .infobox2 span.butall a:hover {
    background: #329E00;
    color: #FFFFFF;
}

#tophlavicka .infobox p span:hover,
#tophlavicka .infobox p span:hover i,
#tophlavicka .infobox p span:hover a,
#tophlavicka .infobox2 p a:hover {
	color: #C3C3C3;
}

#tophlavicka .txt-vok-profily {
	position: absolute;
	left: 17px;
    top: 220px;
	background: rgba(255,255,255,0.70);
	height: 54px;
	padding: 0px 10px;
	font-size: 1.500em;
	line-height: 54px;
}
#tophlavicka .txt-vok-profily img {
	display: inline-block;
	vertical-align: middle;
}
#tophlavicka .txt-vok-profily:before,
#tophlavicka .txt-vok-profily:after {
	position: absolute;
	top: 0;
	content: "";
	width: 0px;
    height: 0px;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
}
#tophlavicka .txt-vok-profily:before {
	left: -18px;
    border-right: 18px solid rgba(255,255,255,0.70);
}
#tophlavicka .txt-vok-profily:after {
	right: -18px;
    border-left: 18px solid rgba(255,255,255,0.70);
}



#tophlavicka .txt-vok-navbuttons {
	width: 560px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 17px;
    top: 344px;
}
#tophlavicka .txt-vok-navbuttons a.navbutton {
	padding: 5px 4px;
	font-size: 1.083em;
	/* line-height: 54px; */
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
    display: block;
	width: 93px;
    text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 36px;
}
#tophlavicka .txt-vok-navbuttons a.navbutton span {
	display: table-cell;
    text-transform: uppercase;
    height: 42px;
    vertical-align: middle;
	border-top: 1px solid rgba(255,255,255,0.70);
	border-bottom: 1px solid rgba(255,255,255,0.70);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button1 {
	background: rgba(6,47,153,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button2 {
	/* background: rgba(2,78,200,1.00); */
	background: rgba(6,47,153,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button3 {
	/* background: rgba(12,105,255,1.00); */
	background: rgba(6,47,153,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button4 {
	/* background: rgba(12,105,255,1.00); */
	background: rgba(12,105,255,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button1:before,
#tophlavicka .txt-vok-navbuttons a.navbutton.button1:after,
#tophlavicka .txt-vok-navbuttons a.navbutton.button2:before,
#tophlavicka .txt-vok-navbuttons a.navbutton.button2:after,
#tophlavicka .txt-vok-navbuttons a.navbutton.button3:before,
#tophlavicka .txt-vok-navbuttons a.navbutton.button3:after,
#tophlavicka .txt-vok-navbuttons a.navbutton.button4:before,
#tophlavicka .txt-vok-navbuttons a.navbutton.button4:after{
	position: absolute;
	top: 0;
	content: "";
	width: 0px;
    height: 0px;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button1:before,
#tophlavicka .txt-vok-navbuttons a.navbutton.button2:before,
#tophlavicka .txt-vok-navbuttons a.navbutton.button3:before{
	left: -18px;
    border-right: 18px solid rgba(6,47,153,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button1:after,
#tophlavicka .txt-vok-navbuttons a.navbutton.button2:after,
#tophlavicka .txt-vok-navbuttons a.navbutton.button3:after{
	right: -18px;
    border-left: 18px solid rgba(6,47,153,1.00);
}
/*
#tophlavicka .txt-vok-navbuttons a.navbutton.button2:before {
	left: -18px;
    border-right: 18px solid rgba(2,78,200,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button2:after {
	right: -18px;
    border-left: 18px solid rgba(2,78,200,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button3:before {
	left: -18px;
    border-right: 18px solid rgba(12,105,255,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button3:after {
	right: -18px;
    border-left: 18px solid rgba(12,105,255,1.00);
}
*/
#tophlavicka .txt-vok-navbuttons a.navbutton.button4:before {
	left: -18px;
    border-right: 18px solid rgba(12,105,255,1.00);
}
#tophlavicka .txt-vok-navbuttons a.navbutton.button4:after {
	right: -18px;
    border-left: 18px solid rgba(12,105,255,1.00);
}


#topmenu a.butservis {
	display: block;
    padding: 8px 15px;
    background: #77d3ff;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 0px;
    min-width: 120px;
}
#topmenu a.butservis:hover {
	color: #333333;
}
#topmenu a.butservis i.fa {
	display: none;
	position: absolute;
    top: -15px;
    right: -6px;
    color: #7b7b7b;
	font-size: 23px;
}



/* ============= TOP MENU ============= */

.flexy-menu {
	margin:0px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
	position:relative;
	float:left;
	list-style: none;
	font-size: 13px;
	width: 100%;
}
.flexy-menu li {
	display:inline;
	margin: 0px;
	padding: 0px 0px 0px 0px !important;
	float: left;
	line-height: 70px;
	position:relative;
	/* border-right: 1px solid #FFFFFF; */
	/* background: #79AE00; */
}
.flexy-menu > li::after {
	content: "";
	background: #FFFFFF;
	width: 1px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 23px;
}
.flexy-menu li:last-child {
	padding: 0px;
	margin: 0px;
	border-right: none;
}
.flexy-menu > li:last-child::after {
	display: none;
	content: "";
}
.flexy-menu > li > a {
	padding: 0px 25px 0px 25px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
/* .flexy-menu li:hover > a, */
.flexy-menu li.active a,
.flexy-menu li a.active {
	background: #3EC101;
	color: #000000;
}
.flexy-menu li:hover > a {
	-webkit-transition: border 0.2s ease-in-out;
	-moz-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
}
.flexy-menu li > a:hover {
	background: #3EC101;
	color: #000000;
}



/*----------------------------
	Right alignment (item)
----------------------------*/
.flexy-menu li.right{
	float: right;
}

/*-----------------------------
	Drop down configuration
-----------------------------*/
.flexy-menu ul,
.flexy-menu ul li ul {
	list-style: none;
    margin: 0;
    padding: 0px 0px;
	/* display: block !important; */
	display: none;
    position: absolute;
    z-index: 99999;
	min-width: 280px;
	background: rgba(50,158,0,0.9);
	/* box-shadow: 0 1px 1px rgba(0,0,0,0.3); */
}
.flexy-menu ul {
    top: 69px;
    left: 0px;
}
.flexy-menu ul li ul {
    top: -1px;
    left: 100%;
}
.flexy-menu ul li  {
	clear:both;
	width:100%;
	border: none;
	background: none;
	border-top: 1px #FFFFFF solid  !important;
	line-height: 15px;
}
.flexy-menu ul li a {
	padding: 10px 23px !important;
	width:100%;
	color: #FFFFFF !important;
	text-decoration:none;
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
	border: none !important;
}
.flexy-menu li.active ul li a {
	background: rgba(50,158,0,0.9);
	color: #FFFFFF;
}

.flexy-menu ul li a:hover {
	color: #000000 !important;
	background: #3EC101;
	border: none !important;
}

/*-----------------------------
	Drop down indicators
-----------------------------*/
.flexy-menu > li .indicator{
	position: absolute;
	color: #FFF;
	top: 10px;
	right: 5px;
	font-size: 15px;
}
.flexy-menu ul > li .indicator{
	top: 10px;
	right: 8px;
}


/*------------------
	Preset sizes
------------------*/
.thin > li > a{
	padding: 10px 22px;
}
.thin ul{
	top: 40px;
}
.thin > li .indicator{
	top: 10px;
}

.thick > li > a{
	padding: 40px 22px;
}
.thick ul{
	top: 100px;
}
.thick > li .indicator{
	top: 40px;
}

/*-------------------------
	Icons configuration
-------------------------*/
.flexy-menu i{
	line-height: 20px !important;
	/* margin-right: 12px; */
	font-size: 1.000em;
	float: left;
}
.flexy-menu a:hover > i{
	transform: rotate(360deg) ;
	-webkit-transform: rotate(360deg) ;
	-moz-transform: rotate(360deg) ;
	-o-transform: rotate(360deg) ;
	-ms-transform: rotate(360deg) ;
}

/*------------------------------------
	Collapsible menu configuration
------------------------------------*/
.flexy-menu > li.showhide{
	display: none;
	width: auto;
	height: 40px;
	cursor: pointer;
	background: #329E00;
    color: #000000;
	list-style: none;
	border: none;
}
.flexy-menu > li.showhide span.title{
	margin: 20px 0 0 10px;
	float: left;
	font-size: 25px;
    font-weight: 600;
}
.flexy-menu > li.showhide span.icon{
	margin: 18px 20px;
	float: left;
}
.flexy-menu > li.showhide .icon em{
	margin-bottom: 3px;
	display: block;
	width: 20px;
	height: 2px;
	background: #000000;
}
.flexy-menu > li.showhide:after{
	display: none;
}


/* ============= HLAVNI OBSAH ============= */

#main-down, #main-down-homepage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#main-down-in, #main-down-in-homepage {
	/* width: 985px; */
	margin: 0px;
	/* background: url(img/bg-obsah-mid.png) no-repeat 0px 34px; */
}
#maindownbot {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* border-bottom: 4px solid #c5c5c5; */
}
#bgmainbot {
	margin: 0px 8px 0px 7px;
	height: 7px;
	border-bottom: 4px solid #c5c5c5;
}

#down {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#col-levo, #col-levo-home, #col-levo-home2, #col-levo-homemenu {
	width: 300px;
	position: relative;
	float: left;
}
#col-obsah, #col-obsah-home, #col-obsah-home2, #col-obsah-homeslider {
	width: 850px;
	position: relative;
	float: right;
	/* background: #F3F3F3; */
}
#col-obsah {
	margin-bottom: 30px;
}
#col-pravo {
	width: 250px;
	position: relative;
	float: left; /* left: 749px; */
}
#col-clear {
	clear: both;
}



#l-main, #l-main-home, #l-main-home2, #l-main-homemenu {
	margin-left: 0px;
	margin-top: 0px;
	/* background: #dfdfdf; */
}
#l-main-home {
	background: #FFFFFF;
}
#l-main-bot {
	height: 5px;
	background: url(img/levo-bg-bot.png);
}

/* ============= LEVE MENU ============= */
.menu1 {
	margin-bottom: 20px;
}
.menu1-top {
	font-size: 1.667em;
	font-weight: bold;
	border-bottom: 2px solid #e0e0e0;
	margin: 0;
	padding: 12px 0px;
	color: #062f99;
}
.menu1 > .menu1-top {
	background: #329e00;
	color: #FFFFFF;
	padding: 12px 20px;
	border: none;
}
.menu1-topbg {
	height: 9px;
	background: url(img/menu-main-top.png);
}

.menu1-main {
	padding-top: 5px;
	background: #f4f4f4;

}

ul.menu1ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: none;
}

li.menu1-main0, li.menu1-main1, li.menu1-main2, li.menu1-main3, li.menu1-main4, li.menu1-main5 {
	margin: 0px;
	list-style: none;
	color: #008ACA;
	border-top: 1px solid #FFFFFF;
	/* line-height: 13px;
	padding: 10px 10px 9px 0px; */
	padding: 5px 10px 5px 0px;
}
[class^="menu1-"]:after, [class*=" menu1-"]:after {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	float: left;
}
li.menu1-main2:before, li.menu1-main3:before {
	content: "";
	font-size: 13px;
    line-height: 25px;
}
li.menu1-main0:before {
	content: "";
	background: url(img/vok_sprites_icons.png);
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
	transform: rotate(90deg);
	width: 17px;
    height: 15px;
    display: inline-block;
    float: left;
    margin-top: 2px;
}
li.menu1-main0:hover:before {
	-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
	transform: rotate(0deg);
}
/*
	li.menu1-main0:before, li.menu1-main1:before, li.menu1-main2:before, li.menu1-main3:before {
	content: "\f0dd";
	font-size: 12px;
}
*/
/* li.menu1-main0:before, li.menu1-main1:before, li.menu1-main2:before, li.menu1-main3:before {
	content: "\f0fe";
} */
/*
li.menu1-main0:before, li.menu1-main1:before, li.menu1-main2:before, li.menu1-main3:before {
	content: "\f0c8";
	color: #FFFFFF;
	font-size: 16px;
}
*/

li.menu1-main0:first-child {
	background: none;
	border-top: none;
	padding-top: 5px;
}
li.menu1-main0 {
	padding-left: 12px;
	padding-top: 12px;
}
li.menu1-main1 {
	padding-left: 29px;
}
li.menu1-main2 {
	padding-left: 44px;
}
li.menu1-main3 {
	padding-left: 55px;
}
li.menu1-main4 {
	list-style-image: none;
}
li.menu1-main5 {
	list-style-image: none;
}
li.menu1-main6 {
	list-style-image: none;
}
li.menu1-main0 a, li.menu1-main1 a, li.menu1-main2 a, li.menu1-main3 a, li.menu1-main4 a, li.menu1-main5 a {
	color: #000000;
	text-decoration: none;
	/* font-size: 1.083em; */
	padding-left: 8px;
	/* display: table-cell; */
	display: flex;
	/* line-height: 30px; */
}
li.menu1-main0 a {
	/* display: inline-block;
	padding: 6px 0px 5px 0px;
	margin: 0px 0px 0px 0px; */
	font-size: 14px;
}


li.menu1-main0:hover, li.menu1-main1:hover, li.menu1-main2:hover, li.menu1-main3:hover, li.menu1-main4:hover, li.menu1-main5:hover, li.menu1-main6:hover   {
	background: #F3F3F3;
}

li.menu1-main0 a.active, li.menu1-main1 a.active, li.menu1-main2 a.active, li.menu1-main3 a.active, li.menu1-main4 a.active, li.menu1-main5 a.active, li.menu1-main6 a.active  {
	color: #000000;
    font-weight: bold;
}
li.menu1-main0 a.active2, li.menu1-main1 a.active2, li.menu1-main2 a.active2, li.menu1-main3 a.active2, li.menu1-main4 a.active2, li.menu1-main5 a.active2, li.menu1-main6 a.active2  {
	color: #000000;
    font-weight: bold;
}
/* li.menu1-main0:after, li.menu1-main1:after, li.menu1-main2:after, li.menu1-main3:after, li.menu1-main4:after, li.menu1-main5:after, li.menu1-main6:after {
	content: "\f067";
	display: none;
} */
/* li.menu1-main0:hover:after, li.menu1-main1:hover:after, li.menu1-main2:hover:after, li.menu1-main3:hover:after, li.menu1-main4:hover:after, li.menu1-main5:hover:after, li.menu1-main6:hover:after {
	content: "\f105";
	display: block;
    float: right;
    margin-top: -21px;
	color: #000000;
} */


.menu1-bot {
	height: 8px;
	/* background: url(img/menu-main-bot.png); */
}

/* ============= MODULY A BLOKY ============= */
.mods1 {
	/* width: 160px; */
	height: 72px;
	background: url(img/bg-funkce.png) no-repeat;
	margin: 0px 0px 10px 0px;
}
.mods1 .mods1form {
	color: #333333;
	width: 163px;
	height: 16px;
	background: White;
	border: 0px;
	padding: 2px 5px;
	float: left;
}

.mods2 {
	margin-bottom: 10px;
	padding: 0px 15px 5px 15px;
}

.modintopbg {
	height: 9px;
}
.modinbotbg {
	margin-bottom: 10px;
}

.mododber,
.modhledat {
	color: #FFFFFF;
	padding: 10px 10px 0px 22px;
	font-size: 14px;
	background: #30a9ff;
}
.mododber form,
.modhledat form {
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
.mododber img,
.modhledat img {
	border: 0px;
	float: left;
}

/* ==== BLOK NOVINKY === */

.novinky {
	padding: 5px 0px 10px 0px;
}
.novinka {
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
	display: block;
	/* border-bottom: 1px solid #FFFFFF; */
}
.detnovinkatab {
	padding: 18px 0px 0px 0px;
}
.novinkadatum {
	font-weight: normal;
	font-style: italic;
	margin-top: 0px;
	text-decoration: none;
}
a.novinkanadpis  {
	text-decoration: none;
	display: block;
	padding: 5px 0px 0px 0px;
	font-size: 1.083em;
	font-weight: bold;
}

.novinka img {
	max-width: 100%;
	width: auto;
	margin: 0px 0px 0px 0px;
	border: 1px solid #eeeeee;
}
.novinka img:hover {
	border: 1px solid #E2E2E2;
}
.novinka p {
	margin: 5px 0px;
	text-align: justify;
}
.novinkavice {
	padding: 0px 0px 0px 0px;
}

a.novinkavicelink {
	color: #0c69ff;
	font-weight: 600;
	text-decoration: none;
}
a.novinkavicelink i {
	color: #77d3ff;
	margin-left: 5px;
	font-size: 14px;
}

p.archiv {
	/* padding: 0px 15px 0px 15px; */
	margin: 0;
}

p.archiv a {
	display: block;
    padding: 8px 15px;
    background: #0c69ff;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
p.archiv a:hover {
	color: #FFFFFF;
	background: #024ec8;
}
p.archiv a i.fa {
	position: absolute;
    top: -15px;
    right: -6px;
    color: #7b7b7b;
	font-size: 23px;
}





/* ==== BLOK KOSIK === */
.modkosikfunc {
	color: white;
	padding: 15px 20px 5px 20px;
	text-align: left;
	background: #30a9ff;
}
.modkosikfunc span {

}
.modkosikfunc img {
	margin-top: 8px;
}
.modkosikfunc2 {
	padding: 5px 20px 10px 20px;
	text-align: left;
	/* background: #30a9ff; */
}
.modkosikfunc a {
	color: #FFFFFF;
}
.modkosikfunc a:hover {
	color: #000000;
}
.modkosikfunc a.tlodhlasit, .modkosikfunc a.tlucet  {
	margin-top: 8px;
	display: inline-block;
	padding: 0px 20px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}
.modkosikfunc a.tlkosik {
	margin-top: 8px;
	display: block;
	height: 28px;
	padding: 7px 0px 0px 45px;
	background: #FFFFFF url(img/kosiktl.png) no-repeat 5px 5px;
	color: #4569F0;
	font-size: 15px;
	text-decoration: none;
}
.modkosikfunc a.tlkosik:hover {
	background: #E5E5E5 url(img/kosiktl.png) no-repeat 5px 5px;
}
.modkosikfunc a.tlucet:hover, .modkosikfunc a.tlodhlasit:hover, .modkosikfunc a.tlkosik:hover {
	color: black;
	text-decoration: none;
}

/* ==== BLOK VYHLEDAVACI TAGY === */
.modtagymain {
	padding: 15px 10px 5px 22px;
}
.modtagymain a.vtag1 {
	font-size: 120%;
}
.modtagymain a.vtag2 {
	font-size: 100%;
}
.modtagymain a.vtag3 {
	font-size: 140%;
}
.modtagymain a.vtag4 {
	font-size: 110%;
}
.modtagymain a.vtag5 {
	font-size: 90%;
}

/* ==== BLOK NEJVICE HLEDANE === */
.modnejhledanein {
	padding: 15px 10px 5px 10px;
}
.modnejhledanein ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.modnejhledanein ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(img/ico-parneri.png) no-repeat 0px 6px;
	padding: 0px 0px 0px 12px;
	line-height: 160%;
}

/* ==== BLOK NEJVICE OBLIBENE === */
.modnejoblibene {
	padding: 15px 0px 10px 0px;
	/* background: #dfe2e2 url(img/menu-main-mid.png) no-repeat; */
}
.modnejoblibene ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.modnejoblibene ul li {
	margin: 0px 0px 12px 0px;
	padding: 0;
	list-style: none;
}
.modnejoblibene p{
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 10px 0px;
	display: block;
	text-align: center;
	background: url(img/menu1-icobot.png) no-repeat bottom;
}
.modnejoblibene p img{
	margin: 5px auto 2px auto;
	border: 1px solid #eeeeee;
	display: block;
	width: 80%;
}
.modnejoblibene p img:hover{
	border: 1px solid #E2E2E2;
}
.modnejoblibene p span{
	color: #f64d2d;
	font-weight: bold;
}

/* ==== BLOK PARTNERI === */
.modpartnerimain {
	padding: 15px 10px 5px 10px;
}
.modpartnerimain a.normal {
	background: url(img/ico-parneri.png) no-repeat 0px 5px;
	padding: 0px 0px 0px 12px;
	line-height: 160%;
}
.modpartnerimain a {
	background: none;
	line-height: 160%;
}
span.modpartnerimainvice
{
text-align: justify;
text-decoration: none;
}
span.modpartnerimainvice a
{
font-weight: bold;
cursor: help;
color: black;
text-decoration: none;
background: none;
line-height: 100%;
padding: 0;
}
span.modpartnerimainvice  a:hover
{
text-decoration: none;
}
span.modpartnerimainvice a img
{
width: 10px;
height: 10px;
border: 0px;
position: relative;
top: 2px;
}
span.modpartnerimainvice  a span
{
position: relative;
font-size: 90%;
font-weight: normal;
text-align: left;
text-decoration: none;
}
span.modpartnerimainvice  a span span
{
display: block;
position: absolute;
visibility: hidden;
bottom: 12px;
right: -10px;
padding: 5px;
width: 150px;
background: #666d76;
border: 1px solid #1a4e88;
text-decoration: none;
color: white;
}
span.modpartnerimainvice  a:hover span span
{
visibility: visible;
text-decoration: none;
}

/* ==== BLOK ANKETA === */
.modanketamain {
	padding: 5px 10px 5px 20px;
	background: url(img/menu1-icobot.png) no-repeat bottom;
	margin-bottom: 10px;
}
.modanketamain p.otazka {
	font-weight: bold;
}
.modanketamain table img {
	height: 3px;
}
.modanketamain table span {
	font-size: 10px;
	color: #6d6e70;
}
.modanketamain table span.cisla {
	font-size: 10px;
	color: #4D770C;
	float: right;
}
.modanketamain div.stav {
	background: #666d76;
	height: 2px;
}
.modanketamain input[type="radio"] {
	float: right;
	margin: 0;
}
.modanketamain input[type="submit"] {
	float: right;
	margin: 0;
}
p.anarchiv {
	padding: 0px 15px 0px 15px;
	margin: 0;
}

p.anarchiv a {
	text-transform: uppercase;
}
p.anarchiv a:hover {
	color: #4D770C;
}

/* ==== BLOK TEXT POD MENU === */
.modtxtmain {
	margin-bottom: 15px;
}


/* ==== BLOK MENY === */
a.button-mena, a.button-mena-active {
    display: block;
    float:left;
	padding: 5px 8px;
    line-height: 20px;
    text-align: center;
    margin: 10px 10px 10px 0px;
    /* border: 1px solid black; */
    text-decoration: none;
	color: #000000;
}
a.button-mena {
    text-decoration: none;
	background-color: #badc20;
}
a.button-mena:hover {
	background: #E1EAB5;
	color: #000000;
}
a.button-mena-active {
	background: #4D770C;
	color: white;
}

/* ==== BLOK JAZYKY === */
a.button-vlajka {
    text-decoration: none;
}
a.button-vlajka img {
	border: none;
	margin: 5px 5px 0px 0px;
}

/* ==== MOD FOTOGALERIE === */
.modfotogal {
	padding-bottom: 10px;
}
.modfotogal td {
	width: 25%;
	padding: 5px 0px 8px 5px;
	text-align: center;
	vertical-align: top;
}
.modfotogal td.first {
	padding: 5px 0px 8px 0px;
	text-align: center;
	vertical-align: top;
}
.modfotogal img {
	border: 1px solid #E2E2E2;
	padding: 5px;
	background: #eeeeee;
}
.modfotogal img:hover {
	border: 1px solid black;
}

/* V.2.150616 */
.modfotogal a {
	width: 25%;
	display: inline-block;
	margin-bottom: 2%;
	float: left;
	padding: 0;
}
.modfotogal a img {
	width: 90%;
	padding: 2%;
	border: 1px solid #E2E2E2;
	background: #EFEFEF;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* ==== MOD DOWNLOAD === */
.download-tab{
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}

.download-nadpis{
	font-weight: bolder;
	background: url(img/det-predely-top.png) no-repeat;
	padding: 4px 0px 0px 33px;
	height: 25px;
}

.download-text{
	padding: 5px 5px 20px 5px;
	background: white;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.download-tab-foto1, .download-tab-foto2{
	width: 145px;
	vertical-align: top;
	background: white;
	border-right: 1px solid Silver;
}
.download-tab-foto3{
	width: 145px;
	vertical-align: top;
	background: white;
}
.download-div-foto{
	padding: 0px 5px 0px 5px;
}
.download-div-soubor{
	padding: 0px 5px 0px 5px;
}
.download-div-nazev{
	padding: 0px 5px 0px 5px;
}

.download-tab-soubor1, .download-tab-soubor2{
	width: 145px;
	vertical-align: top;
	background: white;
	border-right: 1px solid #E2E2E2;
}
.download-tab-soubor3{
	width: 145px;
	vertical-align: top;
	background: white;
}
.download-tab-nazev1, .download-tab-nazev2{
	width: 145px;
	vertical-align: top;
	background: white;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 10px;
}
.download-tab-nazev3{
	width: 145px;
	vertical-align: top;
	background: white;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 10px;
}

.menu-vyrobce{
	margin-top: 10px;
	height: 45px;
	padding: 5px 0px 0px 18px;
	color: #422E2E;
	font-weight: bold;
	font-size: 12px;
}
#r-main {
	margin-top: 0px;
	/* background: #dfdfdf; */
}
#r-main-bot {
	width: 213px;
	margin-left: 6px;
	height: 4px;
	background: url(img/pravo-bg-bot.png);
}
/* ==== MOD FORM === */
.modform {

}
.modform span {
	color: red;
	font-weight: bold;
}


/* ============= NAVIGACE ============= */
p.navigace {
	margin: 0px 0px 10px 0px;
	padding: 0;
	color: #6b6b6b;
}
p.navigace a {
	text-decoration: underline;
	color: #6b6b6b;
}
p.navigace a:hover {
	text-decoration: underline;
	color: #000000;
}
p.navigace span{
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

/* ============= OBSAH ============= */

#obsah, #obsah-home {
	/* padding: 0px 15px 10px 15px; */
	min-height: 350px;
}

.obsah-bgtop {
	height: 9px;
	background: url(img/obsah-top.png);
}
.text-vrch {
	background: url(img/napdis-bg.png) no-repeat;
	margin: 0px 0px 0px 0px;
	/* padding: 0px 8px 0px 8px; */
}
.obsah-bot {
	margin-bottom: 10px;
}

#obsah .obsah-top,
#obsah .obsah-bot {
	line-height: 170%;
	font-size: 1.083em;
}
#obsah .obsah-top h2, #obsah .obsah-top h3, #obsah .obsah-top h4 {
	padding: 15px 0px 0px 0px;
	margin: 0;
}
#obsah .obsah-top p,
#obsah .obsah-bot p {
	text-align: justify;
}
#obsah .obsah-top img,
#obsah .obsah-bot img {
	max-width: 850px;
}
#obsah .obsah-top ul {
	padding: 5px 0px 0px 15px;
    margin: 0px 0px 0px 20px;
}
#obsah .obsah-top li,
#obsah .obsah-bot li {
	padding: 0px 0px 0px 0px;
}
#obsah .obsah-top li:last-child,
#obsah .obsah-bot li:last-child {
	padding: 0px 0px 0px 0px;
}

#obsah .obsah-top a,
#obsah .obsah-bot a {
	/* text-decoration: none;
	color: #ee1c25;
	border-bottom: 1px solid #bdbcba; */
}
#obsah .obsah-top a:hover,
#obsah .obsah-bot a:hover {
	/* color: #333333; */
}

#obsah .obsah-top,
#obsah .obsah-bot,
.vypmnoz,
.vyp-zbozi {
	font-size: 1.083em;
}

/* ==== OBSAH VYPIS CLANKU A NOVINEK === */
.vypclan {
	padding: 0px 0px 13px 0px;
	margin: 13px 0px 30px 0px;
	border-bottom: 1px dotted #E2E2E2;
	font-size: 1.083em;
}
.vypclan td {
	vertical-align: top;
	display: block;
}
.vypclan td.tabfoto {
	/* width: 135px; */
	display: block;
}
.vypclan td.tabfoto a {
	display: block;
	max-height: 250px;
	overflow: hidden;
	clear: both;
}
.vypclan td.tabfoto img {
	/* border: 1px solid #eeeeee; */
	max-width: 100%;
    float: left;
}
.vypclan td.tabfoto img:hover {
	/* border: 1px solid #E2E2E2; */
}
.vypclan h2 a {
	font-weight: bold;
	text-decoration: none;
}
.vypclan span.datum {
	font-style: italic;
	color: #7b7b7b;
}
.vypclan p.anot {
	margin: 0;
	padding: 0;
	display: block;
}
.vypclan p.vice {
	display: block;
}
.vypclan p.vice a {
	color: #333333;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    background: #77D3FF;
    padding: 5px 10px;
}
.vypclan p.vice a i {
	color: #FFFFFF;
    margin-left: 5px;
    font-size: 14px;
}
.vypclan p.vice a:hover {
	color: #FFFFFF;
    background: #008ACA;
}



/* ==== OBSAH DETAIL CLANKU A NOVINEK === */
.detclan {
	display: block;
}
.detclan td {
	vertical-align: top;
}
.detclan td.tabfoto,
.detclan td.tabinfo {
	/* width: 135px; */
	display: block;
}
.detclan td.tabfoto img {
	/* border: 1px solid #eeeeee; */
	max-width: 100%;
}
.detclan td.tabfoto img:hover {
	/* border: 1px solid #E2E2E2; */
}
.detclan img.detclanimg {
	border: 1px solid #eeeeee;
	float: left;
	margin-right: 15px;
}
.detclan img.detclanimg:hover {
	border: 1px solid #E2E2E2;
}
.detclan p.anot {
	margin: 0;
	padding: 0;
	font-style: italic;
}
.detclan span.datum {
	font-style: italic;
	color: #7b7b7b;
}
.detclan p.download {
	display: block;
	text-align: right;
	font-weight: bold;
}

/* ============= VYPIS PRODUKTU ============== */
.vyp-zbozi {
	clear: both;
}
.vypfiltry {
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	padding: 5px 0px 5px 0px;
	font-size: 11px;
}

/* strankovani a trizeni */
.strankovani {
/*	border-top: 1px solid #EEEEEE;
	margin-top: 10px;
	padding: 10px 0px 5px 0px; */
}
.strankovani span {
	padding: 3px 5px 3px 5px;
	background: #99bce5;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	margin-right: 5px;
}
.strankovani a:link, .strankovani a:active, .strankovani a:visited {
	padding: 3px 5px 3px 5px;
	background: #DDDDDD;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	margin-right: 5px;
}
.strankovani a:hover {
	background: #BEBEBE;
	text-decoration: none;
	color: #ee1c25;
}
.trizeni {
	padding: 5px 0px 5px 0px;
}
.trizeni img {
	border: none;
}
.trizeni select{
	border: solid 1px #E2E2E2;
	font-size: 11px;
}

.trizeni td.td1 {
	width: 75px;
}

.trizeni td.td2 {
	width: 50px;
}
.trizeni td.td3 {
	width: 100px;
}
.trizeni td.td4 {

}
.trizeni td.td5 {
	text-align: right;
}

/* filtr vyrobce pro vypis */
.vypfiltry2 {
	border-bottom: 1px solid #E2E2E2;
	padding: 5px 0px 5px 0px;
	font-size: 11px;
}

#head_vyr{

}
#schovaj{
	font-weight: bold;
	height: 20px;
	width: 70px;
	margin:0;
	background: url(img/sipkadole.png) no-repeat;
	background-color: #E2E2E2;
	padding-left: 20px;
	line-height: 20px;
	cursor:pointer;
	float: left;
}

#polozky{
		float: left;
		margin-left:15px;
		height: 20px;
		line-height: 20px;
}
#vyrobcovia{
	line-height: 30px;
	font-style: underline;
	margin:0;
	padding:0;
	background-color: #E2E2E2;
	clear:both;
}

.one-vyr{
	float:left;
}
.reset{
	clear: both;
}

/* ============= VYPIS PRODUKTU - FILTRACE (V.140924)  ============== */
div.vypfiltryv14 {
	background: #EFEFEF;
	padding: 10px;
	margin: 20px 0px 0px 0px;
	/* border-top: 1px solid #72C7FF; */
}
div.vypfiltryv14 table {
	width: 100%;
}
div.vypfiltryv14 span.marg5 {
	display: inline-block;
	margin-right: 5px;
}
div.vypfiltryv14 span.top {
	position: relative;
	bottom: 5px;
}

div.vypfiltryv14 select {
	margin-right: 5px;
	background: #FFFFFF;
}

div.vypfiltryv14 div.strankovaniv14 {
	float: right;
}
div.vypfiltryv14 div.strankovaniv14 span {
	margin-right: 5px;
}
div.vypfiltryv14 div.strankovaniv14 a:link, div.vypfiltryv14 div.strankovaniv14 a:active, div.vypfiltryv14 div.strankovaniv14 a:visited {
	padding: 5px 8px;
	background: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	margin-right: 5px;
}
div.vypfiltryv14 div.strankovaniv14 a:hover {
	background: #ECFF97;
	text-decoration: none;
	color: #000000;
}
div.vypfiltryv14 div.strankovaniv14 b {
	display: inline-block;
	padding: 5px 8px;
	background: #badc20;
	margin-right: 5px;
}

div.vypparametryv14 {
	background: #EFEFEF;
	padding: 10px;
	margin: 10px 0px;
	/* border-top: 1px solid #72C7FF; */
}
div.vypparametryv14 div.filceny, div.vypparametryv14 div.filvyrobci, div.vypparametryv14 div.filparametry {
	/* border-bottom: 1px solid #D8D8D8; */
}
div.vypparametryv14 div.filceny {
	float: right;
	width: 45%;
}
div.vypparametryv14 div.filparametry strong {
	display: inline-block;
	margin-top: 10px;
}
div.vypparametryv14 div.filceny p.parnadp, div.vypparametryv14 div.filvyrobci p.parnadp, div.vypparametryv14 div.filparametry p.parnadp {
	/* font-weight: bold; */
	font-size: 12px;
}
div.vypparametryv14 div.filceny p.parnadp a, div.vypparametryv14 div.filvyrobci p.parnadp a, div.vypparametryv14 div.filparametry p.parnadp a {
	font-weight: bold;
	text-decoration: none;
}
div.vypparametryv14 div.filceny p.parnadp {
	margin: 0px 0px 0px 0px !important;
	padding: 5px 0px 5px 20px !important;
}

div.vypparametryv14 div.filvyrobci p.parnadp, div.vypparametryv14 div.filparametry p.parnadp {
	margin: 5px 0px 0px 0px !important;
	padding: 5px 0px 5px 9px !important;
	/* background: url(img/sipkadole.png) 0px 2px no-repeat !important; */
	background: #FFFFFF;
	cursor: pointer;
	width: 50%;
    position: relative;
    height: 20px;
    line-height: 20px;
}
div.vypparametryv14 div.filvyrobci p.parnadp:hover, div.vypparametryv14 div.filparametry p.parnadp:hover {
	color: #79AE00;
}
div.vypparametryv14 div.filvyrobci div.parcont, div.vypparametryv14 div.filparametry div.parcont {
	padding: 5px 0px 5px 25px !important;
	background: #FFFFFF;
}
div.vypparametryv14 div.filvyrobci p.parnadp i, div.vypparametryv14 div.filparametry p.parnadp i {
	font-size: 20px;
    color: #333333;
    background: #BADC20;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 20px;
    height: 20px;
    padding: 5px;
}
div.vypparametryv14 div.filvyrobci div.hide, div.vypparametryv14 div.filparametry div.hide {
	display: none;
}

div.vypparametryv14 div.filvyrobci label {
	margin: 0px 5px 5px 0px;
	white-space: nowrap;
	background: #FFFFFF;
	padding: 5px 8px;
	display: inline-block;
	min-width: 100px;
	border: 1px solid #E0E0E0;
}
div.vypparametryv14 div.filvyrobci label i {
	color: #747474;
}
div.vypparametryv14 div.filvyrobci label input {
	margin: 0px 4px 0px 0px;
	position: relative;
	top: 2px;
}

div.vypparametryv14 div.filparametry table tr td.name {
	padding: 6px 10px 0px 0px;
	font-weight: bold;
	vertical-align: top;
	min-width: 90px;
}
div.vypparametryv14 div.filparametry label {
	margin: 0px 8px 5px 0px;
	white-space: nowrap;
	background: #FFFFFF;
	padding: 5px 8px;
	display: inline-block;
	min-width: 154px;
	border: 1px solid #E0E0E0;
}
div.vypparametryv14 div.filparametry select {
	margin: 0px 8px 5px 0px;
	white-space: nowrap;
	background: #FFFFFF;
	padding: 5px 8px;
	border: 1px solid #E0E0E0;
}
div.vypparametryv14 div.filparametry label.barva {
	background: none;
}
div.vypparametryv14 div.filparametry label i {
	color: #747474;
}
div.vypparametryv14 div.filparametry label input {
	margin: 0px 4px 0px 0px;
	position: relative;
	top: 2px;
}

div.vypparametryv14 div.filceny p.parnadp {
	padding: 0px 0px 0px 0px !important;
	background: none !important;
}
div.vypparametryv14 div.filceny div.slideceny {
	padding: 0px 10px 10px 10px;
}
div.vypparametryv14 div.filceny div#slider-cena {
	width: 100% !important;
}

div.vypparametryv14 div.filbuttons {
	padding: 10px 0px 0px 0px;
	text-align: right;
}
div.vypparametryv14 div.filbuttons a.button {
	background: #B8B8B8;
}
div.vypparametryv14 div.filbuttons a.button:hover {
	background: #ECFF97;
	color: #333333;
}

div.vypparametryv14 .ui-widget-header {
	background: #BADC20 !important;
}



/* ============= VYPIS PRODUKTU NOVY V1 (V.140924)  ============== */
.vypzboziv1 {
	float: left;
	width: 270px;
	margin: 20px 35px 10px 0px;

	background: #FFFFFF;
	position: relative;
	/* border: 1px solid #7E7E7E; */
}
.vypzboziv1:hover {
	background: #FCFEFF;
	/* border: 1px solid #4D770C; */

	-webkit-transform:scale(1.03); /*Webkit: Scale */
	-moz-transform:scale(1.03); /*Mozilla scale version*/
	-o-transform:scale(1.03); /*Opera scale version*/
	transform:scale(1.03); /*Opera scale version*/
	-webkit-box-shadow:0px 0px 20px #C7C7C7; /*Safari shadow version*/
	-moz-box-shadow:0px 0px 20px #C7C7C7; /*Mozilla shadow version*/
	box-shadow:0px 0px 20px #C7C7C7; /*CSS3 shadow: 20px blurred shadow all around image*/
}
.vypzboziv1:hover .vyptab.top h2 a {
	color: #4D770C;
}
.vypzboziv1::after {
	content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -7%;
    background: #E2E2E2;
}
.vypzboziv1.last {
	margin-right: 0px !important;
}
.vypzboziv1.last::after,
.vypzboziv1:hover::after {
	display: none;
}
.vypzboziv1 > .vyptab {
	width: auto !important;
}
.vypzboziv1 > .vyptab.autoheight {
	/* max-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	padding: 0px; */
}

/* ============= VYPIS PRODUKTU V1 ============== */
.vypzbozi {
	margin-top: 10px;
	padding-bottom: 20px;
/* 	font-size: 95%; */
}
.vyptab {
	width: 148px;
	vertical-align: top;
	position: relative;
}
.vyptab.top {
	padding: 10px 10px 10px 10px;
	/* background: #FFFFFF; */
}

.vypzboziv1 .vyptab.top {
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}


.vyptab.top h2 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	line-height: 15px;
}
.vyptab.top h2 a {
	color: #4D770C;
	text-decoration: none;
	font-weight: bold;
	/* line-height: 14px; */
}
.vyptab.top h2 a:hover {
	/* color: #000000; */
}

.vyptab.mid {
	/* background: #FFFFFF; */
}
.vyptab.mid div.slevy {
	z-index: 1000;
	position: absolute;
	/* font-weight: bold; */
	font-size: 12px;
	left: -10px;
	top: 0px;

	opacity: 0.9;
	-khtml-opacity: 0.9;
	-moz-opacity:0.9;
	filter: alpha(opacity=90);

	max-width: 80px;
}
.vyptab.mid div.slevy span.sleva {
	text-align: center;
	color: white;
	background: red;
	/* width: 50px;
	height: 22px; */
	display: block;
	/* float: right; */
	padding: 3px 10px;
	margin-bottom: 3px;
	position: relative;
}
.vyptab.mid div.slevy span.sleva:after {
	height: 0;
	width: 0;
	-moz-transform: scale(0.9999);
	border-top: 9px solid red;
	border-right: 9px solid transparent;
	border-top-width: 8px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -9px;
	z-index: -1;
}
.vyptab.mid div.slevy span.akce {
	text-align: center;
	color: white;
	background: #ff9600;
	/* width: 50px;
	height: 22px; */
	display: block;
	/* float: right; */
	padding: 3px 10px;
	position: relative;
}
.vyptab.mid div.slevy span.akce:after {
	height: 0;
	width: 0;
	-moz-transform: scale(0.9999);
	border-top: 9px solid #ff9600;
	border-right: 9px solid transparent;
	border-top-width: 8px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -9px;
	z-index: -1;
}
.vyptab.mid div.slevy span.dopzdarma {
	text-align: center;
	color: white;
	background: #79AE00;
	/* width: 50px;
	height: 22px; */
	display: block;
	/* float: right; */
	padding: 3px 10px;
	position: relative;
	text-transform: uppercase;
}
.vyptab.mid div.slevy span.dopzdarma:after {
	height: 0;
	width: 0;
	-moz-transform: scale(0.9999);
	border-top: 9px solid #79AE00;
	border-right: 9px solid transparent;
	border-top-width: 8px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -9px;
	z-index: -1;
}

.vypzboziv1:hover .vyptab.mid div.slevy {
	opacity: 0.5;
	-khtml-opacity: 0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity=50);
	/* top: 150px; */
}


.vyptab.mid img {
	border: none;
	width: 270px;
	/* height: 120px; */
	height: auto;
	margin-bottom: 0px;
}


.vyptab.bot {
	padding: 5px 10px;
	/* background: #FFFFFF */
}
.vyptab.bot p{
	padding: 0;
	margin: 0;
	/* line-height: 15px; */
}
/* VYPIS CEN */
.vyptab.cena {

}
.vyptab.cena .ceny {
	padding: 5px 10px;
	/* background: #FFFFFF; */
	min-height: 45px;
}
.vyptab.cena .ceny .vyp-cena {
	float: left;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
}
.vyptab.cena .ceny .vyp-sklada {
	float: right;
	font-size: 10px;
	text-align: right;
	/* color: #388a1c; */
}

.vyptab.cena .ceny .vyp-skladn {
	float: right;
	font-size: 10px;
	color: red;
}
.vyptab.cena .ceny .vyp-usetrite {
	padding-top: 2px;
	float: left;
	font-size: 10px;
}
.vyptab.cena .ceny .vyp-usetrite span{
	text-decoration: line-through;
}
.vyptab.cena .tlacitka {
	padding-top: 5px;
	/* text-transform: uppercase; */
	/* background: #FFFFFF; */
	clear: both;
}
.vyptab.cena .tlacitka .kosik a{
	display: block;
	text-decoration: none;
	font-size: 15px;
	color: #FFFFFF;

	float: left;
	background: #8bc20d;
	padding: 5px 10px;
}
.vyptab.cena .tlacitka .detail a {
	display: block;
	text-decoration: none;
	font-size: 15px;
	color: #FFFFFF;

	float: right;
	background: #7E7E7E;
	padding: 5px 10px;
}
.vyptab.cena .tlacitka .kosik a:before,
.vyptab.cena .tlacitka .detail a:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	margin-right: 5px;
    font-size: 15px;
}
.vyptab.cena .tlacitka .kosik a:before {
	content: "\f07a";
}
.vyptab.cena .tlacitka .detail a:before {
	content: "\f06e";
}


.vyptab.cena .tlacitka .kosik a:hover,
.vyptab.cena .tlacitka .detail a:hover{
	background: #badc20;
}
.vypzboziv1 .vyptab.cena .tlacitka .kosik a {
	float: right;
}
.vypzboziv1 .vyptab.cena .tlacitka .detail a {
	display: none;
}
.vypzboziv1:hover .vyptab.cena {
    position: static;
}
.vypzboziv1:hover .vyptab.cena .tlacitka .detail a {
	display: block;
    position: absolute;
    /* bottom: 150%; */
	top: 30%;
    left: 30%;
    text-align: center;
	opacity: 0.8;
}

.vyp-cenanazev {
	color: #3b3b3b;
	font-weight: bold;
}
.vyp-cenanazevakce {
	color: red;
	font-weight: bold;
}
.vyp-cena {
	font-size: 13px;
	color: #f64d2d;
	font-weight: bold;
}

.det-pribuznet:link, .det-pribuznet:active, .det-pribuznet:visited {
	font-weight: bold;
	color: white;
	text-decoration: none;
}
.det-pribuznet:hover{
	color: white;
}
.det-cenaakcni{
	color: red;
	font-weight: bold;
}
.det-cenavip{
	color: red;
	font-weight: bold;
}


/* ============= VYPIS PRODUKTU V2 ============== */
.vypzboziv2 {
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
}
.vypzboziv2 h2 {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 110%;
}
.vypzboziv2 h2 a {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}
.vypzboziv2 h2 a:hover {
	color: #4D770C;
}
.vypzboziv2 .top {
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	padding: 10px;
}
.vypzboziv2 .top div.kod {
	float: left;
}
.vypzboziv2 .top div.ceny {
	float: right;
}
.vypzboziv2 .top div.ceny table {
	text-align: center;
}
.vypzboziv2 .top div.ceny table td {
	border-right: 1px solid #E2E2E2;
	padding: 0px 5px 0px 5px;
}
.vypzboziv2 .top div.ceny table td:last-child {
	border: none;
}
.vypzboziv2 .top div.ceny td.normal {
	font-weight: bold;
}
.vypzboziv2 .top div.ceny td.normalb {

}
.vypzboziv2 .top div.ceny td.usetrite {
	color: #FF0004;
}
.vypzboziv2 .top div.ceny td.usetrite span{
	text-decoration: line-through;
}
.vypzboziv2 .top div.ceny td.moc {
	color: black;
}
.vypzboziv2 .top div.ceny td.marze {
	color: #02bfdb;
}
.vypzboziv2 .main div.left {
	float: left;
	width: 40%;
	position: relative;
}
.vypzboziv2 .main div.left:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -3%;
    background: #E2E2E2;
}
.vypzboziv2 .main div.left img {
	width: 100%;
	height: auto;
}
.vypzboziv2 .main div.left img {

}
.vypzboziv2 .main div.left div.slevy {
	z-index: 1000;
	position: absolute;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	max-width: 80px;
}
.vypzboziv2 .main div.left div.slevy span.sleva {
	text-align: center;
	color: white;
	background: red;
	/* width: 50px;
	height: 22px; */
	display: block;
	/* float: right; */
	padding: 3px 10px;
	margin-bottom: 3px;
}
.vypzboziv2 .main div.left div.slevy span.sleva:after {
	height: 0;
	width: 0;
	-moz-transform: scale(0.9999);
	border-top: 9px solid red;
	border-right: 9px solid transparent;
	border-top-width: 8px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -9px;
	z-index: -1;
}
.vypzboziv2 .main div.left div.slevy span.akce {
	text-align: center;
	color: white;
	background: #ff9600;
	/* width: 50px;
	height: 22px; */
	display: block;
	/* float: right; */
	padding: 3px 10px;
}
.vypzboziv2 .main div.left div.slevy span.akce:after {
	height: 0;
	width: 0;
	-moz-transform: scale(0.9999);
	border-top: 9px solid #ff9600;
	border-right: 9px solid transparent;
	border-top-width: 8px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -9px;
	z-index: -1;
}
.vypzboziv2 .main div.left div.slevy span.dopzdarma {
	text-align: center;
	color: white;
	background: #79AE00;
	/* width: 50px;
	height: 22px; */
	display: block;
	/* float: right; */
	padding: 3px 10px;
	position: relative;
	text-transform: uppercase;
}
.vypzboziv2 .main div.left div.slevy span.dopzdarma:after {
	height: 0;
	width: 0;
	-moz-transform: scale(0.9999);
	border-top: 9px solid #79AE00;
	border-right: 9px solid transparent;
	border-top-width: 8px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -9px;
	z-index: -1;
}

.vypzboziv2 .main div.right {
	float: right;
	width: 55%;
	position: relative;
}
.vypzboziv2 .main div.right p {
	margin: 0;
	padding: 0;
}
.vypzboziv2 .main div.right p {
	margin: 0;
	padding: 0;
}
.vypzboziv2 .main div.right span.sklad {
	display: block;
	margin-top: 12px;
}
.vypzboziv2 .bot {
	padding: 5px 0px 0px 0px;
}
.vypzboziv2 .bot div.left {
	float: left;
	width: 160px;
	padding-top: 5px;
}
.vypzboziv2 .bot div.right {
	float: right;
	width: 330px;
	text-align: right;
}
.vypzboziv2 .bot input[type="text"]{
	width: 20px;
	height: 20px;
	border: 1px solid #747474;
	margin: 0;
}
.vypzboziv2 .bot span.kosik input[type="submit"]{
	background: #79AE00;
	padding: 5px;
	color: white;
	text-decoration: none;
	margin: 0;
	border: none;
}
.vypzboziv2 .bot span.kosik input[type="submit"]:hover{
	background: black;
}
.vypzboziv2 .bot span.detail a{
	background: #7E7E7E;
	padding: 5px;
	color: white;
	text-decoration: none;
}
.vypzboziv2 .bot span.kosik a:hover,
.vypzboziv2 .bot span.detail a:hover{
	background: black;
}

.vypzboziv2 .bot span.kosik input[type="submit"]:before,
.vypzboziv2 .bot span.detail a:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	margin-right: 5px;
    font-size: 15px;
}
.vypzboziv2 .bot span.kosik input[type="submit"]:before {
	content: "\f07a";
}
.vypzboziv2 .bot span.detail a:before {
	content: "\f06e";
}

/* kategorie color sklad START*/

.vyptab.cena .ceny span.vyp-sklada span.sklad-oranzova,
.vypzboziv2 .main div.right span.sklad span.sklad-oranzova{
	color: orange;
}
.vyptab.cena .ceny span.vyp-sklada span.sklad-zelena,
.vypzboziv2 .main div.right span.sklad span.sklad-zelena{
	color: green;
}
.vyptab.cena .ceny span.vyp-sklada span.sklad-cervena,
.vypzboziv2 .main div.right span.sklad span.sklad-cervena {
	color: red;
}
/* kategorie color sklad END */

/* ============= MNOZINY PRODUKTU ============== */
.mnozinyzbozi {
	padding: 5px 0px 5px 0px;
}
h2.mnozh2 {
	margin: 15px 0px 5px 0px;
}
.mnoztab {
	width: 120px;
	vertical-align: top;
	text-align: center;
	background: #FFFFFF;
}
.mnoztab.top {
	padding: 5px;
	width: 102px;
}
.mnoztab.top a {
	color: #30a9ff;
}
.mnoztab.top a:hover {
	color: black;
}

.mnoztab.mid {
}
.mnoztab.mid img {
	border: none;
	max-width: 120px;
	max-height: 150px;
}

.mnoztab.bot {
	padding: 5px;
	width: 102px;
}
.mnoztab.bot p{
	padding: 0;
	margin: 0;
	display: block;
}
.mnoztab.bot span{
	display: block;
	font-weight: bold;
}
.mnoztab.bot span strong{
	color: #f64d2d;
}

/* nove ikony kategorie */
.vypmnoz {
	margin: 15px 0px 15px 0px;
}
.vypmnoz ul {
	padding: 0;
	margin: 0;
}
.vypmnoz ul li.nic {
	display: block;
	float: left;
	/* background: #C2D9FF; */
	background: #FFFFFF;
	width: 278px;
	margin: 0px 5px 5px 0px;
	height: 77px;
    line-height: 77px;
	position: relative;
	border: 1px solid #C2D9FF;
}
.vypmnoz ul li.nic a {
	text-decoration: none;
	/* color: #FFFFFF; */
	display: inline-block;
    padding-left: 20px;
    line-height: normal;
    vertical-align: middle;
    width: 138px;
}
.vypmnoz ul li.nic:hover {
	/* background: #0C69FF; */
}
.vypmnoz ul li.nic:hover a {
	font-weight: bold;
	color: #062f99;
}
.vypmnoz ul li.nic:before {
    content: "";
    background: url(img/vok_sprites_icons.png);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 17px;
    height: 15px;
    display: inline-block;
	vertical-align: middle;
    margin-left: 15px;
}
.vypmnoz ul li.nic:hover:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* .vypmnoz ul li.nic:hover a, .vypmnoz ul li.nic:hover::after, .vypmnoz ul li.nic:hover::before  {
	color: #062f99;
	font-weight: bold;
}
.vypmnoz ul li.nic:before, .vypmnoz ul li.nic:after,
.vypmnoz ul li.obr a::after {
    font-family: FontAwesome;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    color: #062f99;
    font-weight: bold;
    font-size: 15px;
    vertical-align: middle;
    margin-left: 15px;
}
.vypmnoz ul li.nic::before {
	content: "\f0da";

}
*/
/* .vypmnoz ul li.nic::after,
.vypmnoz ul li.obr a::after {
	content: " ";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 77px 12px;
    border-color: transparent transparent #FFFFFF transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #FFFFFF #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
*/

.vypmnoz ul li.obr {
	display: block;
	float: left;
	margin: 0px 5px 5px 0px;
	/* background: #C2D9FF; */
	background: #FFFFFF;
	/* text-align: center; */
	width: 280px;
	position: relative;
}
.vypmnoz ul li:nth-child(3n+3) {
	margin: 0px 0px 5px 0px;
}
/* .vypmnoz ul li.obr:nth-child(7n+7) {
	margin: 0px 0px 11px 0px;
} */
.vypmnoz ul li.obr:hover {
	/* background: #0C69FF; */
}
.vypmnoz ul li.obr a {
	text-decoration: none;
	display: block;
	padding: 0px 5px 0px 0px;
    height: 77px;
    line-height: 77px;
	color: #000000;
	border: 1px solid #C2D9FF;
}
.vypmnoz ul li.obr:hover a, .vypmnoz ul li.obr:hover a::after {
	color: #062f99;
	font-weight: bold;
}
.vypmnoz ul li.obr a img {
	display: block;
	/* border: 1px solid #C2D9FF; */
	border: none;
	width: 115px;
	height: 77px;
	line-height: normal;
    vertical-align: middle;
	float: left;
}
.vypmnoz ul li.obr a img:hover {
	/* border: 1px solid #E2E2E2; */
}
.vypmnoz ul li.obr a span {
	display: inline-block;
	/* text-align: center; */
	padding-left: 15px;
	/* min-height: 40px; */
	line-height: normal;
    vertical-align: middle;
	width: 130px;
}
.vypmnoz ul li.obr a::after {
    margin-left: 5px;
}

/* ============= DETAIL ZBOZI ============== */
.detmain {
	padding: 15px 0px 20px 0px;
}
.detmain .tabfoto {
	width: 400px;
	vertical-align: top;
	float: left;
	/* max-height: 350px;
	overflow: hidden; */
	border-right: 1px solid #E2E2E2;
}
.detmain .tabfoto img {
	border: none;
	max-width: 100%;
}
.detmain .tabfoto img:hover {
	border: none;
}

.detmain .tabinfo {
	width: 450px;
	vertical-align: top;
	float: right;
}
.detmain .tabinfo .detin {
	padding-bottom: 10px;
}
.detmain .tabinfo .detin h2 {
	font-size: 130%;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 0;
	margin: 0;
}
.detmain .tabinfo .detin div.detakcel {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	background: #FFFFFF;
	min-height: 35px;
}
.detmain .tabinfo .detin div.detakcel span.akce {
	color: red;
	font-weight: normal;
	font-size: 14px;
}
.detmain .tabinfo .detin div.detakcer {
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	background: #FFFFFF;
	min-height: 35px;
}
.detmain .tabinfo .detin span {
	color: #333333;
}
.detmain .tabinfo .detin span.detsklad {
	color: black;
	font-weight: bold;
}
/* detail color sklad ilo START*/

.detmain .tabinfo .detin span.sklad-oranzova{
	color: orange;
	font-weight: bold;
}
.detmain .tabinfo .detin span.sklad-zelena{
	color: green;
	font-weight: bold;
}

.detmain .tabinfo .detin span.sklad-cervena{
	color: red;
	font-weight: bold;
}
/* detail color sklad ilo END */

.detmain .tabinfo .detin table tr td {
	position: relative;
}

.detmain .tabinfo .detin span.cenanazev {
	color: #444444;
	font-size: 15px;
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
	width: 58px;
}
.detmain .tabinfo .detin span.cenanazev.akce {
	margin-right: 8px;
	width: 60px;
}

.detmain .tabinfo .detin span.detcenasdph {
	color: #4D770C;
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
}
.detmain .tabinfo .detin span.detcenabezdph {
	font-size: 11px;
	display: inline-block;
	position: relative;
	bottom: 6px;
}
.detmain .tabinfo .detin span.bazar {
	font-weight: bold;
	color: red;
}

.detmain .tabinfo .detin .zbozi-akce {
background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	padding: 0px;
	margin: 0px;
}
.detmain .tabinfo .detin .zbozi-akce td {
	padding: 5px 5px 0px 5px;
	margin: 0px;
}
.detmain .tabinfo .detin .zbozi-akce td span.detcenasdph {
	color: #FF0004 !important;
}

.detmain .tabinfo .detin .usetrite {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 20px;
	background: url(img/trojuh.png);
}

.detmain2 {
	border-top: 1px solid #E2E2E2;
	/* background:  url(img/det-predely-top.png) no-repeat top; */
	padding: 0px 10px 10px 10px;
	margin-bottom: 20px;
}
.detmain2 p.detnadp {
	color: #333333;
	font-size: 130%;
	margin: 0;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
}
.detmain2 p.detnadp2 {
	color: #333333;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	padding: 6px 0px 10px 0px;
	text-decoration: none;
}
.detmain2 td.detkostabtxt{
	border-bottom: 1px dotted #6d6e70;
	color: #000000;
	padding-bottom: 5px;
}
.detmain2 td.cena{
	width: 100px;
	text-align: center;
}
.detmain2 td.kusu{
	width: 40px;
	text-align: right;
}
.detmain2 ul{
	/* margin: 0 !important;  */
	padding: 0 !important;
}
.detmain2 img.galerie {
	margin-top: 10px;
	border: 1px solid #eeeeee;
}
.detmain2 img.galerie:hover {
	border: 1px solid #E2E2E2;
}
.detmain2 span.musivypln {
	color: red;
}

div.detmain2.objednavka {
	border-top: 1px solid #4D770C;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background: #EFEFEF;
}
div.detmain2.objednavka p.detnadp {
	font-weight: bold;
}
div.detmain2.objednavka form {
	font-size: 13px;
}

.detmaindalsi {
	border: 1px solid #E2E2E2;
	background: url(img/det-predely-top.png) no-repeat top;
	padding: 0px 6px 10px 6px;
	margin-bottom: 20px;
	overflow: hidden;
}

.detvypisproduktu p.detnadp,
.detmaindalsi p.detnadp {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	padding: 6px 0px 0px 10px;
	text-decoration: none;
}



input[type="text"].pockusu {
	width: 30px;
	color: #5d5d5d;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	padding: 1px 3px 1px 3px;
}
f
.detmain div.unavailable, .detmain2 div.unavailable {
	padding: 15px;
	margin-top: 15px;
	text-align: center;
	background: #FF383C;
	font-size: 150%;
	color: #FFFFFF;
	text-transform: uppercase;
}

.detvypisproduktu {
	padding: 0 0 10px;
    margin-bottom: 20px;
    overflow: hidden;
}
.detvypisproduktu p.detnadp,
.detmaindalsi p.detnadp {
	color: #000;
    font-size: 130%;
    font-weight: 700;
    margin: 0;
    padding: 6px 0 0 10px;
    text-decoration: none;
}

.vyptab table {
	width: 100%;
	margin-top: 8px;
}

.vyptab table .val {
	text-align: right;
}

/* nova galerie v tabs u detailu produktu */
#tabs-galerie table td:nth-child(odd) {
	width: 25%;
}

#tabs-galerie table td img {
	width: 90%;
	max-width: 90%;
	height: auto;
}

/* ============= KOSIK ============== */
#kosmain {
	padding-top: 15px;
}
.kosnaviin {
	background: #F7F7F7;
	padding: 13px;
	color: #aeaeae;
	float: left;
	margin: 0px 10px 15px 0px;
	font-weight: bold;
	font-size: 12px;
}
.kosnaviin-on {
	padding: 13px;
	background: #3b3b3b;
	color: white;
	float: left;
	margin: 0px 10px 15px 0px;
	font-weight: bold;
	font-size: 12px;
}
.lastkosnaviin {
	background: #F7F7F7;
	padding: 13px;
	color: #aeaeae;
	float: right;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	font-size: 12px;
}
.lastkosnaviin-on {
	padding: 13px;
	background: #2687e2;
	color: white;
	float: right;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	font-size: 12px;
}
.kostab {
	background: #eeeeee;
}
.kostabtr1 {
	background: #6d6e70;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.kostabtr2 {
	background: #f7f7f7;
}
.kostabtr2:hover {
	background: #f1f7fc;
}
.kostabtr3 {
	background: #eaeaea;
}
.kostabtr3:hover {
	background: #f1f7fc;
}
.kostab input[type="text"] {
	width: 20px;
}
.kospocet {
	text-align: right;
	margin-bottom: 15px;
}
.koscelkem {
	font-size: 12px;
	margin: 10px 0px 15px 0px;
	background: #ededed;
	padding: 10px;
}
input[type="submit"].kostl2, a.button.kostl2 {
	color: white;
	background: #79AE00;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 20px;
	text-transform: uppercase;
}
input[type="submit"].kostl2:hover, a.button.kostl2:hover {
	background: #BADC20;
	color: white;
}

.kosreginfo {
	background: #E2E2E2;
	padding: 8px;
	color: #3b3b3b;
	margin-bottom: 10px;
}
.kosregtab {

}
.kosregtab span {
	color: red;
}
.kosregtab .koserr {
	color: red;
}
.kosredp {
	color: red;
	text-align: right;
}

/* ============= KOSIK WIDE (V.2.15.0526) ============== */
#col-obsah-wide {
	background: #FFFFFF;
}
#kosmain-wide {
	padding-top: 15px;
}
#kosmain-wide, #kosmain-wide table.kostab input[type="text"], #kosmain-wide a.button, #kosmain-wide input[type="submit"], #kosmain-wide input[type="button"], #kosmain-wide table.kosregtab input, #kosmain-wide table.kosregtab select, #kosmain-wide div.koscelkem input  {
	font-size: 13px;
}

#kosmain-wide .kosnaviin, #kosmain-wide .kosnaviin-on, #kosmain-wide .lastkosnaviin   {
	font-size: 15px !important;
	font-weight: normal;
	margin: 0px 30px 20px 0px;
}
#kosmain-wide .lastkosnaviin   {
	margin: 0px 0px 20px 0px;
}
#kosmain-wide .kosnaviin-on   {
	font-weight: bold;
	background: #79AE00;
}
#kosmain-wide tr.kostabtr1   {
	background: #ededed;
	color: #79AE00;
}
#kosmain-wide tr.kostabtr2, #kosmain-wide tr.kostabtr3   {
	background: #f8f8f8;
}
#kosmain-wide tr.kostabtr2:hover, #kosmain-wide tr.kostabtr3:hover, #kosmain-wide table.kosregtab tr:hover   {
	background: #F7F7F7;
}
#kosmain-wide tr.kostabtr1 td   {
	padding: 10px !important;
	font-weight: normal;
	text-transform: uppercase;
}
#kosmain-wide table.kostab input[type="text"] {
	width: 20px;
	padding: 5px 10px;
	background: #FFFFFF;
	text-align: center;
}
#kosmain-wide div.koscelkem {
	font-size: 15px;
}
#kosmain-wide input[type="submit"].kostl2, a.button.kostl2 {
	font-size: 15px !important;
	padding: 10px;
}

#kosmain-wide table.kosregtab tr td:first-child,
#kosmain table.kosregtab tr td:first-child {
	width: 250px !important;
}
#kosmain-wide table.kosregtab input, #kosmain-wide table.kosregtab select,
#kosmain table.kosregtab input, #kosmain table.kosregtab select {
	padding: 5px 10px;

}

#kosmain-wide div.koscelkem input {
	padding: 5px 10px;
}

#kosmain-wide div.kosinfo {
	background: #FBF3E2 !important;
	font-size: 12px;
}
#kosmain-wide div.kosinfo h2 {
	margin: 0;
	padding: 0;
	color: #000000;
}
#kosmain-wide div.kospoukaz {
	font-size: 12px;
	width: 50%;
}
#kosmain-wide div.kospoukaz input[type="text"] {
	background: #FFFFFF;
}

#kosmain-wide div.kosdoprava {
	font-size: 13px;
}
#kosmain-wide div.koscenacelkem {
	text-align: right;
	margin: 15px 0px 15px auto;
	border: 3px solid #BDBDBD;
}
#kosmain-wide div.kosobjcelkem {
	text-align: right;
	width: 50%;
	margin: 15px 0px 15px auto;
	padding: 20px 15px;
	border: 3px solid #BDBDBD;
	color: #FF0004;
}
#kosmain-wide div.boxinline {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
#kosmain-wide span.disabled {
	color: #BBBBBB;
}

#kosmain-wide div.kospoznamka {
	padding: 10px;
}
#kosmain-wide div.kospoznamka textarea {
	width: 100%;
}
#kosmain-wide div.kosactive {
	border: 3px solid #515151;
}

.couponerror, .koserror  {
	color: #FFFFFF;
	background: #FF0004;
	padding: 2% 10px;
	text-align: center;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999999;

	-webkit-box-shadow: 0px 10px 100px 25px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 100px 25px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 100px 25px rgba(0,0,0,0.75);
}

/* STAV OBJEDNAVEK */
span.stavvyrizuje{
	color: #4169e1;
}
span.stavexpedovano{
	color: orange;
}
span.stavvyrizeno{
	color: green;
}
span.stavzruseno{
	color: gray;
}

/* ============= PATKA ============== */
#patka {
	background: #062f99;
	position: relative;
}
#patka:before {
	background: #052485;
    content: "";
    position: absolute;
    top: 0px;
    height: 60px;
    width: 100%;
    display: block;
}
#patkain {
	margin: 0px auto 0px auto;
	width: 1170px; /* original 967px */
	min-height: 120px;
	padding: 15px 0px 10px 0px;
	position: relative;
	color: #FFFFFF;
}
#patkainbot {
	margin-left: 15px;
	border-top: 1px solid #6d85c3;
    padding: 10px 0px;
	margin-top: 15px;
}

#patkain a {
	color: #FFFFFF;
	text-decoration: none;
}
#patkain a:hover {
	color: #E7E7E7;
}

#patkain .l1 {
	float: left;
	width: 230px;
	margin-left: 15px;
}
#patkain .l1 p {
	line-height: 20px;
}
#patkain .l2 {
	float: left;
	width: 230px;
	margin-left: 23px;
}
#patkain .l3 {
	float: left;
	width: 350px;
	margin-left: 23px;
}
#patkain .l4 {
	float: right;
	width: 260px;
	/* margin-right: 21px; */
}
#patkain .l4 ul.ss {
	padding-top: 0px !important;
    margin-top: -3px !important;
}
#patkain .l4 img {
	margin-top: 5px;
	border: none;
	width: 100px;
	height: auto;
}

#patkain span.nadp {
	color: #FFFFFF;
    font-size: 1.333em;
    font-weight: 600;
    display: block;
    margin: 5px 0px 40px 0px;
}
#patkain .l3 p, #patkain .l4 p {
	font-size: 12px;
}

#patkain form {
	margin: 16px 0px 0px 0px;
	padding: 0;
}
#patkain input[type="text"] {
	background: #EFEFEF;
	width: 200px; /* orig 147px */
	/* height: 37px; */ /* orig 37px */
	float: left;
	color: black;
	padding: 10px;
	border: none;
	margin: 0;
}
#patkain form a  {
	display: block;
	width: auto;
	height: 26px; /* orig 37px*/
	background: #c2d9ff;
	color: #000000;
	float: left;
	text-align: center;
	padding: 11px 10px 0px 10px;
}
#patkain form a:hover  {
	color: #000000;
	bacground: #DCDCDC;
}

#patkain ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#patkain ul li {
	list-style: none;
	color: #83D0F0;
	line-height: 20px;
	list-style-image: none;
}
#patkain ul li a {
	text-decoration: none;
}

#patkain a.taoxlogo {
	display: block;
	position: absolute;
	right: 33px;
	top: 90px;
	text-align: center;
}
#patkain a.taoxlogo span, #patkain a.taoxlogo i {
	display: block;
	font-size: 10px;
	font-style: normal;
}
#patkain a.taoxlogo img {
	width: 50px;
	height: 50px;
	opacity: 0.6;
}


/* ============= HLAVNI MENU ============== */
#mid-menu {
	text-align: right;
	padding: 23px 30px 0px 0px;
}
#mid-menu p {
	margin: 0px;
	padding: 0px;
	color: #4F5657;
	font-size: 11px;
}
.mid-predel {
	font-size: 150%;
	font-weight: normal;
	color: #0096C8;
	text-decoration: none;
	padding: 0px 20px 0px 20px;
}

ul.hlavni { margin: 0; padding: 0; list-style: none; display: inline; font-size: 0.91em;  }
#hornav li { position: relative; display: inline; }
#hornav li a {
	font-size: 140%;
	font-weight: normal;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
	color: White;
	text-decoration: none;
}
#hornav li a:hover {
	color: Black;
}
#hornav li li a {
	font-size: 140%;
	color: White;
	background-color: #424242;
	padding: 5px 3px 5px 6px;
	display: block;
	font-weight: normal;
	border-bottom: 1px dotted #A00101;
	text-decoration: none;
	margin: 0;
	width: 150px; /*helps IE with hover */
}

#hornav li li a:hover {
	color: Black;
}
#hornav li li {
	display: block;
	text-align: left;
	width: 150px;
	padding: 0px 4px;
}
#hornav a:hover{ color: #ffff00; }
#hornav ul {
	display: none;
	margin: 0;
	padding: 5px 0px;
	position: absolute;
	top: 15px;
	left: 0px;
	background-color: transparent;
	z-index: 2000;
}

#hornav li:hover ul ul { display: none; z-index: 2000;}
#hornav li:hover ul, #hornav ul li:hover ul { display: block; z-index: 2000; }
#hornav ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 150px;
	background-color: #424242;
	z-index: 2000;
}


/* ============= MEDIA ============== */
div.allmedia {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0px;
	margin: 20px 0px 10px 0px;
}
div.detprodmedia {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}
div.detprodmedia p, div.allmedia p  {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

/* ============= ZAKLADNI TABULKY PRO MODULY (DOWNLOAD A JINE) ============== */
table.tabmain, table.tabmain2 {
    line-height: 1.4em;
	margin: 15px 0px 15px 0px;
	background: #FFF;
	border-spacing: 1px;
	border-collapse: separate;
	width: 100%;
}
table.tabmain thead th, table.tabmain thead td{
    padding:10px 10px 10px 10px;
	text-align: left;
    color: #FFF;
	font-weight: normal;
   /* border:1px solid #fff; */
    border-bottom:1px solid #fff;
    background-color:#0c69ff;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #0c69ff),
        color-stop(0.87, #024EC8)
        );
    background: -moz-linear-gradient(
        center bottom,
        #0c69ff 2%,
        #024EC8 87%
        );
}
table.tabmain thead th:empty{
    background:transparent;
    border:none;
}
table.tabmain thead th a {
	color: #FFFFFF;
	}
table.tabmain tbody th{
	font-weight: normal;
    color:black;
    border-right:1px solid #fff;
    padding:0px 10px;
	background-color:#0c69ff;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, #0c69ff),
        color-stop(0.87, #024EC8)
        );
    background: -moz-linear-gradient(
        left bottom,
        #0c69ff 2%,
        #024EC8 87%
        );
	text-align: left;
}
table.tabmain tfoot td{
    color: #e8b10a;
    font-size:32px;
    text-align:center;
    padding:10px 0px;
    text-shadow:1px 1px 1px #444;
}
table.tabmain tfoot th{
    color:#666;
}

table.tabmain tbody tr:nth-of-type(even), table.tabmain2 tbody tr:nth-of-type(even) {
	background: #f8f8f8;
}
table.tabmain tbody tr:nth-of-type(odd), table.tabmain2 tbody tr:nth-of-type(odd) {
	background: #ececec;
}
table.tabmain tbody td {
    padding:10px;
    text-align:left;
    /* background-color:#DEF3CA;
	border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff; */
}
table.tabmain2 tbody td {
    padding:10px;
    text-align:left;
}
table.tabmain2 tbody td:first-child {
	width: 50%;
}
table.tabmain tbody td.td2{
    text-align:left;
	color: #333;
	font-size: 11px;
	width: 120px;
}


/* ============= DALSI ============== */
.clear {
	clear: both;
}
.divr {
	text-align: right;
}
.divl {
	text-align: left;
}

/* (V.141015) */
.my_msg_note_timeout,
.my_msg_note_timeout_err {
    position: absolute;
    font-size: 13px;
    margin-left: 0px;
    margin-top: -20px;
    padding-top: 12px;
    text-align: center;
    background: #ffe57e;
	border: 0px solid #e3b70a;
}
.my_msg_note_timeout  {
    color: #444444;
}
.my_msg_note_timeout_err  {
    color: red;
}


/* (V.141015) */
.my_msg_note_timeout,
.my_msg_note_timeout_err {
    position: absolute;
    font-size: 13px;
    margin-left: 0px;
    margin-top: -20px;
    padding-top: 12px;
    text-align: center;
    background: #ffe57e;
	border: 1px solid #e3b70a;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.my_msg_note_timeout  {
    color: #444444;
}
.my_msg_note_timeout_err  {
    color: red;
}

/* (V.150210) */
.couponerror  {
	color: #FFFFFF;
	background: #FF0004;
	padding: 10px;
	text-align: center;
}


/* (V.2.150616) */
div.akcebanner {
	position: fixed;
	right: 0px;
	top: 40px;
	border: 1px solid #B8B8B8;
}
div.akcebanner a.banner {
	display: block;
}
div.akcebanner a.zavrit {
	display: block;
	width: 100%;
	position: absolute;
	top: 0px;
	height: 20px;
}

#cookies-agreement {
	font-size: 10px;
    display: block;
    position: fixed;
    bottom: 0;
    width: 200px;
    min-height: 30px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    color: #FFF!important;
    padding: 5px;
    z-index: 99999999;
}
#cookies-agreement a {
    color: #FFFFFF;
}
#cookies-agreement a.buttoncookie {
    color: #FFFFFF;
	background: #979797;
	display: inline-block;
	padding: 5px;
}


/* (V.141015) */
.my_msg_note_timeout,
.my_msg_note_timeout_err {
    position: absolute;
    font-size: 13px;
    margin-left: 0px;
    margin-top: -20px;
    padding-top: 12px;
    text-align: center;
    background: #ffe57e;
	border: 1px solid #e3b70a;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.my_msg_note_timeout  {
    color: #444444;
}
.my_msg_note_timeout_err  {
    color: red;
}

/* (V.150210) */
.couponerror  {
	color: #FFFFFF;
	background: #FF0004;
	padding: 10px;
	text-align: center;
}

.hided {
	display: none;
}

div.akcebanner {
	position: fixed;
	right: 0px;
	top: 40px;
	border: 1px solid #B8B8B8;
}
div.akcebanner a.banner {
	display: block;
}
div.akcebanner a.zavrit {
	display: block;
	width: 100%;
	position: absolute;
	top: 0px;
	height: 20px;
}

#texthide {
	border: 1px solid #daf0f8;
	border-top: 0px;
    padding: 10px 20px;
}
#texthide p:fist-child {
    padding-top: 0px;
	margin-top: 0px;
}
a.butshowhide {
	display: block;
	width: auto;
	padding: 10px 20px 0px 20px;
	font-weight: bold;
	border: 1px solid #daf0f8;
	border-bottom: 0px;
	color: #000000;
    text-transform: uppercase;
}
a.butshowhide i {
	margin-right: 10px;
}
div.kousho-menu1-top {
	display: block;
	background: url(img/kouesh-ico-menuarrowbot.png) top center no-repeat;
	height: 15px;
}

#searchResults {
	position: absolute;
	top: 100%;
	width: 98%;
	background: #FFFFFF;
	display: none;
	z-index: 5000;
	border: 1px solid #AAAAAA;
	padding: 2%;
}
#searchResults img {
	width: 60px;
	vertical-align: middle;
}
#searchResults a.s-txt {
	line-height: 20px;
	display: block;
}
#searchResults a.s-prod {
	vertical-align: middle;
	text-decoration: none;
	display: block;
}
#searchResults a.s-prod:hover {
	background: #EDEDED;
}



/* CUSTOM UI TABS PRODUCT
================================================== */
#product-tabs {
	margin: 10px 0px 30px 0px;
}
#product-tabs.ui-tabs {
	padding: 0px;
}
#product-tabs.ui-widget-content {
	border: none;
	background: none;
}
#product-tabs.ui-tabs .ui-widget-header {
	border: none;
	background: none;
}
#product-tabs.ui-tabs .ui-state-default {
	border: none;
	background: #BADC20;
	color: #FFFFFF;
	font-size: 13px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
#product-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	font-weight: bold;
	background: #F0F0F0;
}
#product-tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 10px 15px;
}
#product-tabs.ui-tabs .ui-tabs-panel {
	padding: 5px 10px;

	background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,0) 50px);
    background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,0) 50px);
    background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,0) 50px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00ffffff',GradientType=0 );
}



/*
================================================
VOKNO CUSTOM
================================================
*/
div#mainmenu-homepage, div#main-homepage, div#main-homepage2 {
	width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

div#main-homepage {
	background: #e9f5dc;
	margin-top: 30px;
}
div#main-homepage2 {
    padding: 10px 0px 0px 0px;
}


/* HOMEMENU */
#l-main-homemenu {
	position: relative;
}
ul.homemenu {
	margin: 0;
	padding: 0;
}
ul.homemenu > li {
	list-style: none;
    padding: 0px 0px 10px 0px;
	margin: 0;
}
/*
ul.homemenu > li:before {
	position: absolute;
    top: 0;
	right: 0px;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 18px solid rgba(6,47,153,1.00);
}
*/
ul.homemenu > li > a {
	display: block;
	text-decoration: none;
	padding-left: 70px;
	background-image: url(img/vok_sprite_homemenu.png);
	background-repeat: no-repeat;
	position: relative;
}
ul.homemenu > li:hover > a:after {
	position: absolute;
    top: 3px;
    right: -25px;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid rgba(6,47,153,1.00);
    z-index: 99998;
}
ul.homemenu > li > a > h2 {
	color: #062f99;
	display: block;
	font-size: 1.333em;
	line-height: 25px;
	margin: 0;
	padding: 0;
}
ul.homemenu > li > a:hover,
ul.homemenu > li > a:hover > h2 {
	color: #000000;
}
ul.homemenu > li > a > span {
	display: block;
	max-width: 205px;
	min-height: 25px;
}

ul.homemenu > li.plast > a {
	background-position: 8px 2px;
}
ul.homemenu > li.hlini > a {
	background-position: 8px -98px;
}
ul.homemenu > li.prisl > a {
	background-position: 8px -198px;
}
ul.homemenu > li.ostat > a {
	background-position: 8px -298px;
}
ul.homemenu > li.ostat {
	padding-bottom: 0px;
}

/* child */
ul.homemenu ul.child {
	margin: 0;
	padding: 0px 0px 20px 30px;
	position: absolute;
    top: 0px;
    left: 100%;
    width: 840px; /* 870px */
	/* height: 100%; */
	min-height: 320px;
    background: rgba(255,255,255,1.00);
    z-index: 99997;

	-webkit-box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 16px -10px rgba(0,0,0,0.75);
	border-top: 5px solid #329E00;

	opacity: 0;
	visibility: hidden;

	transition: visibility 0.5s, opacity 0.5s linear;
}
ul.homemenu > li:hover ul.child {
	opacity: 1;
	visibility: visible;
}
ul.homemenu ul.child li {
	list-style: none;
    display: block;
    margin: 20px 15px 0px 0px;
    float: left;
    width: 265px;
    height: 140px;

	/* background: #E9F5DC; */
	position: relative;
}
ul.homemenu ul.child li a {
    display: block;
	text-decoration: none;
}
ul.homemenu ul.child li a img {
    width: 100px;
	height: 140px;
	display: block;
	float: left;
}
ul.homemenu ul.child li a div.cont {
	width: 145px; /* 170 */
	display: block;
	float: left;
	padding: 10px;
	position: relative;
}
ul.homemenu ul.child li a div.cont h3 {
	padding: 0;
	margin: 0;
	font-weight: bold;
    color: #062f99;
}
ul.homemenu ul.child li a:hover,
ul.homemenu ul.child li a:hover div.cont h3 {
    color: #000000;
}
ul.homemenu ul.child li a div.cont p {
}
ul.homemenu ul.child li a span.more {
	position: absolute;
    top: 40%;
    left: 0px;
    display: none;
    width: 90px;
    text-align: center;
    background: rgba(50,158,0,0.80);
    padding: 5px;
    color: #FFFFFF;
}
ul.homemenu ul.child li:hover a span.more {
    display: block;
}
/* HOMEMENU END */



div.arguments  {
	clear: both;
	position: relative;
	padding: 0px 15px 20px 15px;
	color: #7b7b7b;
	z-index: 999;
    background: #e9f5dc;
}
div.arguments > p.head  {
	font-size: 1.667em;
	font-weight: bold;
	border-bottom: 2px solid #FFFFFF;
	margin: 0;
	padding: 12px 0px;
	color: #329e00;
}

#main-homepage div.arguments  {
	padding: 0px 15px 20px 15px;
	background: #FFFFFF;
	margin-bottom: 25px;
}
#main-homepage div.arguments > p.head  {
	border-bottom: 2px solid #e0e0e0;
}

div.arguments > div.argu  {
	display: block;
	font-size: 1.083em;
	height: 40px;
    line-height: 40px;
    margin: 20px 0px 0px 0px;
	font-weight: bold;
	position: relative;
}
div.arguments > div.argu:before  {
	content: "";
	display: block;
	width: 2px;
	height: 40px;
	background: #329e00;
	position: absolute;
	top: 0;
	left: 43px;
}
div.arguments > div.argu span  {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	margin-left: 25px;
}
div.arguments > div.argu i  {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	line-height: normal;
	background-image: url(img/vok_sprite-arguments.png);
	text-indent: -99999px;

	filter: Alpha(Opacity=100);
	opacity: 1;
}
div.arguments > div.argu:hover i  {
	filter: Alpha(Opacity=70);
	opacity: 0.7;
}
div.arguments > div.argu.one i  {
	background-position: left 0px;
}
div.arguments > div.argu.two i  {
	background-position: left -40px;
}
div.arguments > div.argu.three i  {
	background-position: left -80px;
}
div.arguments > div.argu.four i  {
	background-position: left -114px;
}
div.arguments > div.argu.five i  {
	background-position: left -160px;
}
div.arguments > div.argu.six i  {
	background-position: left -200px;
}

/* mainhomepage obsah */
div#map-homepage {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 20px 0px 30px 0px;
	background: #f8f8f8;
}
div#map-in-homepage {
	width: 1170px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#map-homepage-cont {
	padding: 0px 0px 0px 15px;
}
div#map-homepage-cont > div.heading {
	font-size: 1.667em;
    font-weight: bold;
    color: #062f99;
	padding: 0px 0px 12px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #ececec;
}
div#map_canvas {
	width: 100%;
	height: 400px;
}



div#main-homepage2 h2:first-child {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}


div#partners {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
	background: #c2d9ff;
}
div#partnersin {
	width: 1170px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#partnerscont {
	padding: 0px 0px 0px 15px;
}
div#partnerscont > div.heading {
	font-size: 1.667em;
    font-weight: bold;
    border-bottom: 2px solid #FFFFFF;
    margin: 0;
    padding: 0px 0px 20px 0px;
    color: #062f99;
}
div#partnerscont div.boxes {
	padding-top: 30px;
	text-align: center;
}
div#partnerscont div.boxes a.inbox {
	display: inline-block;
	max-width: 131px;
	margin-right: 45px;
	text-decoration: none;
	vertical-align: top;
}
div#partnerscont div.boxes a.inbox.box6 {
	margin-right: 0px;
}
div#partnerscont div.boxes a.inbox div.inboxicon {
	display: block;
	width: 131px;
	height: 93px;
	background: url(img/vok_sprites_zajimavas.png);
	line-height: normal;
}
div#partnerscont div.boxes a.inbox.box1 div.inboxicon  {
	background-position: left 0px;
}
div#partnerscont div.boxes a.inbox.box2 div.inboxicon  {
	background-position: left -93px;
}
div#partnerscont div.boxes a.inbox.box3 div.inboxicon  {
	background-position: left -186px;
}
div#partnerscont div.boxes a.inbox.box4 div.inboxicon  {
	background-position: left -279px;
}
div#partnerscont div.boxes a.inbox.box5 div.inboxicon  {
	background-position: left -372px;
}
div#partnerscont div.boxes a.inbox.box6 div.inboxicon  {
	background-position: left -465px;
}
div#partnerscont div.boxes a.inbox div.infoxtxt {
	display: block;
}
div#partnerscont div.boxes a.inbox div.infoxtxt:before {
	content: "";
    width: 80%;
    display: block;
    height: 2px;
    background: #dbe8ff;
    margin: 15px auto;
}
div#partnerscont div.boxes a.inbox div.infoxtxt span.inboxlink {
	font-weight: bold;
	font-size: 1.083em;
	color: #062f99;
	display: block;
	padding: 0px 5px;
}
div#partnerscont div.boxes a.inbox:hover div.infoxtxt span.inboxlink {
	color: #000000;
}
div#partnerscont div.boxes a.inbox:hover div.inboxicon {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}


/* REALIZACE / REFERENCE */
div.homerefe div.nadp {
    font-size: 1.667em;
    font-weight: bold;
    color: #329e00;
    text-align: left;
	padding: 12px 0px 12px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #FFFFFF;
}
div.homerefe div.owl-item a {
	display: block;
	max-width: 260px;
	text-decoration: none;
}
div.homerefe div.owl-item a div.refimg {
	position: relative;
    overflow: hidden;
}
div.homerefe div.owl-item a div.refimg div.refinfo {
	position: absolute;
	bottom: -20px;
	width: 100%;
	background: rgba(255,255,255,0.60);
	color: #000000;
}
div.homerefe div.owl-item a div.refimg div.refinfo p {
	padding: 5px;
	margin: 0px;
}
div.homerefe div.owl-item a img {
	max-width: 100%;
	display: block;
}
div.homerefe div.owl-item a h2 {
    font-size: 1.167em;
    font-weight: bold;
    color: #000000;
	padding: 0;
	margin: 15px 0px;
}
div.homerefe div.owl-item a:hover h2 {
    color: #329e00;
}
div.homerefe div.owl-item a:hover div.refimg div.refinfo {
	background: rgba(255,255,255,0.90);
	bottom: 0px;
}
div.homerefe div.owl-item a p {
    margin: 0px 0px 10px 0px;
	padding: 0px;
}
div.homerefe div.owl-item a:hover {
    color: #000000;
}
div.homerefe div.owl-item a:hover p {
    color: #000000;
}
div.homerefe div.owl-item a span.refvice {
    color: #329e00;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
div.homerefe div.owl-item a:hover span.refvice {
	text-decoration: none;
}
div.homerefe div.owl-item a span.refvice i {
    margin-left: 10px;
}



/* reference vypis */
form.refefilter {
	padding: 15px;
	background: #f3f3f3;
	font-size: 1.083em;
}
form.refefilter label {
	margin-left: 15px;
}
form.refefilter select {
	background: #FFFFFF;
}
form.refefilter i {
	font-size: 30px;
    color: #0C69FF;
	display: table-cell;
    float: left;
}
div#gmap {
	margin-bottom: 30px;
	height: 300px;
}
div.referencelist div.reference {
	padding: 0px 0px 13px 0px;
	margin: 13px 0px 30px 0px;
	border-bottom: 1px dotted #E2E2E2;
	font-size: 1.083em;
}
div.referencelist div.reference  a.refefoto {
	display: block;
	max-height: 350px;
	overflow: hidden;
	clear: both;
}
div.referencelist div.reference  a.refefoto img {
	/* border: 1px solid #eeeeee; */
	max-width: 100%;
	min-width: 100%;
    float: left;
}
div.referencelist div.reference  a.refefoto img:hover {
	/* border: 1px solid #E2E2E2; */
}
div.referencelist div.reference h2 a {
	font-weight: bold;
	text-decoration: none;
}
div.referencelist div.reference p.refinfo {
	margin: 0;
	padding: 0;
	display: block;
}
div.referencelist div.reference p.refanot {
	margin: 0;
	padding: 0;
	display: block;
}
div.referencelist div.reference p.refvice {
	display: block;
}
div.referencelist div.reference p.refvice a {
	color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    background: #0C69FF;
    padding: 5px 10px;
}
div.referencelist div.reference p.refvice a i {
	color: #FFFFFF;
    margin-left: 5px;
    font-size: 14px;
}
div.referencelist div.reference p.refvice a:hover {
	color: #FFFFFF;
    background: #024ec8;
}

/* reference detail */
div.referencedetail img.refmainimg  {
	display: block;
	margin: 0;
}
div.referencedetail p.refinfo  {
	margin: 0;
	padding: 10px;
    background: #F3F3F3;
}

div.referencedetail div.reference_galery h2  {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
div.referencedetail div.reference_galery a {
    float: left;
}
div.referencedetail div.reference_galery a img {
	display: block;
    max-width: 270px;
    margin-right: 13px;
    margin-top: 15px;
}
/* div.referencedetail div.reference_galery a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
*/


.req {
	color: #FF0000;
}
.formbox {
	overflow: hidden;
	padding: 4px 0;
}
.formbox label {
	width: 35%;
	float: left;
	padding: 4px;
}
.formbox label.m {
	color: #FF0000;
}
.formbox.bordbot {
	border-bottom: 1px solid #E2E2E2;
}
.separator {
	border-bottom: 1px dotted #333333;
	margin: 8px 0;
}
.formbox input[type=checkbox] {
	margin: 4px 0;
}

.formbox input[type=text],
.formbox textarea {
	width: 60%;
}
.formbox input[type=text].w55,
.formbox textarea.w55 {
	width: 50%;
}
.formbox textarea {

}
.formbox textarea.h250 {
	height: 250px;
}
.formbox textarea.address {
	height: 70px;
}
.formbox input.short {
	width: 100px;
}

div#main-homepage div.novinka .skewimg:after {
	border-color: #f3f3f3 transparent transparent transparent;
	line-height: 0px;
	_border-color: #f3f3f3 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


div.kdzoverlay {
	background: transparent;
    position: absolute;
    left: 35px;
    top: 31px;
    right: 0;
    bottom: 0;
    width: 1280px;
    height: 430px;
    z-index: 1;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
div.kdzoverlay #constellation {
    background: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 0;
}



/* POPTAVKA */
#pptavka {
    padding: 0px 0px 30px 0px;
	font-size: 1.083em;
}
#pptavka h2,
#pptavka h3 {
	font-size: 100%;
}
#pptavka h3 a {
	color: #329e00;
	font-weight: 700;
}
#mainform {
	display: none;
}
#pptavka fieldset,
fieldset.formfield {
	border: none;
    /* border-bottom: 1px solid #E2E2E2; */
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
}
fieldset.formfield h3 {
	padding-bottom: 25px !important;
}
#pptavka fieldset legend,
fieldset.formfield legend {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    color: #062F99;
    border: 0;
	margin-bottom: 10px;
	background: #E2E2E2;
	height: 30px;
	clear: both;
}
#pptavka fieldset legend span.number,
fieldset.formfield legend span.number{
    background: #062F99;
    color: #FFFFFF;
    height: 30px;
    width: 33px;
    display: block;
	float: left;
    font-size: 12px;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
	/* border: 1px solid #FFFFFF; */
    font-weight: bold;
}

#pptavka h2 {
	color: #000000;
	clear: both;
}
#pptavka h2 i {
	color: #969696;
}
#pptavka label {
	float: left;
	width: auto;
	display: block;
}

#pptavka label.labright {
	display: inline;
	width: unset;
	float: unset;
}
#pptavka div.typ {
	width: auto;
	position: relative;
/*	padding: 10px;
    background: #C2D9FF; */
}
#pptavka div.typ.plast, #pptavka div.typ.hlinik {
	float: left;
}
#pptavka div.typ label {
	line-height: 55px !important;
	padding-top: 5px;
	padding-bottom: 5px;
}
#pptavka div.typ label:after {
	content: "";
	display: inline-block;
	width: 65px;
	height: 55px;
	background: url(img/vok_sprites_popicons.png) no-repeat;
	float: right;
    margin-left: 20px;
}
#pptavka div.typ label:before {
	padding-top: 5px;
}
#pptavka div.typ.plast label:after {
	background-position: left top;
}
#pptavka div.typ.hlinik label:after {
	background-position: right top;
}


#pptavka div label {
  border: 1px solid #E2E2E2;
}

/* hide input */
#pptavka div input.radio:empty,
#pptavka div input.checkbox:empty {
	visibility: hidden;
    display: none;
}
/* style label */
#pptavka div input.radio:empty ~ label:before,
#pptavka div input.radio:hover:not(:checked) ~ label:before,
#pptavka div input.radio:checked ~ label:before,
#pptavka div input.checkbox:empty ~ label:before,
#pptavka div input.checkbox:hover:not(:checked) ~ label:before,
#pptavka div input.checkbox:checked ~ label:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
    text-indent: 10px;
}

#pptavka div input.radio ~ label,
#pptavka div input.checkbox ~ label
{
	position: relative;
	float: left;
    line-height: 30px;
    text-indent: 43px;
    padding-right: 10px;
	margin-right: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* #pptavka div input.radio:empty ~ label,
#pptavka div input.radio:empty:hover ~ label,
#pptavka div input.checkbox:empty ~ label,
#pptavka div input.checkbox:empty:hover ~ label {
	position: relative;
	float: left;
    line-height: 30px;
    text-indent: 43px;
    padding-right: 10px;
	margin-right: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
*/
#pptavka div input.radio:empty ~ label:before,
#pptavka div input.checkbox:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '\f0c8';
	width: 32px;
	background: #C2D9FF;
	color: #FFFFFF;
}

/* toggle hover */
#pptavka div input.radio:hover:not(:checked) ~ label:before,
#pptavka div input.checkbox:hover:not(:checked) ~ label:before {
	content:'\f00c';
	color: #C2C2C2;
}

#pptavka div input.radio:hover:not(:checked) ~ label,
#pptavka div input.checkbox:hover:not(:checked) ~ label {
	color: #000000;
}

/* toggle on */
#pptavka div input.radio:checked ~ label:before,
#pptavka div input.checkbox:checked ~ label:before {
	content:'\f00c';
	color: #FFFFFF;
    background-color: #21C316;
}

#pptavka div input.radio:checked ~ label,
#pptavka div input.checkbox:checked ~ label {
	color: #21C316;
	font-weight: bold;
}

#pptavka .oknaitems,
#pptavka .vyplneitems {
	overflow: hidden;
}

#pptavka .oknoitem {
	/* float: left;
	width: 20%;
	text-align: center;
	margin: 1em 0; */
}
#pptavka .oknoitem a {
	display: block;
    text-decoration: none;
    float: left;
    width: 17.9%;
    border-right: 1px solid #C2D9FF;
    border-bottom: 1px solid #C2D9FF;
    text-align: center;
    padding: 10px 1%;
}
#pptavka .oknoitem a:hover {
	background: #C2D9FF;
}

#pptavka .oknoitem a h3 {
	display: block;
	color: #000000;
    height: 40px;
}

#pptavka .vyplneitems {
    width: 49%;
    float: left;
}
#pptavka .vyplnitem {
	width: 9%;
	float: left;
	text-align: center;
    margin: 10px 1% 0px 0px;
}
#pptavka .vyplnitem img {
	width: 100%;
}
#pptavka .perito {
	float: right;
	width: 49%;
}

#pptavka fieldset.kontakt div {
	display: inline-block;
	margin: 0px 13px 10px 0px;
	vertical-align: top;
}
#pptavka fieldset.kontakt label,
#pptavka .textlabel,
#pptavka #ral,
#pptavka .perito div label,
#pptavka div label.custom {
	line-height: 30px;
	padding: 0px 10px;
    width: 140px;
}
#pptavka .perito div  {
	display: block;
    margin: 0px 13px 10px 0px;
    vertical-align: top;
	border: none;
}
#pptavka .perito div label {
    width: 185px;
}
#pptavka fieldset.kontakt input[type="text"], #pptavka fieldset.kontakt textarea, #pptavka fieldset.kontakt select,
#pptavka .perito div input[type="text"] {
	height: 30px;
    line-height: 30;
    padding: 0px 10px;
    border-right: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-left: none;
    background: #C2D9FF;
}
#pptavka .perito div input[type="text"] {
	width: 300px;
}
#pptavka fieldset.kontakt input[type="text"] {
    width: 190px;
}
#pptavka fieldset.kontakt label.big {
    width: 250px;
}
#pptavka fieldset.kontakt textarea {
	line-height: 20px;
}
#pptavka fieldset.kontakt textarea.big {
    width: 580px;
	height: 60px !important;
}
#pptavka fieldset.kontakt select.small {
    width: 215px;
}
#pptavka input[type="submit"], #pptavka input[type="button"] {
    width: 100%;
	text-align: center;
	background: #21c316;
    color: #FFFFFF;
	font-size: 20px;
    text-transform: uppercase;
}
#pptavka input[type="submit"]:hover, #pptavka input[type="button"]:hover {
	background: #329E00;
    color: #000000;
}
#pptavka div.vyber {
    width: 48.8%;
    float: left;
    /* border-right: 1px solid #C2D9FF; */
    border-top: 1px solid #C2D9FF;
    padding: 20px 1% 20px 0px;
	position: relative;
}
#pptavka div.vyber:nth-child(1), #pptavka div.vyber:nth-child(2) {
    border-top: none;
}
#pptavka div.vyber:nth-child(3) {
	clear: both;
}
#pptavka div.vyber div.popimg {
	display: block;
    float: left;
    width: 42%;
    background: #C2D9FF;
    text-align: center;
}
#pptavka div.vyber div.popimg div.mezi {
	display: block;
}
#pptavka div.vyber div.popimg div.mezi h3 {
	color: #000000;
	padding: 5px 0px;
}
#pptavka div.vyber div.popimg img {
	text-align: center;
}
#pptavka div.vyber div.popimg a.remove {
	padding: 5px;
	background: rgba(255,0,4,0.70);
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#pptavka div.vyber div.popimg a.remove:hover {
	background: rgba(255,0,4,0.99);
}
#pptavka div.vyber div.popinfo {
    display: block;
    float: right;
    width: 55%;
}
#pptavka div.vyber div.popinfo table {
    width: auto;
}
#pptavka div.vyber div.popinfo table thead tr th {
    padding: 5px;
	text-align: left;
}
#pptavka div.vyber input[type="text"]  {
    height: 30px;
    line-height: 30;
    padding: 0px 10px;
    border: 1px solid #E2E2E2;
    background: #C2D9FF;
}
#pptavka div.vyber input[type="text"].rozmer  {
    /* width: auto; */
}
#pptavka div.vyber input[type="text"].pocet  {
    width: 20px;
}
#pptavka div.vyber div.popinfo div.options span {
    display: block;
	font-weight: bold;
	padding: 5px;
}
#pptavka div.vyber div.popinfo div.options div input.radio ~ label, #pptavka div.vyber div.popinfo div.options div input.checkbox ~ label {
    line-height: 25px;
    text-indent: 37px;
    padding-right: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
p.popdekujeme {
	/* width: 100%; */
    text-align: center;
    background: #21c316;
    color: #FFFFFF;
    font-size: 20px;
	padding: 15px;
}




/* obsah kontakty */
.contblok  {
	clear: both;
    border-top: 2px solid #e0e0e0;
    margin-top: 30px;
}
.contblok div.obrazek  {
    float: left;
	width: 40%;
	display: block;
	padding: 0;
	margin: 0;
}
.contblok div.obrazek img  {
	display: block;
	width: 100%;
}
.contblok div.obrazek p.butony {
	display: block;
	margin: 0;
	padding: 0;
}
.contblok div.obrazek p.butony a {
	color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding: 5px 0px;
    width: 50%;
    float: left;
    text-align: center;
}
.contblok div.obrazek p.butony a.mapa {
	color: #FFFFFF;
    background: #0C69FF;
}
.contblok div.obrazek p.butony a.mapa:hover {
	color: #FFFFFF;
    background: #024ec8;
}
.contblok div.obrazek p.butony a.detail {
	color: #FFFFFF;
    background: #21c316;
}
.contblok div.obrazek p.butony a.detail:hover {
	color: #000000;
    background: #21c316;
}

.contblok div.kontakty  {
    float: right;
	width: 57%;
	display: block;
	padding: 0;
	margin: 0;
}
.contblok div.kontakty h3  {
	padding: 0;
	margin: 10px 8px;
    font-size: 120%;
}
.contblok div.kontakty h3 a  {
    color: #329e00;
	text-decoration: none;
}
.contblok div.kontakty table.tabmain  {
	margin: 0;
}
.contblok div.kontakty table.tabmain td:first-child  {
	width: 100px;
}
.contblok div.kontakty table.tabmain td  {
	display: table-cell !important;
}
.contblok div.galer img  {
	display: block;
	width: 48%;
	margin-right: 4%;
	float: left;
}
.contblok div.galer img:nth-child(2)  {
	margin-right: 0%;
}


.colorsbox > .vyplnitem {
	width: 15%;
	/* float: left; */
	text-align: center;
    margin: 10px 1% 0px 0px;
	display: inline-block;
	vertical-align: top;
}
.colorsbox > .vyplnitem img {
	width: 100%;
}
.colorsbox > .vyplnitem span {
	font-size: 12px;
}


div.boxstars {
	float: left;
	width: 60%;
}
div.boxstars .stars {
        font-size: 1.5em;
}

/* hide input */
div.lab label {
	width: auto !important;
}
div.lab input.radio:empty,
div.lab input.checkbox:empty {
	visibility: hidden;
    display: none;
}
/* style label */
div.lab input.radio:empty ~ label:before,
div.lab input.radio:hover:not(:checked) ~ label:before,
div.lab input.radio:checked ~ label:before,
div.lab input.checkbox:empty ~ label:before,
div.lab input.checkbox:hover:not(:checked) ~ label:before,
div.lab input.checkbox:checked ~ label:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
    text-indent: 10px;
}

div.lab input.radio ~ label,
div.lab input.checkbox ~ label
{
	position: relative;
	float: left;
    line-height: 30px;
    text-indent: 43px;
    padding-right: 10px;
	margin-right: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div.lab input.radio:empty ~ label:before,
div.lab input.checkbox:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '\f0c8';
	width: 32px;
	background: #C2D9FF;
	color: #FFFFFF;
}

/* toggle hover */
div.lab input.radio:hover:not(:checked) ~ label:before,
div.lab input.checkbox:hover:not(:checked) ~ label:before {
	content:'\f00c';
	color: #C2C2C2;
}

div.lab input.radio:hover:not(:checked) ~ label,
div.lab input.checkbox:hover:not(:checked) ~ label {
	color: #000000;
}

/* toggle on */
div.lab input.radio:checked ~ label:before,
div.lab input.checkbox:checked ~ label:before {
	content:'\f00c';
	color: #FFFFFF;
    background-color: #21C316;
}

div.lab input.radio:checked ~ label,
div.lab input.checkbox:checked ~ label {
	color: #21C316;
	font-weight: bold;
}



.dotazy h2 {
    display: block;
    width: 100%;
    padding: 0px !important;
    font-size: 20px;
    line-height: 30px;
    color: #062F99;
    border: 0;
	margin-bottom: 10px !important;
	background: #E2E2E2;
	height: 30px;
	clear: both;
}
.dotazy h2 a {
	text-decoration: none;
	display: block;
}
.dotazy span.number {
    background: #329e00;
    color: #FFFFFF;
    height: 30px;
    width: 33px;
    display: block;
	float: left;
    font-size: 12px;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
	/* border: 1px solid #FFFFFF; */
    font-weight: bold;
}


.vokhistory ul {
	padding: 20px 0px 0px 0px !important;
	margin: 0 !important;
}
.vokhistory ul li {
	list-style: none !important;
    position: relative !important;
	padding: 0px 0px 15px 0px !important;
}
.vokhistory ul li:before {
    content: "";
	position: absolute;
    display: block;
    left: 22px;
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 1;
	background: #329E00;
}
.vokhistory ul li:after {
	content: "";
    width: 100%;
    height: 40px;
    left: 0px;
    top: 0;
    /* border-top: 1px solid #329e00; */
    /* background-color: #fff; */
    z-index: 2;
    position: absolute;
}
.vokhistory ul li h2 {
	text-align: left;
    position: relative;
    font-size: 25px;
    z-index: 100;
    padding: 20px 0px 0px 55px !important;
    color: #000000;
}
.vokhistory ul li h2:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
.vokhistory ul li h2:before {
	content: "\f073";
    font-size: 26px;
    line-height: 22px;
    color: #329E00;
    position: absolute;
    top: 20px;
    left: 10px;
}
.vokhistory ul li p {
	text-align: left;
	position: relative;
	padding-left: 55px;
}
.vokhistory ul li img {
    max-width: 795px !important;
}



/* CUSTOM RATING 2018 */

.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  width: 235px;
	float: left;
}

.rating input {
    position: absolute;
    left: -999999px;
}

.rating label {
	display: inline-block;
	font-size: 0;
	float: none;
	width: auto;
	padding: 0;
	margin-right: 15px;
}

.rating > label:before {
    position: relative;
    font-size: 30px;
		font-family: 'Font Awesome 5 Free';
    display: block;
    content: "\f118";
    color: #5f5f5f;

}
/*
.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > label.selected:before,
.rating > label.selected ~ label:before {
    color: #f0ad4e;
}
*/

.rating > label:hover:before {
    color: #000;
}
.rating > label.r1:before {
    content: "\f580";
}
.rating > label.r1.selected:before,
.rating > label.r1.selected:hover:before{
    color: #0F9300;
	font-weight: 900;
}

.rating > label.r2:before {
    content: "\f118";
}
.rating > label.r2.selected:before,
.rating > label.r2.selected:hover:before{
    color: #4FC41F;
	font-weight: 900;
}

.rating > label.r3:before {
    content: "\f11a";
}
.rating > label.r3.selected:before,
.rating > label.r3.selected:hover:before{
    color: #f0ad4e;
	font-weight: 900;
}

.rating > label.r4:before {
    content: "\f119";
}
.rating > label.r4.selected:before,
.rating > label.r4.selected:hover:before{
    color: #f06d4e;
	font-weight: 900;
}

.rating > label.r5:before {
    content: "\f556";
}
.rating > label.r5.selected:before,
.rating > label.r5.selected:hover:before{
    color: #CF2B2E;
		font-weight: 900;
}






/*
================================================
VOKNO CUSTOM  END
================================================
*/



/*
PLUGINS Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
  /* position: absolute;
  top: 40%; */
  /* margin-top: 10px; */
  text-align: center;
  -webkit-tap-highlight-color: transparent;
 }
 .owl-theme .owl-nav .owl-prev,
 .owl-theme .owl-nav .owl-next {
	position: absolute;
	top: -73px;
	background: url(owlcarousel/owl-sprites.png);
 }
 .owl-theme .owl-nav .owl-prev {
	right: 50px;
	background-position: 0px 0px;
 }
  .owl-theme .owl-nav .owl-next {
	right: 0px;
	background-position: -50px 0px;
 }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 20px;
    margin: 0px;
    /* padding: 7px 7px; */
    display: inline-block;
    cursor: pointer;
	width: 50px;
	height: 44px;
    /* -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; */
	}
    .owl-theme .owl-nav [class*='owl-']:hover {
      /* background: #7b7b7b; */
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      -webkit-transition: opacity 200ms ease;
      -moz-transition: opacity 200ms ease;
      -ms-transition: opacity 200ms ease;
      -o-transition: opacity 200ms ease;
      transition: opacity 200ms ease;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.owl-theme  > .vypzboziv1 {
    margin: 20px 0px 0px 0px !important;
}

.parallax-image {
  height: 350px;
  position: relative;
}
.parallax-image img {
  position: absolute;
  top: -30%;
  left: 0;
  width: 100%;
  height: auto;
}


/*
PLUGIN FINALTILES GALLERY
*/
.final-tiles-gallery {
  position: relative;
}
.final-tiles-gallery .tile img.item {
  -moz-transition: -moz-transform 0.2s, opacity 0.2s linear;
  -o-transition: -o-transform 0.2s, opacity 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s linear;
  transition: transform .2s linear;
  display: block;
  position: relative;
  width: 100%;
}
.final-tiles-gallery .tile.ftg-enlarged img {
  display: block;
  margin: auto;
}
.final-tiles-gallery .tile {
  float: left;
  overflow: hidden;
  margin: 0;
  background: #000;
  opacity: 0;
}
.final-tiles-gallery .tile.ftg-loaded {
  /*display: block;*/
  opacity: 1;
}
.final-tiles-gallery .tile.ftg-hidden {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.final-tiles-gallery .edge {
  position: absolute;
  z-index: 1000;
  background: #333;
  color: #fff;
  font-size: 11px;
  padding: 4px;
  font-family: sans-serif;
}
.final-tiles-gallery .edge.enlarged-true {
  color: yellow;
}
.final-tiles-gallery .ftg-social {
  position: absolute;
  transition: all .5s;
  z-index: 10;
  /*box-shadow: 0px 0px 12px #333;*/
}
.final-tiles-gallery .ftg-social a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  transition: all .3s;
}
.final-tiles-gallery .ftg-social a:hover {
  color: #ccc;
}
.final-tiles-gallery .hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all .3s;
  opacity: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.final-tiles-gallery .hover .icon {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 20px;
}
.final-tiles-gallery .tile:hover .hover {
  opacity: 1;
}
.final-tiles-gallery .tile iframe.item {
  width: 100%;
}
.final-tiles-gallery .ftg-filters {
  margin: 20px 0px;
}
.final-tiles-gallery .ftg-filters a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #777;
  padding: 4px 10px;
  border: 1px solid #4BC3F0;
  text-decoration: none;
  outline: 0;
  text-shadow: none;
  box-shadow: none;
}
.final-tiles-gallery .ftg-filters a:hover,
.final-tiles-gallery .ftg-filters a.selected {
  color: #FFFFFF;
  border-color: #000000;
  text-decoration: none;
  background: #4BC3F0;
}
/* EFFECT: IMG FADE OUT */
.final-tiles-gallery.effect-fade-out .tile img {
  transition: all 0.5s;
  opacity: 1;
}
.final-tiles-gallery.effect-fade-out .tile:hover img {
  opacity: .5;
}
/* EFFECT: ZOOM */
.final-tiles-gallery.effect-zoom .tile img {
  transition: all 0.5s;
  -moz-transform: perspective(1000px) translate3d(0, 0, 0);
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
  -ms-transform: perspective(1000px) translate3d(0, 0, 0);
  transform: perspective(1000px) translate3d(0, 0, 0);
  position: relative;
  display: block;
}
.final-tiles-gallery.effect-zoom .tile:hover img {
  -moz-transform: perspective(1000px) translate3d(0px, 0px, 80px);
  -webkit-transform: perspective(1000px) translate3d(0, 0, 80px);
  -ms-transform: perspective(1000px) translate3d(0px, 0px, 80px);
  transform: perspective(1000px) translate3d(0px, 0px, 80px);
}
/* EFFECT: DEZOOM */
.final-tiles-gallery.effect-dezoom .tile:hover img {
  opacity: .8;
}
.final-tiles-gallery.effect-dezoom .tile {
  display: block;
  background: #000;
}
.final-tiles-gallery.effect-dezoom .tile img {
  opacity: 1;
  transition: all 0.35s;
  -moz-transform: scale(1.12);
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);
  display: block;
}
.final-tiles-gallery.effect-dezoom .tile:hover img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/* CAPTION TOP */
.final-tiles-gallery.caption-top .tile:hover span {
  opacity: .8;
}
.final-tiles-gallery.caption-top .tile:hover span.title {
  top: 20px;
  opacity: .9;
}
.final-tiles-gallery.caption-top .tile:hover span.subtitle {
  top: 52px;
}
.final-tiles-gallery.caption-top .tile {
  display: block;
  background: #000;
}
.final-tiles-gallery.caption-top .tile span {
  font-family: 'Lato', sans-serif;
  display: block;
  position: absolute;
  width: 68%;
  left: 20px;
  color: #fff;
  z-index: 10;
  font-size: 18px;
  opacity: 0;
  transition: all .5s;
}
.final-tiles-gallery.caption-top .tile span.title {
  font-weight: 900;
  top: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.final-tiles-gallery.caption-top .tile span.subtitle {
  top: 70px;
  font-size: 14px;
  font-weight: 300;
}
/* CAPTION BOTTOM */
.final-tiles-gallery.caption-bottom .tile:hover span {
  opacity: .8;
}
.final-tiles-gallery.caption-bottom .tile:hover span.title {
  bottom: 46px;
  opacity: .9;
}
.final-tiles-gallery.caption-bottom .tile:hover span.subtitle {
  bottom: 20px;
}
.final-tiles-gallery.caption-bottom .tile {
  display: block;
  background: #000;
}
.final-tiles-gallery.caption-bottom .tile span {
  font-family: 'Lato', sans-serif;
  display: block;
  position: absolute;
  width: 68%;
  left: 20px;
  color: #fff;
  z-index: 10;
  font-size: 12px;
  opacity: 0;
  transition: all .5s;
}
.final-tiles-gallery.caption-bottom .tile span.title {
  font-weight: 900;
  bottom: 70px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.final-tiles-gallery.caption-bottom .tile span.subtitle {
  bottom: 0px;
  font-size: 12px;
  font-weight: 300;
}
/* EFFECT FRAME */
.final-tiles-gallery.effect-frame .tile:hover:before {
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.final-tiles-gallery.effect-frame .tile:before {
  opacity: 0;
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  content: "";
  display: block;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  transition: all .35s;
}
/* CAPTION BACKGROUND */
.final-tiles-gallery.caption-bg .tile span {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  color: #333;
  padding: 2px 6px;
}
/* SOCIAL ICONS BACKGROUND */
.final-tiles-gallery.social-icons-bg .ftg-social {
  background: #fff;
  box-shadow: 0px 0px 10px #000;
}
.final-tiles-gallery.social-icons-bg .ftg-social a {
  color: #333;
}
.final-tiles-gallery.social-icons-bg .ftg-social a:hover {
  color: #555;
}
/* SOCIAL ICONS DARK BACKGROUND */
.final-tiles-gallery.social-icons-bg.social-icons-bg-dark .ftg-social {
  background: #333;
}
.final-tiles-gallery.social-icons-bg.social-icons-bg-dark .ftg-social a {
  color: #333;
}
.final-tiles-gallery.social-icons-bg.social-icons-bg-dark .ftg-social a:hover {
  color: #eee;
}
/* SOCIAL ICONS RIGHT */
.final-tiles-gallery.social-icons-right .ftg-social {
  width: 40px;
  top: 0;
  height: 100%;
  right: -50px;
}
.final-tiles-gallery.social-icons-right .ftg-social a {
  margin: 10px 0;
  display: block;
}
.final-tiles-gallery.social-icons-right .tile:hover .ftg-social {
  right: 0;
}
/* SOCIAL ICONS BOTTOM */
.final-tiles-gallery.social-icons-bottom .ftg-social {
  width: 100%;
  bottom: -40px;
  height: 30px;
  text-align: right;
}
.final-tiles-gallery.social-icons-bottom .ftg-social a {
  margin: 0 5px;
  display: inline-block;
}
.final-tiles-gallery.social-icons-bottom .ftg-social a:last-of-type {
  margin-right: 15px;
}
.final-tiles-gallery.social-icons-bottom .tile:hover .ftg-social {
  bottom: 0;
}
.final-tiles-gallery.social-icons-bottom.social-icons-circle .ftg-social {
  height: 36px;
}
.final-tiles-gallery.social-icons-bottom.social-icons-bg .ftg-social {
  height: 40px;
}
.final-tiles-gallery.social-icons-bottom.social-icons-bg .ftg-social a {
  margin: 10px 5px;
}
/* SOCIAL ICONS CIRCLE */
.final-tiles-gallery.social-icons-circle .ftg-social a {
  margin: 5px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 29px;
  text-align: center;
  display: inline-block;
  background: #fff;
  color: #333;
}
.final-tiles-gallery.social-icons-circle .ftg-social a:hover {
  color: #fff;
  background-color: #333;
}
/*
PLUGIN FINALTILES GALLERY  END
*/


/* -----------------------------------------
   Item: Social Sprites
   Author: The Fireworks Police
   Description: Social Sprites for Wordpress
   Version: 2.5.0
----------------------------------------- */

/* Sprites URL
================================================== */

/*** UPDATE THESE URL ***/

.ss li{background:url(img/socialsprites.png) no-repeat!important}
.ssm li{background:url(img/socialsprites_mini.png) no-repeat!important}

/*** UPDATE THESE URL ***/

/* Social Sprites: General Listing
================================================== */
.ss{width:auto;margin:0 !important;padding:0 !important;text-align:left}
.ss li{
	display:block!important;
	float:right!important;
	margin:0!important;
	padding:0!important;
	/* border-right:1px solid rgba(0,0,0,0.2)!important; */
	border-bottom:none!important;
	height:40px!important;
	width:40px!important;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease}
.ss li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ss li:first-child{
	/* border-left:1px solid rgba(0,0,0,0.2)!important */
	}
.ss li a{display:block!important;text-indent:-9999px!important;height:40px!important;width:40px!important}
.ss li a:active{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);}

/* Social Sprites: Icon Classes
================================================== */
.ss li.digg{background-position:0 0!important}
.ss li.digg:hover{background-position:0 -40px!important}
.ss li.dribbble{background-position:0 -80px!important}
.ss li.dribbble:hover{background-position:0 -120px!important}
.ss li.facebook{background-position:0 -160px!important}
.ss li.facebook:hover{background-position:0 -200px!important}
.ss li.flickr{background-position:0 -240px!important}
.ss li.flickr:hover{background-position:0 -280px!important}
.ss li.forrst{background-position:0 -320px!important}
.ss li.forrst:hover{background-position:0 -360px!important}
.ss li.googleplus{background-position:0 -400px!important}
.ss li.googleplus:hover{background-position:0 -440px!important}
.ss li.html5{background-position:0 -480px!important}
.ss li.html5:hover{background-position:0 -520px!important}
.ss li.icloud{background-position:0 -560px!important}
.ss li.icloud:hover{background-position:0 -600px!important}
.ss li.lastfm{background-position:0 -640px!important}
.ss li.lastfm:hover{background-position:0 -680px!important}
.ss li.linkedin{background-position:0 -720px!important}
.ss li.linkedin:hover{background-position:0 -760px!important}
.ss li.myspace{background-position:0 -800px!important}
.ss li.myspace:hover{background-position:0 -840px!important}
.ss li.paypal{background-position:0 -880px!important}
.ss li.paypal:hover{background-position:0 -920px!important}
.ss li.picasa{background-position:0 -960px!important}
.ss li.picasa:hover{background-position:0 -1000px!important}
.ss li.pinterest{background-position:0 -1040px!important}
.ss li.pinterest:hover{background-position:0 -1080px!important}
.ss li.reddit{background-position:0 -1120px!important}
.ss li.reddit:hover{background-position:0 -1160px!important}
.ss li.rss{background-position:0 -1200px!important}
.ss li.rss:hover{background-position:0 -1240px!important}
.ss li.skype{background-position:0 -1280px!important}
.ss li.skype:hover{background-position:0 -1320px!important}
.ss li.stumbleupon{background-position:0 -1360px!important}
.ss li.stumbleupon:hover{background-position:0 -1400px!important}
.ss li.tumblr{background-position:0 -1440px!important}
.ss li.tumblr:hover{background-position:0 -1480px!important}
.ss li.twitter{background-position:0 -1520px!important}
.ss li.twitter:hover{background-position:0 -1560px!important}
.ss li.vimeo{background-position:0 -1600px!important}
.ss li.vimeo:hover{background-position:0 -1640px!important}
.ss li.wordpress{background-position:0 -1680px!important}
.ss li.wordpress:hover{background-position:0 -1720px!important}
.ss li.yahoo{background-position:0 -1760px!important}
.ss li.yahoo:hover{background-position:0 -1800px!important}
.ss li.youtube{background-position:0 -1840px!important}
.ss li.youtube:hover{background-position:0 -1880px!important}
.ss li.customicon1{background-position:0 0!important}
.ss li.customicon1:hover{background-position:0 -40px!important}
.ss li.customicon2{background-position:0 0!important}
.ss li.customicon2:hover{background-position:0 -40px!important}
.ss li.github{background-position:0 -1920px!important}
.ss li.github:hover{background-position:0 -1960px!important}
.ss li.behance{background-position:0 -2000px!important}
.ss li.behance:hover{background-position:0 -2040px!important}
.ss li.yelp{background-position:0 -2080px!important}
.ss li.yelp:hover{background-position:0 -2120px!important}
.ss li.mail{background-position:0 -2160px!important}
.ss li.mail:hover{background-position:0 -2200px!important}
.ss li.instagram{background-position:0 -2240px!important}
.ss li.instagram:hover{background-position:0 -2280px!important}
.ss li.foursquare{background-position:0 -2320px!important}
.ss li.foursquare:hover{background-position:0 -2360px!important}
.ss li.zerply{background-position:0 -2400px!important}
.ss li.zerply:hover{background-position:0 -2440px!important}
.ss li.star{background-position:0 -2480px!important}
.ss li.star:hover{background-position:0 -2520px!important}
.ss li.share{background-position:0 -2560px!important}
.ss li.share:hover{background-position:0 -2600px!important}
.ss li.doc{background-position:0 -2640px!important}
.ss li.doc:hover{background-position:0 -2680px!important}



.wraper {
	overflow: hidden;
}

.w25 {
	width: 25%;
	float: left;
	display: block;
	text-align: center;
	font-weight: bold;
}

.w25 .big {
	font-size: 2em;
	color: #329e00;
}