@media only screen and (max-width:1156px){

	.desktop, #Lista, nav, #Banner {
		display: none;
	}
	.mobile, #MenuMobil {
		display: block;
	}
    #BannerStred {
        width: 100% !important;
        min-width: 320px !important;
	}
    #FooterStred {
        width: 90% !important;
		padding: 30px 0px 20px 0px;
		padding-left: 5%;
        padding-right: 5%;
        z-index: 999;
        margin: 0px auto;
    }
    #PatickaStred {
		width: 90% !important;
		height: 25px;
		padding: 0px 0px 5px 0px !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
		margin: 0px auto;
	}
    body {	
        background: #fff;
    }
        #Page {
    	   width: 100% !important;
    	   padding: 0px !important;
    	   margin: 0px auto;
           background: #fff;
		   position: relative;
        }
            header {
                width: 100%;
                min-width: 320px !important;
				height: auto;
				margin-bottom: 4px;
				position: fixed;
				z-index: 100;
				top: 0px;
				left: 0px;
				background: #fff;
                box-shadow: 0px 3px 5px -2px rgba(145,143,145,1);
                -moz-box-shadow: 0px 3px 5px -2px rgba(145,143,145,1);
                -webkit-box-shadow: 0px 3px 5px -2px rgba(145,143,145,1);
            }
            header .stred {
				width: 100%;
				position: relative;
				padding: 5px 0px 0px 0px !important;
			}
			    #Logo {
					width: 33% !important;
			        min-width: 158px;
			        height: 60px;
			        position: relative;
			    	overflow: hidden;
			    	font-size: 0.4em;
					float: left;
			    	margin: 0px 0px 0px 5px !important;
			    	padding: 0px;
			        text-indent: -9999px;
			    }
				    #Logo span {
				    	display: block;
				    	position: absolute;
				    	top: 0;
				    	left: 0;
				    	background: url(../images/pozadi-logo-mobil.png) no-repeat;
				        width: 158px;
				    	height: 60px;
				    	visibility: visible;
				    	cursor: pointer;
				        _cursor: hand;
				    }
				#MenuMobil {
					width: 15%;
					float: right;
					text-align: right;
				}
				nav#Menu {
				    width: calc(100% - 20px);
				    float: left;
				    /*height: 66px;*/
					text-align: left;
			        margin: 0px;
			        padding: 10px;
			        position: absolute;
			        top: -10px;
			        left: 0px;
			        z-index: 10;
			        background: #f2f5f7;
			        /*background: url(../images/pozadi-navigace-stin.png) bottom left repeat-x;*/
				}
				nav#Menu ul li.sub a {
			        padding-left: 20px !important;
			        font-size: 1.6em;
			    }
			    	nav#Menu ul li.subsub a {
				        padding-left: 40px !important;
				        font-size: 1.5em;
				    }
                #Kosik {
					width: 40% !important;
					float: left;
					color: #000;
					font-size: 0.9em;
					line-height: 1.1em;
					text-align: right;
					margin: 10px 0px 0px 0px;
     				position: relative;
					top: 0px;
					right: 0px;
					background: url(../images/kosik-mobil.png) top center no-repeat;
				}
					#Kosik a.prejit {
      					width: 100% !important;
						height: 40px !important;
		                padding: 10px 0px 0px 0px;
						text-align: center;
						display: block;
						font-weight: 700;
						text-decoration: none;
					}
		                #Kosik a:hover.prejit {
							color: #ea1610;
						}
						#Kosik a.odstup {
		                	padding-top: 0px !important;
						}
            nav {
        	    width: 100%;
        	    height: auto;
        		text-align: center;
                margin: 15px auto 0px auto !important;
                background: none;
    	    }
        	    nav ul {
        	        height: auto;
        			margin: 0px;
        			padding: 0px;
        	    }
            	    nav ul li {
            	        display: block;
            	    }
                	    nav ul li a {
                	        display: block;
                	        height: auto !important;
                	        padding: 15px 0px 15px 0px !important;
                	        margin: 0px 0px 0px 0px;
                			border-bottom: 1px solid #000;
                            border-right: none;
                	    } 
            section {
		      	width: 96% !important;
              	padding-left: 2% !important;
				padding-right: 2% !important;
		      	min-height: 500px;
			  	margin-top: 64px;
	        }
                #Obsah {
			        width: 98% !important;
			        padding: 20px 0px 30px 0px;
                    margin: 50px auto 0px auto;
		        }
					#Obsah h1 {
						text-align: center;
					}
                    .produkt {
						width: 250px; /* 172 komplet 232 */
						height: 330px !important;
						border: 1px solid #c3c5c7;
						margin: 5px 8px 5px 8px;
						padding: 0px;
						float: left;
					}
                    #Detail {
			            width: 100%; 
			            padding: 28px 0px 28px 0px;
		            }
                    #Detail .produktfoto {
        				width: 100%;
        				float: none;
        				margin: 0px auto;
			        }
                    #Detail .produktfoto img {
        			    max-width: 100%;
                        height: auto; 	
			        }
                    #Detail .produktfotos {
      					width: 100%;
      					height: auto;
      					overflow: hidden;
      					float: left;
      					text-align: left;
      					margin: 0px;
				    }
                    #Detail .produktdetail {
                        width: 100% !important;
                    }
                    #Detail .produktinfo {
				        width: 100%;
				        float: none;
			        }
            #Obsah .strankovani {
			    width: 98% !important; /* 690 */
			    background: #fff;
				font-weight: normal;
				padding: 0 1% 0 1% !important;
				margin: 0px 0px 10px 0px;
				text-align: center;
				color: #000000;
				font-size: 1.2em;
	            /*border-radius: 5px;
		        -moz-border-radius: 5px;
		        -webkit-border-radius: 5px;*/
			}
			#Obsah .dole {
				margin-top: -10px !important;
			}
			#Obsah .strankovani .pageLimit {
			    width: 98% !important;
				height: 40px;
			    float: none !important;
			    text-align: center;
				clear: both;
				padding: 15px 0px 0px 0px;
				margin-left: 2% !important;
			}
			#Obsah .strankovani .limit {
			    width: 100% !important;
				height: 27px;
				float: none !important;
				clear: both;
				background: #c3c5c7;
				padding: 7px 0px 0px 0px;
				margin: 7px 0px 0px 0px !important;
				font-size: 0.9em;
				text-align: center !important;
			}
			#Obsah .strankovani .razeni {
		        width: 100% !important;
			    height: 27px;
			    float: none !important;
			    clear: both;
			    background: #c3c5c7;
			    padding: 7px 0px 0px 0px;
			    margin: -7px 0px 0px 0px !important;
			    font-size: 0.9em;
			    text-align: center !important;
			}
			#ObsahProd {
				width: 100%;
				float: left;
			}
			#Obsah #Filtrace {
				width: calc(100% - 20px);
				padding: 7px 10px 2px 10px;
				position: relative;
				margin: 0px auto;
				top: 0px;
				left: 0px;
				background: #c3c5c7;			
			}
            ul#Zalozky {
			    width: 100%;
				height: auto;
				border: 1px solid #c3c5c7;
                text-align: center;
			}
			#Zalozky li {
			    float: none;
			    border: 1px solid #a7a1a1;
			    padding: 10px 30px;
			    margin: 0px 0px 1px 0px!important;
			}
            #tabContainer {
			    width: 100% !important;
			    margin-left: 0px !important;
			}
            #Alternativy {
			    width: 94%;
			    padding: 20px 3%;
		    }
				#Alternativy h2 {
					text-align: center;
				}
            footer {
                width: 100% !important;
				min-width: 320px !important;
		        padding: 30px 0px 20px 0px;
                z-index: 999;
            }
                #LogoPata {
        		    width: 200px;
        		    height: 72px;
        		    position: relative;
        		    overflow: hidden;
        		    font-size: 0.4em;
        		    margin: 0px 0px 0px 0px;
        		    padding: 0px;
        		    text-indent: -9999px;
		        }
                footer .sloupec {
			        width: 237px;
			        margin: 30px auto 0px auto;
			        float: none;
		        }
             #Pata {
			    width: 100% !important;
				min-width: 320px !important;
		    }
            #Paticka {
			    width: 100% !important;
				min-width: 320px !important;
			    height: auto !important;
			    padding: 20px 0px 5px 0px;
		    }
                #Paticka a {
                    float: none;
                    display: block;
                    width: 100%;
                    text-align: center; 
                }
            #Kos {
		      width: 100% !important;
		      padding: 20px 0px !important;
	        }
            .kosik{
                width: 100%;
                height: auto;
            }
                .info table, .info table.kosisko {
			        width: 100%;
		        }
                input.big, textarea {
		           width: 98%;
		          padding: 5px;
		        }                                                       
}
@media only screen and (max-width:360px) {

    #Kosik {
		width: 20% !important;
	}

}
/*
@media only screen and (min-width:540px) and (max-width:815px) {

    #Obsah {
        width: 540px !important;
        margin: 0px auto !important;
    }

}
*/
@media only screen and (min-width: 841px) and (max-width: 1120px) {

    #Obsah {
        width: 810px !important;
        margin: 0px auto !important;
    }
    .produkt {
		width: 250px; /* 172 komplet 232 */
		height: 300px;
		border: 1px solid #c3c5c7;
		margin: 5px 8px 5px 8px;
		padding: 0px;
		float: left;
	}

}
@media only screen and (min-width: 561px) and (max-width: 840px) {

    #Obsah {
        width: 540px !important;
        margin: 50px auto 0px auto;
    }
    .produkt {
		width: 250px; /* 172 komplet 232 */
		height: 300px;
		border: 1px solid #c3c5c7;
		margin: 5px 8px 5px 8px;
		padding: 0px;
		float: left;
	}
    .alternativa {
		float: left;
		margin: 0px 5px 10px 5px;
	}

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

    #Obsah {
        width: 320px !important;
        margin: 50px auto 0px auto;
    }
    .produkt {
		width: 250px; /* 172 komplet 232 */
		height: 300px;
		border: 1px solid #c3c5c7;
		margin: 5px auto 10px auto !important;
		padding: 0px;
		float: none;
	}
    .alternativa {
		float: none;
		margin: 0px auto 10px auto;
	}
    h3.pokracovat a {
    	width: 96%;
    	height: 30px;
        margin: 5px auto;
    	float: none;
        display: block;
	}
	h3.objednavka a {
		width: 96%;
		height: 30px;
		margin: 5px auto;
	    text-align: center;
	    float: none;
        display: block;
	}

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

	section {
		width: 100% !important;
        min-width: 320px !important;
		padding: 0px !important;
		margin: 0px !important;
	}
    #Obsah {
        width: 98% !important;
		min-width: 300px !important;
        margin: 50px auto 0px auto !important;
    }
    .produkt {
		width: 250px; /* 172 komplet 232 */
		height: 300px;
		border: 1px solid #c3c5c7;
		margin: 5px auto 10px auto !important;
		padding: 0px;
		float: none;
	}
    .alternativa {
		float: none;
		margin: 0px auto 10px auto !important;
	}
	.zdroj {
		width: 96% !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
    h3.pokracovat a {
    	width: 100%;
    	height: 30px;
    	float: none;
        display: block;
	}
	h3.objednavka a {
		width: 100%;
		height: 30px;
	    text-align: center;
	    float: none;
        display: block;
	}

}
@media only screen and (max-width: 560px) {
	#Filtrace .vlastnost {
			width: 48% !important;
			margin: 0 1%;
			float: left;
		}
	#Filtrace ul {
		margin-left: 0px;
	}
}