@import url("inicializace.css");

hr{
  background: #ccddff;
  border-width: 1px 0px 0px 0px;
  border-color: #2794c9;
}

h2.leveMenu {
	border-bottom: none;
}
h3 {
  clear : both;
  width : 100%;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	color: #d90039; 
	margin: 0px 0px 10px 0px;
}
h4 {
  clear : both;
  width : 100%;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	color: #333; 
	margin: 0px 0px 10px 0px;
}
h5 {
  clear : both;
  width : 100%;
  height : 40px;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	color: #87a0b5; 
	margin: 0px 0px 10px 0px;
	border-bottom : 2px solid #b8b8b8;
}
h6 {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	color: #2d637f; 
	margin: 0px 0px 10px 0px;
}
p {
	text-align: left;
	margin: 10px 0px;
}
ol, ul {
	text-align: left;
	margin: 5x 5px 5px 20px;
	padding: 0px
}
ol {
	margin-left: 20px;
}

li {
	margin: 0px;
	padding: 0px
}

a {
	color: #717070;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

table tr.pozadi {
	background-color: #fff;
}

#hornicast { 
	width: 981px;
  height: 132px;
  position: relative;
}

#logo {
  float : left; 
  width : 305px;
  height : 98px;
}

a.sponzorujeme {
  position: absolute;
  top: 30px;
  left: 330px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}

#hornicast #linkssearch {
  float : left;
  width : 676px;/*676*/
  height : 98px;/*98*/ 
}

#hornicast #links {
  width : 676px;/*676*/
  height : 24px;/*50*/
  text-align : right;
  padding-top : 26px;
}

#links ul li {
	float : right;
	list-style-type : none;
}

#hornicast #links a {
  margin-left: 20px;
}

#hornicast #links a img {
  vertical-align: middle;
}

#hornicast strong.heslo1 {
	position:absolute;
	top:95px;
	left:240px;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
  font-size: 16px;
}
div.banner_7 strong.heslo1 { left: 550px !important; top: 95px !important; }
div.banner_14 strong.heslo1 { left:235px !important; top:115px !important; }

#hornicast strong.heslo2 {
	position:absolute;
	top:130px;
	right:420px;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
  font-size: 16px;
}
div.banner_5 strong.heslo2 { right:200px !important; }
div.banner_6 strong.heslo2 { right:440px !important; }
div.banner_7 strong.heslo2 { right:430px !important; }
div.banner_8 strong.heslo2 { right:30px !important; }

#hornicast strong.heslo3 {
	position:absolute;
	top:70px;
	right:200px;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
  font-size: 22px;
}
div.banner_6 strong.heslo3 { right:255px !important; }
div.banner_7 strong.heslo3 { right:535px !important; }
div.banner_8 strong.heslo3 { right:355px !important; }
div.banner_9 strong.heslo3 { right:165px !important; }
div.banner_14 strong.heslo3 { right:245px !important; }

#hornicast strong.heslo1 span,
#hornicast strong.heslo2 span,
#hornicast strong.heslo3 span {
  font-size: 120%;
}

#hornicast .search {
  width : 676px;/*676*/
  height : 36px;/*48*/
  text-align : right;
  padding-top : 12px;
}

#hornicast .search input[type="submit"] {
  margin : 0px;
  padding : 0px;
  width: 52px;
  height: 24px;
	background: url(../design/hledat.png) no-repeat; 
	border : 0px;
	vertical-align : bottom;
	font-size : 0px;
	margin-left : 10px;
}

#hornicast .search input[type="text"] {
  margin : 0px;
  padding : 0px;
  width: 190px;
  height: 22px;
  border : 1px solid black;
}

#hornicast .menu {
  float : left;
  width : 981px;/*981*/
  height : 34px;/*34*/ 
	background: url(../design/menu.png) no-repeat;
  /*padding : 10px 0 0 0px;*/
}

#hornicast .menu ul li {
	float : left;
	padding : 10px 34px;
	list-style-type : none;
}

#hornicast .menu ul li a{
	color: #000;
	text-decoration: none;
  font-weight: bold;
  font-size : 14px; 
  padding : 2px;
}

#hornicast .menu ul li a:hover,
#hornicast .menu ul li.vybrano a {
  background : #d90039;
  color : white;
  padding : 2px;
  border-radius:5px;
}

.rozcestnikuvod {
  width : 981px;
  height : 486px;
	background: url(../design/rozcestnikuvod.png) no-repeat;
}

.tesneni a {
  position : absolute;
  font-size : 16px;
  color : white;
  font-weight : bold;
  margin : 40px 0 0 10px;
  text-decoration : none; 
} 

.produkty a {
  position : absolute;
  font-size : 16px;
  color : black;
  font-weight : bold;
  margin : 43px 0 0 585px;
  text-decoration : none; 
}

.ochrana a {
  position : absolute;
  font-size : 16px;
  color : black;
  font-weight : bold;
  margin : 420px 0 0 15px;
  text-decoration : none; 
}

.tesneni2 a {
  position : absolute;
  font-size : 16px;
  color : white;
  font-weight : bold;
  margin : 420px 0 0 553px;
  text-decoration : none; 
}

.novinky {
  float : left;
  width : 295px;
  height : 342px;
  margin : 2px 0 0 1px;
} 

.novinkaStrana {
  width : 285px;/*295*/
  height : 102px;/*112*/
	background: url(../design/novinkaStrana.png) no-repeat;
	margin-top : 1px;
	padding : 5px;
}

.novinkaStrana .datum {
  width : 60px;
  height : 18px; 
	background: url(../design/datum.png) no-repeat;
	color : white;
	letter-spacing : 0.5;
	font-weight : bold;
	font-size : 11px;
}

.nachazitese {
  clear : both;
  width : 960px;/*978*/
  height : 12px;/*30*/
  padding : 9px;
  background-color : #f1f0f0;
}

#prostredni {
	clear : both;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

#prostredni div.leva {
	border-left: 1px solid #adc0cd;
	border-right: 1px solid #adc0cd;
	width: 281px;
}

#prostredni div.leva div.menuProdukty {
	padding: 0 25px 0 0;
	width: 279px;
}

#prostredni div.leva div.menuProdukty ul {
	margin-left: 25px;
}

#prostredni div.leva div.menuProdukty ul li {
  padding: 2px 0px;
}

#prostredni div.leva div.menuProdukty ul li a.vybrano {
  text-decoration: underline;
}

#prostredni div.leva div.menu {
	position: relative;
	width: 279px;
	margin-top: 40px
}

#prostredni div.leva div.menu ul.U10 {
	padding: 0 25px 0 30px;
  
}

#prostredni div.leva div.menu ul.U10 li{
	list-style : none;
	position: relative;
	padding-bottom: 5px;
  line-height: 2em;
}

#prostredni div.leva div.menu ul.U10 li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #3b4a54;
	font-size: 16px;
	line-height: 30px;
}

#prostredni div.leva div.menu ul.U10 li a:before {
	content: "";
	background-image: url(../assets/img/menu-li.png);
	height: 13px;
	width: 9px;
	display: block;
	position: absolute;
	top: 9px;
	left: -21px;
}

#prostredni div.leva div.menu ul.U10 li a:hover,
#prostredni div.leva div.menu ul.U10 li a.vybrano {
	color: #e1393e;
}

#prostredni div.leva div.menu ul.U10 li a:hover:before,
#prostredni div.leva div.menu ul.U10 li a.vybrano:before {
	background-image: url(../assets/img/menu-li-h.png);
}

#prostredni div.leva div.menu ul.U10 li ul.U20 {
	margin: 15px 0 15px 15px;
}

#prostredni div.leva div.menu ul.U10 li ul.U20 li {
  background: transparent;
}

#prostredni div.leva div.menu ul.U10 li ul.U20 li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #728491;
	font-size: 15px;
}

#prostredni div.leva div.menu ul.U10 li ul.U20 li a:before {
	display: none;
}

#prostredni div.leva div.menu ul.U10 li ul.U20 li a:hover,
#prostredni div.leva div.menu ul.U10 li ul.U20 li a.vybrano{
	color: #e1393e;
} 

#prostredni div.leva div.menu ul.U10 li ul.U20 li a:hover:before,
#prostredni div.leva div.menu ul.U10 li ul.U20 li a.vybrano:before{
	display: none;
}

#prostredni div.leva div.menu ul.U10 li ul.U30 {
	margin: 15px 0 15px 15px;
}

#prostredni div.leva div.menu ul.U10 li ul.U40 {
	margin: 15px 0 15px 15px;
}

#prostredni div.leva a.program {
  display: block;
  height: 48px;
  line-height: 48px;
  width: 257px;
  font-size: 18px;
  font-family: Trebuchet MS;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: url(../design/vyrobniProgram.png) no-repeat center center;
  margin-left: 1px;
  margin-bottom: 20px;
}

#prostredni div.stred {
	padding: 20px 0 45px 20px;
	width: 100%;
}

#prostredni div.stred ul li {
	list-style-image : url(../assets/img/menu-li-h.png);
  margin-left: 18px;
  line-height: 1.9em;
}

#prostredni div.stred ol {
  margin-left : 30px;
}

#prostredni div.stred2 {
	position: relative;
}

#prostredni div.stred2 ul li {
	list-style: none;
	background: url(../design/sipka.png) no-repeat 5px 6px;
	min-height: 10px;
	padding: 2px 0px 2px 15px;
}

#prostredni div.stred2 .napissekce {
	width:100%;
	height:15px;
}

#prostredni div.stred2 .napissekce span {
	float:left;
}

#prostredni div.stred2 .napissekce h2 {
	float:left;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
}

.rozcestnikprodukt a {
  display: block;
  width: 150px;/*160*/
  padding : 10px 5px ;
  margin : 4px;
  text-decoration: none;
  font-weight: normal;
  background: #ededed url(../design/sipka3.png) no-repeat top center;
  border : 1px solid #bfbfbf;
  color : #4c4b4b;
  text-align : center;
}

.rozcestnikprodukt a:hover {
  display: block;
  width: 150px;/*160*/
  padding : 10px 5px ;
  margin : 4px;
  text-decoration: none;
  font-weight: normal;
  background: #d90039 url(../design/sipka3.png) no-repeat top center;
  border : 1px solid #bfbfbf;
  color : #fff;
  text-align : center;
}

.rozcestniksluzby {
  margin-bottom : 10px;
}

.rozcestniksluzby img {
  margin : 1px;
}

.dolnirozcestnik {
  clear : both;
  width : 958px;
  border-top: 1px #BABBBB dotted;
  margin-top : 20px;
  padding-top : 10px;
}

.firma, .sluzby {
  float : left;
  width : 200px;
}

.fruit {
  float : right;
}

#spodnicast {
  margin : 0 auto;
  clear : both;
  width : 981px;/*981*/
  height : 110px;/*110*/
  font-size : 11px;
  padding-top: 7px; 
}

.spodnitext {
  clear : both;
  width : 957px;/*981*/
  height : 110px;/*110*/
  font-size : 12px;
  background-color : #ccc;
  padding : 12px;
}

.spodnitext table {
  width : 961px;
}

#spodnicast div.nahoreBg {
  position: absolute;
  top: -16px;
  left: 0px;
  height: 16px;
  width: 100%;
  background: transparent url(../design/bottomBgNahore.png) no-repeat left top;
}

#spodnicast div.doleBg {
  position: absolute;
  bottom: -16px;
  left: 0px;
  height: 16px;
  width: 100%;
  background: transparent url(../design/bottomBgDole.png) no-repeat left top;
}

#spodnicast div.special {
  position: relative;
  float: left;
  width: 80%;
  text-align: left;
}

#spodnicast div.special table {
  margin:0;
}

#spodnicast .menu {
	margin: 15px 0px 0px 15px;
	min-height:30px;
}

#spodnicast .menu ul {

}

#spodnicast .menu ul li {
	display:inline;
}

#spodnicast .menu ul li a{
	padding:5px 10px
}

div.stred2 ul ul {
  margin-left: 20px;
}

div.filtrace {
  background: transparent url(../design/bg_filtrace.jpg) no-repeat left bottom;
  display: block;
  position: relative;
  height: 377px;
  width: 683px;
}

div.filtraceUvod {
  height: 315px;
}

div.filtrace h2.nadpis1 {
  position: absolute;
  top: 10px;
  left: 52px;
  height: 37px;
  line-height: 37px;
  width: 280px;
  color: #5f5e5e;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  font-size: 18px;
  text-align: center;
}

div.filtrace h2.nadpis2 {
  position: absolute;
  top: 10px;
  left: 385px;
  height: 37px;
  line-height: 37px;
  width: 280px;
  color: #5f5e5e;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  font-size: 18px;
  text-align: center;
}

div.filtrace a {
  color: #fff;
  text-align: center;
  font-weight: bold;
  display: block;
  text-decoration: none;
  height: 22px;
  line-height: 22px;
  position: absolute;
}

div.filtrace a.predfiltrace {
  bottom: 62px;
  left: 280px;
  width: 90px;
  padding: 74px 0px 0px 33px;
  background: transparent url(../design/bg_filtrace_predfiltrace.png) no-repeat left top;
}
div.filtrace a.predfiltrace:hover {
  background: transparent url(../design/bg_filtrace_predfiltrace_act.png) no-repeat left top;
}
div.filtrace a.emise {
  bottom: 8px;
  left: 120px;
  width: 95px;
  padding: 130px 27px 0px 0px;
  background: transparent url(../design/bg_filtrace_emise.png) no-repeat left top;
}
div.filtrace a.emise:hover {
  background: transparent url(../design/bg_filtrace_emise_act.png) no-repeat left top;
}
div.filtrace a.emise1 {
  bottom: 172px;
  left: 355px;
  width: 97px;
  padding: 0 37px 77px 0;
	background: url("../design/bg_filtrace_emise1.png") no-repeat scroll left top transparent;
}
div.filtrace a.emise1:hover {
  background: transparent url(../design/bg_filtrace_emise1_act.png) no-repeat left top;
}
div.filtrace a.prestriky {
  bottom: 67px;
  left: 8px;
  width: 119px;
  padding: 63px 20px 0 0;
  background: transparent url(../design/bg_filtrace_prestriky.png) no-repeat left top;
}
div.filtrace a.prestriky:hover {
  background: transparent url(../design/bg_filtrace_prestriky_act.png) no-repeat left top;
}
div.filtrace a.prestriky1 {
  bottom: 50px;
  left: 455px;
  width: 126px;
  padding: 84px 33px 0 0;
  background: transparent url(../design/bg_filtrace_prestriky1.png) no-repeat left top;
}
div.filtrace a.prestriky1:hover {
  background: transparent url(../design/bg_filtrace_prestriky1_act.png) no-repeat left top;
}
div.filtrace a.strop {
  bottom: 225px;
  left: 0px;
  width: 110px;
  padding: 0px 60px 54px 0px;
  background: transparent url(../design/bg_filtrace_stropni.png) no-repeat left top;
}
div.filtrace a.strop:hover {
  background: transparent url(../design/bg_filtrace_stropni_act.png) no-repeat left top;
}

div.referenceBan img {
  border: 3px #ccc solid;
  margin: 0px auto;
  margin-top: 10px;
}

div.referenceBan {
  text-align: center;
}

div.referenceBan strong {
  float: left;
}

div.banner_5 { background-image: url(../design/banner_5.jpg) !important; }
div.banner_6 { background-image: url(../design/banner_6.jpg) !important; }
div.banner_7 { background-image: url(../design/banner_7.jpg) !important; }
div.banner_8 { background-image: url(../design/banner_8.jpg) !important; }
div.banner_9 { background-image: url(../design/banner_9.jpg) !important; }
div.banner_14 { background-image: url(../design/banner_14.jpg) !important; }

.tabulkaprodukt {
  width : 100%;
  font-size : 11px;
}

.tabulkaprodukt td {
  padding : 5px;
}

.tabulkanadpis {
  background-color : #2d637f;
  color : white;
  font-weight : bold;
}
.svetla { 
  background-color : #fff; 
  padding : 2px;
  vertical-align : top; 
} 
.tmava { 
  background-color : #dcddde;
  padding : 2px; 
  vertical-align : top;  
}

area:hover {
    background: yellow;
    position: relative;
    display: block;
    border : 1px solid black;
    background: url(../design/hledat.png) no-repeat;
}

div.uvodniNovinka {
  position: absolute;
  padding: 10px 0px;
}
div.uvodniNovinka div.doprava {
  float: right;
  margin: 0px 0px 10px 10px;
}
div.uvodniNovinka h2 {
  color: #000;
}
div.uvodniNovinka div.vice {
	display: block;
	position: relative;
	height: 15px;
	width: 100%;
	clear: both;
}
#prostredni div.stred2 div.uvodniNovinka ul {
  margin-left: 20px;
}
#prostredni div.stred2 div.uvodniNovinka ul li {
	list-style-image: url("../design/li.png");
	background: transparent;
	padding-left: 0px;
}

div.uvodniNovinka1a,
div.uvodniNovinka2a {
  position: relative;
  display: block;
}
div.uvodniNovinka1b,
div.uvodniNovinka2b {
  position: relative;
  display: none;
}
div.uvodniNovinka1b,
div.uvodniNovinka1a {
  position:absolute;
  height: 280px;
  width: 170px;
  _margin: 3px 0px 5px 1px;
  margin-left:990px;
  margin-top:-440px;
  background-color:#cccccc;
}
div.uvodniNovinka2a,
div.uvodniNovinka2b {
  position:absolute;
  height: 255px;
  width: 170px;
  _margin: 3px 0px 5px 0px;
  margin-left:990px;
  margin-top:-150px;
  background-color:#cccccc;
}

div.uvodniNovinka1a > div,
div.uvodniNovinka1b > div,
div.uvodniNovinka2a > div,
div.uvodniNovinka2b > div {
  height: 150px;
  padding: 0px;
  position: relative;
}

div.uvodniNovinka1a > div > div.nadpis,
div.uvodniNovinka1b > div > div.nadpis,
div.uvodniNovinka2a > div > div.nadpis,
div.uvodniNovinka2b > div > div.nadpis {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  width: 150px;
}
div.uvodniNovinka2a > div > div.nadpis,
div.uvodniNovinka2b > div > div.nadpis {
  width: 150px;
}
div.uvodniNovinka1a > div > div.nadpisBg,
div.uvodniNovinka1b > div > div.nadpisBg,
div.uvodniNovinka2a > div > div.nadpisBg,
div.uvodniNovinka2b > div > div.nadpisBg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  width: 150px;
	height: 20px;
	_background-color: #fff;
	_opacity: 0.65;
	_filter: alpha (opacity=65);

}
div.uvodniNovinka2a > div > div.nadpisBg,
div.uvodniNovinka2b > div > div.nadpisBg {
  width: 150px;
  height: 20px;
}
div.uvodniNovinka1a a.over,
div.uvodniNovinka1b a.over,
div.uvodniNovinka2a a.over,
div.uvodniNovinka2b a.over {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 490px;
  height: 107px;
  display:none;
}
div.uvodniNovinka1a a.over,
div.uvodniNovinka1b a.over {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 485px;
	height: 107px;
}
div.uvodniNovinka1a a.over:hover,
div.uvodniNovinka1b a.over:hover,
div.uvodniNovinka2a a.over:hover,
div.uvodniNovinka2b a.over:hover,

div.uvodniNovinka1a a.hovered,
div.uvodniNovinka1b a.hovered,
div.uvodniNovinka2a a.hovered,
div.uvodniNovinka2b a.hovered {
	background-color: #fff;
	opacity: 0.35;
	filter: alpha (opacity=35);
}

.clearBanner{
  clear: both;
  margin-top: 10px;
}
.clearBanner img{
  margin-right: 2px;
}
.clearBanner div.dialogKontakt{
  display: none;
  color: #333;
}
div.dialogKontakt p,
div.dialogKontakt td,
div.dialogKontakt th{
  color: #333;
}

#info_blok{
  position: absolute;
  right: -147px;
  top: -31px;
  display:none;
}




.banner-upozorneni {
  animation: color-change 1s infinite;
  font-weight: bold;
  display: block; 
  font-size: 32px;
  padding: 0px; 
  position: absolute;
  background: none !important;
  /*border: 4px double #e1393e;*/
  line-height: 35px; 
  text-decoration: none;
  bottom: 10px;
  left: 10px;
}

@keyframes color-change {
  0% { color: #ffffff; }
  50% { color: #ffec70; }
  100% { color: #ffffff; }
}

@keyframes color-change1 {
  0% { color: #000000; }
  50% { color: #ffec70; }
  100% { color: #000000; }
}

@media screen and (min-width: 1px) {
	.banner-upozorneni {
      animation: color-change1 1s infinite;
      text-align: center;
  }
}


@media screen and (min-width: 500px) {
	.banner-upozorneni {
      animation: color-change 1s infinite;
      text-align: center;
  }
}


@media screen and (min-width: 550px) {
	.banner-upozorneni {
      text-align: center;
  }
}


@media screen and (min-width: 768px) {
	.banner-upozorneni {
      text-align: center;
  }
}