@charset "utf-8";
@import "reset.css";

body{
margin:0px;
padding:0px;
text-align:center;
background:black;
}

div.container{
width:960px;
margin:0px auto;
padding:0px;
position:relative;
}

div.wrapper{
width:960px;
margin:0px;
padding:0px;
float:left;
}

div.top-section{
width:100%;
min-height:114px;
margin:0px;
padding:0px;
float:left;
}

div.logo{
width:auto;
height:69px;
float:left;
margin:22px 0px 0px 0px;
padding:0px;
}

div.logo img{
margin:0px;
padding:0px;
border:none;
}

table.details{
height:76px;
margin:-2px 0px 0px 0px;
padding:0px;
float:right;
border:none;
}

table.details td{
height:76px;
margin:0px;
padding:0px 30px 0px 10px;
text-align:left;
color:white;
font-size:10pt;
font-family:arial;
font-weight:bold;
background:url(../img/user/green-line.jpg) no-repeat left top;
line-height:18px;
vertical-align:bottom!important;
}

div.banner-section{
width:100%;
margin:0px;
padding:0px;
float:left;
}

div.banner-section img{
margin:0px;
padding:0px;
border:none;
}

div.middle-content{
width:100%;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
}

div.leftside{
width:302px;
margin:0px;
padding:0px 0px 10px 0px;
float:left;
}

div.box1{
margin:0px;
padding:0px;
float:left;
width:302px;
height:152px;
background:url(../img/user/box-location.png) no-repeat left top;
}

div.more-button{
width:102px;
height:31px;
margin:100px 0px 0px 21px;
padding:0px;
float:left;
background:url(../img/user/more-bg.png) no-repeat left top;
}

div.more-button a{
width:102px;
height:31px;
display:block;
line-height:28px;
text-align:center;
font-size:12pt;
color:white;
font-weight:bold;
font-family:trebuchet ms, arial, tahoma, verdana;
text-decoration:none;
}

div.box2{
width:301px;
height:126px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
background:url(../img/user/box-offer.png) no-repeat left top;
}

a.bluebutt{
height:41px;
margin:0px;
padding:0px;
float:left;
text-decoration:none;
}

a.bluebutt em.left{
height:41px;
width:8px;
margin:0px;
padding:0px;
background:url(../img/user/bluebutt-left.png) no-repeat left top;
float:left;
}

a.bluebutt em.center{
height:41px;
margin:0px;
padding:0px 8px;
float:left;
background:url(../img/user/bluebutt-center.png) repeat-x left top;
line-height:41px;
text-align:center;
font-size:12pt;
color:white;
font-weight:bold;
font-family:trebuchet ms, arial, tahoma, verdana;
text-decoration:none;
font-style:normal;
}

a.bluebutt em.right{
height:41px;
width:8px;
margin:0px;
padding:0px;
background:url(../img/user/bluebutt-right.png) no-repeat left top;
float:left;
}

div.butt1{
margin:60px 0px 0px 24px;
padding:0px;
float:left;
}

div.butt2{
margin:60px 0px 0px 0px;
padding:0px;
float:left;
}

div.sep-offer{
width:2px;
height:67px;
margin:45px 25px 0px 25px;
padding:0px;
float:left;
background:url(../img/user/separator-box-offer.png) no-repeat center top;
}

div.box3{
width:301px;
height:152px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
background:url(../img/user/box-bip.png) no-repeat left top;
}

div.box3 img{
margin:65px 0px 0px 50px;
padding:0px;
float:left;
border:none;
}

a.box4{
width:301px;
height:152px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
background:url(../img/user/komunalnik.png) no-repeat left top;
}

div.rightside{
width:635px;
margin:0px;
padding:0px;
float:right;
}

div.label{
width:100%;
height:30px;
margin:0px;
padding:0px;
float:left;
text-align:left;
line-height:30px;
font-size:14pt;
color:yellow;
font-weight:bold;
font-family:trebuchet ms, arial;
}

div.txt{
width:100%;
margin:10px 0px 0px 0px;
padding:0px 0px 15px 0px;
float:left;
line-height:19px;
text-align:justify;
font-size:10pt;
color:yellow;
font-family:arial;
}

div.txt a{
font-size:10pt;
color:white;
font-family:arial;
text-decoration:none;
}

div.txt a:hover{
text-decoration:underline;
}

div.txt ol, 
div.txt ul{
margin:0px 0px 0px 20px;
padding:0px 0px 0px 20px;
}

div.txt ol{
list-style-type:decimal;
}

div.txt ul{
list-style-type:disc;
}

div.krs{
width:100%;
height:45px;
line-height:45px;
text-align:center;
font-size:10pt;
color:yellow;
font-family:arial;
float:left;
}

div.footer{
width:100%;
height:25px;
line-height:25px;
float:left;
margin:0px;
padding:0px;
}

div.copyright{
height:25px;
line-height:25px;
float:left;
font-size:8pt;
font-family:tahoma;
color:white;
}

div.mediasoft{
height:25px;
line-height:25px;
float:right;
font-size:8pt;
font-family:tahoma;
color:white;
}

div.mediasoft a{
font-size:8pt;
font-family:tahoma;
color:white;
text-decoration:none;
}

div.whole-content{
width:100%;
margin:0px;
padding:0px 0px 10px 0px;
float:left;
}

table.google_map{
float:left;
margin:15px 0px 15px 0px;
padding:0px;
border:0px solid #023F88;
width:100%;
border-collapse:collapse;
}

td.cent{
margin:0px;
padding:0px;
width:25%;
}

td.google{
margin:0px;
padding:0px;
line-height:0px;
border:1px solid #023F88;
}

td.movie_desription{
margin:0px;
padding:4px 0px;
line-height:20px;
text-align:justify;
font-size:10pt;
color:#5A5A5A;
font-family:arial;
}

div.gallery{
width:100%;
margin:-17px 0px 0px 0px;
padding:0px;
float:left;
}

div.gallery img{
margin:32px 0px 0px 32px;
padding:0px;
float:left;
border:1px solid black;
}

div.download-stripe{
width:100%;
height:41px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
}

div.download-stripe a.bluebutt{
height:41px;
margin:0px;
padding:0px;
float:left;
text-decoration:none;
}

div.download-stripe a.bluebutt em.left{
height:41px;
width:8px;
margin:0px;
padding:0px;
background:url(../img/user/bluebutt-left.png) no-repeat left top;
float:left;
}

div.download-stripe a.bluebutt em.center{
height:41px;
margin:0px;
padding:0px 8px;
float:left;
background:url(../img/user/bluebutt-center.png) repeat-x left top;
line-height:41px;
text-align:center;
font-size:12pt;
color:white;
font-weight:bold;
font-family:trebuchet ms, arial, tahoma, verdana;
text-decoration:none;
font-style:normal;
}

div.download-stripe a.bluebutt em.right{
height:41px;
width:30px;
margin:0px;
padding:0px;
background:url(../img/user/down-right.png) no-repeat left top;
float:left;
}

div.menu{
width:100%;
height:52px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
overflow:visible;
}

div.home-butt{
width:55px;
height:52px;
margin:0px;
padding:0px;
float:left;
}

div.home-butt img{
margin:0px;
padding:0px;
border:none;
}

div.menu-proper{
height:52px;
margin:0px;
padding:0px;
float:left;
}

div.menu-right{
height:52px;
width:6px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/menu-right.png) no-repeat left top;
}

/* Moje dziwne dopiski by Marcin do tego dziwnego css-a */
#jsddm
{	margin: 0px 0px 0px 0px;
	padding: 0;
	z-index:9999;}

	#jsddm li
	{	float: left;
		list-style: none;
		font-size:10pt;
		font-family:arial;
		font-weight:bold;
		height:52px;
		z-index:9999;
		}
/* Wygląd buttona nieaktywnego */
	#jsddm li a
	{	display: block;
		height:52px;
		max-width:170px;
		line-height:52px;
		padding:0px 6px 0px 7px;
		text-decoration: none;
		color:white;
		background:url(../img/user/menu-bg.jpg) repeat-x left top;
		/*white-space: nowrap*/
		}
		
#jsddm li img{
margin:0px;
padding:0px;
border:none;
}
/* Wygląd buttona aktywnego */
	#jsddm li a:hover
	{	background:black;
		color:white;
	}
/* Klasa CURRENT */	
	#jsddm li a.current
	{	display: block;
		height:52px;
		line-height:22px;
		padding:0px 10px;
		text-decoration: none;
		color:white;
		background:black;
		/*white-space: nowrap*/
		}
		
/* Wygląd i pozycja menu wysuwanego */		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			background: black;
			border-width:0px 2px 2px 2px;
			border-style:solid;
			border-color:white;
			/*border: 2px solid white;*/
			text-align:left!important;
			z-index:999;
			}
		
			#jsddm li ul li
			{	float: none;
				display:inline;
				margin:0px;
				padding:0px;
				height:30px;
				line-height:30px;
				text-align:left!important;}
/* Wygląd buttona menu wysuwanego */			
			#jsddm li ul li a
			{	/*width:auto;*/
				max-width:350px;
				color:white;
				font-size:9pt;
				font-weight:normal;
				height:30px;
				line-height:30px;
				padding: 0px 10px;
				display:block!important;
				background:black;
				/*text-indent:18px;*/
				/*background:url(../img/user/menu_point.jpg) no-repeat 10px center;*/
				}
			
			#jsddm li ul li a:hover
			{	
			color:white;
			text-decoration:underline;
			background:black;
				/*background:url(../img/user/menu_point.jpg) no-repeat 10px center;*/				
				}
/*Wygląd separatora*/		
			#jsddm li.separator
			{	display: block;
				height:52px;
				width:1px;
				margin:0px;
				padding:0px;
				background:url(../img/user/separator.jpg) no-repeat center top;
				float:left;
				/*white-space: nowrap*/
				text-align:center;
				font-size:9pt;
				font-weight:bold;
				color:#23A2D7;
				}
				
				span.red{
				color:#FE0000;
				padding:0px 10px 0px 0px;
				font-size:13pt;
				}
				
/* MENU DOLNE */

div.bottom-menu{
width:100%;
height:68px;
margin:10px 0px 0xp 0px;
padding:0px;
float:left;
overflow:visible;
}

div.bottom-home{
width:55px;
height:68px;
margin:0px;
padding:0px;
float:left;
}

div.bottom-home img{
margin:0px;
padding:0px;
border:none;
}

div.bottom-proper-menu{
width:898px;
height:68px;
margin:0px;
padding:0px;
float:left;
background:black;
overflow:visible;
}

/*div.bottom-proper-menu div.separator{
width:1px;
height:68px;
margin:0px;
padding:0px;
float:left;
background:#3F91C9;
}

div.bottom-proper-menu a{
height:68px;
margin:0px;
padding:0px 20px 0px 10px;
float:left;
text-align:left;
font-size:10pt;
color:white;
font-family:arial;
text-decoration:none;
line-height:22px;
font-weight:bold;
background:black;
}

div.bottom-proper-menu a:hover{
text-decoration:underline;
}
*/
div.bottom-menu-right{
height:68px;
width:6px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/menu-right-bottom.png) no-repeat left top;
}

div.bottom-menu2{
min-height:117px;
width:100%;
margin:0px;
padding:0px;
float:left;
}

div.bottom-menu2 div.left{
width:6px;
min-height:117px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/bottom-section-left.png) no-repeat left bottom;
}

div.bottom-menu2 div.right{
width:6px;
min-height:117px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/bottom-section-right.png) no-repeat left bottom;
}

div.bottom-menu2 div.spacer{
width:49px;
min-height:117px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/bottom-section-center.png) repeat-x left bottom;
}

div.bottom-menu2 div.menu-proper{
width:898px;
min-height:117px;
margin:0px;
padding:0px;
background:url(../img/user/bottom-section-center.png) repeat-x left bottom;
float:left;
}

div.bottom-menu2 span{
padding:0px 6px 0px 0px;
}

table.tag-table{
width:100%;
margin:0px 0px 0px 20px;
padding:0px;
float:left;
border-collapse:collapse;
}

table.tag-table td{
vertical-align:top;
width:33%;
margin:0px;
padding:10px 0px 0px 0px;
text-align:left;
font-size:8pt;
color:white;
font-family:arial;
line-height:20px;
border:0px solid red;
}

table.tag-table td a{
font-size:8pt;
color:white;
font-family:arial;
font-weight:bold;
text-decoration:none;
}

table.tag-table td a:hover{
text-decoration:underline;
}

table.tag-table td ul{
margin:0px 0px 0px 20px;
padding:0px;
}

table.tag-table td ul li{
list-style-type:disc;
}

/*div.links1{
margin:7px 0px 0px 7px;
padding:0px 0px 0px 0px;
float:left;
height:117px;
line-height:20px;
text-align:left;
font-size:10pt;
color:white;
font-family:arial;
}

div.links1 a{
font-size:10pt;
color:white;
font-family:arial;
font-weight:normal;
text-decoration:none;
}

div.links1 a:hover{
text-decoration:underline;
}

div.links2{
margin:7px 0px 0px 12px;
padding:0px 0px 0px 0px;
float:left;
height:117px;
line-height:20px;
text-align:left;
font-size:10pt;
color:white;
font-family:arial;
}

div.links2 a{
font-size:10pt;
color:white;
font-family:arial;
font-weight:normal;
text-decoration:none;
}

div.links2 a:hover{
text-decoration:underline;
}

div.links3{
margin:7px 0px 0px 129px;
padding:0px 0px 0px 0px;
float:left;
height:117px;
line-height:20px;
text-align:left;
font-size:10pt;
color:white;
font-family:arial;
}

div.links3 a{
font-size:10pt;
color:white;
font-family:arial;
font-weight:normal;
text-decoration:none;
}

div.links3 a:hover{
text-decoration:underline;
}

div.links4{
margin:7px 0px 0px 165px;
padding:0px 0px 0px 0px;
float:left;
height:117px;
line-height:20px;
text-align:left;
font-size:10pt;
color:white;
font-family:arial;
}

div.links4 a{
font-size:10pt;
color:white;
font-family:arial;
font-weight:normal;
text-decoration:none;
}

div.links4 a:hover{
text-decoration:underline;
}
*/

/* ---------------------------------- NEW BOTTOM MENU --------------------------------------------- */

/* Moje dziwne dopiski by Marcin do tego dziwnego css-a */
div.bottom-proper-menu #jsddm
{	margin: 0px 0px 0px 0px;
	padding: 0;
	z-index:9999;}

	div.bottom-proper-menu #jsddm li
	{	float: left;
		list-style: none;
		font-size:10pt;
		font-family:arial;
		font-weight:bold;
		height:68px;
		z-index:9999;
		}
/* Wygląd buttona nieaktywnego */
	div.bottom-proper-menu #jsddm li a
	{	display: block;
		height:58px;
		max-width:170px;
		line-height:22px;
		padding:10px 6px 0px 6px;
		text-decoration: none;
		color:white;
		background:black;
		text-align:left;
		/*white-space: nowrap*/
		}
		
div.bottom-proper-menu #jsddm li img{
margin:0px;
padding:0px;
border:none;
}
/* Wygląd buttona aktywnego */
	div.bottom-proper-menu #jsddm li a:hover
	{	background:black;
		color:white;
	}
/* Klasa CURRENT */	
	div.bottom-proper-menu #jsddm li a.current
	{	display: block;
		height:68px;
		line-height:22px;
		padding:0px 10px;
		text-decoration: none;
		color:white;
		background:black;
		/*white-space: nowrap*/
		}
		
/* Wygląd i pozycja menu wysuwanego */		
		div.bottom-proper-menu #jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			background: black;
			border-width:0px 2px 2px 2px;
			border-style:solid;
			border-color:white;
			/*border: 2px solid white;*/
			text-align:left!important;
			z-index:999;
			}
		
			div.bottom-proper-menu #jsddm li ul li
			{	float: none;
				display:inline;
				margin:0px;
				padding:0px;
				height:30px;
				line-height:30px;
				text-align:left!important;}
/* Wygląd buttona menu wysuwanego */			
			div.bottom-proper-menu #jsddm li ul li a
			{	/*width:auto;*/
				max-width:350px;
				color:white;
				font-size:9pt;
				font-weight:normal;
				height:30px;
				line-height:30px;
				padding: 0px 10px;
				display:block!important;
				background:black;
				/*text-indent:18px;*/
				/*background:url(../img/user/menu_point.jpg) no-repeat 10px center;*/
				}
			
			div.bottom-proper-menu #jsddm li ul li a:hover
			{	
			color:#073C5F;
			text-decoration:none;
			background:black;
				/*background:url(../img/user/menu_point.jpg) no-repeat 10px center;*/				
				}
/*Wygląd separatora*/		
			div.bottom-proper-menu #jsddm li.separator
			{	display: block;
				height:68px;
				width:1px;
				margin:0px;
				padding:0px;
				background:white;
				float:left;
				/*white-space: nowrap*/
				text-align:center;
				font-size:9pt;
				font-weight:bold;
				color:#23A2D7;
				}
				
				div.bottom-proper-menu span.red{
				color:#FE0000;
				padding:0px 10px 0px 0px;
				font-size:13pt;
				}

/* news boxes */

div.newsbox{
width:760px;
margin:0px 0px 0px 100px;
padding:0px 0px 20px 0px;
float:left;
}

div.newsbox-title-stripe{
height:40px;
width:100%;
margin:0px;
padding:0px;
float:left;
}

div.newsbox-title{
height:40px;
line-height:40px;
float:left;
text-align:left;
color:yellow;
font-size:12pt;
font-family:trebuchet ms,arial;
font-weight:bold;
margin:0px;
padding:0px 0px 0px 10px;
}

div.newsbox-date{
height:40px;
line-height:40px;
float:right;
text-align:right;
color:yellow;
font-size:10pt;
font-family:trebuchet ms,arial;
font-weight:bold;
margin:0px;
padding:0px 10px 0px 0px;
}

div.newsbox-content{
width:100%;
margin:0px;
padding:0px 0px 0px 0px;
float:left;
border-bottom:0px solid #127BBF;
}

div.newsbox-img{
width:230px;
margin:0px;
padding:0px;
float:left;
}

div.newsbox-img img{
width:200px;
height:150px;
float:left;
border:1px solid #127BBF;
margin:0px 0px 0px 10px;
padding:0px;
}

div.newsbox-txt{
width:519px;
margin:0px 10px 0px 0px;
padding:0px;
float:right;
text-align:justify;
color: #7B7B7B;
font-family: arial;
font-size:10pt;
}

div.newsbox-more{
width:100%;
margin:15px 0px 0px 0px;
padding:0px 0px 10px 0px;
float:left;
border-bottom:0px solid #127BBF;
}

div.newsbox-more div.more-button{
width:102px;
height:31px;
margin:0px 10px 0px 0px;
padding:0px;
float:right;
background:url(../img/user/more-bg.png) no-repeat left top;
}

div.newsbox-more div.more-button a{
width:102px;
height:31px;
display:block;
line-height:28px;
text-align:center;
font-size:12pt;
color:white;
font-weight:bold;
font-family:trebuchet ms, arial, tahoma, verdana;
text-decoration:none;
}

div.newsbox-top{
width:760px;
height:4px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/newsbox-top.png) no-repeat left top;
}

div.newsbox-bottom{
width:760px;
height:4px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/newsbox-bottom.png) no-repeat left top;
}


div.newsbox-center{
width:760px;
margin:0px;
padding:0px;
float:left;
background:url(../img/user/newsbox-center.png) repeat-y left top;
}

div.news-back{
width:100%;
height:31px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
}

div.news-back div.more-button{
width:102px;
height:31px;
margin:0px 0px 0px 0px;
padding:0px;
float:right;
background:url(../img/user/more-bg.png) no-repeat left top;
}

div.news-back div.more-button a{
width:102px;
height:31px;
display:block;
line-height:28px;
text-align:center;
font-size:12pt;
color:white;
font-weight:bold;
font-family:trebuchet ms, arial, tahoma, verdana;
text-decoration:none;
}

img{
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    filter: url(resources.svg#desaturate); /* older Firefox */
    filter: grayscale(100%); /* Current draft standard */
}

/* Dostępność */

#csschange{
width:50px;
padding:5px 0px 36px 0px;
position:fixed;
left:0;
top:100px;
background:url(../img/user/eye.png) no-repeat center bottom white;
background-size:40px 36px;
text-align:center;
color:black;
font-size:13px;
border-width:1px 1px 1px 0px;
border-style:solid;
border-color:black;
cursor:pointer;
z-index:9999;
}

#csschange:hover{
background:url(../img/user/eye-white.png) no-repeat center bottom black;
background-size:40px 36px;
color:white;
}

#show5{
padding:10px;
width:auto;
max-width:250px;
position:fixed;
left:51px;
top:100px;
background:white;
font-size:13px;
z-index:9999;
}

#show5 a{
display:block;
height:40px;
line-height:40px;
font-size:13px;
text-align:left;
padding-left:45px;
cursor:pointer;
padding-right:5px;
}

#show5 a:hover{
background-color:#ccc;
}

#wk{
background:url(../img/user/kontrast.png) no-repeat left 5px center;
background-size:auto 20px;
}

#letters{
background:url(../img/user/letters.png) no-repeat left 5px center;
background-size:auto 24px;
}

#letters2{
background:url(../img/user/letters2.png) no-repeat left 5px center;
background-size:auto 24px;
}

#resetit{
background:url(../img/user/reset.png) no-repeat left 5px center;
background-size:auto 24px;
}

.sh5x{
width:25px;
height:25px;
background:url(../img/user/xxx.png) no-repeat left top white;
background-size:25px 25px;
position:absolute;
right:-25px;
top:-25px;
cursor:pointer;
}

.large15px{
font-size:15px!important;
}

.large20px{
font-size:20px!important;
}
.large20pxthin{
font-weight:300!important;
}

.large25px{
font-size:25px!important;
}

.large30px{
font-size:30px!important;
}

.large35px{
font-size:35px!important;
}

.znikl{
display:none;
}

.nobold{
font-weight:300;
}

#audio-mess{
width:100%;
position:fixed;
bottom:0px;
left:0px;
padding:20px 0px;
background:url(../img/user/black-trans.png) repeat;
z-index:9999;
border-top:2px solid white;
}

.audio{
width:calc(33.3% - 45px);
padding:0 15px 0 30px;
text-align:center;
float:left;
}

.audio audio{
width:100%;
}

.info-audio{
width:calc(33.3% - 30px);
padding:0 15px;
text-align:justify;
font-size:15px;
color:white;
line-height:20px;
float:left;
}

.right-audio{
width:calc(33.3% - 45px);
padding:0 30px 0 15px;
float:left;
}

.right-audio a{
height:45px;
line-height:45px;
background:white;
color:black;
font-size:15px;
text-align:center;
display:inline-block;
border-radius:45px;
width:100%;
}

.right-audio a:hover{
background:#ccc;
}

/* Dostępność END */

/* Poniżej respo */

.lstwo{
display:none;
}

.mobile-start{
width:100%;
float:left;
background:black;
height:40px;
line-height:40px;
position:fixed;
top:0;
left:0;
z-index:99999;
display:none;
}

#mobile-butt{
height:40px;
line-height:40px;
font-size:12pt;
color:white;
margin-right:20px;
font-weight:700;
cursor:pointer;
padding-right:40px;
background:url(../img/user/rm.png) no-repeat right center;
background-size:20px 20px;
float:right;
}

.mobile-menu{
width:96%;
position:fixed;
top:40px;
left:2%;
z-index:9999;
background:white;
}

.mobile-menu a{
width:100%;
float:left;
height:40px;
line-height:40px;
text-align:center;
font-size:15px;
color:white;
background:black;
margin-top:1px;
cursor:pointer;
}

.expandedlink{
width:100%;
float:left;
cursor:pointer;
background:#616161!important;
}

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

div.container{
width:100%;
}

div.wrapper{
width:90%;
margin:0 0 0 5%;
}

.logo img{
max-width:100%;
float:left;
}

div.top-section{
height:auto!important;
min-height:114px;
padding-top:40px;
}

.logo{
width:auto;
height:auto;
}

table.details td{
padding:0px 5px 0px 5px;
background:none;
}

div.banner-section img{
width:100%;
}

div.home-butt{
display:none!important;
}

div.menu-right{
display:none!important;
}

div.menu{
display:none;
}

div.rightside{
width:calc(100% - 312px);
}

div.rightside img{
max-width:100%;
height:auto;
}

div.bottom-menu{
display:none;
}

div.krs{
height:auto;
min-height:45px;
}

.mobile-start{
display:initial;
}

div.txt img{
max-width:100%!important;
}

div.newsbox{
width:calc(100% - 22px);
margin:0px 0px 30px 0px;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
}

div.newsbox-top{
display:none;
}

div.newsbox-bottom{
display:none;
}


div.newsbox-center{
width:100%;
background:none;
}

div.newsbox-txt{
width:100%;
margin:20px 0px 0px 0px;
}

div.newsbox-img{
display:none;
}

div.newsbox-title{
min-height:40px;
line-height:27px;
height:auto;
padding-left:0;
}

div.newsbox-date{
display:none;
}

div.txt table{
max-width:100%!important;
margin:0!important;
padding:0!important;
}

div.download-stripe{
width:100%;
height:auto;
}

div.download-stripe a.bluebutt{
min-height:41px;
height:auto;
}

div.download-stripe a.bluebutt em.left{
display:none;
}

div.download-stripe a.bluebutt em.center{
min-height:41px;
height:auto;
margin:0px;
padding:0px 8px;
float:left;
background:black;
line-height:25px;
border:1px solid white;
}

div.download-stripe a.bluebutt em.right{
display:none;
}

}

@media screen and (max-width: 768px){
	
div.logo{
margin-left:calc(50% - 114px);
}

table.details{
display:none;
}

.audio{
width:calc(100% - 20px);
padding:0 10px 0 10px;
}

.info-audio{
width:calc(100% - 20px);
padding:10px 10px 10px 10px;
}

.right-audio{
width:calc(100% - 20px);
padding:0 10px 0 10px;
}

}

@media screen and (max-width: 630px){
	
div.leftside{
margin-left:calc(50% - 151px);
}

div.rightside{
float:left;
width:100%;
margin:0;
padding:0;
}

}