/*************************************
 * Style modulu program 
 * Bezpieczna Iława / numery i sygnaly
 *************************************/
.programContainer {
    overflow:hidden;
    vertical-align:top;
	margin-top:25px;
}
.programMenu {
    overflow:hidden;
    float:left;
    background:#D7DFE2;
    width:255px;
    margin:0 0 -1000px 0;
    padding:0 0 1000px 0;
}
.programMenu h2 {
	font-size:12px;
	margin:10px;
}

.programListContent {
    float:left;
    width:670px;
    margin:0 0 -1000px 35px;
    padding:0 0 1000px 0;
}

.programMenu ul.nav-list {
    float:left;
    list-style:none;
    padding-left:20px;
    margin-left:0;
}
.programMenu ul.nav-signals {
	background:url(/img/nrb.png) repeat-y;
}
.programMenu ul.nav-program {
	background:url(/img/nlb.png) repeat-y;
}
.programMenu ul.nav-list li ul {
    background:transparent;
    list-style-image:url(/img/folder_mini.png);
    padding-left:0px;
    margin-left:0;
}

.programMenu ul.nav-list li,
.programMenu ul.nav-list li ul li {
    padding-left:12px;
    margin:0 0 0 5px;
}

.programMenu ul.nav-list li a,
.programMenu ul.nav-list li ul li a {
    font-family:'Open Sans', sans-serif, Verdana;
    font-size:12px;
    padding-left:6px;
}

.programMenu .nav-list > li.active > a,
.programMenu .nav-list > li > ul > li.active > a{
    color:#fff;
}



ul.programList {
    margin:0 0 30px 0;
    padding:0;
    list-style-type:none;
}

ul.programList li {
    width:95%;
    margin:0;
    padding:0;
    border-bottom:1px solid #B8C0CD;
}

ul.programList li a {
    display:block;
    text-decoration:none;
    padding:5px 0 5px 0;
}

ul.programList li a p {
    width:89%;
    font-size:12px;
    margin:0;
    padding:0 0 8px 0;
    color:#646E91;
}

ul.programList li a:hover h2 {
    color:#e31f23;
}
ul.programList li a:hover p {
    text-decoration:underline;
}

ul.programList li a span {
    display:block;
    color:#211f2d;
    font-size:12px;
    padding:0;
    margin:0;
    font-weight:normal;
}

ul.programList li a img {
    width:42px;
    height:42px;
    float:right;
    margin:-50px 5px 0 0;
}

ul.programList li div.content {
	padding:10px 0 15px 0;
}

ul.programList li:last-child {
    border-bottom:none;
}

.programListContent h3,
ul.programList li h3 {
	font-size:14px;
    width:89%;
    padding:0;
    margin:0 0 5px 0;
}

.programEntry {
	width:95%;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    border-bottom:1px solid #B8C0CD;
}

.programEntry table
{
    border-spacing: 10px;
    border-collapse: separate;
}

.programEntry table td
{
    background-color: #F5F5F5;
    padding: 5px 15px 5px 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 14px;
    font-family: verdana,geneva,sans-serif;
}

@media screen and (max-width: 960px) {
	.programMenu {
		width:30%;
		margin:0;
		padding:0;
	}
	.programListContent {
		width:60%;
		margin:0 0 0 25px;
		padding:0;
	}
}

@media screen and (max-width: 700px) {
	.programMenu {
		width:90%;
		float:none;
	}
	.programListContent {
		width:90%;
	}
	.programMenu ul.nav-list {
		width:100%;
	}
	.programMenu ul.nav-list li, .programMenu ul.nav-list li ul li {
		width:100%;
	}
}