#top {	
    position: absolute;
    bottom: 0;
    left: 50px;
}

#top-menu {}

#top-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top-menu ul a, #top-menu ul .cur {
	padding: 0 20px;
	margin: 0;
	line-height: 70px;
	text-decoration: none;
	color: white;
	font-size: 18px;
	font-family: 'AvenirNextLTPro Demi', Arial;
    margin-bottom: 5px;
	float: left;
	display: block;
}

#top-menu ul a:hover, #top-menu ul .act a {
	border-bottom: white 5px solid;
    margin-bottom: 0px;
}

#top-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) and (orientation:portrait) {
    
    html {
        min-width: auto !important;
        margin: 0 0 !important;
    }
    
    body {
		min-width: auto !important;
        padding: 0;
        margin: 0;
	}
    
    div > header {
		position: relative;
		z-index: 999;
		min-width: 0px;
    }
   
    #header-logo {top: 35px !important; left: 70px; width: 50%;}
    html.show-menu #header-logo {display: none;}
    #header-logo-ods {display: none;}
    
    #top {	
        position: absolute;
        bottom: auto;
        left: auto;
        width: 100%;
    }
    
    header .menu-switcher {
        display: none;
    }
    html.show-menu body>div>* {
        display: none;
    }
    html.show-menu body>div>header {
        display: block;
    }
    
    header .menu-switcher {
		cursor: pointer;
		display: block;
		height: 28px;
        position: absolute;
        right: 30px;
        top: 45px;
		width: 30px;
	}
	header .menu-switcher span {
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background-color: rgb(255, 255, 255);
		display: block;
		height: 4px;
		position: absolute;
		width: 30px;
	}
	header .menu-switcher span:nth-child(1) {
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		-webkit-transform-origin: left center;
		transform-origin: left center;
		top: 2px;
	}
	header .menu-switcher span:nth-child(2) {
		opacity: 1;
		top: 12px;
	}
	header .menu-switcher span:nth-child(3) {
		bottom: 2px;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
	header.show-menu .menu-switcher span:nth-child(1) {
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
        left: 4px;
	}
	header.show-menu .menu-switcher span:nth-child(2) {
		opacity: 0;
	}
	header.show-menu .menu-switcher span:nth-child(3) {
		left: 5px;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header.show-menu #top-menu {
		max-height: 10000px;
		/* transition: background 0.35s linear 0s,  max-height 0.6s ease-in 0s;
		-moz-transition: background 0.35s linear 0s,  max-height 0.6s ease-in 0s;
		-o-transition: background 0.35s linear 0s,  max-height 0.6s ease-in 0s;
		-webkit-transition: background 0.35s linear 0s,  max-height 0.6s ease-in 0s; */
	}
	header.show-menu #top-menu li {
		opacity: 1;
        float: none; /**/ 
	}
	header.show-menu li:nth-child(1) {
		-moz-transition-delay: 1000ms, 1000ms;
		-o-transition-delay: 1000ms, 1000ms;
		-webkit-transition-delay: 1000ms, 1000ms;
		transition-delay: 1000ms, 1000ms;
	}
	header.show-menu li:nth-child(2) {
		-moz-transition-delay: 900ms, 900ms;
		-o-transition-delay: 900ms, 900ms;
		-webkit-transition-delay: 900ms, 900ms;
		transition-delay: 900ms, 900ms;
	}
	header.show-menu li:nth-child(3) {
		-moz-transition-delay: 800ms, 800ms;
		-o-transition-delay: 800ms, 800ms;
		-webkit-transition-delay: 800ms, 800ms;
		transition-delay: 800ms, 800ms;
	}
	header.show-menu li:nth-child(4) {
		-moz-transition-delay: 700ms, 700ms;
		-o-transition-delay: 700ms, 700ms;
		-webkit-transition-delay: 700ms, 700ms;
		transition-delay: 700ms, 700ms;
	}
	header.show-menu li:nth-child(5) {
		-moz-transition-delay: 600ms, 600ms;
		-o-transition-delay: 600ms, 600ms;
		-webkit-transition-delay: 600ms, 600ms;
		transition-delay: 600ms, 600ms;
	}
	header.show-menu li:nth-child(6) {
		-moz-transition-delay: 500ms, 500ms;
		-o-transition-delay: 500ms, 500ms;
		-webkit-transition-delay: 500ms, 500ms;
		transition-delay: 500ms, 500ms;
	}
    header.show-menu li:nth-child(7) {
		-moz-transition-delay: 400ms, 400ms;
		-o-transition-delay: 400ms, 400ms;
		-webkit-transition-delay: 400ms, 400ms;
		transition-delay: 400ms, 400ms;
	}
    header.show-menu li:nth-child(8) {
		-moz-transition-delay: 300ms, 300ms;
		-o-transition-delay: 300ms, 300ms;
		-webkit-transition-delay: 300ms, 300ms;
		transition-delay: 300ms, 300ms;
	}
    header.show-menu li:nth-child(9) {
		-moz-transition-delay: 200ms, 200ms;
		-o-transition-delay: 200ms, 200ms;
		-webkit-transition-delay: 200ms, 200ms;
		transition-delay: 200ms, 200ms;
	}
    
    header #top-menu {
		position: relative;
		clear: both;
		min-width: 0px;
		display: block;
		max-height: 0;
        padding: 0;
		/* padding: 0 30px; */
		overflow: auto;
		background: rgb(255, 255, 255);
        top: 145px;
	}
	header #top-menu ul {
		width: 100%;
	}
	header #top-menu li {
		display: block;
		margin: 0;
		opacity: 0;
		border-bottom: 1px solid rgb(221,221,221);
		-moz-transition: opacity 0.35s ease-out 0s;
		-o-transition: opacity 0.35s ease-out 0s;
		-webkit-transition: opacity 0.35s ease-out;
		-webkit-transition-delay: 0s;
		transition: opacity 0.35s ease-out 0s;
        padding: 0 20px;
	}
	header #top-menu a {
		text-align: left;
		display: block;
		padding: 17px 0 0 0;
		font-size: 18px;
        line-height: 100%;
        float: none;
		color: rgb(12, 149, 212);
        margin-bottom: 0;
	}
    #outer-wrapper #top
    {
        left: 0;
    }
    #outer-wrapper #top-menu ul a {
        padding: 0 0;
        margin-bottom: 0;
    }
    
	header #top-menu li:nth-child(1) {
		-moz-transition-delay: 100ms, 100ms;
		-o-transition-delay: 100ms, 100ms;
		-webkit-transition-delay: 100ms, 100ms;
		transition-delay: 100ms, 100ms;
	}
	header #top-menu li:nth-child(2) {
		-moz-transition-delay: 200ms, 200ms;
		-o-transition-delay: 200ms, 200ms;
		-webkit-transition-delay: 200ms, 200ms;
		transition-delay: 200ms, 200ms;
	}
	header #top-menu li:nth-child(3) {
		-moz-transition-delay: 300ms, 300ms;
		-o-transition-delay: 300ms, 300ms;
		-webkit-transition-delay: 300ms, 300ms;
		transition-delay: 300ms, 300ms;
	}
	header #top-menu li:nth-child(4) {
		-moz-transition-delay: 400ms, 400ms;
		-o-transition-delay: 400ms, 400ms;
		-webkit-transition-delay: 400ms, 400ms;
		transition-delay: 400ms, 400ms;
	}
	header #top-menu li:nth-child(5) {
		-moz-transition-delay: 500ms, 500ms;
		-o-transition-delay: 500ms, 500ms;
		-webkit-transition-delay: 500ms, 500ms;
		transition-delay: 500ms, 500ms;
	}
	header #top-menu li:nth-child(6) {
		-moz-transition-delay: 600ms, 600ms;
		-o-transition-delay: 600ms, 600ms;
		-webkit-transition-delay: 600ms, 600ms;
		transition-delay: 600ms, 600ms;
	}    
    header #top-menu li:nth-child(7) {
		-moz-transition-delay: 700ms, 700ms;
		-o-transition-delay: 700ms, 700ms;
		-webkit-transition-delay: 700ms, 700ms;
		transition-delay: 700ms, 700ms;
	}
    header #top-menu li:nth-child(8) {
		-moz-transition-delay: 800ms, 800ms;
		-o-transition-delay: 800ms, 800ms;
		-webkit-transition-delay: 800ms, 800ms;
		transition-delay: 800ms, 800ms;
	} 
    header #top-menu li:nth-child(9) {
		-moz-transition-delay: 900ms, 900ms;
		-o-transition-delay: 900ms, 900ms;
		-webkit-transition-delay: 900ms, 900ms;
		transition-delay: 900ms, 900ms;
	}
    
    #left img {height: 200px; width: auto; margin: 0;}
    
    #outer-wrapper .news-img-wrap {float: left; width: 100%;}
    
    #outer-wrapper #c159 {top: 0%; left: 25px;}
    
    #outer-wrapper .news-img-wrap img {width: 100% !important; height: auto !important;}
    #outer-wrapper .csc-news-list .header {top: 200px !important; left: 0; width: 100%;}
    #outer-wrapper .csc-news-list .header h3 {width: auto; padding: 0 20px;}
    #outer-wrapper .csc-news-list .teaser-text {top: 320px; left: 0; width: 100%;}
    #outer-wrapper .csc-news-list .teaser-text p {padding: 0 20px;}
    #outer-wrapper .csc-news-list .teaser-text a {padding: 0 20px;}
    #outer-wrapper .csc-news-komenty .header {width: 100%;}
    .csc-news-komenty .footer {position: relative !important; top: 10px !important; left: 0px !important;}
    
    footer {width: auto !important;}
    #outer-wrapper #footer-left, footer #footer-left {display: none !important;}
    footer #footer-right {width: 100%; margin: 45px 0 0 0; top: auto !important; right: auto !important; overflow: hidden;}
    footer #footer-right .content-wrapper {margin: 0 auto !important; width: 189px;}
    
    #outer-wrapper .csc-news-list .news .article {}
}

@media (max-width: 767px) and (orientation:landscape) {
 
    #top-menu ul a, #top-menu ul .cur {
	   padding: 0 10px;
    }
    
}