/*************************************
 * Style modulu poradnikow
 *************************************/
.guideContainer {
    overflow:hidden;
    vertical-align:top;
}
.guideMenu {
    overflow:hidden;
    float:left;
    background:#D7DFE2;
    width:255px;
    margin:0 0 -1000px 0;
    padding:0 0 1000px 0;
}
.guideContent {
    float:left;
    width:670px;
    margin:0 0 -1000px 35px;
    padding:0 0 1000px 0;
}

.guideMenu ul.nav-list {
    float:left;
    list-style-image:url(/img/folder_mini.png);
    background:url(/img/ngb.png) repeat-y;
    padding-left:35px;
    margin-left:0;
}
.guideMenu ul.nav-list li ul {
    background:transparent;
    list-style-image:url(/img/folder_mini.png);
    padding-left:0px;
    margin-left:0;
}

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

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

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

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

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

ul.guideList li a {
    display:block;
    text-decoration:none;
    padding:24px 0 10px 48px;
    background:url(/img/pdf.png) no-repeat left 15px;
}

ul.guideList li a h2 {
    width:89%;
    padding:0;
    margin:-13px 0 2px 0;
}
ul.guideList li a span {
    display:block;
    color:#1F2F49;
    font-size:10px;
    padding:0;
    margin:0;
    font-weight:normal;
}

ul.guideList li a p {
    width:89%;
    font-size:11px;
    margin:0;
    padding:0 0 5px 0;
    color:#646E91;
}

ul.guideList li a img {
    width:42px;
    height:42px;
    float:right;
    margin:-55px 5px 0 0;
}
ul.guideList li a:hover h2 {
    color:#E95D27;
}
ul.guideList li a:hover p {
    text-decoration:underline;
}

.guideDetails {
    width:95%;
    margin:25px 0 0 0;
    padding:0 0 15px 0;
    border-bottom:1px solid #B8C0CD;
}

.guideDetails img {
    float:left;
    margin:0 25px 15px 0
}

.guideDetails p {
    font-weight:bold;
    font-size:11px;
    color:#2A3B4F;
    line-height:1.5;
}

.guideDesc {
    width:95%;
    margin:15px 0 45px 0;
    color:#606D8F;
    font-size:10px;
}
.guideDesc p {
    color:#606D8F;
    float:left;
}
.guideDesc p strong {
}
.guideActions {
    padding:0;
    margin:0;
    float:right;
}


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

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