@import url("inicializace.css");
/* ----------------------------------------------- */
/* ----- Obecné definice pro všechny stránky ----- */
/* ----------------------------------------------- */
/* ----- Definice písma ----- */
body, table,
form, fieldset, input, select, textarea,
h1, h2, h3, h4, h5, h6, p, ul, ol{
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	color: #666;
	line-height: 1.42857143;
}
/* ----- Definice odstavců ----- */
h1 {
	font-weight: 100;
    font-size: 16px;
    text-align: left;
    margin: 0px 0px 10px 0px;
    color: #00537b;
    color: #25559b;
    font-size: 24px;
	    margin-top: 20px;
    margin-bottom: 20px;
}
h2 {
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	margin: 20px 0px 10px 0px;
	color: #00537b;
}
h3 {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
p {
	text-align: left;
	margin: 10px 0px;
}
ol, ul {
    /* text-align: left; */
    margin: 5x 5px 5px 20px;
    /* padding: 0px; */
    padding-left: 25px;
    margin: 15px 0;
}
ol {
	margin-left: 20px;
}

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

/* ----- Definice odkazů ----- */
a {
	color: #00537B;
	/*font-weight: bold;*/
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ----- Definice tabulek ----- */
table {
}

table tr.pozadi {
	background-color: #FFFFFF
}

/* ------------------------------------ */
/* ----- Definice hlavních oddílů ----- */
/* -------------------------------------*/
html {
	/*background: url(../design/bg.gif) repeat center top;*/
}
body {
	/*background: url(../design/bodybg.gif) no-repeat center 30px;*/
}


.wrapper {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.flexBox {
	display: -webkit-flex;
	display: flex;
}

.flexWrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexAlignStart {
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.flexAlignCenter {
	align-items: center;
	-webkit-align-items: center;
}

.flexAlignEnd {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.flexJustifyAround {
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.flexJustifyBetween {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.flexJustifyCenter {
	justify-content: center;
	-webkit-justify-content: center;
}

.flexJustifyEnd {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.flexJustifyBC {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

/* ----- Definice horní části ----- */
#hornicast {
    min-height: 105px;
    background-size: cover;
	/*background: transparent url(../design/banner_6.jpg) no-repeat 0px 40px;*/
}

#hornicast_bg {
	position:absolute;
    width:100%;
	height: 105px;
	background-size: cover;
}

#menu_bg {
	position:absolute;
	top:105px;
    width:100%;
	min-height: 67px;
	background-size: cover;
	background-color:#25559b;
	z-index: 10;
}

#hornicast #logo {
  position: absolute;
  left: 45px;
  top: 15px;
}

#hornicast #links {
	display:none;
	position:absolute;
	top:7px;
	right:10px;
	border-left: 1px #cecece solid;
}

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

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

#hornicast #jazyky {
position: absolute;
    width: 150px;
    top: 5px;
	right: 0px;
}

#hornicast strong.heslo1 {
    position: absolute;
    /* top: 45px; */
    left: 340px;
    color: #25559b;
    /* text-shadow: black 0.1em 0.1em 0.2em; */
    font-size: 16px;
    color: #25559b;
    font-size: 18px;
    margin: 40px 60px;
    font-weight: 600;
    text-transform: uppercase;
	max-width: 510px;
}
/*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:170px;
	right:340px;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em;
  font-size: 16px;
}/*
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: 100%;
}

#hornicast .search {
	position: absolute;
    top: 40px;
    right: 0px;
}

#hornicast .search1 {
	position: absolute;
    top: 15px;
    right: 150px;
}

#hornicast .search input[type="image"] {
    position: absolute;
    top: 5px;
    right: 5px;
}
#hornicast .search input[type="text"] {
      padding: 5px 30px 5px 5px;
    width: 150px;  
}

#hornicast .search {
	display:none;
	
}

#hornicast .search .vyhledej{
	display: block;
    width: 100%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	
}



#hornicast div.nachazitese {
	position:absolute;
	bottom:5px;
	left:25px;
	font-size: 11px;
	color: #6a757c;
}

#hornicast div.nachazitese a {
	text-decoration: none;
	color: #6a757c;
}

#hornicast div.nachazitese a:hover {
  text-decoration: underline;
}


.menu {
    position: relative;
    padding: 0px 10px;
    height: 33px;
    line-height: 33px;
    width: 1204px;
    margin-top: 20px;
}

.menu ul {

}

.menu ul li {
	display:inline;
	padding: 0px 11px;
	padding: 0px 11px;
  /*border-right: 1px #fff solid;
  *border-right: none;
  *position: relative;*/
}

.menu_de ul li {
	padding: 0px 6px;
}
.menu_ru ul li {
	padding: 0px 5px;
}

.menu ul li span.rLine {
  border-right: 1px #fff solid;
  height: 13px;
  display: none;
  *display: block;
  position: absolute;
  right: 0px;
  top: 5px;
  width: 1px;
}

.menu ul li.posledni {
  border-right: 0px #fff solid;
}

.menu ul li a{
	font-size:18px;
	color: #fff;
	text-decoration: none;
	border-bottom: 5px transparent solid;
	padding: 4px 0px;
  font-weight: normal;
}

.menu ul li a:hover,
.menu ul li.vybrano a{
	color: white;
	text-decoration: underline;
	
}

/* ----- Definice prostředni části ----- */
div.leva {
    position: relative;
    float: left;
    width: 260px;
    min-height: 400px;
    padding: 9px 0px;
	z-index: 50;
}

div.leva div.menuProdukty ul {
  margin-left: 15px;
}

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

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

div.leva div.menu {
	position: relative;
	width: 242px;
	padding: 0px 9px 1px 9px;
	margin-bottom: 19px;
	margin-top: 5px;
	left: 0px;
}

div.leva div.menu div.nahore {
display:none;
}

div.leva div.menu div.dole {
  position: absolute;
  left: 0px;
  bottom: -9px;
  width: 260px;
  height: 9px;

}

div.leva div.menu ul.U10 {
	margin:0px;
}

div.leva div.menu ul.U10 li{
	padding: 16px;
    display: block;
    background-color: rgba(200, 20, 5, 0.89);
    margin-bottom: 1px;
    width: 280px;
	height: 46px;

}

div.leva div.menu ul.U10 .posledni{
    width: 6px;
    border-left: 147px solid transparent;
    border-right: 147px solid transparent;
    border-top: 20px solid rgba(200, 20, 5, 0.89);
    background-color: transparent;
    padding: 0;
    margin-top: -1px;
}

div.leva div.menu ul.U10 li span.ramDole{
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  height: 7px;
  width: 100%;
}

div.leva div.menu ul.U10 li h2.leveMenu{
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}

div.leva div.menu ul.U10 li a{
	text-transform: uppercase;
	display: block;
    /*width: 197px;*/
	text-align: center;
	line-height: 30px;
}

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

div.leva div.menu ul.U10 li ul.U20 {
	margin-left:20px;
	padding-bottom: 7px;
}

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

div.leva div.menu ul.U10 li ul.U20 li a {
	min-height: 15px;
	_height: 15px;
  width: auto;
  padding: 1px 10px 1px 15px;
}

div.leva div.menu ul.U10 li ul.U20 li a:hover,
div.leva div.menu ul.U10 li ul.U20 li a.vybrano{
}

div.leva div.novinky {
	position: relative;
	background: #e0e0e0;
	width: 240px;
	padding: 0px 10px 1px 10px;
	margin-bottom: 19px;
}

div.leva div.novinky div.novinkaStrana p img {
	margin: 0px 10px 5px 0px;
	border: 3px #f1f1f1 solid;
}

 div.leva div.novinky div.novinkaStrana p {
	color: #333;
}

div.leva div.novinky hr {
	border: none;
	background: #b1b0b0;
	height: 1px;
	margin: 10px 0px 15px;
  clear: both;
}

div.leva div.novinky div.nadpis {
  background: transparent url(../images/nadp.gif) no-repeat 0px 2px;
  font-size: 16px;
  color: #00537b;
  font-weight: bold;
  padding-left: 25px;
  margin-bottom: 10px;
}

div.leva div.novinky div.nahore {
  position: absolute;
  left: 0px;
  top: -9px;
  width: 260px;
  height: 9px;
  background: url(../images/lMenuBgNahore.png) no-repeat left top;
}

div.leva div.novinky div.dole {
  position: absolute;
  left: 0px;
  bottom: -9px;
  width: 260px;
  height: 9px;
  background: url(../images/lMenuBgDole.png) no-repeat left top;
}


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(../images/vyrobniProgram.png) no-repeat center center;
  margin-left: 1px;
  margin-bottom: 20px;
}

div.stred {
	position: relative;
	width:1100px;
	min-height:290px;
	margin: 11px 0px;
	padding: 0px 20px;
	background: #fff;
	line-height: 140%;
}

div.stred div.nahoreBg {
  position: absolute;
  top: -11px;
  left: 0px;
  height: 11px;
  width: 100%;
  background: transparent url(../images/obsahNahore.png) no-repeat left top;
}

div.stred div.doleBg {
	display:none;
  position: absolute;
  bottom: -11px;
  left: 0px;
  height: 11px;
  width: 100%;
  background: transparent url(../images/obsahDole.png) no-repeat left top;
}

div.stred ul li {
	/*list-style: none;
	background: url(../design/sipka.gif) no-repeat 5px 6px;*/
	min-height: 10px;
	/*padding: 2px 0px 2px 20px;*/
}

div.stred ul li span{
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	color: #666;
}

div.stred .napissekce {
	width:100%;
	height:15px;
}

div.stred .napissekce span {
	float:left;
}

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



/* ----- Definice spodni části ----- */
#spodnicast {
	position: relative;
    width: 100%;
    min-height: 50px;
    padding: 45px 0;
    z-index: 5;
    margin-top: 25px;
    /* background: #dfe3e6; */
    background-color: #424242;
    color: #c0c0c0;
}


#spodnicast div.special {
    position: relative;
    /* float: left; */
    text-align: left;
    width: 1100px;
    margin: 0 auto;
	color: #c0c0c0;
}
#spodnicast .special .col {
	margin: 5px;
	margin-top: -125px;
	    color: #c0c0c0;
}
#spodnicast .special .contact {
	float:right;
	margi
    display: block;
    width: 315px;
    height: 55px;
    border: 1px solid #7d7d7d;
    color: #c0c0c0;
    text-align: center;
    font-size: 24px;
    line-height: 55px;
}

#spodnicast .special  .ytb {
	float: right;
	margin: 15px 0;
	    color: #c0c0c0;
}

#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
}

#wr {
	font-size: 14px;
    position: relative;
    top: 35px;
    width: 30%;
    margin: 0 auto;
	color: #c0c0c0;
}

#wr a {
      color: #c0c0c0;
  text-decoration: none;
}

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

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

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 {
  top: 219px;
  left: 280px;
  width: 90px;
  padding: 74px 0px 0px 33px;
  background: transparent url(../images/bg_filtrace_predfiltrace.png) no-repeat left top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.filtrace a.predfiltrace:hover {
/*  background: transparent url(../design/bg_filtrace_predfiltrace_act.png) no-repeat left top;*/
}
div.filtrace a.emise {
  top: 219px;
  left: 120px;
  width: 95px;
  padding: 130px 27px 0px 0px;
  background: transparent url(../images/bg_filtrace_emise.png) no-repeat left top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.filtrace a.emise:hover {
  /*background: transparent url(../design/bg_filtrace_emise_act.png) no-repeat left top;*/
}
div.filtrace a.emise1 {
  top: 105px;
  left: 355px;
  width: 97px;
  padding: 0 37px 77px 0;
	background: url("../images/bg_filtrace_emise1.png") no-repeat scroll left top transparent;
	-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.filtrace a.emise1:hover {
 /* background: transparent url(../design/bg_filtrace_emise1_act.png) no-repeat left top;*/
}
div.filtrace a.prestriky {
  top: 225px;
  left: 8px;
  width: 119px;
  padding: 63px 20px 0 0;
  background: transparent url(../images/bg_filtrace_prestriky.png) no-repeat left top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.filtrace a.prestriky:hover {
/*  background: transparent url(../design/bg_filtrace_prestriky_act.png) no-repeat left top;*/
}
div.filtrace a.prestriky1 {
  top: 220px;
  left: 455px;
  width: 126px;
  padding: 84px 33px 0 0;
  background: transparent url(../images/bg_filtrace_prestriky1.png) no-repeat left top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.filtrace a.prestriky1:hover {
 /* background: transparent url(../design/bg_filtrace_prestriky1_act.png) no-repeat left top;*/
}
div.filtrace a.strop {
  top: 76px;
  left: 0px;
  width: 110px;
  padding: 0px 60px 54px 0px;
  background: transparent url(../images/bg_filtrace_stropni.png) no-repeat left top;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
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.vyslvyhledavani {
  padding: 10px 0px;
  border-bottom: 1px #ccc solid;
}

div.vyslvyhledavani a.odkazHledani {
  float: right;
  position: relative;
  clear: both;
}

div.vyslvyhledavani h2 {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
/*
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; }*/

#odkaz_filtrace {  width: 200px; text-align: center; display: block; font-size: 16px; background-color: #327291; color: white; padding: 5px;}
#odkaz_filtrace:hover { display: block;   font-size: 16px; background-color: #db0003; padding: 5px; text-decoration: none;}
.filtrace_odkaz {display: block; height: 300px;  padding: 150px 0 150px 0; width: 670px; /*border: 1px solid black;*/}


div.uvodNavic { display: none; }
div.uvodSkryt { display: none; text-align: right; }
div.uvodVice { display: block; text-align: right; }