@charset "utf-8";
/* CSS Document */

#mobile-header {
    display: none;
}

.mobile { display: none }
.no-mobile { display: block }

@media only screen and (max-width: 1200px){
	#menu ul li a {
		font-size: 16px!important;
		padding: 0 20px!important;
	}
	
	#header_text { display: none!important; }
}

@media only screen and (max-width: 1000px){
	#menu ul li a {
		font-size: 12px!important;
		padding: 0 15px!important;
	}
}

@media only screen and (max-width: 767px){
	img { max-width: 100%!important; }
	.mobile { display: block }
	.no-mobile { display: none }
	
	.pl-0 {
		padding-left:15px!important;
	}
	
	.pr-0 {
		padding-right:15px!important;
	}
	
    #mobile-header {
		position: absolute;
        display: block;
		top: 15px;
		right: 15px;
		z-index: 500;
    }
	#mobile-header a  {
		font-size: 40px;
		color: #FFFFFF;
		text-decoration: none;
		z-index: 300
	}
	
	#menu-div { display: none }
	
	#top {
		height: 100px!important;
		margin-bottom: 10px
	}
	
	#top-btn-mobile {
		width: 150px!important;
		position: absolute;
		right: 75px;
		padding: 0px;
		top: 20px;
	}
	#top-btn-mobile a {
		color: #FFFFFF;
		font-size: 30px;
		margin-left: 15px;
	}
	
	.dennikn_m { float: left }
		.dennikn_m img { padding-bottom: 20px}
	
	#logo-mobile {
		display: block; 
		margin-top: 15px;
	}
   
   	#content .calendar-row {
	}
		#content .calendar-row .calendar-row-1 { 
			padding-bottom: 10px!important
		}
			#content .calendar-row .calendar-row-1 span { 
				display: inline!important; 
				padding-left: 10px
			}
	 
		#content .calendar-row .calendar-row-2 { 
			padding-bottom: 10px!important; 
			text-align: center!important
		}
	 
		#content .calendar-row .calendar-row-3 {
			padding-bottom: 10px!important; 
		}
		
		.mobile-detail { height: auto!important; padding-top: 5px;}

   	#content .calendar-tv-row {
	}
		#content .calendar-tv-row .calendar-tv-row-1 {
			padding-top: 10px!important;
		}
		#content .calendar-tv-row .calendar-tv-row-1,
		#content .calendar-tv-row .calendar-tv-row-2,
		#content .calendar-tv-row .calendar-tv-row-3 { 
			padding-bottom: 10px!important;
			text-align: center!important
		}
		
	#banner{
		width: 100%;
		
		max-width: 100%;
		padding-left: 15px;
		padding-right: 0px;
		text-align: center
	}	
		#banner a img { }
	
	#content .viewTable {
		width: 100%;
        overflow-x: auto;
        display: block;
	}
		#content .viewTable th,
		#content .viewTable td { padding: 6px}
		#content .viewTable td a img { display:block}
	
	#footer #other-links a {
		height: 80px!important;
		background-repeat: no-repeat;
		background-position: top left;
		background-size: auto 80px!important;
			margin-top: 10px!important
	}
		#footer #other-links a:hover { background-size: auto 80px!important }
		
		#footer #other-links a span {
			position: absolute;
			width: 100%;
			height: 100%;
			display: block;
			left: 0;
			
		}
		#footer #other-links a.fb span { background-size: auto 80px!important }
		#footer #other-links a.bi span { background-size: auto 80px!important }
		#footer #other-links a.ci span {background-size: auto 80px!important }
	
	.copyright-orsigo { text-align: left!important }	

}
@media only screen and (max-width: 367px){
	#top {
		height: 80px!important;
	}
	#logo-mobile img {
		width: 50px;
	}
}