* {
	margin: 0px;
	padding: 0px;
	border: none;
}
body {
    font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 0.9em;
    line-height: 1.3em;
    color: #2e3191;
}
img, a img {
    border: none;
}
header, nav, section, article, aside, footer {
   display: block;
}
address, blockquote, dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
    margin-bottom: 15px;
}
.red {
    color: #d51576;
}
.green {
    color: green;
}
h1, h2, h3, .nadpis {
    color: #000;
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0px 0px 15px 0px;
    font-weight: 600;
    font-family: 'Fira Sans Condensed', sans-serif;
}
h1 {
	padding: 0px 0px 0px 0px;
}
h2 {
    font-size: 1.2em;
}
h3 {
    font-size: 1.1em;
}
h4 {
    font-size: 1.0em;
}
h2.clanek {
	margin-bottom: 10px;
}
hr {
	width: 100%;
	height: 1px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #fff;
}
.cistic, .cisticmobile {
    clear: both;
	float: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}
a {
	color: #000;
    text-decoration: underline;
}
a:hover {
	color: #000;
    text-decoration: none;
}
a.tlac {
	padding:  4px 5px;
	color: #fff;
    background: #d51576;
    text-decoration: none;
}
	a:hover.tlac {
		background: #000;
	}
.vlevo {
    text-align: left;
}
.vpravo {
    text-align: right;
}
.left {
    float: left;
}
.right {
    float: right;
}
.stred {
	width: 1160px;
	margin: 0px auto;
}
.legpul {
	width:  50%;
	float:  left;
	margin-bottom:  15px;
}
.pulform {
	width:  50%;
	float:  left;
}
.legbez {
	margin-bottom:  0px;
}
#Pravnicka {
	display: block;
}
#Fyzicka {
	display: none;
}
    header {
        width: 100%;
		min-width: 1160px;
		height: 414px;
        padding: 0px;
        margin: 0px;
		background: #fff;
    }
    #Logo, #LogoEn {
        width: 314px; /* 600 */
        height: 90px;
        position: relative;
    	overflow: hidden;
    	font-size: 0.4em;
    	padding: 0px !important;
		background: none;
		float: left;
		display:  none;
        margin: 13px auto 0px auto;
        text-indent: -9999px;
    }
    #Logo span, #LogoEn span {
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: url(../images/pozadi-logo.png) no-repeat;
        background-image: url(../images/pozadi-logo.svg) !important;
        background-size: 314px 90px;
        width: 314px;
    	height: 90px;
    	visibility: visible;
    	cursor: pointer;
        _cursor: hand;
    }
        #LogoEn span {
            background: url(../images/pozadi-logo-en.png) no-repeat;
            background-image: url(../images/pozadi-logo-en.svg) !important;
        	background-size: 314px 90px;
		}
	#Hlavicka {
		width: 846px;
		height: 115px;
		float: left;
	}
		#LogoMobil, #MenuMobil {
			display: none;
		}
		#Mutace {
			width: 841px;
			height: 35px;
			padding: 5px 5px 0px 0px;
			overflow: hidden;
		}
			#Mutace ul {
				float: right;
				list-style: none;
			}
	        #Mutace ul li {
	            display: inline;
	            float: right;
	        }
			#Mutace ul li a {
				height: 20px;
	            display: inline;
	            float: right;
				color: #7a7a7a;
				padding: 3px 5px 0px 5px;
                border-right: 1px solid #ccc;
	        }
                #Mutace ul li.last a {
		            display: inline;
		            float: right;
	                border-right: none;
		        }
		nav {
        	width: 846px;
            height: 75px;
			padding: 0px 0px 0px 0px;
        }
        nav ul {
			width: 846px;
            height: 75px;
            list-style: none;
            margin: 0px auto 0px auto;
        }
        nav ul li {
            display: inline;
            float: right;
        }
        nav ul li a {
            display: block;
            height: 45px; /* 75 */
            padding: 25px 20px 0px 20px;
            margin: 0px 0px 0px 0px;
            text-decoration: none;
			font-size: 1.25em;
			text-transform: uppercase;
            color: #005ca9;
            border-bottom: 5px solid #ffffff;
			border-right: 1px solid #000000;
        }
        nav ul li a:hover, nav ul li a.aktivni {
            text-decoration: none;
            color: #005ca9;
            border-bottom: 5px solid #d51576;
        }
        nav ul li.last a, nav ul li.last a:hover {
			border-right: none;
        }
	#Banner {
		width: 100%;
		min-width: 1140px;
		height: 299px;
        background: url(../images/slide-new.jpg) top center no-repeat;
	}
		#Logo30let {
			width:  215px;
			height:  298px;
			float:  left;
			margin-top:  1px;
			background: url(../images/logo30let-pozadi.png) top center repeat;
		}
			#Logo30let img {
				width:  197px;
				height:  288px;
				margin:  0px auto;
				opacity:  1.0;
			}
		#BannerText {
			width:  585px;
			/*width: 600px;*/ /* 350 */
			height: 139px; /* 299 */
			padding: 120px 0px 0px 0px;
			margin-left:  10px;
			float: left;
		}
			#BannerText h2, #BannerText .big {
                color: #005ca9;
				font-size: 2.6em;
                line-height: 1.4em;
                font-weight: 400;
				display: inline;
				padding: 5px 10px 0px 10px;
                margin: 0px 0px 20px 0px;
				text-transform: uppercase;
				background: #fff;
                opacity: 0.8;
			}
            #BannerText h3, #BannerText .small {
                color: #005ca9;
				font-size: 2.3em;
                line-height: 1.4em;
                font-weight: 300;
                display: inline;
				padding: 5px 10px 0px 10px;
                margin: 5px 0px 15px 0px;
                background: #fff;
				opacity: 0.8;
			}
			#BannerText h3 strong, #BannerText .small strong {
				color:  #d51576;
				font-weight: 400;
			}
		#Vyber {
			width: 338px; /* 338 */
			height: 259px; /* 299 */
			margin: 0px 0px 0px 0px;
			padding: 40px 0px 0px 0px;
			float: right;
			text-align: center;
            background: url(../images/pozadi-banner-vyber.png) repeat-y;
		}
			#Vyber h3 {
				color: #fff;
    			font-weight: 300;
				font-size: 2.0em;
			}
            #Vyber h4 {
                width: 270px; /* 270 */
				height: 30px; /* 40 */
				color: #005ca9;
				font-size: 1.4em;
				padding: 10px 0px 0px 0px;
                font-weight: 400;
                background: url(../images/pozadi-banner-vyber-sipka.png) 240px 13px no-repeat;
			}
            #PodlePouziti, #PodleOboru {
				width: 270px;
				height: 40px;
				background: #fff;
                /*
				border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				*/
                margin: 0px auto 20px auto;
				position: relative;
				cursor: pointer;
				_cursor: hand;
			}
			#Vyber ul {
				width: 270px;
				position: absolute;
				top: 42px;
				left: 0px;
				z-index: 1;
				list-style: none;
				background: #fff;
                text-transform: lowercase;
				/*
				border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				*/
                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			
			}
                #Vyber ul li {
					width: 270px; /* 270 */
					border-bottom: 1px solid #d51576;
				}
				#Vyber ul li a {
					display: block;
                    color: #005ca9;
					text-align: left;
					width: 240px; /* 270 */
					padding: 2px 15px 2px 15px;
					text-decoration: none;
				}
                    #Vyber ul li a:hover {
						text-decoration: underline;
					}
                #Vyber ul li.last {
					border-bottom: none;
				}
			#Obory, #Pouziti {
				display: none;
			}
            .hledat {
				width: 140px;
				height: 28px; /* 40 */
				color: #fff;
				font-size: 2.0em;
				padding: 12px 0px 0px 0px;
				background: #d51576;
				/*
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				*/
                margin: 0px auto 15px auto;
			}
section {
    width: 100%; /* 1000 */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	color: #2e3191;
	background: #fff;
}
	section.prechod {
        background: #fff url(../images/pozadi-technologie.png) repeat-x;
	}
	section .stred {
		width: 1160px;
		padding: 20px 0px 30px 0px;
	}
	section article {
		width: 1160px;
		margin: 0px auto;
		position: relative;
        color: #4d4d4d;
		padding: 30px 0px 30px 0px;
	}
    section article.bez {
		width: 1160px;
		margin: 0px auto;
		position: relative;
        color: #4d4d4d;
		padding: 10px 0px 10px 0px;
	}
		article h1, article h2 {
			color: #005ca9;
            font-size: 2.4em;
			font-weight: 400;
			text-transform: uppercase;
		}
        article h3, article h4 {
			color: #005ca9;
            font-size: 2.4em;
			font-weight: 400;
			text-transform: normal;
		}
		article h2 {
			font-size: 2.0em;
            text-transform: normal;
		}
			article h2#Rozbalit {
				cursor: pointer;
				_cursor: hand;
			}
                article .dolu {
                    background: url(../images/seznam-dolu.png) 220px 12px no-repeat;
				}
                article .nahoru {
                    background: url(../images/seznam-nahoru.png) 220px 12px no-repeat;
				}
        article h3 {
			font-size: 1.9em;
            text-transform: normal;
		}
        article h3 {
			font-size: 1.8em;
            text-transform: normal;
		}
		article p {
			font-size: 1.2em;
			line-height: 1.3em;
		}
/*
        article a {
			text-decoration: underline;
		}
            article a:hover {
				text-decoration: none;
			}
*/
        article ul {
			list-style: none;
			margin-left: 20px;
			margin-bottom: 0px;
		}
        article ul li {
			font-size: 1.2em;
			line-height: 1.3em;
			background: url(../images/seznam.png) 0px 5px no-repeat;
			padding: 2px 0px 2px 30px;
		}
		article .doc {
			width: 580px; /* 580 */
			float: left;
			margin: 0px;
		}
			article .doc table {
				margin: 0px;
			}
			article .doc span {
				color: #999999;
			}
            article .doc span.big {
				color: #999999;
				text-transform: uppercase;
			}
			article .doc a {
				text-decoration: none;
			}
                article .doc a:hover {
					text-decoration: underline;
				}
		#Seriovka {
			display: none;
		}
		.tooltips {
						position: relative;
						/*display: inline;*/
					}
					.tooltips span {
						position: absolute;
						width: auto;
						min-width: 125px;
                        padding: 5px 8px 4px;
						color: #FFFFFF;
						font-size: 0.9em;
						line-height: 1.4em;
						background: #000000;
						/*height: 30px;*/
						height: auto;
						text-align: center;
						visibility: hidden;
						border-radius: 6px;
					}
					.tooltips span:after {
					  	content: '';
					  	position: absolute;
					  	top: 100%;
					  	left: 50%;
					  	margin-left: -8px;
					  	width: 0; height: 0;
						border-top: 8px solid #000000;
					  	border-right: 8px solid transparent;
					  	border-left: 8px solid transparent;
					}
					.tooltips:hover span {
					  	visibility: visible;
					  	/*opacity: 0.8;*/
					  	bottom: 30px;
					  	left: 50%;
					  	margin-left: -76px;
					  	z-index: 999;
					}
		table.seriovka tr th.flexdelka {
				width: 55px;
			}
			table.seriovka tr th.flextloustka {
				width: 35px;
			}
			table.seriovka tr th.flexsirka {
				width: 35px;
			}
		article table.seriovka {
			width: 96%;
			border: 1px solid #e6e6e6;
			/*
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
			*/
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		}
            article table.seriovka tr th {
				padding: 10px 10px;
				color: #fff;
				font-size: 1.2em;
				font-weight: normal;
				background: #005ca9;
				text-align: left;
				/*border: 1px solid #4d4d4d;*/
			}
            article table.seriovka tr td.nazev {
				padding: 7px 10px;
				color: #3c3c3c;
				font-weight: bold;
				background: #fff;
				/*border: 1px solid #4d4d4d;*/
			}
			article table.seriovka tr td.vybrano {
				border: 1px solid #d51576;
			}
			article table.seriovka tr td {
				/*padding: 3px 10px;*/
				padding: 3px 3px;
				color: #3c3c3c;
				background: #e6e6e6;
				/*border: 1px solid #4d4d4d;*/
			}
			article table.seriovka tr:nth-child(even) td {
				background: #f5f5f5;
			}
			article table.seriovka tr td .pocet {
				display: block;
				width: 50px;
				height: 20px;
				border: 1px solid #d51576;
				text-align: center;
				padding: 5px 0px 5px 0px;
			}
			article table.seriovka tr td .delka {
				display:  block;
				float:  left;
				width: 50px;
				height: 20px;
				border: 1px solid #d51576;
				text-align: center;
				padding: 5px 0px 5px 0px;
				margin-right:  15px;
			}
			article table.seriovka tr td .tlacitkoobjednat {
				display: block;
				width: 100%;
				height: 30px;
				padding: 5px 0px 5px 0px;
				color: #fff;
				background: #d51576;
				text-decoration: none;
				cursor: pointer;
				_cursor: hand;
			}
                article table.seriovka tr td .tlacitkoobjednat:hover {
					color: #fff;
					background: #3c3c3c;
					text-decoration: none;
				}
			article table.seriovka tr td .tlacitkoobjednatcerne {
				display: block;
				width: 100%;
				height: 30px;
				padding: 5px 0px 5px 0px;
				color: #fff;
				background: #3c3c3c;
				text-decoration: none;
				cursor: pointer;
				_cursor: hand;
			}
                article table.seriovka tr td .tlacitkoobjednatcerne:hover {
					color: #fff;
					background: #d51576;
					text-decoration: none;
				}
			article table.seriovka tr td .tlacitkovybrat {
				display: block;
				float:  left;
				position:  relative;
				width: calc(100% - 70px);
				height: 30px;
				padding: 5px 0px 5px 0px;
				color: #fff;
				background: #d51576;
				text-decoration: none;
				cursor: pointer;
				_cursor: hand;
			}
			.mensitab {
				max-width:  650px;
			}
            .tlacitkovybrat:hover {
					color: #fff;
					background: #3c3c3c;
					text-decoration: none;
				}
			.tlacitkovybratsolo {
				display: block;
				float:  none;
				position:  relative;
				width: 100%;
				/*height: 30px;*/
				padding: 10px 0px 10px 0px;
				color: #fff;
				margin: 0px auto 0px auto !important;
				background: #d51576;
				text-decoration: none;
				cursor: pointer;
				_cursor: hand;
			}
                article table.seriovka tr td .tlacitkovybratsolo:hover {
					color: #fff;
					background: #3c3c3c;
					text-decoration: none;
				}
			article table.seriovka tr th.center, article table.seriovka tr td.center {
				text-align: center;
			}
			article table.seriovka tr th.ks {
				width: 60px;
				background: #d51576;
			}
			article table.seriovka tr td.filtr {
				color: #fff;
				background: #d51576;
			}
			article table.seriovka tr th.kosik {
				width: 100px;
				background: #d51576;
			}
			article table.seriovka tr td select{
				width: 100%;
				display: block;
				padding: 5px 10px;
			}
			article table.seriovka tr td.drz {
				padding:  0px;
				margin:  0px;
			}
			article table.seriovka tr td .drzak {
				display:  none;
			}
			article table.seriovka tr td table {
				float:  right;
			}
		article #Vyrobky {
			width: 300px; /* 380 */
			float: left;
			padding: 0px 17px 0px 0px;
		}
			#Vyrobky h2 {
				width: 270px; /* 360 */
				padding: 7px 15px 3px 15px;
				margin: 0px 0px 8px 0px;
				color: #fff;
				font-size: 1.35em;
				/*
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				*/
                background: #005ca9/* url(../images/vyrobky-sipka.png) 275px 15px no-repeat*/;
			}
            #Vyrobky ul.vyrobky {
				width: 300px;
				margin: 0px 0px 15px 0px;
				list-style: none;
				background: #fff;
				/*
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				*/
                box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
			    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);

			}
                #Vyrobky ul.vyrobky li {
					width: 300px; /* 270 */
					padding: 0px;
					border-bottom: 1px solid #d51576;
					background: #e6e6e6;
				}
                    #Vyrobky ul.vyrobky li.last {
						border-bottom: none;
					}
				#Vyrobky ul.vyrobky li a {
					display: block;
                    color: #005ca9;
					text-align: left;
					width: 270px; /* 360 */
					padding: 2px 15px 2px 15px;
					text-decoration: none;
				}
                    #Vyrobky ul.vyrobky li a:hover {
						text-decoration: underline;
					}
                #Vyber ul li.last {
					border-bottom: none;
				}
		#Popis {
			width: 843px !important; /* 843 */
			float: right;
			padding: 0px 0px 0px 0px;
		}
        	#Popis a.kotva {
				width: 176px; /* 360 */
				height: 25px;
				display: block;
				padding: 10px 15px 3px 15px;
				margin: 0px 5px 15px 0px;
				color: #fff;
				float: left;
				font-size: 1.25em;
				text-decoration: none;
				/*
	            border-radius: 8px;
	            -moz-border-radius: 8px;
	            -webkit-border-radius: 8px;
				*/
	            background: #d51576 url(../images/vyrobky-sipka.png) 180px 12px no-repeat;
			}
				#Popis a.kotva:hover {
					text-decoration: underline;
				}
				#Popis a.last {
					margin: 0px 0px 15px 0px;
				}
				#Popis img.hlavnifoto {
					width: 420px;
					margin-left: 10px;
					float: right;
				}
				#Popis p {
					text-align: justify;
				}
		article a.kompletniProfil {
			width: 450px; /* 360 */
			height: 25px;
			display: block;
			padding: 10px 15px 3px 15px;
			margin: 0px 0px 8px 0px;
			color: #fff;
			font-size: 1.45em;
			text-decoration: none;
			/*
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
			*/
            background: #d51576 url(../images/vyrobky-sipka-vlevo.png) 450px 12px no-repeat;
		}
			article a.kompletniProfil:hover {
				text-decoration: underline;
			}
		#Odkazy {
			margin: 0px 0px 20px 0px;
		}
        article a.poptavkovyFormular {
			width: 220px; /* 360 */
			height: 25px;
			display: block;
			padding: 10px 15px 3px 15px;
			margin: 0px 5px 15px 0px;
			color: #fff;
			float: left;
			font-size: 1.45em;
			text-decoration: none;
			/*
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
			*/
            background: #d51576 url(../images/vyrobky-sipka-vlevo.png) 220px 12px no-repeat;
		}
			article a.poptavkovyFormular:hover {
				text-decoration: underline;
			}
		article .telefony {
			width: 843px;
			float: left;
			padding: 10px 0px 0px 0px;
			margin: 0px 0px 40px 0px;
			text-align: center;
		}
			article .telefony a.telefoncz, article .telefony a.telefonsk {
				width: 200px;
				height: 35px;
                color: #005cac;
                font-size: 1.5em;
                padding: 7px 0px 0px 25px;
				margin: 0px 0px 0px 0px;
				text-decoration: none;
                background: url(../images/ikona-tel.png) 0px 5px no-repeat;
			}
            article .telefony a.telefoncz, article .telefony a.telefonsk {
				margin-right: 80px;
			}
                article .telefony a:hover.telefoncz, article .telefony a:hover.telefonsk, article .telefony a:hover.kontakt {
					text-decoration: none;
					color: #000;
				}
                article .telefony a.telefoncz img, article .telefony a.telefonsk img {
					margin-left: 5px;
				}
            article .telefony a.kontakt {
				width: 300px;
				height: 35px;
                color: #005cac;
                font-size: 1.5em;
                padding: 7px 0px 0px 30px;
				margin: 0px 0px 0px 0px;
				text-decoration: none;
                background: url(../images/ikona-sidlo.png) 0px 5px no-repeat;
			}
            article .telefony a.kontakt {
				margin-right: 40px;
			}
        article a.seriovaVyroba {
			width: 220px; /* 360 */
			height: 25px;
			display: block;
			padding: 10px 15px 3px 15px;
			margin: 0px 0px 15px 0px;
			color: #fff;
			float: right;
			font-size: 1.45em;
			text-decoration: none;
			/*
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
			*/
            background: #d51576 url(../images/vyrobky-sipka-vlevo.png) 220px 12px no-repeat;
		}
			article a.seriovaVyroba:hover {
				text-decoration: underline;
			}
            article a.seriovaVyroba span, article a.kotva span {
                font-size: 0.6em;
			}
		article .produkt {
			width: 270px; /* 290 */
			height: 250px; /* 250 */
			margin: 10px;
			float: left;
			/*
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
			*/
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		}
			article .maly {
				margin: 5px;
			}
			article .produkt h2 {
				width: 250px; /* 270 */
				height: 50px; /* 90 */
				padding: 10px 10px 10px 10px;
				margin: 0px;
				font-size: 1.6em;
				overflow: hidden;
				color: #005ca9;
				text-transform: none;
			}
            article .produkt h2.manual {
				width: 250px; /* 270 */
				height: 25px; /* 90 */
				padding: 5px 10px 5px 10px;
				margin: 0px;
				font-size: 1.4em;
				overflow: hidden;
				color: #005ca9;
				text-transform: none;
			}
                article .produkt h2 a {
					text-decoration: none;
					color: #005ca9;
				}
				article .produkt p {
					width: 250px;
					height: 35px;
                    padding: 0px 10px 0px 10px;
					margin: 0px;
					font-size: 1.2em;
					line-height: 1.0em;
					overflow: hidden;
				}
                article .produkt p a {
					color: #4d4d4d;
					text-decoration: none;
				}
	        article .produkt img {
				width: 270px; /* 290 */
				height: 180px; /* 270 */
				/*
                border-bottom-left-radius: 8px;
	            -moz-border-bottom-left-radius: 8px;
	            -webkit-border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
	            -moz-border-bottom-right-radius: 8px;
	            -webkit-border-bottom-right-radius: 8px;
				*/
			}

	/* HOME	*/
    #ZakazkovaVyroba {
		width: 100%;
		min-width: 1160px;
		height: 465px;
		padding: 50px 0px 0px 0px;
		margin: 0px;
        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
	}
		#ZakazkovaVyroba h2 {
			color: #005ca9;
            font-size: 2.4em;
			text-align: center;
            font-weight: 400;
		}
		#ZakazkovaVyroba ul {
			width: 1160px;
			height: 180px;
			margin: 30px auto 0px auto;
            list-style: none;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			background: #ccc;
		}
			#ZakazkovaVyroba ul li {
				display: inline;
				float: left;
			}
            #ZakazkovaVyroba ul li a {
				display: block;
				color: #fff;
                opacity: 0.9;
				overflow: hidden;
                font-size: 1.2em;
				line-height: 1.3em;
                text-align: center;
				position: relative;
				margin-right: 1px;
				text-decoration: none;
			}
            #ZakazkovaVyroba ul#Sest li a {
				width: 193px; /* 193 */
				height: 180px; /* 180 */
			}
            #ZakazkovaVyroba ul#Sedm li a {
				width: 165px; /* 165 */
				height: 180px; /* 180 */
			}
                #ZakazkovaVyroba ul li a:hover {
					color: #fff;
					opacity: 1.0;
		            text-decoration: none;
				}
                #ZakazkovaVyroba ul li a.rotacni {
					background: url(../images/zak-rotacni-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.tocene {
					background: url(../images/zak-tocene-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.listy {
                    width: 164px !important;
                    margin-right: 0px;
					background: url(../images/zak-listy-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.flexlisty {
					background: url(../images/zak-flexlisty-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.latove {
					background: url(../images/zak-latove-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.disky {
					background: url(../images/zak-disky-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.hlavy {
					background: url(../images/zak-hlavy-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.spiralove {
					background: url(../images/zak-spiralove.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.spiralovevnejsi {
					background: url(../images/zak-spiralove-vnejsi.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.spiralovevnitrni {
					background: url(../images/zak-spiralove-vnitrni.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.abrazivni {
					background: url(../images/zak-abrazivni-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.automyci {
                    font-size: 1.1em;
                    line-height: 1.4em;
					background: url(../images/zak-automyci-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.komunalni {
					background: url(../images/zak-komunalni-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.smetacky {
                    width: 190px !important;
                    margin-right: 0px;
					background: url(../images/zak-smetacky-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a.specialni {
                    width: 195px !important; /* 136 . sedm, */
                    margin-right: 0px;
					background: url(../images/zak-specialni-new.png) top center no-repeat;
				}
                #ZakazkovaVyroba ul li a span {
                    padding: 10px 0px 10px 0px;
					color: #fff;
					display: block;
					opacity: 0.8;
					background: #0066b3;
				}
    #Technologie {
		width: 100%;
		min-width: 1160px;
		min-height: 505px;
		padding: 40px 0px 0px 0px;
		margin: 0px;
        background: #fff url(../images/pozadi-technologie.png) repeat-x;
	}
		#Technologie h2 {
			color: #005ca9;
            font-size: 2.4em;
			text-align: center;
            font-weight: 400;
		}
		.technologie a {
			width: 289px; /* 290 */
			height: 408px; /* 408 */
			display: block;
			float: left;
            opacity: 1.0;
			text-decoration: none;
			margin: 1px 1px 0px 0px;
			background-size: 289px 408px;
			background-repeat: no-repeat;
		}
			.tocene a {
				opacity: 1.0;
                background: url(../images/technologie-tocene.png) no-repeat;
			}
            .tesnici a {
            	opacity: 1.0;
                background: url(../images/technologie-tesnici.png) no-repeat;
			}
            .zatahovane a {
                opacity: 1.0;
                background: url(../images/technologie-zatahovane.png) no-repeat;
			}
            .zatloukane a {
                opacity: 1.0;
				margin-right: 0px;
                background: url(../images/technologie-zatloukane.png) no-repeat;
			}
			.technologie a:hover, .tocene a:hover, .tesnici a:hover, .zatahovane a:hover, .zatloukane a:hover  {
				opacity: 0.9;
				text-decoration: none;
			}
            .technologie h3 {
				height: 100px;
				color: #fff;
	            font-size: 1.9em;
				text-align: center;
				padding: 0px 15px 0px 15px;
				margin: 150px 0px 40px 0px;
	            font-weight: 400;
			}
			.technologie p {
				color: #fff;
				font-size: 1.3em;
                line-height: 1.3em;
				text-align: center;
				padding: 0px 15px 0px 15px;
                font-weight: 400;
			}
    #Aktuality {
		width: 100%;
		min-width: 1160px;
		height: 533px; /* 583 */
		padding: 50px 0px 0px 0px;
        background: #fff url(../images/pozadi-aktuality.png) repeat-x;
	}
		#Aktuality h2 {
			color: #005ca9;
            font-size: 2.4em;
			text-align: center;
            font-weight: 400;
		}
		#Aktuality .aktualita {
            width: 305px; /* 375 */
			height: 285px; /* 340 */
			padding: 30px 30px 25px 30px;
			float: left;
			margin: 5px;
			background: #fff;
			position: relative;
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Aktuality .aktualita .datum {
                color: #005ca9;
	            font-size: 2.4em;
				font-weight: bold;
                text-align: center;
				margin: 0px 0px 25px 0px;
	            font-weight: 400;
			}
			#Aktuality .aktualita h3 {
                color: #4d4d4d;
                font-size: 2.0em;
                text-align: center;
                font-weight: 400;
			}
            #Aktuality .aktualita p {
                color: #4d4d4d;
                font-size: 1.5em;
				line-height: 1.3em;
                text-align: center;
                font-weight: 400;
			}
			#Aktuality .aktualita .odkaz a {
				width: 110px;
				height: 27px;
                color: #fff;
				display: block;
				position: absolute;
				bottom: -70px;
				left: auto;
				text-align: center;
				text-decoration: none;
				font-size: 1.6em;
                background: #d51576;
				/*
		        border-radius: 8px;
		        -moz-border-radius: 8px;
		        -webkit-border-radius: 8px;
				*/
				padding: 13px 0px 0px 0px;
				margin: 0px 0px 0px 100px;
			}
                #Aktuality .aktualita .odkaz a:hover {
					text-decoration: underline;
				}

	ul#Drobecky {
		list-style: none;
		margin: 0px 0px 30px 0px;
	}
		ul#Drobecky li {
			float: left;
			padding-left: 20px;
			margin-right: 20px;
		}
			ul#Drobecky li a.aktivni {
				color: #d51576;
			}
    #Popis .aktualita {
            width: 241px; /* 375 / 281 */
			height: 265px; /* 340 */
			padding: 25px 15px 20px 15px;
			float: left;
			margin: 5px;
			background: #fff;
			position: relative;
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Popis .aktualita .datum {
                color: #005ca9;
	            font-size: 2.0em;
				font-weight: bold;
                text-align: center;
				margin: 0px 0px 25px 0px;
	            font-weight: 400;
			}
			#Popis .aktualita h3 {
                color: #4d4d4d;
                font-size: 1.6em;
                text-align: center;
                font-weight: 400;
			}
            #Popis .aktualita p {
                color: #4d4d4d;
                font-size: 1.1em;
				line-height: 1.3em;
                text-align: center;
                font-weight: 400;
			}
			#Popis .aktualita .odkaz a {
				width: 110px;
				height: 27px;
                color: #fff;
				display: block;
    			position: absolute;
				bottom: 20px;
				left: 85px;
				text-align: center;
				text-decoration: none;
				font-size: 1.3em;
                background: #d51576;
				/*
		        border-radius: 8px;
		        -moz-border-radius: 8px;
		        -webkit-border-radius: 8px;
				*/
				padding: 13px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
                #Popis .aktualita .odkaz a:hover {
					text-decoration: underline;
				}

	#KartacovnaNadpis {
		width: 100%;
		min-width: 1160px;
		height: 86px; /* 141 */
		padding: 55px 0px 0px 0px;
        background: #fff url(../images/pozadi-kartacovna-nadpis.png) repeat-x;
	}
		#KartacovnaNadpis h2 {
			color: #005ca9;
            font-size: 2.4em;
			text-align: center;
            font-weight: 400;
		}
    #KartacovnaFoto {
		width: 100%;
		min-width: 1160px;
		height: 497px; /* 141 */
        background: #fff url(../images/pozadi-kartacovna-foto-new.jpg) top center no-repeat;
	}
    #KartacovnaText {
		width: 100%;
		min-width: 1160px;
		height: 350px; /* 405 */
		padding: 55px 0px 0px 0px;
        background: #fff url(../images/pozadi-kartacovna-text.png) repeat-x;
	}
		#Priority {
			width: 620px; /* 580 */
			float: left;
		}
			#Priority ul {
				margin-left: 20px;
			}
			#Priority ul li {
				color: #4d4d4d;
				font-size: 1.5em;
				line-height: 1.6em;
				font-weight: bold;
			}
		#UvodniText {
            width: 499px; /* 579 */
			padding: 0px 0px 0px 40px;
			float: left;
            color: #4d4d4d;
			font-size: 1.5em;
			line-height: 1.3em;
			text-align: justify;
            border-left: 1px solid #4d4d4d;
		}
    #Galerie {
		width: 100%;
		min-width: 1160px;
		padding: 30px 0px 30px 0px;
		margin: 0px;
        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
	}
		#Galerie .stred {
			position: relative;
		}
		#Galerie h2 {
            color: #005ca9;
            font-size: 2.4em;
			text-align: left;
            font-weight: 400;
		}
		#Galerie a {
			width: 290px;
			height: 193px;
			display: block;
			float: left;
			overflow: hidden;
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Galerie a img {
				max-width: 290px;
			}
    #Formular {
        width: 100%;
		min-width: 1160px;
        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
	}
	#Serie {
        width: 100%;
		min-width: 1160px;
        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
	}
    #Kontaktujtenas {
        width: 100%;
		min-width: 1160px;
		padding: 30px 0px 30px 0px;
        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
	}
        #Kontaktujtenas p {
            padding: 0px 0px 0px 30px;
			margin: 0px;
		}
		#Kontaktujtenas p.adresa {
			margin: 0px 0px 15px 0px;
            background: url(../images/ikona-sidlo.png) 0px 4px no-repeat;
		}
        #Kontaktujtenas p.telefon {
   			padding: 1px 0px 1px 30px;
			margin: 0px 0px 0px 0px;
            background: url(../images/ikona-tel.png) 0px 0px no-repeat;
		}
        #Kontaktujtenas p.email {
			padding: 0px 0px 0px 30px;
			margin: 0px 0px 0px 0px;
            background: url(../images/ikona-email.png) 0px 4px no-repeat;
		}
		#Kontaktujtenas #Mapa {
			width: 600px;
			height: 250px;
			overflow: hidden;
			float: right;
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
    #Vykresy {
		width: 100%;
		min-width: 1160px;
		padding: 30px 0px 30px 0px;
		margin: 0px;
        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
	}
		#Vykresy h2 {
            color: #005ca9;
            font-size: 2.0em;
			text-align: left;
			margin-bottom: 0px;
            font-weight: 400;
		}
        #Vykresy h4 {
            color: #005ca9;
			margin: 10px 0px 0px 0px;
		}
		#Vykresy .white {
			width: 100%;
			min-width: 1160px;
			background: #fff;
			padding: 0px 0px 0px 0px !important;
			margin: 0px 0px 20px 0px;
		}
    #DetailText {
        width: 100%;
		min-width: 1160px;
		padding: 30px 0px 30px 0px;
        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
	}
    #DetailTextTmavy {
        width: 100%;
		min-width: 1160px;
		padding: 30px 0px 30px 0px;
        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
	}
    #DetailNav {
		float: left;
		margin-right: 20px;
	}
	#FotoDetail {
		/*
		width: 575px;
		float: right;
        margin: 0px 0px 20px 30px;
		*/
        width: 100%;
		min-width: 1160px;
		margin: 10px 0px 20px 0px;
	}
		#FotoDetail hr {
  			width: 100%;
			height: 1px;
			margin: 5px 0px 20px 0px;
			border-top: 1px solid #4d4d4d;
		}
		#FotoDetail img.foto {
			width: 550px;
			margin: 0px 12px 20px 12px;
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
		#FotoDetail table.material {
			width: 280px; /* 287 */
			float: left;
			display: table;
			text-align: left;
			padding: 0px 7px 0px 0px;
		}
			#FotoDetail table.material tr td {
				height: 60px;
				border: none;
                text-align: left;
                background: none;
				padding: 0px;
			}
            #FotoDetail table.material tr td.tdicon {
				width: 55px;
			}
            #FotoDetail table.material tr td a {
                color: #4d4d4d;
				font-size: 1.1em;
				text-decoration: none;
			}
            #FotoDetail table.material tr td a:hover {
                color: #4d4d4d;
				text-decoration: underline;
			}
    article ul#OboryDetail {
		list-style: none;
		margin: 0px 0px 10px 0px;
	}
		article ul#OboryDetail li {
			display: inline;
			float: left;
			margin: 5px;
			padding: 0px;
			background: none !important;
		}
	        article #OboryDetail li a {
				display: block;
				color: #fff;
				font-size: 1.2em;
				margin: 0px;
				padding: 5px 15px;
				background: #0054a4;
                background: linear-gradient(45deg, #0054a4, #002c89);
				text-decoration: none;
				/*
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				*/
                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                font-weight: 300;
			}
                article #OboryDetail li a:hover {
					text-decoration: underline;
				}
                article #OboryDetail li a.aktivni {
					background: #d51576;
				}
    article ul#PouzitiDetail {
		list-style: none;
		margin: 0px 0px 10px 0px;
	}
		article #PouzitiDetail li {
			display: inline;
			float: left;
			margin: 5px;
			padding: 0px;
            background: none !important;
		}
	        article #PouzitiDetail li a {
				display: block;
				color: #fff;
				font-size: 1.2em;
				padding: 5px 15px;
				background: #0091e2;
                background: linear-gradient(45deg, #0091e2, #0055a5);
				text-decoration: none;
				/*
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				*/
                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                font-weight: 300;
			}
	            article #PouzitiDetail li a:hover {
					text-decoration: underline;
				}
		.sloupeckontakt {
            width: 33%;
            float: left;
		}
        .sloupeckontakt img {
            width: 340px;
			height: 249px;
			margin-left: 6px;
			margin-right: 6px;
		}
footer {
	width: 100%;
    min-width: 1160px;
	background: url(../images/pozadi-paticka.png) repeat-x;
    margin: 0px 0px 0px 0px;
	padding: 0px;
}
	#Pata {
		width: 100%;
		height: 150px;
	}
		#Pata .stred {
			padding: 30px 0px 0px 0px;
		}
		#Pata .sloupecLogo {
			width: 310px;
			height: 150px;
			float: left;
		}
		#Pata .sloupec {
			/*width: 380px; 420 */
			height: 150px; /* 237 */
			float: left;
			color: #fff;
            font-size: 1.1em;
			line-height: 1.5em;
			padding: 0px 0px 0px 20px;
		}
			#Pata .sloupec h3 {
				color: #fff;
				font-size: 1.5em;
                font-weight: 300;
			}
			#Pata .sloupec a {
                color: #fff;
				text-decoration: none;
			}
                #Pata .sloupec a:hover {
	                color: #fff;
					text-decoration: underline;
				}
	    #LogoPata, #LogoPataEn {
	        width: 310px; /* 600 */
	        height: 88px;
	        position: relative;
	    	overflow: hidden;
	    	font-size: 0.4em;
	    	padding: 0px !important;
			background: none;
			margin: 0px 0px 0px 0px;
	        text-indent: -9999px;
	    }
	    #LogoPata span, #LogoPataEn span {
	    	display: block;
	    	position: absolute;
	    	top: 0;
	    	left: 0;
	    	background: url(../images/pozadi-logo-pata.png) no-repeat;
            background-image: url(../images/pozadi-logo-pata.svg) !important;
        	background-size: 310px 88px;
	        width: 310px;
	    	height: 88px;
	    	visibility: visible;
	    	cursor: pointer;
	        _cursor: hand;
	    }
            #LogoPataEn span {
                background: url(../images/pozadi-logo-pata-en.png) no-repeat;
                background-image: url(../images/pozadi-logo-pata.svg) !important;
        		background-size: 310px 88px;
			}
		#TelefonPata {
			width: 180px; /* 240 */
			height: 30px; /* 43 */
			color: #fff;
			font-size: 1.6em;
			/*
	        border-radius: 8px;
	        -moz-border-radius: 8px;
	        -webkit-border-radius: 8px;
			*/
			padding: 13px 0px 0px 60px;
			margin: 40px 0px 0px 45px;
	        background: #d51576 url(../images/ikona-telefon.png) 25px 7px no-repeat;
		}
			#TelefonPata a {
                color: #fff;
				text-decoration: none;
			}
	#Paticka {
		width: 100%;
	    min-width: 1160px;
		height: 100px; /* 125 */
        color: #fff;
		font-size: 1.0em;
		line-height: 1.5em;
        text-align: center;
		padding: 0px 0px 0px 0px;
        background: url(../images/pozadi-paticka-lista.png) repeat-x;
	}
		#Paticka .stred {
			padding: 20px 0px 0px 0px;
		}
		#Paticka hr {
			margin-bottom: 20px;
		}
		#Paticka a {
			color: #fff;
			padding: 0px;
			margin: 0px;
			display: inline;
			text-decoration: none;
		}
	    #Paticka a:hover {
			color: #fff;
			text-decoration: underline;
		}

	.sloupecform {
		width: 580px;
		float: left;
	}
		.sloupecform img.foto {
			width: 555px;
			height: 365px;
		}
	#Spol, #Ico {
		display: table-row;
	}
	.vykres {
		float: left;
	}
		.vykres h4 {
			text-align: center;
			font-size: 1.5em;
			margin: 0px;
		}
	#Poptavka, #PoptavkaParam {
		width: 570px; /* 580 */
	}
	#Poptavka tr td, #PoptavkaParam tr td {
		padding: 2px 5px;
	}
	#Poptavka tr td.top, #PoptavkaParam tr td.top {
        vertical-align: top;
	}
	    #Poptavka tr td.popisek {
			width: 130px;
		}
        #Poptavka tr td.hodnota {
			width: 430px;
		}
		#Poptavka tr.red td input {
			border: 1px solid #d51576;
		}
        #PoptavkaParam tr td.popisek {
			width: 220px;
		}
        #PoptavkaParam tr td.hodnota {
			width: 340px;
		}
	#Poptavka input, #PoptavkaParam input {
		width: 370px; /* 410 */
		height: 30px; /* 32 */
        padding: 0px 5px;
		border: 1px solid #a2a2a2;
		/*
        border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
		*/
        box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
	}
        #PoptavkaParam input {
			width: 300px; /* 410 */
			height: 30px; /* 32 */
		}
    #Poptavka select, #PoptavkaParam select {
		width: 380px; /* 410 */
		height: 30px; /* 32 */
        padding: 0px 5px;
		border: 1px solid #a2a2a2;
		/*
        border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
		*/
        box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
	}
        #PoptavkaParam select {
			width: 380px; /* 410 */
			height: 30px; /* 32 */
		}
    textarea {
  		width: 1130px;
		height: 150px;
		padding: 5px;
        border: 1px solid #a2a2a2;
		/*
        border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
		*/
        box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
		}
    #Poptavka input.radio, #PoptavkaParam input.radio {
		width: 15px; /* 250 */
		height: 15px; /* 32 */
		border: 1px solid #a2a2a2;
		/*
        border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
		*/
		box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
	}
	#Poptavka tr.chyba td.popisek {
		/*color: #d51576;*/
		color: red;
	}
    #Poptavka tr.chyba td.hodnota input {
		/*border: 1px solid #d51576;*/
		border: 1px solid red;
	}
	article table.form {
		width:  100%;
	}
		article table.form tr td.icodico {
			width:  110px;
		}
		article table.form textarea {
			width:  1000px;
			padding: 10px 10px 10px 10px;
			border: 1px solid #005ca9;
			box-shadow: unset;
			-moz-box-shadow: unset;
			-webkit-box-shadow: unset;
		}
	textarea.chyba {
        border: 1px solid red;
	}
    section .nahoru a {
		width: 35px !important;
		height: 35px !important;
		text-indent: -9999px;
		position: absolute;
		top: 15px;
		right: 20px;
		border: 1px solid #d51576;
        background: url(../images/pozadi-banner-vyber-sipka-zavrit.png) center center no-repeat;
	}
	section #Serie {
		display:  flex;
		align-items: flex-start
	}
	section .vyroba {
		width: 150px !important;
		height: 70px !important;
		position: sticky;
  		top: 0px;
		margin: 30px 20px 0px 0px;
		float:  right;
		z-index:  1;
	}
		section .vyroba a {
			width:  140px;
			height:  23px;
			display:  block;
			padding:  10px 5px 5px 5px;
			text-align:  center;
			color:  #fff !important;
			background: #d51576;
			text-decoration:  none;
		}
			section .vyroba a:hover {
				background: #005ca9;
				text-decoration:  none;
			}
	.tlacitko {
        width: 350px;
		height: 45px; /* 40 */
		cursor: pointer;
		_cursor: hand;
		display: block;
		color: #fff;
		font-size: 1.5em;
		margin: 20px auto 10px auto !important;
		padding: 5px 0px 0px 0px;
		background: #d51576;
		/*
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
		*/
        margin: 0px auto 15px auto;
	}
	.tlacitkonacist {
        width: 150px;
		height: 35px; /* 40 */
		cursor: pointer;
		_cursor: hand;
		display: block;
		color: #fff;
		float: left;
		font-size: 1.0em;
		margin: 5px 0px 5px 0px !important;
		padding: 5px 0px 0px 0px;
		background: #d51576;
		/*
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
		*/
        margin: 0px auto 15px auto;
	}
	#Serie input.login {
		width: 300px;
		padding: 10px 10px 10px 10px;
		border: 1px solid #005ca9;
	}
	#Serie a img {
		width: 100%;
		height: auto;
	}			
	.sending, .check {
	    display: none;
	}
    #MenuMobil, #MenuMobile, .mobile, .mobiles, .cisticmobile, .mobilsmall {
		display: none;
	}

/*@media only screen and (min-width: 960px) and (max-width: 1159px) {*/
@media only screen and (max-width: 1159px) {

    #MenuMobile, #MenuMobil, .mobile, .cisticmobile {
		display: block;
	}
	.mobiles {
		display: inline;
	}
	#Hlavicka, #Menu, .desktop,
	article.aktual #Vyrobky, article.vyrob #Vyrobky {
		display: none;
	}
	#Serie a img.foto {
		width: 100%;
		height: auto;
	}	
    .stred {
		width: 100% !important;
		min-width: 320px !important;
		margin: 0px auto;
	}
	    header {
			width: 100% !important;
			min-width: 320px !important;
			height: auto !important;
	        padding: 0px;
	        margin: 0px;
			background: #fff;
	    }
	    #Logo, #LogoEn {
			width: 62% !important;
	        min-width: 205px; /* 600 */
	        height: 60px;
	        position: relative;
	    	overflow: hidden;
	    	font-size: 0.4em;
	    	padding: 0px !important;
			background: none;
			display: block;
			float: left;
	        margin: 0px auto 0px auto;
	        text-indent: -9999px;
	    }
	    #Logo span, #LogoEn span {
	    	display: block;
	    	position: absolute;
	    	top: 0;
	    	left: 0;
	    	background: url(../images/pozadi-logo-mobil.png) no-repeat;
            background-image: url(../images/pozadi-logo.svg) !important;
        	background-size: 200px 57px;
	        width: 200px;
	    	height: 57px;
			margin: 3px 0px 0px 5px;
	    	visibility: visible;
	    	cursor: pointer;
	        _cursor: hand;
	    }
	        #LogoEn span {
	            background: url(../images/pozadi-logo-en-mobil.png) no-repeat;
                background-image: url(../images/pozadi-logo-en.svg) !important;
        		background-size: 200px 57px;
			}
		#Hlavicka {
			width: 100% !important;
			min-width: 320px !important;
			height: auto !important;
			float: none;
		}
            #MenuMobil {
		        width: 55px;
		        height: 55px;
				margin: 10px;
		        float: right;
		        cursor: pointer;
		        _cursor: hand;
		    }
			#Mutace {
				width: 100% !important;
				height: auto;
				padding: 5px 0px 5px 0px;
				overflow: hidden;
			}
				#Mutace ul {
					width: 245px !important;
					margin: 0px auto;
					float: none;
					list-style: none;
				}
		        #Mutace ul li {
		            display: inline;
		            float: right;
		        }
				#Mutace ul li a {
					width: 50px;
					height: 20px;
		            display: inline;
					text-align: center;
		            float: left;
					color: #7a7a7a;
					padding: 3px 5px 0px 5px;
	                border-right: 1px solid #ccc;
		        }
                 #Mutace ul li.last a {
		                border-right: none;
			        }
			nav {
	        	width: 100% !important;
				min-width: 320px !important;
	            height: auto;
				padding: 0px 0px 0px 0px;
	        }
	        nav ul {
				width: 100% !important;
	            height: auto;
	            list-style: none;
	            margin: 0px auto 0px auto;
	        }
	        nav ul li {
				width: 100%;
	            display: block;
	            float: none;
	        }
	        nav ul li a {
	            display: block;
	            height: auto; 
	            padding: 10px 0px 10px 0px;
	            margin: 0px 0px 0px 0px;
	            text-decoration: none;
				font-size: 1.25em;
				text-align: center;
				text-transform: uppercase;
	            color: #005ca9;
	            border-bottom: 1px solid #000000;
				border-right: none;
	        }
	        nav ul li a:hover, nav ul li a.aktivni {
	            text-decoration: none;
	            color: #005ca9;
	            border-bottom: 3px solid #d51576;
	        }
	        nav ul li.last a, nav ul li.last a:hover {
				border-right: none;
	        }
		#Banner {
			width: 100% !important;
			min-width: 320px !important;
			height: 150px;
	        background: url(../images/slide-new-mobil.jpg) top center no-repeat;
		}
			#Logo30let {
				width:  110px;
				height:  148px;
				float:  left;
				margin:  2px 0px;
				background: url(../images/logo30let-mobil.png) top center no-repeat;
			}
				#Logo30let img {
					width:  102px;
					height:  150px;
					margin:  0px auto;
					display:  none;
				}
			
			#BannerText {
				width: calc(96% - 110px) !important;
				position:  relative;
                min-width: 300px !important;
				height: auto; 
				padding: 30px 0px 0px 0px;
				margin: 0px auto;
				float: left;
			}
				#BannerText h2, #BannerText .big {
	                color: #005ca9;
					font-size: 1.6em;
	                line-height: 1.5em;
	                font-weight: 400;
					display: inline-block;
					text-align: center;
					padding: 5px 10px 0px 10px;
	                margin: 0px 0px 30px 0px;
					text-transform: uppercase;
					background: #fff;
	                opacity: 0.8;
				}
	            #BannerText h3, #BannerText .small {
	                color: #005ca9;
					font-size: 1.4em;
	                line-height: 1.5em;
	                font-weight: 300;
	                display: inline-block;
					padding: 5px 10px 0px 10px;
	                margin: 20px 0px 15px 0px;
	                background: #fff;
					opacity: 0.8;
				}
			#Vyber {
				width: 100% !important;
				height: 38px;
				margin: 60px 0px 0px 0px;
				padding: 5px 0px 5px 0px;
				float: none;
				text-align: left;
	            background-image: none;
				background: #005ca9;
			}
				#Vyber h3 {
					color: #fff;
	    			font-weight: 300;
					font-size: 2.0em;
					display: none;
				}
	            #Vyber h4 {
	                width: 95% !important;
					height: 20px; /* 40 */
					color: #005ca9;
					font-size: 1.2em;
					padding: 10px 0px 0px 0px;
					padding-left: 5%;
	                font-weight: 400;
	                background: url(../images/pozadi-banner-vyber-sipka.png) 90% 13px no-repeat;
				}
	            #PodlePouziti, #PodleOboru {
					width: 44% !important;
					height: 40px;
					float: left;
					background: #fff;
	                /*
					border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
					margin-top: 2px;
                    margin-bottom: 2px;
	                margin-left: 3%;
                    margin-right: 3%;
					position: relative;
					cursor: pointer;
					_cursor: hand;
				}
				#Vyber ul {
					width: 100% !important;
					position: absolute;
					top: 42px;
					left: 0px;
					z-index: 1;
					list-style: none;
					background: #fff;
	                text-transform: lowercase;
					/*
					border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
	                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

				}
	                #Vyber ul li {
						width: 100% !important;
						border-bottom: 1px solid #d51576;
					}
					#Vyber ul li a {
						display: block;
	                    color: #005ca9;
						text-align: left;
						width: 94% !important;
						padding: 5px 0px 5px 0px;
						padding-left: 3%;
                        padding-right: 3%;
						text-decoration: none;
					}
	                    #Vyber ul li a:hover {
							text-decoration: underline;
						}
	                #Vyber ul li.last {
						border-bottom: none;
					}
				#Obory, #Pouziti {
					display: none;
				}

    section {
	    width: 100% !important;
		min-width: 320px;
	    padding: 0px 0px 0px 0px;
	    margin: 54px 0px 0px 0px;
		color: #2e3191;
		background: #fff;
	}
		section.prechod {
	        background: #fff url(../images/pozadi-technologie.png) repeat-x;
		}
		section .stred {
			width: 100% !important;
			min-width: 320px;
			padding: 20px 0px 30px 0px;
		}
		section article {
			width: 94% !important;
			min-width: 310px;
			margin: 0px auto 0px auto;
			position: relative;
	        color: #4d4d4d;
			padding: 30px 0px 30px 0px;
		}
		section article h1, section article h2, section article h3, section article h4,
		section #Popis h1, section #Popis h2, section #Popis h3, section #Popis h4 {
			clear: both;
		}
		section article p img {
			width: 100%;
		}
	    section article.bez {
			width: 94% !important;
			min-width: 320px;
			margin: 0px auto;
			position: relative;
	        color: #4d4d4d;
			padding: 10px 0px 10px 0px;
		}
			article h1, article h2 {
				color: #005ca9;
	            font-size: 1.8em;
				font-weight: 400;
				text-transform: uppercase;
			}
	        article h3, article h4 {
				color: #005ca9;
	            font-size: 1.6em;
				font-weight: 400;
				text-transform: normal;
			}
			article h2 {
				font-size: 1.5em;
	            text-transform: normal;
			}
	                article .dolu {
	                    background: url(../images/seznam-dolu.png) 220px 12px no-repeat;
					}
	                article .nahoru {
	                    background: url(../images/seznam-nahoru.png) 220px 12px no-repeat;
					}
	        article h3 {
				font-size: 1.7em;
	            text-transform: normal;
			}
	        article h3 {
				font-size: 1.6em;
                margin-top: 20px;
	            text-transform: normal;
			}
			article p {
				font-size: 1.0em;
				line-height: 1.2em;
			}
	        article ul {
				list-style: none;
				margin-left: 10px;
				margin-bottom: 0px;
			}
	        article ul li {
				font-size: 1.1em;
				line-height: 1.3em;
				background: url(../images/seznam.png) 0px 5px no-repeat;
				padding: 2px 0px 2px 25px;
			}
			article .doc {
				width: 100% !important;
				float: left;
				margin: 0px;
			}
			article table.seriovka {
				width: 98%;
				border: 1px solid #e6e6e6;
	            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			}
	            article table.seriovka tr th {
					padding: 10px 10px;
					color: #005ca9;
					font-size: 1.2em;
					font-weight: normal;
					background: #fff;
					text-align: left;
				}
	            article table.seriovka tr td.nazev {
					padding: 7px 10px;
					color: #3c3c3c;
					font-weight: bold;
					background: #fff;
				}
				article table.seriovka tr td {
					padding: 3px 10px;
					color: #3c3c3c;
					background: #e6e6e6;
				}
				article table.seriovka tr:nth-child(even) td {
					background: #f5f5f5;
				}
				article table.seriovka tr td .pocet {
					display: block;
					width: 50px;
					height: 30px;
					text-align: center;
					border: 1px solid #d51576;
					padding: 5px 0px 5px 0px;
				}
				article table.seriovka tr td .tlacitkoobjednat {
					display: block;
					width: 100%;
					height: 30px;
					padding: 5px 0px 5px 0px;
					color: #fff;
					background: #d51576;
					text-decoration: none;
					cursor: pointer;
					_cursor: hand;
				}
	                article table.seriovka tr td .tlacitkoobjednat:hover {
						color: #fff;
						background: #3c3c3c;
						text-decoration: none;
					}
				article table.seriovka tr th.center, article table.seriovka tr td.center {
					text-align: center;
				}
			article table.serie {
				width: 100%;
				border: 1px solid #e6e6e6;
			}
	            article table.serie tr th {
					padding: 10px 10px;
					color: #005ca9;
					font-size: 1.2em;
					font-weight: normal;
					background: #fff;
					text-align: left;
				}
	            article table.serie tr td.nazev {
					padding: 7px 10px;
					color: #3c3c3c;
					font-weight: bold;
					background: #fff;
				}
				article table.serie tr td {
					padding: 3px 10px;
					color: #3c3c3c;
					background: #e6e6e6;
				}
				article table.serie tr:nth-child(even) td {
					background: #f5f5f5;
				}
				article table.serie tr td a {
					color: #3c3c3c;
					text-decoration: underline;
				}
	                article table.serie tr td a:hover {
						color: #3c3c3c;
						text-decoration: none;
					}
			article #Vyrobky {
				width: 300px; 
				float: left;
				padding: 0px 17px 0px 0px;
			}
				#Vyrobky h2 {
					width: 270px; 
					padding: 7px 15px 3px 15px;
					margin: 0px 0px 8px 0px;
					color: #fff;
					font-size: 1.35em;
	                background: #005ca9;
				}
	            #Vyrobky ul.vyrobky {
					width: 300px;
					margin: 0px 0px 15px 0px;
					list-style: none;
					background: #fff;
	                box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	                -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
				    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);

				}
	                #Vyrobky ul.vyrobky li {
						width: 300px; 
						padding: 0px;
						border-bottom: 1px solid #d51576;
						background: #e6e6e6;
					}
	                    #Vyrobky ul.vyrobky li.last {
							border-bottom: none;
						}
					#Vyrobky ul.vyrobky li a {
						display: block;
	                    color: #005ca9;
						text-align: left;
						width: 270px; 
						padding: 2px 15px 2px 15px;
						text-decoration: none;
					}
	                    #Vyrobky ul.vyrobky li a:hover {
							text-decoration: underline;
						}
	                #Vyber ul li.last {
						border-bottom: none;
					}
			#Popis {
				width: 100% !important;
				float: none;
				padding: 0px 0px 0px 0px;
			}
            section article #Popis h1 {
				text-align: center;
			}
	        	#Popis a.kotva {
					width: 176px; 
					height: 25px;
					display: block;
					padding: 10px 15px 3px 15px;
					margin: 0px 5px 15px 0px;
					color: #fff;
					float: left;
					font-size: 1.25em;
					text-decoration: none;
		            background: #d51576 url(../images/vyrobky-sipka.png) 180px 12px no-repeat;
				}
					#Popis a.kotva:hover {
						text-decoration: underline;
					}
					#Popis a.last {
						margin: 0px 0px 15px 0px;
					}
					#Popis img.hlavnifoto {
						width: 100%;
						margin-left: 0px;
						float: none;
					}
			article a.kompletniProfil {
				width: 450px; 
				height: 25px;
				display: block;
				padding: 10px 15px 3px 15px;
				margin: 0px 0px 8px 0px;
				color: #fff;
				font-size: 1.45em;
				text-decoration: none;
	            background: #d51576 url(../images/vyrobky-sipka-vlevo.png) 450px 12px no-repeat;
			}
				article a.kompletniProfil:hover {
					text-decoration: underline;
				}
			#Odkazy {
				margin: 0px 0px 20px 0px;
			}
	        article a.poptavkovyFormular {
				width: 220px; 
				height: 25px;
				display: block;
				padding: 10px 15px 3px 15px;
				margin: 0px 5px 15px 0px;
				color: #fff;
				float: left;
				font-size: 1.45em;
				text-decoration: none;
	            background: #d51576 url(../images/vyrobky-sipka-vlevo.png) 220px 12px no-repeat;
			}
				article a.poptavkovyFormular:hover {
					text-decoration: underline;
				}
			article .telefony {
				width: 75% !important;
				float: none;
				padding: 10px 0px 0px 0px;
				margin: 0px auto 40px auto !important;
				text-align: left;
			}
				article .telefony a.telefoncz, article .telefony a.telefonsk {
					width: 200px !important;
					height: 35px;
					float: left;
					display: block;
					margin: 0px auto !important;
	                color: #005cac;
	                font-size: 1.5em;
	                padding: 7px 0px 0px 20px;
					text-decoration: none;
					text-align: left;
	                background: url(../images/ikona-tel.png) 0px 5px no-repeat;
				}
                article .telefony a.telefonsk {
					float: right;
				}
	            article .telefony a.telefoncz, article .telefony a.telefonsk {
					margin-right: 0px;
				}
	                article .telefony a:hover.telefoncz, article .telefony a:hover.telefonsk, article .telefony a:hover.kontakt {
						text-decoration: none;
						color: #000;
					}
	                article .telefony a.telefoncz img, article .telefony a.telefonsk img {
						margin-left: 5px;
					}
	            article .telefony a.kontakt {
					width: 250px;
					height: 35px;
					display: block;
					float: none;
	                color: #005cac;
	                font-size: 1.5em;
	                padding: 7px 0px 0px 30px;
					margin: 0px auto 0px auto !important;
					text-decoration: none;
	                background: url(../images/ikona-sidlo.png) 0px 5px no-repeat;
				}
	            article .telefony a.kontakt {
					margin-right: 40px;
				}
	        article a.seriovaVyroba {
				width: 220px; 
				height: 25px;
				display: block;
				padding: 10px 15px 3px 15px;
				margin: 0px 0px 15px 0px;
				color: #fff;
				float: right;
				font-size: 1.45em;
				text-decoration: none;
				
	            background: #d51576 url(../images/vyrobky-sipka-vlevo.png) 220px 12px no-repeat;
			}
				article a.seriovaVyroba:hover {
					text-decoration: underline;
				}
	            article a.seriovaVyroba span, article a.kotva span {
	                font-size: 0.6em;
				}
			article .produkt {
				width: 270px; 
				height: 250px; 
				margin: 10px;
				float: left;
	            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			}
				article .maly {
					margin: 5px;
				}
				article .produkt h2 {
					width: 250px; 
					height: 50px; 
					padding: 10px 10px 10px 10px;
					margin: 0px;
					font-size: 1.6em;
					overflow: hidden;
					color: #005ca9;
					text-transform: none;
				}
	            article .produkt h2.manual {
					width: 250px; 
					height: 25px; 
					padding: 5px 10px 5px 10px;
					margin: 0px;
					font-size: 1.4em;
					overflow: hidden;
					color: #005ca9;
					text-transform: none;
				}
	                article .produkt h2 a {
						text-decoration: none;
						color: #005ca9;
					}
					article .produkt p {
						width: 250px;
						height: 35px;
	                    padding: 0px 10px 0px 10px;
						margin: 0px;
						font-size: 1.2em;
						line-height: 1.0em;
						overflow: hidden;
					}
	                article .produkt p a {
						color: #4d4d4d;
						text-decoration: none;
					}
		        article .produkt img {
					width: 270px; 
					height: 180px; 
					
				}
		#KartacovnaNadpis {
			width: 100% !important;
			min-width: 320px;
			height: auto !important;
			padding: 30px 0px 0px 0px;
	        background: #fff url(../images/pozadi-kartacovna-nadpis.png) repeat-x;
		}
			#KartacovnaNadpis h2 {
				color: #005ca9;
	            font-size: 1.8em;
				text-align: center;
	            font-weight: 400;
				margin-bottom: 20px;
			}
	    #KartacovnaFoto {
			width: 100% !important;
			min-width: 320px;
			height: 497px; 
	        background: #fff url(../images/pozadi-kartacovna-foto-new.jpg) top center no-repeat;
		}
	    #KartacovnaText {
			width: 100% !important;
			min-width: 320px;
			height: auto; 
			padding: 30px 0px 0px 0px;
	        background: #fff url(../images/pozadi-kartacovna-text-mobil.png) repeat-x;
		}
		#KartacovnaText .stred {
            width: 100% !important;
			min-width: 320px;
			margin: 0px;
			padding: 0px;
		}
			#Priority {
				width: 90% !important;
				float: none;
			}
				#Priority ul {
					width: 90% !important;
					margin-left: 10% !important;
				}
				#Priority ul li {
					color: #4d4d4d;
					font-size: 1.2em;
					line-height: 1.6em;
					font-weight: bold;
				}
			#UvodniText {
	            width: 90% !important;
				padding: 0 5% 0 5% !important;
				float: none;
	            color: #4d4d4d;
				font-size: 1.2em;
				line-height: 1.3em;
				text-align: justify;
	            border-left: none;
			}
	    #Galerie {
			width: 100% !important;
			min-width: 320px;
			padding: 10px 0px 30px 0px;
			margin: 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
			#Galerie .stred {
				width: 94% !important;
				margin: 0px auto;
				position: relative;
			}
			#Galerie h2 {
	            color: #005ca9;
	            font-size: 1.8em;
				text-align: center;
	            font-weight: 400;
			}
			#Galerie a {
				width: 290px;
				height: 193px;
				display: block;
				float: left;
				overflow: hidden;
	            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
				-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			}
				#Galerie a img {
					max-width: 290px;
				}
	    #Formular {
	        width: 100% !important;
			min-width: 320px;
	        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
		}
		#Serie {
	        width: 100% !important;
			min-width: 320px;
	        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
		}
	    #Kontaktujtenas {
	        width: 100% !important;
			min-width: 320px;
			padding: 30px 0px 30px 0px;
	        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
		}
	        #Kontaktujtenas p {
	            padding: 0px 0px 0px 30px;
				margin: 0px;
			}
			#Kontaktujtenas p.adresa {
				margin: 0px 0px 15px 0px;
	            background: url(../images/ikona-sidlo.png) 0px 4px no-repeat;
			}
	        #Kontaktujtenas p.telefon {
	   			padding: 1px 0px 1px 30px;
				margin: 0px 0px 0px 0px;
	            background: url(../images/ikona-tel.png) 0px 0px no-repeat;
			}
	        #Kontaktujtenas p.email {
				padding: 0px 0px 0px 30px;
				margin: 0px 0px 0px 0px;
	            background: url(../images/ikona-email.png) 0px 4px no-repeat;
			}
			#Kontaktujtenas #Mapa {
				width: 100% !important;
				min-width: 320px;
				height: 250px;
				overflow: hidden;
				float: right;
	            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
				-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			}
	    #Vykresy {
			width: 100% !important;
			min-width: 320px;
			padding: 30px 0px 30px 0px;
			margin: 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
			#Vykresy h2 {
	            color: #005ca9;
	            font-size: 2.0em;
				text-align: left;
				margin-bottom: 0px;
	            font-weight: 400;
			}
	        #Vykresy h4 {
	            color: #005ca9;
				margin: 10px 0px 0px 0px;
			}
			#Vykresy .white {
				width: 100% !important;
				min-width: 320px;
				background: #fff;
				padding: 0px 0px 0px 0px !important;
				margin: 0px 0px 20px 0px;
			}
	    #DetailText {
	        width: 100% !important;
			min-width: 320px;
			padding: 30px 0px 30px 0px;
	        background: #fff url(../images/pozadi-kartacovna-formular.png) repeat-x;
		}
	    #DetailTextTmavy {
	        width: 100% !important;
			min-width: 320px;
			padding: 30px 0px 30px 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
	    #DetailNav {
			float: left;
			margin-right: 20px;
		}
		#FotoDetail {
	        width: 100% !important;
			min-width: 320px;
			margin: 10px 0px 20px 0px;
		}
			#FotoDetail hr {
	  			width: 100%;
				height: 1px;
				margin: 5px 0px 20px 0px;
				border-top: 1px solid #4d4d4d;
			}
			#FotoDetail img.foto {
				width: 550px;
				margin: 0px 12px 20px 12px;
	            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
				-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			}
			#FotoDetail table.material {
				width: 280px; 
				float: left;
				display: table;
				text-align: left;
				padding: 0px 7px 0px 0px;
			}
				#FotoDetail table.material tr td {
					height: 60px;
					border: none;
	                text-align: left;
	                background: none;
					padding: 0px;
				}
	            #FotoDetail table.material tr td.tdicon {
					width: 55px;
				}
	            #FotoDetail table.material tr td a {
	                color: #4d4d4d;
					font-size: 1.1em;
					text-decoration: none;
				}
	            #FotoDetail table.material tr td a:hover {
	                color: #4d4d4d;
					text-decoration: underline;
				}
	    article ul#OboryDetail {
			list-style: none;
			margin: 0px 0px 10px 0px;
		}
			article ul#OboryDetail li {
				display: inline;
				float: left;
				margin: 5px;
				padding: 0px;
				background: none !important;
			}
		        article #OboryDetail li a {
					display: block;
					color: #fff;
					font-size: 1.2em;
					margin: 0px;
					padding: 5px 15px;
					background: #0054a4;
	                background: linear-gradient(45deg, #0054a4, #002c89);
					text-decoration: none;
					/*
	                border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
	                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	                font-weight: 300;
				}
	                article #OboryDetail li a:hover {
						text-decoration: underline;
					}
	                article #OboryDetail li a.aktivni {
						background: #d51576;
					}
	    article ul#PouzitiDetail {
			list-style: none;
			margin: 0px 0px 10px 0px;
		}
			article #PouzitiDetail li {
				display: inline;
				float: left;
				margin: 5px;
				padding: 0px;
	            background: none !important;
			}
		        article #PouzitiDetail li a {
					display: block;
					color: #fff;
					font-size: 1.2em;
					padding: 5px 15px;
					background: #0091e2;
	                background: linear-gradient(45deg, #0091e2, #0055a5);
					text-decoration: none;
	                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	                font-weight: 300;
				}
		            article #PouzitiDetail li a:hover {
						text-decoration: underline;
					}
        .sloupeckontakt {
            width: 33%;
            float: left;
		}
		.sloupeckontakt img {
            width: 340px;
			height: 249px;
			margin-left: 6px;
			margin-right: 6px;
		}
    footer {
		width: 100% !important;
	    min-width: 320px !important;
		background: url(../images/pozadi-paticka.png) repeat-x;
	    margin: 0px 0px 0px 0px;
		padding: 0px;
	}
		#Pata {
			width: 100%;
			height: 150px;
		}
			#Pata .stred {
				padding: 30px 0px 0px 0px;
			}
			#Pata .sloupecLogo {
				width: 310px;
				height: 150px;
				float: none;
				margin: 0px auto;
			}
			#Pata .sloupec {
				display: none;
			}
		    #LogoPata, #LogoPataEn {
		        width: 310px; 
		        height: 88px;
		        position: relative;
		    	overflow: hidden;
		    	font-size: 0.4em;
		    	padding: 0px !important;
				background: none;
				margin: 0px auto 0px auto;
		        text-indent: -9999px;
		    }
		    #LogoPata span, #LogoPataEn span {
		    	display: block;
		    	position: absolute;
		    	top: 0;
		    	left: 0;
		    	background: url(../images/pozadi-logo-pata.png) no-repeat;
                background-image: url(../images/pozadi-logo-pata.svg) !important;
        		background-size: 310px 88px;
		        width: 310px;
		    	height: 88px;
		    	visibility: visible;
		    	cursor: pointer;
		        _cursor: hand;
		    }
	            #LogoPataEn span {
	                background: url(../images/pozadi-logo-pata-en.png) no-repeat;
                    background-image: url(../images/pozadi-logo-pata.svg) !important;
        			background-size: 310px 88px;
				}
		#Paticka {
			width: 100% !important;
		    min-width: 320px !important;
			height: auto;
	        color: #fff;
			font-size: 1.0em;
			line-height: 1.5em;
	        text-align: center;
			padding: 0px 0px 5px 0px;
	        background: url(../images/pozadi-paticka-lista.png) repeat-x;
		}
			#Paticka p {
				padding: 0px 5px;
				margin-bottom: 10px;
			}
			#Paticka .stred {
				text-align: center;
				padding: 20px 0px 0px 0px;
			}
			#Paticka hr {
				margin-bottom: 20px;
			}
			#Paticka a {
				color: #fff;
				padding: 0px;
				margin: 0px;
				display: inline;
				text-decoration: none;
			}
		    #Paticka a:hover {
				color: #fff;
				text-decoration: underline;
			}
    .sloupecform {
		width: 94% !important;
		float: none;
		margin: 0px auto;
	}
		.sloupecform img.foto {
			width: 100% !important;
			height: auto;
		}
	#Spol, #Ico {
		display: table-row;
	}
	.vykres {
		float: left;
	}
		.vykres h4 {
			text-align: center;
			font-size: 1.5em;
			margin: 0px;
		}
	#Poptavka, #PoptavkaParam {
		width: 96% !important;
		margin: 0px auto;
	}
	#Poptavka tr td, #PoptavkaParam tr td {
		padding: 2px 5px;
		display: block;
	}
	#Poptavka tr td.top, #PoptavkaParam tr td.top {
        vertical-align: top;
	}
	    #Poptavka tr td.popisek {
			width: 100% !important;
			display: block;
		}
        #Poptavka tr td.hodnota {
			width: 100% !important;
			display: block;
		}
		#Poptavka tr.red td input {
			border: 1px solid #d51576;
		}
        #PoptavkaParam tr td.popisek {
			width: 100% !important;
			display: block;
		}
        #PoptavkaParam tr td.hodnota {
			width: 100% !important;
			display: block;
		}
	#Poptavka input, #PoptavkaParam input {
		width: 93% !important;
		height: 30px;
        padding: 0 2%;
		border: 1px solid #a2a2a2;
        box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
	}
        #PoptavkaParam input {
			width: 93% !important;
			height: 30px; 
		}
    #Poptavka select, #PoptavkaParam select {
		width: 97% !important;
		height: 30px; 
        padding: 0 2%;
		border: 1px solid #a2a2a2;
        box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
	}
        #PoptavkaParam select {
			width: 97% !important;
			height: 30px;
		}
    textarea {
  		width: 95% !important;
		height: 200px;
		padding: 2%;
        border: 1px solid #a2a2a2;
        box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -moz-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(120,120,120,1);
		}
    #Poptavka input.radio, #PoptavkaParam input.radio {
		width: 15px !important;
		height: 15px;
		border: 1px solid #a2a2a2;
		box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
	}
	#Poptavka tr.chyba td.popisek {
		color: red;
	}
    #Poptavka tr.chyba td.hodnota input {
		border: 1px solid red;
	}
	textarea.chyba {
        border: 1px solid red;
	}
    section .nahoru a {
		width: 35px !important;
		height: 35px !important;
		text-indent: -9999px;
		position: absolute;
		top: -15px;
		right: 20px;
		border: 1px solid #d51576;
        background: url(../images/pozadi-banner-vyber-sipka-zavrit.png) center center no-repeat;
	}
	.tlacitko {
        width: 90% !important;
		height: 45px; 
		cursor: pointer;
		_cursor: hand;
		display: block;
		color: #fff;
		font-size: 1.5em;
		margin: 20px auto 10px auto !important;
		padding: 5px 0px 0px 0px;
		background: #d51576;
        margin: 0px auto 15px auto;
	}
    	article table.seriovka {
			width: 98%;
			border: 1px solid #e6e6e6;
			/*
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
			*/
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		}
            article table.seriovka tr th {
				padding: 10px 10px;
				color: #fff;
				font-size: 1.2em;
				font-weight: normal;
				background: #005ca9;
				text-align: left;
				/*border: 1px solid #4d4d4d;*/
			}
            article table.seriovka tr td.nazev {
				padding: 7px 10px;
				color: #3c3c3c;
				font-weight: bold;
				background: #fff;
				/*border: 1px solid #4d4d4d;*/
			}
			article table.seriovka tr td {
				padding: 3px 10px;
				color: #3c3c3c;
				background: #e6e6e6;
				/*border: 1px solid #4d4d4d;*/
			}
			article table.seriovka tr:nth-child(even) td {
				background: #f5f5f5;
			}
			article table.seriovka tr td .pocet {
				display: block;
				width: 50px;
				height: 30px;
				text-align: center;
				border: 1px solid #d51576;
				padding: 5px 0px 5px 0px;
			}
			article table.seriovka tr td .tlacitkoobjednat {
				display: block;
				width: 100%;
				height: 30px;
				padding: 5px 0px 5px 0px;
				color: #fff;
				background: #d51576;
				text-decoration: none;
				cursor: pointer;
				_cursor: hand;
			}
                article table.seriovka tr td .tlacitkoobjednat:hover {
					color: #fff;
					background: #3c3c3c;
					text-decoration: none;
				}
			article table.seriovka tr th.center, article table.seriovka tr td.center {
				text-align: center;
			}
}
@media only screen and (min-width: 990px) and (max-width: 1159px) {
                #BannerText h2, #BannerText .big {
	                color: #005ca9;
					font-size: 1.45em;
	                line-height: 1.5em;
	                font-weight: 400;
					display: inline;
					text-align: center;
					padding: 5px 10px 0px 10px;
	                margin: 0px 0px 30px 0px;
					text-transform: uppercase;
					background: #fff;
	                opacity: 0.8;
				}
	            #BannerText h3, #BannerText .small {
	                color: #005ca9;
					font-size: 1.4em;
	                line-height: 1.5em;
	                font-weight: 300;
	                display: inline;
					padding: 5px 10px 0px 10px;
	                margin: 20px 0px 15px 0px;
	                background: #fff;
					opacity: 0.8;
				}
    		#Vyber {
				width: 100% !important;
				height: auto;
				margin: 0px 0px 10px 0px;
				padding: 5px 0px 5px 0px;
				float: none !important;
				text-align: left;
	            background-image: none;
				background: #005ca9;
			}
				#Vyber h3 {
					color: #fff;
	    			font-weight: 300;
					font-size: 2.0em;
					display: none;
				}
	            #Vyber h4 {
	                width: 95% !important;
					height: 20px; /* 40 */
					color: #005ca9;
					font-size: 1.1em;
     				padding: 10px 0px 0px 0px;
					padding-left: 5%;
				}
        		#PodlePouziti, #PodleOboru {
					width: 44% !important;
					height: 40px;
					float: left;
					background: #fff;
	                /*
					border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
					margin-top: 2px;
                    margin-bottom: 2px;
	                margin-left: 3%;
                    margin-right: 3%;
					position: relative;
					cursor: pointer;
					_cursor: hand;
				}
	    #ZakazkovaVyroba {
			width: 100% !important;
			min-width: 320px;
			height: auto;
			padding: 5px 0px 0px 0px;
			margin: 80px 0px 0px 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
			#ZakazkovaVyroba h2 {
				clear: both;
				display: block;
				width: 100%;
				margin: 25px 0px 0px 0px;
	            font-size: 1.8em;
			}
			#ZakazkovaVyroba ul {
				width: 100% !important;
				min-width: 320px;
				height: auto !important;
				margin: 10px auto 0px auto;
			}
				#ZakazkovaVyroba ul li {
					width: calc(20% - 1px) !important;
					display: inline;
					float: left;
                    margin-right: 1px;
                    background: #fff !important;
				}
	            #ZakazkovaVyroba ul li a {
					width: 100% !important;
					display: block;
	                font-size: 1.2em;
					line-height: 1.3em;
					margin: 0px !important;
				}
	            #ZakazkovaVyroba ul#Sest li a {
					width: 100% !important;
					height: 180px; /* 180 */
				}
	            #ZakazkovaVyroba ul#Sedm li a {
					width: 100% !important; /* 165 */
					height: 180px; /* 180 */
				}
	                #ZakazkovaVyroba ul li a:hover {
						color: #fff;
						opacity: 1.0;
			            text-decoration: none;
					}
	                #ZakazkovaVyroba ul li a.listy {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.automyci {
	                    font-size: 1.1em;
	                    line-height: 1.4em;
					}

	                #ZakazkovaVyroba ul li a.smetacky {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.specialni {
	                    width: 100% !important; /* 136 . sedm, */
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a span {
	                    padding: 10px 3px 10px 3px !important;
						color: #fff;
						display: block;
						opacity: 0.8;
						background: #0066b3;
					}
		article table.form textarea {
						width:  900px;
					    padding: 10px 10px 10px 10px;
					    border: 1px solid #005ca9;
					    box-shadow: unset;
				        -moz-box-shadow: unset;
				        -webkit-box-shadow: unset;
					}
}
@media only screen and (min-width: 825px) and (max-width: 989px) {
                #BannerText h2, #BannerText .big {
	                color: #005ca9;
					font-size: 1.45em;
	                line-height: 1.5em;
	                font-weight: 400;
					display: inline;
					text-align: center;
					padding: 5px 10px 0px 10px;
	                margin: 0px 0px 30px 0px;
					text-transform: uppercase;
					background: #fff;
	                opacity: 0.8;
				}
	            #BannerText h3, #BannerText .small {
	                color: #005ca9;
					font-size: 1.4em;
	                line-height: 1.5em;
	                font-weight: 300;
	                display: inline;
					padding: 5px 10px 0px 10px;
	                margin: 20px 0px 15px 0px;
	                background: #fff;
					opacity: 0.8;
				}
    		#Vyber {
				width: 100% !important;
				height: auto;
				margin: 0px 0px 10px 0px;
				padding: 5px 0px 5px 0px;
				float: none !important;
				text-align: left;
	            background-image: none;
				background: #005ca9;
			}
				#Vyber h3 {
					color: #fff;
	    			font-weight: 300;
					font-size: 2.0em;
					display: none;
				}
	            #Vyber h4 {
	                width: 95% !important;
					height: 20px; /* 40 */
					color: #005ca9;
					font-size: 1.1em;
     				padding: 10px 0px 0px 0px;
					padding-left: 5%;
				}
        		#PodlePouziti, #PodleOboru {
					width: 44% !important;
					height: 40px;
					float: left;
					background: #fff;
	                /*
					border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
					margin-top: 2px;
                    margin-bottom: 2px;
	                margin-left: 3%;
                    margin-right: 3%;
					position: relative;
					cursor: pointer;
					_cursor: hand;
				}
	    #ZakazkovaVyroba {
			width: 100% !important;
			min-width: 320px;
			height: auto;
			padding: 5px 0px 0px 0px;
			margin: 80px 0px 0px 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
			#ZakazkovaVyroba h2 {
				clear: both;
				display: block;
				width: 100%;
				margin: 25px 0px 0px 0px;
	            font-size: 1.8em;
			}
			#ZakazkovaVyroba ul {
				width: 100% !important;
				min-width: 320px;
				height: auto !important;
				margin: 10px auto 0px auto;
			}
				#ZakazkovaVyroba ul li {
					width: calc(20% - 1px) !important;
					display: inline;
					float: left;
                    margin-right: 1px;
                    background: #fff !important;
				}
	            #ZakazkovaVyroba ul li a {
					width: 100% !important;
					display: block;
	                font-size: 1.2em;
					line-height: 1.3em;
					margin: 0px !important;
				}
	            #ZakazkovaVyroba ul#Sest li a {
					width: 100% !important;
					height: 180px; /* 180 */
				}
	            #ZakazkovaVyroba ul#Sedm li a {
					width: 100% !important; /* 165 */
					height: 180px; /* 180 */
				}
	                #ZakazkovaVyroba ul li a:hover {
						color: #fff;
						opacity: 1.0;
			            text-decoration: none;
					}
	                #ZakazkovaVyroba ul li a.listy {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.automyci {
	                    font-size: 1.1em;
	                    line-height: 1.4em;
					}

	                #ZakazkovaVyroba ul li a.smetacky {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.specialni {
	                    width: 100% !important; /* 136 . sedm, */
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a span {
	                    padding: 10px 3px 10px 3px !important;
						color: #fff;
						display: block;
						opacity: 0.8;
						background: #0066b3;
					}
}
@media only screen and (min-width: 660px) and (max-width: 824px) {
                #BannerText h2, #BannerText .big {
	                color: #005ca9;
					font-size: 1.45em;
	                line-height: 1.5em;
	                font-weight: 400;
					display: inline;
					text-align: center;
					padding: 5px 10px 0px 10px;
	                margin: 0px 0px 30px 0px;
					text-transform: uppercase;
					background: #fff;
	                opacity: 0.8;
				}
	            #BannerText h3, #BannerText .small {
	                color: #005ca9;
					font-size: 1.4em;
	                line-height: 1.5em;
	                font-weight: 300;
	                display: inline;
					padding: 5px 10px 0px 10px;
	                margin: 20px 0px 15px 0px;
	                background: #fff;
					opacity: 0.8;
				}
    		#Vyber {
				width: 100% !important;
				height: auto;
				margin: 0px 0px 10px 0px;
				padding: 5px 0px 5px 0px;
				float: none !important;
				text-align: left;
	            background-image: none;
				background: #005ca9;
			}
				#Vyber h3 {
					color: #fff;
	    			font-weight: 300;
					font-size: 2.0em;
					display: none;
				}
	            #Vyber h4 {
	                width: 95% !important;
					height: 20px; /* 40 */
					color: #005ca9;
					font-size: 1.1em;
     				padding: 10px 0px 0px 0px;
					padding-left: 5%;
				}
        		#PodlePouziti, #PodleOboru {
					width: 44% !important;
					height: 40px;
					float: left;
					background: #fff;
	                /*
					border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
					margin-top: 2px;
                    margin-bottom: 2px;
	                margin-left: 3%;
                    margin-right: 3%;
					position: relative;
					cursor: pointer;
					_cursor: hand;
				}
	    #ZakazkovaVyroba {
			width: 100% !important;
			min-width: 320px;
			height: auto;
			padding: 5px 0px 0px 0px;
			margin: 80px 0px 0px 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
			#ZakazkovaVyroba h2 {
				clear: both;
				display: block;
				width: 100%;
				margin: 25px 0px 0px 0px;
	            font-size: 1.8em;
			}
			#ZakazkovaVyroba ul {
				width: 100% !important;
				min-width: 320px;
				height: auto !important;
				margin: 10px auto 0px auto;
			}
				#ZakazkovaVyroba ul li {
					width: calc(25% - 1px) !important;
					display: inline;
					float: left;
                    margin-right: 1px;
                    background: #fff !important;
				}
	            #ZakazkovaVyroba ul li a {
					width: 100% !important;
					display: block;
	                font-size: 1.2em;
					line-height: 1.3em;
					margin: 0px !important;
				}
	            #ZakazkovaVyroba ul#Sest li a {
					width: 100% !important;
					height: 180px; /* 180 */
				}
	            #ZakazkovaVyroba ul#Sedm li a {
					width: 100% !important; /* 165 */
					height: 180px; /* 180 */
				}
	                #ZakazkovaVyroba ul li a:hover {
						color: #fff;
						opacity: 1.0;
			            text-decoration: none;
					}
	                #ZakazkovaVyroba ul li a.listy {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.automyci {
	                    font-size: 1.1em;
	                    line-height: 1.4em;
					}

	                #ZakazkovaVyroba ul li a.smetacky {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.specialni {
	                    width: 100% !important; /* 136 . sedm, */
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a span {
	                    padding: 10px 3px 10px 3px !important;
						color: #fff;
						display: block;
						opacity: 0.8;
						background: #0066b3;
					}
}
@media only screen and (min-width: 495px) and (max-width: 659px) {
                #BannerText h2, #BannerText .big {
	                color: #005ca9;
					font-size: 1.45em;
	                line-height: 1.5em;
	                font-weight: 400;
					display: inline;
					text-align: center;
					padding: 5px 10px 0px 10px;
	                margin: 0px 0px 30px 0px;
					text-transform: uppercase;
					background: #fff;
	                opacity: 0.8;
				}
	            #BannerText h3, #BannerText .small {
	                color: #005ca9;
					font-size: 1.4em;
	                line-height: 1.5em;
	                font-weight: 300;
	                display: inline;
					padding: 5px 10px 0px 10px;
	                margin: 20px 0px 15px 0px;
	                background: #fff;
					opacity: 0.8;
				}
    		#Vyber {
				width: 100% !important;
				height: auto;
				margin: 0px 0px 10px 0px;
				padding: 5px 0px 5px 0px;
				float: none !important;
				text-align: left;
	            background-image: none;
				background: #005ca9;
			}
				#Vyber h3 {
					color: #fff;
	    			font-weight: 300;
					font-size: 2.0em;
					display: none;
				}
	            #Vyber h4 {
	                width: 95% !important;
					height: 20px; /* 40 */
					color: #005ca9;
					font-size: 1.1em;
     				padding: 10px 0px 0px 0px;
					padding-left: 5%;
				}
        		#PodlePouziti, #PodleOboru {
					width: 44% !important;
					height: 40px;
					float: left;
					background: #fff;
	                /*
					border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
					margin-top: 2px;
                    margin-bottom: 2px;
	                margin-left: 3%;
                    margin-right: 3%;
					position: relative;
					cursor: pointer;
					_cursor: hand;
				}
	    #ZakazkovaVyroba {
			width: 100% !important;
			min-width: 320px;
			height: auto;
			padding: 5px 0px 0px 0px;
			margin: 80px 0px 0px 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
			#ZakazkovaVyroba h2 {
				clear: both;
				display: block;
				width: 100%;
				margin: 25px 0px 0px 0px;
	            font-size: 1.8em;
			}
			#ZakazkovaVyroba ul {
				width: 100% !important;
				min-width: 320px;
				height: auto !important;
				margin: 10px auto 0px auto;
			}
				#ZakazkovaVyroba ul li {
					width: calc(33.3% - 1px) !important;
					display: inline;
					float: left;
                    margin-right: 1px;
                    background: #fff !important;
				}
	            #ZakazkovaVyroba ul li a {
					width: 100% !important;
					display: block;
	                font-size: 1.2em;
					line-height: 1.3em;
					margin: 0px !important;
				}
	            #ZakazkovaVyroba ul#Sest li a {
					width: 100% !important;
					height: 180px; /* 180 */
				}
	            #ZakazkovaVyroba ul#Sedm li a {
					width: 100% !important; /* 165 */
					height: 180px; /* 180 */
				}
	                #ZakazkovaVyroba ul li a:hover {
						color: #fff;
						opacity: 1.0;
			            text-decoration: none;
					}
	                #ZakazkovaVyroba ul li a.listy {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.automyci {
	                    font-size: 1.1em;
	                    line-height: 1.4em;
					}

	                #ZakazkovaVyroba ul li a.smetacky {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.specialni {
	                    width: 100% !important; /* 136 . sedm, */
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a span {
	                    padding: 10px 3px 10px 3px !important;
						color: #fff;
						display: block;
						opacity: 0.8;
						background: #0066b3;
					}
}
@media only screen and (max-width: 494px) {

    			#BannerText h2, #BannerText .big {
	                color: #005ca9;
					/*font-size: 1.45em;*/
					font-size: 1.3em;
	                line-height: 1.5em;
	                font-weight: 400;
					display: block;
					text-align: center;
					padding: 5px 10px 0px 10px;
	                margin: 10px 0px 0px 0px;
					text-transform: uppercase;
					background: #fff;
	                opacity: 0.8;
				}
	            #BannerText h3, #BannerText .small {
	                color: #005ca9;
					/*font-size: 1.4em;*/
					font-size: 1.25em;
	                line-height: 1.5em;
	                font-weight: 300;
	                display: block;
					padding: 5px 10px 0px 10px;
	                margin: 5px 0px 15px 0px;
	                background: #fff;
					opacity: 0.8;
				}
    		#Vyber {
    			width: 100% !important;
				height: auto;
				margin: 0px 0px 10px 0px;
				padding: 5px 0px 5px 0px;
				float: none !important;
				text-align: left;
	            background-image: none;
				background: #005ca9;
			}
				#Vyber h3 {
					color: #fff;
	    			font-weight: 300;
					font-size: 2.0em;
					display: none;
				}
	            #Vyber h4 {
                 	width: 95% !important;
					height: 20px; /* 40 */
					color: #005ca9;
					font-size: 1.1em;
     				padding: 10px 0px 0px 0px;
					padding-left: 5%;
				}
					#Vyber h4.de {
                            width: 95% !important;
						    height: 27px;
						    color: #005ca9;
						    font-size: 1.1em;
						    padding: 3px 0px 0px 0px;
						    padding-left: 5%;
					}
				.mobilsmall {
					display: block;
				}
        		#PodlePouziti, #PodleOboru {
					width: 44% !important;
					height: 40px;
					float: left;
					background: #fff;
	                /*
					border-radius: 8px;
	                -moz-border-radius: 8px;
	                -webkit-border-radius: 8px;
					*/
					margin-top: 2px;
                    margin-bottom: 2px;
	                margin-left: 3%;
                    margin-right: 3%;
					position: relative;
					cursor: pointer;
					_cursor: hand;
				}
	    #ZakazkovaVyroba {
			width: 100% !important;
			min-width: 320px;
			height: auto;
			padding: 5px 0px 0px 0px;
			margin: 80px 0px 0px 0px;
	        background: #e6e6e6 url(../images/pozadi-zakazkova-vyroba.png) repeat-x;
		}
			#ZakazkovaVyroba h2 {
				clear: both;
				display: block;
				width: 100%;
				margin: 25px 0px 0px 0px;
	            font-size: 1.8em;
			}
			#ZakazkovaVyroba ul {
				width: 100% !important;
				min-width: 320px;
				height: auto !important;
				margin: 10px auto 0px auto;
			}
				#ZakazkovaVyroba ul li {
					width: calc(50% - 1px) !important;
					display: inline;
					float: left;
                    margin-right: 1px;
                    background: #fff !important;
				}
	            #ZakazkovaVyroba ul li a {
					width: 100% !important;
					display: block;
	                font-size: 1.2em;
					line-height: 1.3em;
					margin: 0px !important;
				}
	            #ZakazkovaVyroba ul#Sest li a {
					width: 100% !important;
					height: 180px; /* 180 */
				}
	            #ZakazkovaVyroba ul#Sedm li a {
					width: 100% !important; /* 165 */
					height: 180px; /* 180 */
				}
	                #ZakazkovaVyroba ul li a:hover {
						color: #fff;
						opacity: 1.0;
			            text-decoration: none;
					}
	                #ZakazkovaVyroba ul li a.listy {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.automyci {
	                    font-size: 1.1em;
	                    line-height: 1.4em;
					}
	                
	                #ZakazkovaVyroba ul li a.smetacky {
	                    width: 100% !important;
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a.specialni {
	                    width: 100% !important; /* 136 . sedm, */
	                    margin-right: 1px;
					}
	                #ZakazkovaVyroba ul li a span {
	                    padding: 10px 3px 10px 3px !important;
						color: #fff;
						display: block;
						opacity: 0.8;
						background: #0066b3;
					}
}
@media only screen and (max-width: 410px) {
				#BannerText {
				    width: calc(96% - 110px) !important;
				    position: relative;
				    min-width: 200px !important;
				    height: auto;
				    padding: 30px 0px 0px 0px;
				    margin: 0px auto;
				    float: left;
				}
    			#BannerText h2, #BannerText .big {
	                color: #005ca9;
					/*font-size: 1.45em;*/
					font-size: 1.0em;
	                line-height: 1.5em;
	                font-weight: 400;
					display: block;
					text-align: center;
					padding: 5px 10px 0px 10px;
	                margin: 10px 0px 0px 0px;
					text-transform: uppercase;
					background: #fff;
	                opacity: 0.8;
				}
	            #BannerText h3, #BannerText .small {
	                color: #005ca9;
					/*font-size: 1.4em;*/
					font-size: 1.0em;
	                line-height: 1.5em;
	                font-weight: 300;
	                display: block;
					padding: 5px 10px 0px 10px;
	                margin: 5px 0px 15px 0px;
	                background: #fff;
					opacity: 0.8;
				}
}
@media only screen and (min-width: 620px) and (max-width: 1159px) {

		#Technologie {
			width: 100% !important;
			min-width: 320px !important;
			height: auto;
			padding: 20px 0px 0px 0px;
			margin: 0px auto !important;
	        background: #fff url(../images/pozadi-technologie.png) repeat-x;
		}
			#Technologie .stred, #Techno {
				width: 582px !important;
				margin: 0px auto;
			}
			#Technologie h2 {
				color: #005ca9;
	            font-size: 1.8em;
				text-align: center;
	            font-weight: 400;
				margin: 0px 0px 0px 0px;
			}
			.technologie {
				width: 289px !important;
				margin: 0px 1px;
                display: block;
				float: left;
			}
			.technologie a {
				width: 289px;
				height: 258px;
	            opacity: 1.0;
				text-decoration: none;
				padding-top: 150px;
				margin: 18px auto 10px auto;
				background-size: 289px 258px;
			}
             .technologie h3 {
					height: 100px;
					color: #fff;
		            font-size: 1.9em;
					text-align: center;
					padding: 0px 15px 0px 15px;
					margin: 0px 0px 40px 0px !important;
		            font-weight: 400;
				}
				.technologie p {
					color: #fff;
					font-size: 1.3em;
	                line-height: 1.3em;
					text-align: center;
					padding: 0px 15px 0px 15px;
	                font-weight: 400;
				}
}
@media only screen and (max-width: 619px) {

		#Technologie {
			width: 100% !important;
			min-width: 320px !important;
			height: auto;
			padding: 40px 0px 0px 0px;
			margin: 0px;
	        background: #fff url(../images/pozadi-technologie.png) repeat-x;
		}
			#Technologie h2 {
				color: #005ca9;
	            font-size: 2.4em;
				text-align: center;
	            font-weight: 400;
			}
			.technologie a {
				width: 289px;
				height: 258px;
				display: block;
				float: none;
	            opacity: 1.0;
				text-decoration: none;
				padding-top: 150px;
				margin: 18px auto 10px auto;
				background-size: 289px 258px;
			}
             .technologie h3 {
					height: 100px;
					color: #fff;
		            font-size: 1.9em;
					text-align: center;
					padding: 0px 15px 0px 15px;
					margin: 0px 0px 40px 0px !important;
		            font-weight: 400;
				}
				.technologie p {
					color: #fff;
					font-size: 1.3em;
	                line-height: 1.3em;
					text-align: center;
					padding: 0px 15px 0px 15px;
	                font-weight: 400;
				}
}
@media only screen and (min-width: 933px) and (max-width: 1159px) {

    #Aktuality {
		width: 100% !important;
		min-width: 320px !important;
		height: auto !important;
		padding: 30px 0px 0px 0px;
        background: #e6e6e6 url(../images/pozadi-aktuality-mobil.png) repeat-x;
	}
	#Aktuality .stred {
		width: 933px !important;
		margin: 0px auto;
	}
		#Aktuality h2, #Popis h2 {
			color: #005ca9;
            font-size: 1.8em;
			text-align: center;
            font-weight: 400;
			margin: 0px;
		}
		#Aktuality .aktualita, #Popis .aktualita {
            width: 291px;
			height: 235px;
			padding: 30px 8px 25px 8px;
			float: left;
			margin: 2px 2px;
            box-shadow: none;
			-moz-box-shadow: none;
            -webkit-box-shadow: none;
		}
        #Popis .aktualita {
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Aktuality .aktualita .datum, #Popis .aktualita .datum {
                font-size: 1.8em;
				margin: 0px 0px 25px 0px;
			}
			#Aktuality .aktualita h3, #Popis .aktualita h3 {
                font-size: 1.5em;
			}
            #Aktuality .aktualita p, #Popis .aktualita p {
                font-size: 1.2em;
				line-height: 1.3em;
			}
			#Aktuality .aktualita .odkaz a, #Popis .aktualita .odkaz a {
				width: 110px;
				height: 27px;
				bottom: 10px;
				padding: 13px 0px 0px 0px;
				margin: 0px 0px 0px 100px;
			}
            #Popis .aktualita .odkaz a {
				margin: 0px 0px 0px 15px;
			}
		#Popis {
            width: 100% !important;
			min-width: 320px !important;
			height: auto !important;
			padding: 0px 0px 0px 0px;
		}
        #Galerie .stred {
			width: 933px !important;
			margin: 0px auto !important;
		}
        #Galerie a {
			width: 290px;
			height: 193px;
			display: block;
			float: left;
			margin: 10px;
			overflow: hidden;
	        box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Galerie a img {
				max-width: 290px;
			}

}
@media only screen and (min-width: 622px) and (max-width: 932px) {

    #Aktuality {
		width: 100% !important;
		min-width: 320px !important;
		height: auto !important;
		padding: 30px 0px 0px 0px;
        background: #e6e6e6 url(../images/pozadi-aktuality-mobil.png) repeat-x;
	}
	#Aktuality .stred {
		width: 622px !important;
		margin: 0px auto;
	}
		#Aktuality h2, #Popis h2 {
			color: #005ca9;
            font-size: 1.8em;
			text-align: center;
            font-weight: 400;
			margin: 0px;
		}
		#Aktuality .aktualita, #Popis .aktualita {
            width: 291px;
			height: 235px;
			padding: 30px 8px 25px 8px;
			float: left;
			margin: 2px 2px;
            box-shadow: none;
			-moz-box-shadow: none;
            -webkit-box-shadow: none;
		}
        #Popis .aktualita {
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Aktuality .aktualita .datum, #Popis .aktualita .datum {
                font-size: 1.8em;
				margin: 0px 0px 25px 0px;
			}
			#Aktuality .aktualita h3, #Popis .aktualita h3 {
                font-size: 1.5em;
			}
            #Aktuality .aktualita p, #Popis .aktualita p {
                font-size: 1.2em;
				line-height: 1.3em;
			}
			#Aktuality .aktualita .odkaz a, #Popis .aktualita .odkaz a {
				width: 110px;
				height: 27px;
				bottom: 10px;
				padding: 13px 0px 0px 0px;
				margin: 0px 0px 0px 100px;
			}
            #Popis .aktualita .odkaz a {
				margin: 0px 0px 0px 15px;
			}
		#Popis {
            width: 100% !important;
			min-width: 320px !important;
			height: auto !important;
			padding: 0px 0px 0px 0px;
		}
		#Galerie .stred {
			width: 622px !important;
			margin: 0px auto !important;
		}
        #Galerie a {
			width: 290px;
			height: 193px;
			display: block;
			float: left;
			margin: 10px;
			overflow: hidden;
	        box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Galerie a img {
				max-width: 290px;
			}

}
@media only screen and (min-width: 321px) and (max-width: 621px) {

    #Aktuality {
		width: 100% !important;
		min-width: 320px !important;
		height: auto !important;
		padding: 30px 0px 0px 0px;
        background: #e6e6e6 url(../images/pozadi-aktuality-mobil.png) repeat-x;
	}

		#Aktuality h2, #Popis h2 {
			color: #005ca9;
            font-size: 1.8em;
			text-align: center;
            font-weight: 400;
			margin: 0px;
		}
		#Aktuality .aktualita, #Popis .aktualita {
            width: 295px;
			height: 235px;
			padding: 30px 8px 25px 8px;
			float: none;
			margin: 5px auto;
            box-shadow: none;
			-moz-box-shadow: none;
            -webkit-box-shadow: none;
		}
        #Popis .aktualita {
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Aktuality .aktualita .datum, #Popis .aktualita .datum {
                font-size: 1.8em;
				margin: 0px 0px 25px 0px;
			}
			#Aktuality .aktualita h3, #Popis .aktualita h3 {
                font-size: 1.5em;
			}
            #Aktuality .aktualita p, #Popis .aktualita p {
                font-size: 1.2em;
				line-height: 1.3em;
			}
			#Aktuality .aktualita .odkaz a, #Popis .aktualita .odkaz a {
				width: 110px;
				height: 27px;
				bottom: 10px;
				padding: 13px 0px 0px 0px;
				margin: 0px 0px 0px 100px;
			}
            #Popis .aktualita .odkaz a {
				margin: 0px 0px 0px 15px;
			}
		#Popis {
            width: 100% !important;
			min-width: 320px !important;
			height: auto !important;
			padding: 0px 0px 0px 0px;
		}
        #Galerie a {
			width: 290px;
			height: 193px;
			display: block;
			float: none;
			margin: 10px auto;
			overflow: hidden;
	        box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Galerie a img {
				max-width: 290px;
			}

}
@media only screen and (min-width: 880px) and (max-width: 999px) {
	table.seriovka {
				width: 99% !important;
				border: 1px solid #e6e6e6;
				margin-left: auto !important;
				margin-right: auto !important;
			}
	            article table.seriovka tr th {
					width: calc(100% - 20px);
					display: block;
				}
				article table.seriovka tr td {
					width: calc(100% - 20px);
					display: block;
				}
				article table.seriovka tr td select option {
					padding: 5px 10px;
				}
}
@media only screen and (min-width: 880px) and (max-width: 1159px) {
		article .produktystred {
			width: 880px !important;
			margin: 0px auto;
		}
    		article .produkt {
				width: 270px;
				height: 250px;
				margin: 10px 5px 15px 5px !important;
				float: left;
	            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			}
				article .maly {
					margin: 5px 5px 5px 5px !important;
				}
        .sloupeckontakt img {
	            width: 320px;
				height: 234px;
				margin-left: auto !important;
				margin-right: auto !important;
			}
}
@media only screen and (min-width: 590px) and (max-width: 879px) {

		article .produktystred {
			width: 560px !important;
			margin: 0px auto;
		}
    		article .produkt {
				width: 270px;
				height: 250px;
				margin: 10px 5px 15px 5px !important;
				float: left;
	            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			}
				article .maly {
					margin: 5px 5px 5px 5px !important;
				}
        .sloupeckontakt {
	            width: 94% !important;
				margin: 0px auto;
	            float: none;
			}
			.sloupeckontakt img {
	            width: 340px;
				height: 249px;
				margin-left: auto !important;
				margin-right: auto !important;
			}
            table.seriovka {
				width: 99% !important;
				border: 1px solid #e6e6e6;
				margin-left: auto !important;
				margin-right: auto !important;
			}
	            article table.seriovka tr th {
					width: calc(100% - 20px);
					display: block;
				}
				article table.seriovka tr td {
					width: calc(100% - 20px);
					display: block;
				}
				article table.seriovka tr td select option {
					padding: 5px 10px;
				}
        #Popis a.kotva {
		    width: calc(48% - 30px);
		    height: 25px;
		    display: block;
		    padding: 10px 15px 3px 15px;
		    margin: 0px 1% 1px 1%;
		    color: #fff;
		    float: left;
		    font-size: 1.25em;
		    text-decoration: none;
		    background: #d51576 url(../images/vyrobky-sipka.png) 95% 12px no-repeat;
		}
		#Formular article {
			width: 94% !important;
			min-width: 310px !important;
			margin: 0px auto 0px auto !important;
			padding: 50px 0px 0px 0px;
		}
		#Formular article .nahoru a {
            top: 15px;
		}
}
@media only screen and (min-width: 320px) and (max-width: 589px) {

    		article .produkt {
				width: 270px;
				height: 250px;
				margin: 5px auto 5px auto !important;
				float: none;
	            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			}
				article .maly {
					margin: 5px auto 10px auto !important;
				}
            .sloupeckontakt {
	            width: 94% !important;
				margin: 0px auto;
	            float: none;
			}
			.sloupeckontakt img {
	            width: 320px;
				height: 234px;
				margin-left: auto !important;
				margin-right: auto !important;
			}
            table.seriovka {
				width: 99% !important;
				border: 1px solid #e6e6e6;
				margin-left: auto !important;
				margin-right: auto !important;
			}
	            article table.seriovka tr th {
					width: calc(100% - 20px);
					display: block;
				}
				article table.seriovka tr td {
					width: calc(100% - 20px);
					display: block;
				}
        article .telefony {
				width: 100% !important;
				float: none;
				padding: 10px 0px 0px 0px;
				margin: 0px 0px 10px 0px;
				text-align: center;
			}
        	article .telefony a.telefoncz, article .telefony a.telefonsk {
					width: 200px !important;
					height: 35px;
					display: block;
                    float: none;
					margin: 0px auto !important;
	                font-size: 1.5em;
	                padding: 7px 0px 0px 25px;
				}
	            article .telefony a.telefoncz, article .telefony a.telefonsk {
					margin-right: 0px;
				}
	            article .telefony a.kontakt {
					width: 200px;
					height: 35px;
					display: block;
	                font-size: 1.5em;
	                padding: 7px 0px 0px 20px;
					margin: 3px auto 0px auto !important;
				}
	            article .telefony a.kontakt {
					margin-right: 0px;
				}
        #Popis a.kotva {
		    width: calc(100% - 30px);
		    height: 25px;
		    display: block;
		    padding: 10px 15px 3px 15px;
		    margin: 0px 0px 1px 0px;
		    color: #fff;
		    float: left;
		    font-size: 1.25em;
		    text-decoration: none;
		    background: #d51576 url(../images/vyrobky-sipka.png) 94% 12px no-repeat;
		}
        #Formular article {
			width: 94% !important;
			min-width: 320px !important;
			margin: 0px auto 0px auto !important;
			padding: 60px 0px 0px 0px;
		}
        #Formular article .nahoru a {
            top: 15px;
		}
}
@media only screen and (max-width: 400px) {
	.legpul {
		width:  100%;
		float:  none;
	}
	article table.form tr td input {
		width:  250px !important;
	}
}
@media only screen and (max-width: 500px) {
	article table.form {
		width:  90% !important;
	}
	article table.form tr td {
		float:  none;
		display: block;
		padding:  0px;
	}
	article table.form tr td input {
		margin-bottom:  15px;
	}
}
@media only screen and (max-width: 900px) {
	.pulform {
		width:  100%;
		float:  left;
	}
	article table.form textarea {
		width:  100%;
					    
	}
}
@media only screen and (max-width: 320px) {

    #Aktuality {
		width: 100% !important;
		min-width: 320px !important;
		height: auto !important;
		padding: 30px 0px 0px 0px;
        background: #e6e6e6 url(../images/pozadi-aktuality-mobil.png) repeat-x;
	}

		#Aktuality h2, #Popis h2 {
			color: #005ca9;
            font-size: 1.8em;
			text-align: center;
            font-weight: 400;
			margin: 0px;
		}
		#Aktuality .aktualita, #Popis .aktualita {
            width: 295px; 
			height: 235px; 
			padding: 30px 8px 25px 8px;
			float: none;
			margin: 5px auto;
            box-shadow: none;
			-moz-box-shadow: none;
            -webkit-box-shadow: none;
		}
        #Popis .aktualita {
            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
		}
			#Aktuality .aktualita .datum, #Popis .aktualita .datum {
                font-size: 1.8em;
				margin: 0px 0px 25px 0px;
			}
			#Aktuality .aktualita h3, #Popis .aktualita h3 {
                font-size: 1.5em;
			}
            #Aktuality .aktualita p, #Popis .aktualita p {
                font-size: 1.2em;
				line-height: 1.3em;
			}
			#Aktuality .aktualita .odkaz a, #Popis .aktualita .odkaz a {
				width: 110px;
				height: 27px;
				bottom: 10px;
				padding: 13px 0px 0px 0px;
				margin: 0px 0px 0px 100px;
			}
            #Popis .aktualita .odkaz a {
				margin: 0px 0px 0px 15px;
			}
		#Popis {
            width: 94% !important;
		    min-width: 310px !important;
		    height: auto !important;
		    margin: 0px auto;
		    padding: 0px 0px 0px 0px;
		}
        	article .produkt {
				width: 270px;
				height: 250px;
				margin: 10px auto 15px auto !important;
				float: none;
	            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
			}
				article .maly {
					margin: 5px auto 10px auto !important;
				}
        #Galerie a {
				width: 290px;
				height: 193px;
				display: block;
				float: none;
				margin: 10px auto;
				overflow: hidden;
	            box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
				-moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
	            -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
			}
				#Galerie a img {
					max-width: 290px;
				}
        .sloupeckontakt {
            width: 94% !important;
			margin: 0px auto;
            float: none;
		}
		.sloupeckontakt img {
            width: 320px;
			height: 234px;
			margin-left: auto !important;
			margin-right: auto !important;
		}
        table.seriovka {
			width: 99% !important;
			border: 1px solid #e6e6e6;
			margin-left: auto !important;
			margin-right: auto !important;
		}
            article table.seriovka tr th {
				width: calc(100% - 20px);
				display: block;
			}
			article table.seriovka tr td {
				width: calc(100% - 20px);
				display: block;
			}

        article .telefony {
				width: 100% !important;
				float: none;
				padding: 10px 0px 0px 0px;
				margin: 0px 0px 10px 0px;
				text-align: center;
			}
        	article .telefony a.telefoncz, article .telefony a.telefonsk {
					width: 200px !important;
					height: 35px;
					display: block;
                    float: none;
					margin: 0px auto !important;
	                font-size: 1.5em;
	                padding: 7px 0px 0px 25px;
				}
	            article .telefony a.telefoncz, article .telefony a.telefonsk {
					margin-right: 0px;
				}
	            article .telefony a.kontakt {
					width: 200px;
					height: 35px;
					display: block;
	                font-size: 1.5em;
	                padding: 7px 0px 0px 20px;
					margin: 3px auto 0px auto !important;
				}
	            article .telefony a.kontakt {
					margin-right: 0px;
				}
        #Popis a.kotva {
		    width: calc(100% - 30px);
		    height: 25px;
		    display: block;
		    padding: 10px 15px 3px 15px;
		    margin: 0px 0px 1px 0px;
		    color: #fff;
		    float: left;
		    font-size: 1.25em;
		    text-decoration: none;
		    background: #d51576 url(../images/vyrobky-sipka.png) 280px 12px no-repeat;
		}
		#Formular article {
			width: 94% !important;
			min-width: 310px !important;
			margin: 0px auto 0px auto !important;
			padding: 50px 0px 0px 0px;
		}
		#Formular article .nahoru a {
            top: 15px;
		}
        #PoptavkaParam select {
		    width: 97% !important;
		    height: 30px;
		}
}