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

    #LogoMobil, #MenuMobil, .mobile, #VyhledavaniMobil {
	    display: block;
	}
	#Logo, #Menu, .desktop, #Promo .timers, #fwslider .slidePrev, #fwslider .slideNext, #fwslider .slider_container .slide .title {
		display: none;
	}
	header, header a, header li, #Logo, #Logo span, #Vyhledavani {
	    transition: all 0s;
	    -moz-transition: all 0s; 
	    -webkit-transition: all 0s; 
	    -o-transition: all 0s; 
	}
    .pulka {
        width: 100% !important;
        float: left;
    }
    .center {
	    width: 100% !important;
	    min-width: 320px;
	    margin: 0px auto;
	    position: relative;
	}
	h1, h2.nadpis {
		padding: 35px 0px 0px 0px !important;
		margin: 0px 0px 25px 0px;
	    font-size: 2.0em;
		text-align: center;
		text-transform: uppercase;
	}
	#Promo {
		width: 100%;
		min-width: 320px;
		height: auto !important; 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
		background: url(../images/pozadi-promo.png) bottom left repeat;
	}
		#Promo img {
			width: 100%;
			display: block;
			margin: 0px auto;
		}
		#Promo ul {
            display: none;
			width: 100% !important;
			min-width: 320px;
			height: auto;
			margin: 0px auto;
			list-style: none;
		}
			#Promo ul li {
				height: auto !important;
				padding: 15px 0px 0px 20px;
				display: block;
				float: none;
				font-size: 1.3em;
				color: #fff;
				text-align: center;
				font-style: italic;
	            background: none !important;
			}
	header.velke, header.male {
	    width: 100% !important;
		min-width: 320px !important;
		height: 60px !important;
	    min-height: 60px;
	    padding: 0px !important;
	    overflow: visible;
		z-index: 10;
		background-image: none !important;
		background: #fff !important;
		position: fixed;
		top: 0;
		left: 0;
		margin-left: 0px;
	    background: #fff;
        box-shadow: 0px 2px 18px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 18px -2px rgba(0,0,0,0.75);
        -webkit-box-shadow: 0px 2px 18px -2px rgba(0,0,0,0.75);
	}
	#fwslider #SliderZkos {
        width: 100%;
        max-width: 1600px;
        height: 123px;
        position: absolute;
        bottom: -1px;
        left: 0px;
        z-index: 5 !important;
        background: url(../../images/pozadi-slider-zkos.png) bottom center no-repeat;
    }
        #MenuMobil {
	        width: 62px;
	        height: 55px;
			margin: 5px;
	        float: right;
	        cursor: pointer;
	        _cursor: hand;
	    }
	    header #LogoMobil {
	        width: 50px;
	        height: 50px;
	        position: relative;
	    	overflow: hidden;
			float: left;
	    	font-size: 0.4em;
	    	margin: 5px !important;
	    	padding: 0px 0px 0px 0px !important;
	        /*text-indent: -9999px;*/
	    }
	    header #LogoMobil img {
	    	width: 50px;
	    	height: 50px;
	    }
	    nav#Navigace {
	        width: 100% !important; /* 857 */
			min-width: 320px;
	        height: auto !important;
	        margin: -5px 0px 0px 0px !important;
			padding: 0px !important;
			float: none;
			z-index: 3;
			display: none;
			background: #fff;
			border-bottom: 1px solid #fff;
	    }
	    ul#MenuMobil {
	    	width: 100% !important;
	    	height: auto !important;
			display: block;
	    	list-style: none;
	    	margin: 0px;
	    	padding: 0px 0px 0px 0px;
	        font-size: 1.1em;
	    }
	    ul#MenuMobil li {
			width: 100% !important;
			min-width: 320px;
	    	display: block;
	    	float: none;
	        margin: 0px 0px 0px 0px;
	        padding: 0px 0px 0px 0px;
	    }
	    ul#MenuMobil li.last {
	    	margin: 0px 0px 0px 0px;
	    }
	    .male ul#MenuMobil a, .velke ul#MenuMobil a {
			width: 100% !important;
	        height: auto !important;
	        padding: 20px 0px 20px 0px;
	    	color: #6c6c6c;
	    	font-weight: 700;
			text-align: center;
	        display: block;
	        text-decoration: none;
	    }
	    ul#MenuMobil a:hover {
	    	color: #333333;
	        text-decoration: none;
			border-bottom: 6px solid #0067a7;
	        /*background: url(../images/pozadi-menu-hover.png) center 70px no-repeat;*/
	    }
	    ul#MenuMobil a.aktivni {
	    	color: #333333;
	        text-decoration: none;
	        border-bottom: 6px solid #0067a7;
	        /*background: url(../images/pozadi-menu-aktivni.png) center 70px no-repeat;*/
	    }
    #VyhledavaniMobil {
        width: calc(100% - 135px);
        height: 33px;
        position: relative;
        padding: 17px 0px 0px 0px;
        float: left;
        text-align: center;
    }
	header nav#Navigace {
        width: 100% !important; 
        height: auto !important;
        overflow-y: scroll;
  		-webkit-overflow-scrolling:touch;
        margin: 55px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: none;
		opacity: 0.95;
		display: none;
		background: #215e8f;
    }
    header.velke #Vyhledavani, header.male #Vyhledavani {
        top: 60px;
        height: 30px;
        width: 100%;
        background: #fff;
        text-align: center;
    }
    #Hledani a.vysledek {
        width: calc(100% - 20px);
        height: auto !important;
        display: block;
        color: #215e8f;
        margin: 0px 0px 4px 0px;
        background: #e9eff4;
        padding: 8px 10px;
        cursor: pointer;
        cursor: hand;
        float: none !important;
        clear: both;
        text-decoration: none;
    }
    #OdstupMobil {
        width: 100%;
        display: block;
        height: 60px;
    }
    ul#MobilMenu {
    	width: 100% !important; 
        min-width: 320px !important;
    	height: auto !important; 
    	overflow: scroll;
    	list-style: none;
        z-index: 1;
        background: #215e8f;
        margin: 0px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
        font-size: 0.9em;
    }
    .velke ul#MobilMenu {
    	height: auto !important; 
    	margin: 0px 0px 0px 0px;
    }
    .male ul#MobilMenu {
    	height: auto !important; 
    	margin: 0px 0px 0px 0px;
    }
    .velke ul#MobilMenu li  {
    	height: auto !important; 
    }
    .male ul#MobilMenu li {
    	height: auto !important; 
    }
    ul#MobilMenu li {
    	width: 100% !important;
    	display: block;
    	float: none;
    	clear: both;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: none;
    }
    ul#MobilMenu li.last {
    	margin: 0px;
		padding: 0px;
        text-align: center;
        background: none;
    }
        ul#MobilMenu li.last input {
            height: 22px;
        }
    #MobilMenu a {
    	color: #fff;
        display: block;
		font-weight: 300;
		text-transform: uppercase;
        text-decoration: none;
    }
    .velke #MobilMenu a {
        height: 28px;
        cursor: pointer;
        _cursor: hand;
        padding: 7px 15px 0px 15px;
    }
    .male #MobilMenu a {
        height: 28px;
        cursor: pointer;
        _cursor: hand;
        padding: 7px 15px 0px 15px;
    }
    #MobilMenu li a {
        padding: 5px 5px;
        font-weight: 800;
    }
    #MobilMenu li ul li a {
        font-weight: 700;
    }
    #MobilMenu li.sub a {
    	height: 20px;
        font-weight: 800;
    	border-bottom: 1px solid #1f90cf;
    }
    #MobilMenu a:hover {
    	color: #fff;
        text-decoration: underline;
    }
    #MobilMenu a.aktivni {
    	color: #fff;
        text-decoration: underline;
    }
		#MobilMenu li.sub {
			/*position: relative;*/
	    }
	    #MobilMenu li.sub:hover ul {
	    	display: block;
            width: 100% !important;
	    }
			#MobilMenu li.sub ul {
				width: 100% !important;
                min-height: auto !important;
		        display: block;
			    position: relative;
			    left: 0;
	            background: #215e8f;
				padding: 0px !important;
				margin: 0px 0px 15px 0px!important;
			}
	        #MobilMenu li.sub ul li {
				width: 50% !important;
                display: block;
                color: #fff;
                float: left;
                clear: none;
				height: auto !important;
				background: #215e8f;
                margin-left: 0px !important;
			}
			#MobilMenu li.sub ul li a {
				height: auto !important;
	            color: #fff;
		    	text-align: left;
		        display: block;
		        font-weight: 400;
		        margin: 0px 15px 0px 15px !important;
				padding: 7px 0px 0px 0px !important;
		        font-size: 0.9em;
		        text-transform: none !important;
		        text-decoration: none;
		        border-bottom: none !important;
				position: relative;
				border-bottom: 1px solid #1f90cf;
			}
	        #MobilMenu li.sub ul li a:hover {
	            height: auto !important;
	            color: #fff;
		    	text-align: left;
		        display: block;
		        font-weight: 400;
		        margin: 0px 15px 0px 15px !important;
				padding: 7px 0px 5px 0px !important;
		        font-size: 0.9em;
                background: #215e8f;
		        text-decoration: none;
		        border-bottom: none !importanrt;
			}
                #MobilMenu li.sub:hover ul li:hover ul.subsub {
                    display: none; 
                }
                #MobilMenu li.sub ul li ul.subsub {
                    width: 100% !important;
                    height: 0px !important;
                    min-height: auto !important;
                    display: none;
                    position: relative;
                    left: 0px;
                    top: 0px;
                    background: #fff;
                    height: auto !important;
                    padding: 0px !important;
                    margin: 0px !important;
                }
                #MobilMenu li.sub ul li ul.subsub li {
                    width: 100% !important;
                    display: block;
                    color: #215e8f;
                    float: none;
                    height: auto !important;
                    background: none;
                    margin: 0px 0px 0px 0px !important;
                    padding: 0px;
                    border-bottom: none;
                }
                #MobilMenu li.sub ul li ul.subsub li a {
                    height: auto !important;
                    color: #215e8f;
                    text-align: left;
                    display: block;
                    margin: 0px 0px 0px 0px !important;
                    padding: 0px 0px 0px 0px !important;
                    font-size: 0.9em;
                    background: none;
                    text-transform: none;
                    text-decoration: none;
                    border-bottom: none !important;
                    position: relative;
                }
                #MobilMenu li.sub ul li ul.subsub li a:hover {
                    height: auto !important;
                    color: #d9261c;
                    text-align: left;
                    display: block;
                    margin: 0px 0px 0px 0px !important;
                    padding: 0px 0px 0px 0px !important;
                    font-size: 0.9em;
                    text-decoration: none;
                    border-bottom: none !importanrt;
                }
	section {
	    width: 98% !important; /* 1000 */
	    min-width: 320px;
	    margin: 0px auto;
	    padding: 0px 0px 0px 0px;
	}
		section aside {
			width: 98% !important;
			padding-left: 1%;
            padding-right: 1%;
			margin-bottom: 20px;
			float: none;
			display: block;
		}
			aside h2 {
				width: 220px;
				height: 38px;
				margin: 0px auto 15px auto !important;
				display: block;
				color: #fff;
				font-size: 1.4em;
				font-style: italic;
				font-weight: 500;
				text-align: center;
				padding: 15px 0px 0px 0px;
	            background: url(../images/pozadi-aktuality.png) top center no-repeat;
			}
			aside ul {
				width: 100% !important;
				list-style: none;
				margin: 0px;
			}
				aside ul li .datum {
					color: #303030;
					margin-bottom: 5px;
					border-bottom: 1px solid #303030;
				}
	            aside ul li h3 {
					font-size: 1.0em;
				}
				aside ul li h3 a {
					font-size: 1.0em;
					line-height: 1.3em;
					font-weight: 500;
					font-style: italic;
					color: #016eab;
					text-decoration: none;
				}
					aside ul li h3 a:hover {
	                    color: #016eab;
						text-decoration: underline;
					}
	    section article {
	        width: 98% !important;
	        min-width: 320px !important;
			float: none;
	        margin: 0px auto;
			padding: 20px 0px 25px 0px;
			padding-left: 1%;
            padding-right: 1%;
	    }
		section article p, section article h1, section article h2, section article h3 {
			padding: 0px 0px;
		}
		section article a.odkaz {
			padding: 10px 40px 10px 15px;
			color: #fff;
			float: right;
			margin: 10px auto;
			text-decoration: none;
	        background: #333333 url(../images/ikona-odkaz-aktivni.png) calc(100% - 10px) center no-repeat;
		}
	        section article a.odkaz:hover {
		        background: #dd117c url(../images/ikona-odkaz.png) calc(100% - 10px) center no-repeat;
	            background-position: top -20px;
			}
        #ObsahUvod {
            width: 92% !important;
            color: #215e8f;
            padding: 20px 2% !important;
            margin: 0px auto;
            background: #fff;
        }
		article table tr th, article table tr td {
			width: 96% !important;
            display: block;
            padding: 2% 2%;
		}
		article table tr td {
			margin-bottom: 1px !important;
		}
		section .zkos {
	    	width: 98%;
	   		height: 50px;
	   		margin: -2px auto 50px auto;
			background: url(../images/pozadi-tmave-zkos.png) center bottom no-repeat;
	    }
		article .novina {
    		width: 96% !important;
    		min-width: 310px;
    		height: auto;
    		float: none;
    		margin: 0 2% 2% 2%;
    		background: #fff;
    		position: relative;
    	}
    		article .nbez {
    			margin: 0px;
    		}
    		article .novina .foto {
    			width: 100% !important;
    			height: auto !important;
    			overflow: hidden;
    		}
    		article .novina .foto img {
    			width: 100% !important;
    			height: auto !important;
    		}
    		article .novina .popis {
    			width: 96% !important;
    			height: auto !important;
    			padding: 10px 0px;
    			padding-left: 2%;
    			padding-right: 2%;
    		}
    			article .novina .popis h3 {
    				width: 100% !important;
    				height: 35px;
    				overflow: hidden;
    				font-size: 1.0em;
    				line-height: 1.3em;
    				text-transform: uppercase;
    			}
    			article .novina .popis p {
    				width: 96% !important;
    				height: 81px;
    				padding: 0px !important;
    				margin: 0px auto;
    				font-size: 0.9em;
    				line-height: 1.2em;
    				overflow: hidden;
    				color: #215e8f;
    			}
    	article .novinka {
    		width: 96% !important;
    		min-width: 310px;
    		height: auto !important;
    		float: none;
    		margin: 0 auto 2% auto;
    		background: #fff;
    		position: relative;
    	}
    		article .novinka .foto {
    			width: 100% !important;
    			height: auto !important;
    			float: none;
    			overflow: hidden;
    		}
    		article .novinka .foto img {
    			/*width: 247px;*/
    			width: 100% !important;
    			height: auto !important;
    		}
    		article .novinka .popis {
    			width: 96% !important;
    			height: auto !important;
    			float: none;
    			padding: 15px 0px 10px 0px;
    			padding-left: 2%;
    			padding-right: 2%;
    		}
    			article .novinka .popis h3 {
    				width: 100% !important;
    				height: 38px;
    				overflow: hidden;
    				font-size: 1.0em;
    				line-height: 1.3em;
    				text-transform: uppercase;
    			}
    				article .novina .popis h3 a,
    				article .novinka .popis h3 a {
    					color: #215e8f;
    					cursor: pointer;
    					cursor: hand;
    					text-decoration: none;
    				}
    			article .novinka .popis p {
    				width: 100% !important;
    				height: 81px;
    				color: #215e8f;
    				padding: 0px !important;
    				font-size: 0.9em;
    				line-height: 1.2em;
    				overflow: hidden;
    			}
    	article .sluzba {
    		width: 98% !important;
    		height: auto !important;
    		margin: 0px auto 5px auto !important;
    		padding: 30px 0px 10px 0px !important;
    		float: none;
    		text-align: center;
    		background: #e9eff4;
    	}
    		article .sluzba h3 {
    			height: 35px;
    			font-size: 1.0em;
    			text-transform: uppercase;
    		}
    		article .sluzba .popis {
    			width: 90% !important;
    			height: auto !important;
    			text-overflow: hidden;
    			font-size: 0.8em;
    			line-height: 1.2em;
    			text-align: center;
    			margin: 0px auto;
    			color: #215e8f;
    		}
    		article .sluzba p a.vice {
    			width: 107px;
    			display: block;
    			margin: 20px auto 0px auto;
    			font-size: 0.7em;
    			color: #215e8f;
    			text-align: center;
    			text-transform: uppercase;
    			text-decoration: none;
    			background: url(../images/pozadi-vice.png) 0px 8px no-repeat;
    		}
    	article .youtube {
            width: 100%;
            height: auto;
        }
        article .youtubes {
            width: 100%;
            height: auto;
            float: none;
            margin-bottom: 5px;
        }
    #Dokumenty a.docs, #Dokumenty a.doks {
        width: 96% !important;
        height: auto !important;
        display: block;
        color: #215e8f;
        margin: 0px 0px 2px 0px;
        background: #e9eff4;
        padding: 8px 0px 0px 0px;
        padding-left: 2% !important;
        padding-right: 2% !important;
        cursor: pointer;
        cursor: hand;
        float: none;
        text-decoration: none;
    }
        #Dokumenty a:hover.docs, #Dokumenty a:hover.doks {
            color: #fff;
            background: #215e8f;
        }
        #Dokumenty a.docs:nth-child(even), #Dokumenty a.doks:nth-child(even) {
            margin-left: 0px;
            margin-right: 0px;
        }
        #Dokumenty a.docs .ikona, #Dokumenty a.doks .ikona {
            width: 45px;
            height: 37px;
            float: left;
        }
        #Dokumenty a.docs .nazev, #Dokumenty a.doks .nazev {
            width: calc(100% - 50px);
            height: auto !important;
            padding: 3px 5px 5px 0px;
            float: left;
            font-size: 0.8em;
            line-height: 1.3em;
        }
        #Dokumenty a.docs .popis, #Dokumenty a.doks .popis {
        	width: calc(100% - 45px);
            height: auto !important;
            float: none;
            clear: both;
            padding: 0px 0px 5px 45px;
            margin: 0px 0px 0px 0px;
            font-size: 0.7em;
            line-height: 1.3em;
        }
/*
    #Dokumenty a.doks {
        width: 100% !important;
        height: auto !important;
        display: block;
        color: #215e8f;
        margin: 0px 0px 4px 0px;
        background: #e9eff4;
        padding: 8px 10px;
        cursor: pointer;
        cursor: hand;
        float: none !important;
        clear: both;
        text-decoration: none;
    }
        #Dokumenty a:hover.doks {
            color: #fff;
            background: #215e8f;
        }
        #Dokumenty a.doks:nth-child(even) {
            margin-left: 0px !important;
            margin-right: 0px;
        }
        #Dokumenty a.doks .ikona {
            width: 45px;
            height: 37px;
            float: left;
        }
        #Dokumenty a.doks .nazev {
            width: 830px;
            height: auto !important;
            padding: 3px 5px 0px 0px;
            float: left;
            font-size: 0.8em;
            line-height: 1.3em;
        }
            #Dokumenty a.doks .nazev p {
                color: #000;
                font-size: 0.95em;
                line-height: 1.3em;
                margin: 0px !important;
            }
            #Dokumenty a:hover.doks .nazev p {
                color: #fff;
            }
        #Dokumenty a.doks .popis {
            width: 100px;
            height: 37px;
            float: left;
            margin: -2px 0px 0px 0px;
            font-size: 0.7em;
            line-height: 1.3em;
        }
            #Dokumenty a.doks .popis strong {
                font-weight: bold;
            }
                #Dokumenty a.doks .popis strong span {
                    text-transform: uppercase;
                }
*/
    #Obsah {
        width: 100%; /* 1000 */
    	min-width: 320px;
        background: #fff;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
    }
        #Obsah h1, #Obsah h2, #Obsah h3 {
			text-align: center;
			margin: 0px 0px 20px 0px;
		}
	#Galerie, #Sub {
		width: 96% !important;
		margin: 0px auto;
	}
		#Galerie .foto {
			margin-bottom: 2px;
		}
	article #Galerie .foto {
            width: 246px;
            height: 206px;
            overflow: hidden;
            float: left;
            text-align: center;
            position: relative;
            margin: 2px 2px;
        }
            article #Galerie .foto a img {
                width: 246px;
                height: 206px;
                margin: 0px auto;
                cursor: pointer;
                cursor: hand;
                z-index: 4;
            }
                article #Galerie .foto a:hover img {
                    opacity: 0.8;
                }
            article #Galerie .foto .subgal {
                width: 246px;
                height: 49px;
                position: absolute;
                top: 0;
                left: 0;
                font-weight: bold;
                color: #fff;
                padding: 20px 0px 0px 0px;
                overflow: hidden;
                text-align: center;
                cursor: pointer;
                cursor: hand;
                z-index: 2;
                background: url(../images/pozadi-subgal.png) 0px 0px no-repeat;
            }
	#Formular {
        width: 96% !important;
		min-width: 320px;
        margin: 0px auto;
		padding: 0px 0px 20px 0px;
	}
    table#Poptavka {
	        width: 100%;
	    }
	    article table#Poptavka tr td, article table#Poptavka tr th, article table#Poptavka tr {
		    background: #fff;
		}
		#Poptavka tr td {
			padding: 2px 0px !important;
			margin: 5px 0px !important;
			font-size: 0.85em;
			display: block;
		}
        #Poptavka tr td.right {
			display: none;
		}
	    table#Poptavka tr td.stred {
	        display: none;
	    }
	    #Poptavka input, #Poptavka textarea {
	        padding: 2% 2%;
	        margin: 0px;
	        color: #000;
			border: 1px solid #008ad1;
			background: #e3e1e0;
	    }
	    #Poptavka input {
	        width: 96% !important;
	    }
        #Poptavka input.radio {
	        width: 20px !important;
			margin-left: 20px;
			display: inline;
	    }
	    #Poptavka textarea {
	        width: 96% !important;
	        height: 80px;
	    }
	    #Poptavka .tlacitko {
	        width: 150px !important;
	        height: 39px;
	        cursor: pointer;
	        _cursor: hand;
			color: #fff;
			float: none;
			display: block;
			margin: 0px auto 0px auto;
			background: #0067a7;
	    }
	    #Poptavka input#Cas {
          padding: 2% 2%;
        }
        .grecaptcha-badge {
        	display: none !important;
        }
	footer {
	    width: 100%;
	    min-width: 320px !important;
	    height: auto !important;
	    background: #333333 url(../images/pozadi-paticka.png) bottom center no-repeat;
	}
    #Paticka {
        width: 100% !important;
        min-width: 320px;
        height: auto !important;
        margin: 0px;
        padding: 15px 0px 10px 0px;
		position: relative;
		background: #215e8f;
    }
    	#Paticka h2 {
    		font-size: 0.9em;
    		font-weight: 700;
    		color: #fff;
    		text-align: left;
    		padding: 0px;
    		margin: 10px 0px 10px 0px;
    		background: none;
    	}
	    #Paticka ul a {
	        padding: 0px 0px 0px 0px;
	    	color: #6c6c6c;
	        display: block;
	        font-size: 0.8em;
			font-weight: 400;
	        text-decoration: none;
	    }
        #Paticka .sloupec {
        	/*width: 50% !important;*/
        	min-width: 150px;
        	height: auto !important;
	        padding: 10px 0px 0px 20px;
			margin: 0px 0px 0px 0px;
	        float: left;
	        font-size: 1.0em;
	        line-height: 1.2em;
	        color: #fff;
	        background: none !important;
	    }
	    #Paticka .prvni {
	        background: none;
	    }
	    #Paticka .sloupec a {
	        text-decoration: none;
	        color: #fff;
	    }
	    #Paticka .sloupec a:hover, #Paticka .sloupec a.aktivni {
	        text-decoration: underline;
	    }
    #Pata {
		width: 100% !important;
		min-width: 320px !important;
        height: auto;
		color: #fff;
		padding: 0px;
        margin: 0px;
        font-size: 0.9em;
		text-align: center;
		background: #2b4166;
	}
		#Pata .center {
			width: 100%;
			min-width: 320px;
			text-align: center;
			padding: 10px 0px 10px 0px !important;
		}
			#Pata .center a {
				margin-left: 0px;
			}
		#Pata a {
			color: #fff;
			font-weight: 400;
			display: block;
			text-decoration: none;
		}
        #Pata a:hover {
			color: #fff;
			text-decoration: underline;
		}
		#Pata .vlevo, #Pata .vpravo {
			float: none;
		}
    #Video {
        width: 100%;
        height: auto;
        z-index: 100;
        position: fixed;
        /* top: 15%; */
        bottom: 0;
        left: 0;
        opacity: 0.97;
        /* padding: 5%; */
        display: block;
        border: 1px solid #fff;
        background: #2b4166;
    }
        #Video #Reklama {
            width: 90%;
            height: 300px;
            background: #2b4166;
            padding: 5% 5% 0 5%;
            position: absolute;
            left: 0px;
            bottom: 30px;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
        }
        #VideoClose a {
            width: 35px;
            height: 21px;
            float: right;
            margin: 0px 0px 0px 0px;
            cursor: pointer;
            _cursor: hand;
        }
            #VideoClose a:hover {
                opacity: 0.7;
            }
        #Video .stred {
            width: 96%;
            height: 30px;
            color: #fff;
            padding: 1% 2% 0 2%;
            margin: 0px auto 0px auto;
        }
    #Stred {
        width: 100%;
        height: 10px;
        margin: 0px;
        position: fixed;
        bottom: 0px;
        z-index: 100000000;
    }
        #Stred .stred {
            width: 100%;
            padding: 0px 0px 0px 0px;
            margin: 0px auto;
            z-index: 10000000;
        }
    #VideoMini {
        display: none;
    }
    #VideoMini a {
        width: 70px; 
        height: 70px; 
        display: block;
        padding: 0px 0px 0px 0px;
        margin: -60px 0px 0px 0px !important;
        font-size: 1.25em;
        line-height: 1.2em;
        color: #fff;
        float: right;
        cursor: pointer;
        _cursor: hand;
        z-index: 1;
        opacity: 1.0;
        /*background: url(../images/video-mini.png) no-repeat;*/
    }
        #VideoMini a:hover {
            text-decoration: none;
            opacity: 0.9;
        }
        #Videomini a img {
            opacity: 0.8;
        }
}
@media only screen and (min-width: 320px) and (max-width: 520px) {
    #Pod, #Galerie {
        width: 246px !important;
        margin: 0px auto !important;
    }
}
@media only screen and (min-width: 521px) and (max-width: 781px) {
    #Pod, #Galerie {
        width: 521px !important;
        margin: 0px auto !important;
    }
}
@media only screen and (min-width: 781px) and (max-width: 960px) {
    #Pod, #Galerie {
        width: 781px !important;
        margin: 0px auto !important;
    }
}
/*
@media only screen and (min-width: 380px) and (max-width: 730px) {

	#Galerie {
		width: 100% !important;
	}
	article #Galerie img {
		width: 49.5% !important;
		height: auto !important;
	}
    article #Sub a img {
		width: 48% !important;
		height: auto !important;
		margin: 1px;
		border: 1px solid #008ad1;
	}

}

@media only screen and (min-width: 320px) and (max-width: 379px) {

	#Galerie {
		width: 100% !important;
	}
	article #Galerie img {
		width: 49% !important;
		height: auto !important;
	}
    article #Sub a img {
		width: 47% !important;
		height: auto !important;
		margin: 1px;
		border: 1px solid #008ad1;
	}

}
*/