@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body{ margin:0; padding:0; background:url(img/bg.jpg);
}
.wprTop{ position:relative; float:left; width:100%;  padding-top:5px; background:#000 url(../img/bg_top.png) center bottom no-repeat; color:#c6c6c6; font-family: 'open_sanssemibold';
}
.wprTop h1{	display:inline; font-size:15px;
}
.wprTop h2{	display:inline; margin-left:25px; font-size:13px; color:#999; font-weight:normal;
}
.wprTop h2 span{ color:#fff;
}
.top{ width:800px; height:35px; margin:0 auto;
}

/**/
.wprCab{ position:relative; float:left; width:100%;
}
.cab{ position:relative; width:800px; margin:0 auto; padding:10px 0 0 0;
}
.estudiante{ position:absolute; top:-30px; right:0;
}
/**/

.wprCuerpo{	position:relative; float:left; width:100%; margin-top:25px; margin-bottom:25px;
}
.cuerpo{ position:relative;	z-index:2; width:800px; height:400px; border:1px solid #e6c1c1;	border-radius:7px; margin:0 auto 0 auto; background:#fff; box-shadow: 2px 2px 5px 0px #999;	overflow:auto;
}
.wprCuerpo .titCab{	position: relative; width:800px; margin:2px auto -11px auto; padding-bottom:10px; z-index:999;
}
.titCab h1{	font-family: 'open_sanslight'; background:#fff; font-size:18px; font-weight:normal; text-align:center; padding:10px 0; margin:0 35px -80px 8px; border-bottom:1px dotted #999;
}

/**/

#mCSB_1_scrollbar_vertical{	width:27px; background:#f5f5f5;	border-radius:0 5px 5px 0; border-left:1px solid #dadada;
}
.mCSB_container_wrapper{ margin-right: 17px;
}
.mCSB_scrollTools{ opacity:1 !important;
}
.mCSB_dragger{
}
.mCSB_dragger_bar{ background:#000 url(../img/scroll-circulo.png) center no-repeat !important; width:9px !important; border-radius:15px !important; border:2px solid #a91212 !important;
}
.mCSB_buttonUp{	margin-top:5px !important; background:url(../img/flechas.png) no-repeat 5px center !important; opacity:1 !important;
}
.mCSB_buttonDown{ background:url(../img/flechas.png) no-repeat -45px center !important; opacity:1 !important;
}