.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-color:#eff7f7; background-position:0 0, right 0; }
.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:1.5em; line-height:1.3em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > hr { height:1px; width:100%; border:0; margin:2em 0; background-image:url(../images/common/grey-dot.jpg); background-position:0 0; background-repeat:repeat-x; }



@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:1.3em; }
	.innerContent > p { font-size:.95em; margin-top:1.5em; }
	
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.2em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
	
}
@media only screen and (max-width:320px){
	.innerContent > h2 { font-size:1.1em; }
}

/*-------------------*/

.lecturesList { padding:0 25px 2em 25px; }
.lecturesList > ul { overflow:hidden; }
.lecturesList > ul li { width:25%; float:left; }

.innerList { margin:10px; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:0 0, right 0, 0 bottom, 0 0; background-size:100% 1px, 1px 100%, 100% 1px, 1px 100%; color:#666; text-align:center; background-color:#fff;  }
.innerList > h2 { padding:1.2em 2%; font-size:.9em; line-height:1.2em;  }
.innerList > h3 { padding:1.5em 5%; font-size:.85em; line-height:1.5em; letter-spacing:.05em; background-color:#ee7e2d; color:#fff;  }
.innerList > h4 { padding:1.2em 2%; font-size:.9em; line-height:1.2em; background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:80% 1px;  }

.listDownload { padding:.5em 5% 1em 5%; background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:center 0; background-size:1px 85%; overflow:hidden; }
.listDownload2 { padding:.5em 5% 1em 5%; background-repeat:no-repeat; background-position:center 0; background-size:1px 85%; overflow:hidden; }
.panel { width:40%; text-align:center; }

.panel > p { font-size:1em; line-height:1.6em; margin-bottom:.7em; }

.panelLeft { float:left; }
.panelRight { float:right; }


.panel > a { font-size:.65em; line-height:1.8em; letter-spacing:.05em; text-decoration:none; color:#ee7e2d; text-transform:uppercase; display:block; margin-top:.7em; }

.panel > a.borderBottom { background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:20% 1px; padding-bottom:.7em; }

@media only screen and (max-width:800px){
	.lecturesList { padding:0 3% 2em 3%; }
	.lecturesList > ul li { width:33.3333%; }
	.innerList { margin:4%; }
}

@media only screen and (max-width:640px){
	.lecturesList { padding:0 3% 2em 3%; }
	.lecturesList > ul li { width:50%; }
	.innerList { margin:4%; }
}
@media only screen and (max-width:360px){
	.lecturesList { padding:0 4% 2em 4%; }
	.lecturesList > ul li { width:100%; }
	.innerList { margin:0 0 2em 0; }
}

/*---------------------------*/

.reagisterOverlay { width:100%; height:100%; position:fixed; left:0; top:0; background-image:url(../images/common/overlay-bg.png); background-repeat:repeat; background-position:0 0; z-index:1000; display:none; }

.downloadForm { width:300px; position:absolute; left:50%; top:20%; margin-left:-166px; background-color:#fff; padding:1.5em 2em; -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75); }
.formPanel { display:none; }
.formPanel > h2 { font-size:.8em; line-height:1.2em; color:#666666; margin-bottom:1em; margin-right:2em; }
.formPanel > input { width:89%; padding:.5em 5%; border:1px solid #e1e1e1; font-size:.75em; line-height:1em; color:#666; margin-bottom:1em; }
.formPanel > .downloadButton { padding:13px 20px; line-height:1em; text-transform:uppercase; text-decoration:none; color:#fff; background-color:#66b4b2; display:inline-block; font-size:.7em; letter-spacing:.08em; }
.closeButton { width:24px; height:24px; position:absolute; right:2em; top:1.5em; }

@media only screen and (max-width:480px){
	.downloadForm { width:90%; top:1em; margin-left:-50%; padding:1.5em 5%; }
	.closeButton { right:5%; }
}

ul.pdfList {
    overflow: hidden;
    width: 100%;
    margin-bottom: 2em;
}

.pdfList li {
    width: 100%;
    float: left;
    position: relative;
    padding: .8em 0;
   
    color: #666;
}


.pdfColoumn {
    width: 100px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0;
    text-align: center;
    background-image: url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg);
    background-repeat: no-repeat;
    background-position: 15px center, 0 bottom;
    background-size: 1px 50%, 0% 0px;
}

    .pdfColoumn:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .pdfColoumn > a {
        display: inline-block;
        vertical-align: middle;
    }

        .pdfColoumn > a > img {
            width: auto;
            height: 16px;
        }

.colDetail {
    float: left;
    margin-left: 5px;
    padding-right: 20px;
    width: 85%;

}

    .colDetail h3 {
        color: #83977a;
        font-size: .9em;
        line-height: 1.5em;
        font-weight: 500;
        letter-spacing: .05em;
    }

    .colDetail p {
        color: #83977a;
        font-size: .65em;
        line-height: 1.1em;
        font-weight: 500;
        letter-spacing: .05em;
        margin-top: .5em;
    }