h1, h2, h3{
	border-bottom: 0px none Black;
	color: #464646;
	text-align: center;
}





#homerighttexty0{	width: 698px;	height: auto;	margin: 0px;	background: #f16d3b url(../img/hometexty.gif) repeat-y top;}
#homerighttexty0 h2{	font: bold 20px Trebuchet MS;	color: White;	margin: 0px 0px 0px 0px;	padding: 10px 0px 10px 0px;	text-align: left;	border: none;}

@media only screen and (max-width: 980px) {
#homebox{	width: 100%;	height: auto;	margin: 0px auto 15px auto;}
#homeleft{	width: 28%;	float: left;}
#homeright{	width: 70%;	height: auto;	padding: 0px;	float: right;	margin: 0px 0px 0px 0px;}
#homerighttexty0{	width: 100%;	}
}

.hometext{	font-style: italic;	color: #eeeeee;	text-align: center;}

#homerighttexty{	height: auto;	padding: 15px 25px 20px 25px;	color: White;}
#homerighttexty p{	font: 16px/140% Trebuchet MS;	font-stretch: normal;	font-weight: bold;}

h2.kataloghlavni{	font: bold 24px Trebuchet MS;	color: #0888c3;	margin: 0px 0px 0px 0px;	padding: 10px 25px 10px 25px;	text-align: left;	border: none;}
ul#homekatalog{	padding: 10px 25px 10px 25px;	list-style: none inside none;	text-align: center;}

ul#homekatalog li{	display: inline-table;	margin: 1% 2% 1% 2%;	width: 20%;}

ul#homekatalog a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	border: 1px solid Silver;
	color: #292929;
	font: bold 18px;
	font-family: 'Roboto', sans-serif;
	display: inline-table;
	text-align: center;
	width: 100%;
	margin: 0px .3% 0px .3%;
	padding: 9px 0px 9px 0px;
	text-decoration: none; 
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
ul#homekatalog a:hover{
	color: White; /* Permalinkcolor: #292929; - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
	background: rgb(243,197,189); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}
@media only screen and (max-width: 979px) {
ul#homekatalog a{font: bold 17px;font-family: 'Roboto', sans-serif;}
ul#homekatalog li{width: 21%;}
}
@media only screen and (max-width: 835px) {
ul#homekatalog a{font: bold 16px;font-family: 'Roboto', sans-serif;}
ul#homekatalog li{width: 23%;margin: 1% 1% 1% 1%;}
}
@media only screen and (max-width: 760px) {
ul#homekatalog a{font: bold 16px;font-family: 'Roboto', sans-serif;}
ul#homekatalog li{width: 31%;margin: 1% 1% 1% 1%;}
}
@media only screen and (max-width: 610px) {
ul#homekatalog a{font: bold 16px;font-family: 'Roboto', sans-serif;}
ul#homekatalog li{width: 45%;margin: 1% 2% 1% 2%;}
}


.homenews{	background-color: #f4f4f4;	padding: 10px 15px 15px 15px;	text-align: center;}
.homeaktualita{	width: 24%;	margin: 10px 1% 2% 1%;	display: inline-table;overflow: hidden;}
.homeaktualitaobrazek{	width: 100%;	height: 150px;	text-align: center;	overflow: hidden;	position: relative;}
.homeaktualitaobrazek img{	height: 150px;	width: auto;	-webkit-filter: grayscale(100%);	filter: grayscale(100%);	margin: 0px auto 0px auto;/* position: absolute; top:0%; *//*left:50%;margin-left:-50%;*/}
.homeaktualitaobrazek img:hover{  -webkit-filter: grayscale(0%);  filter: grayscale(0%); /*height: 165px; top:-5%;*/ /* left:50%;margin-left:-55%;*/}
.homeaktualitaobrazek img {transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}
.altualitah3{	color: #484848;	text-decoration: none;	height: 35px;	display: block;}
.altualitah3:hover{	color: #2a68b1;	text-decoration: none;}
.homeaktualita p{	font-size: 1em;	font-style: italic;	color: #484848;	text-align: center;	height: 64px;	overflow: hidden;}



#uvodbloky{	padding: 0px;	margin: 0px;	clear: both;	padding-top: 10px;}
#uvodbloky img{	margin: 1px 0px 1px 0px;}
#uvodbloky #infobloka{	float: left;	text-decoration: none;	background-color: White;	width: 242px;	margin: 2px 3px 8px 0px;	height: 265px;}
#uvodbloky #infoblokb{	float: left;	text-decoration: none;	background-color: White;	width: 242px;	margin: 2px 3px 8px 3px;	height: 265px;}
#uvodbloky #infoblokc{	float: left;	text-decoration: none;	background-color: White;	width: 242px;	margin: 2px 3px 8px 3px;	height: 265px;}
#uvodbloky #infoblokd{	float: left;	text-decoration: none;	background-color: White;	width: 245px;	margin: 2px 0px 8px 3px;	height: 265px;}
.uvodinfonadpis{	background-color: #0d467e;	color: #f4f4f4;	text-align: center;	padding: 6px 0px 6px 0px;	text-transform: uppercase;	font: bold 14px Trebuchet MS;}
.uvodinfoblok{	color: #3c3c3c;	text-align: left;	padding: 7px 7px 7px 7px;}





div#topnav ul {	list-style: none;	margin: 2px;	padding: 0;	float: left;	height: auto;}

div#topnav ul li {	width: 280px; /*--Override parent list item--*/	color: Black;	margin: 4px;	padding: 0;	text-align: left;	float: left;	background: transparent url(../img/kategory.png) no-repeat left;	padding: 5px 5px 5px 5px;	display: block;}
div#topnav ul li a {	font: normal bold 14px;font-family: 'Roboto', sans-serif;	text-decoration: none;	color: White;	margin: 4px 5px 0px 32px;}

p.kopaticka{	margin: 0px 0px 5px 0px;}

#container, #slider{	height: 350px;	width: 100%;}
#slider ul{width: 100%;height: 350px;}
#slider li{	height: 350px;background-color: Silver;	width: 75%;}


div#informacnipruh{	width: 100%;	margin: 0px 0px 10px 0px;	padding: 0px 0px 0px 0px;	background-color: #e9e9e9;	height: 45px;}

div.hometext{	text-align: center;	padding: 10px 15px 10px 15px;}

ul#homevyrobci{	width: 100%;	margin: 0px 0px 20px 0px;	padding: 0px 0px 0px 0px;	text-align: center;}
ul#homevyrobci li{
	width: 22%;
	text-align: center;
	display: inline-table;
	height: 65px;
	list-style: none inside none;
	margin: 0px 1.5% 9px 1.5%;
}
ul#homevyrobci li img{	width: 100%;	height: auto;	margin: 0px;padding: 0px;}
ul#homevyrobci li a{	opacity: 1;	border-bottom: 3px solid #ffffff;}
ul#homevyrobci li a:hover{	border-bottom: 3px solid #a44849;}

@media only screen and (max-width: 1180px) {
ul#homevyrobci li{	width: 23.2%;	text-align: center;	display: inline-table;	height: 65px;	list-style: none inside none;	margin: 0px .7% 0px .7%;}
}

@media only screen and (max-width: 780px) {
ul#homevyrobci li{	width: 31.7%;	text-align: center;	display: inline-table;	height: 65px;	list-style: none inside none;	margin: 0px .7% 0px .7%;}
}

@media only screen and (max-width: 520px) {
ul#homevyrobci li{	width: 48.2%;	text-align: center;	display: inline-table;	height: 65px;	list-style: none inside none;	margin: 0px .7% 0px .7%;}
}

ul#homekategoriemob{width: 100%;margin: 0px 0px 20px 0px;padding: 0px;display: none;}
ul#homekategorie{	width: 100%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}
ul#homekategorie li, ul#homekategoriemob li{	width: 256px;	text-align: center;	display: inline-table;	height: 112px;	list-style: none inside none;	margin: 0px 4px 2px 0%;padding:0px;}
ul#homekategorie li img, ul#homekategoriemob li img{	width: 100%;	height: auto;}
ul#homekategorie li a, ul#homekategoriemob li a{	opacity: 1;	position: relative;	display: block;	width: 100%;	text-decoration: none;	color: #fefefe;margin: 0px;padding:0px;}
ul#homekategorie li a:hover, ul#homekategoriemob li a:hover{	color: #ffffff;  -webkit-filter: contrast(120%); /* Safari 6.0 - 9.0 */
  filter: contrast(120%);}

ul#homekategorie li a .katPopis, ul#homekategoriemob li a .katPopis{	position: absolute;	top: 10px;	width: 70%;}

.katPopNaz1{	font-size: 14px;	display: block;	margin-bottom: 2px;}
.katPopNaz2{	font-size: 17px;	display: block;	font-weight: bold;}

.tpuvlevo{	text-align: left;	left: 15px;}
.tpuvpravo{	text-align: right;	right: 15px;}

.katfin4{	margin: 0px 0% 2px 0%;}
.katfin12{	margin: 0px 0% 2px 0%;}

/* vw */
@media only screen and (max-width: 1040px) {
	ul#homekategorie li{	width: 24%;	height: auto;		margin: 0px .5% .5% .5%;}
	
	.katfin4{	margin: 0px .5% .5% .5%;}
	.katfin12{	margin: 0px .5% .5% .5%;}
	
	ul#homekategorie li a .katPopis{top: 7px;	}
	.tpuvlevo{left: 10px;}
	.tpuvpravo{right: 10px;}
}
@media only screen and (max-width: 768px) {
	ul#homekategorie li{	width: 24%;	height: auto;		margin: 0px .5% .5% .5%;}
	
	.katfin4{	margin: 0px .5% .5% .5%;}
	.katfin12{	margin: 0px .5% .5% .5%;}
	
	ul#homekategorie li a .katPopis{top: 5px;	}
	.tpuvlevo{left: 8px;}
	.tpuvpravo{right: 8px;}
	
.katPopNaz1{	font-size: 12px;	}
.katPopNaz2{	font-size: 14px;	}
}
@media only screen and (max-width: 569px) {
	ul#homekategorie li a .katPopis{top: 4px;	}
	.tpuvlevo{left: 6px;}
	.tpuvpravo{right: 6px;}
	.katPopNaz1{	display: none;}
	.katPopNaz2{	font-size: 13px;	}
}
@media only screen and (max-width: 420px) {
	ul#homekategoriemob{	width: 100%;	margin: 0px 0px 20px 0px;	padding: 0px;	display: block;}
	ul#homekategorie{	display: none;}

	ul#homekategoriemob li{	width: 48%;	height: auto;		margin: 0px 0% 1% 1%;}
	
	.katfin4{	margin: 0px 2% 1% 0%;}
	.katfin12{	margin: 0px 2% 1% 2%;}

	ul#homekategoriemob li a .katPopis{top: 4px;	}
	.tpuvlevo{left: 6px;}
	.tpuvpravo{right: 6px;}
	.katPopNaz1{	display: block;font-size: 12px;	}
	.katPopNaz2{	font-size: 15px;	}
}

.homeDoporu, .homenovinky, .homeslevy{	max-height: 370px;}