#page-course main { padding: 0 30px 35px; }
#page-course .breadcrumb { margin-top: 20px; }
#page-course .panel.search .panel-heading { position: relative; padding: 12px 12px; }
#page-course .panel.search .arrow { position: absolute;	left: -12px; top: 50%; margin-top: -14px; background: url('img/sprites.png') -40px -120px no-repeat; width: 12px;	height: 28px; }
#page-course .course .title { font-size: 36px; line-height: 40px; color: #0072bc; }
#page-course .course .img {margin-top: 20px;}
#page-course .course .btn-more-container { border-top: 5px solid #e7e9ea; border-radius: 5px 5px 0 0; background-color: #e7e9ea; margin-top: 20px; }
#page-course .course .btn-more-container .btn-more { width: 100%; border: none; background-color: #f3f5f7; border-radius: 4px 4px 0 0; padding-top: 9px; }
#page-course .course .tags-collapsable { margin: 18px 0; }
#page-course .course.box,
#page-course .course.box:hover,
#page-course .course.box .box-wrap,
#page-course .course.box:hover .box-wrap{ border: none }
#page-course .course .student-grant.box { border-width: 0 !important; border-bottom: 1px !important }
#page-course .sidebar-xs .panel .date > div { padding: 0 3px; }
#page-course .sidebar-xs .panel .date { margin: 0 -3px; }
#page-course .sidebar-xs .panel .date input {text-align: center;}
#page-course .sidebar-xs .panel .date .bootstrap-select > button span.filter-option { padding: 0; white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis;}
#page-course .sidebar-xs .panel .bootstrap-select > button .caret { right: 6px; }
#page-course .sidebar-xs .panel .date .bootstrap-select > button .caret { right: 4px; }
#page-course .sidebar-xs .panel .btn {width: 100%; font-weight: bold; padding:8px;}
#page-course .col-main hr.line { margin: 25px auto 38px auto; }
#page-course .comments-related-container { padding: 0; }
#page-course .related .related-title { margin: 20px 0 15px 18px; font-weight: bold; font-size: 24px; line-height: 25px; }
#page-course .sidebar-lead-form-panel { background-color: #f3f5f7; }
#page-course .form-control.checkbox.privacy { background-color: transparent; }
#page-course .course .student-grant .box-wrap {border: 1px solid #e2e7ea !important; padding:18px !important}
#page-course .course .student-grant { position: relative; margin: 20px 0 20px !important; padding: 10px !important; }
#page-course .course .student-grant .title{font: bold 24px Titillium; color:#2ecc71;height: 40px}
#page-course .course .student-grant .winners{float:right;font: bold 20px Titillium; color:#2ecc71;height: 40px}
#page-course .course .student-grant .img-becas{float:right; padding-left: 15px}
#page-course .course .student-grant .img-becas > img {width: 100%;}
#page-course .course .student-grant .btn.btn-primary.btn-toggler {font: bold 14px Titillium;margin-left: 20px;padding: 10px 20px;}
#page-course .course .comments-list .title { font: 600 24px Titillium !important; margin-bottom: 15px !important; color:inherit !important}
#page-course .course .comments-list .title .count { font-weight: 200 !important; }
#page-course .course .your-experience .opinions .title { font: 600 18px Titillium !important; color: #0072bc !important; margin-bottom: 0;}
#page-course .course .your-experience .form-group > .title {color: #2ecc71;font: 600 24px Titillium;margin: -6px 0 14px;text-transform: none;}
#page-course .course .your-experience .vote > .title {font-size: 18px;font-weight: 600;margin-bottom: 8px;color:inherit;}

#page-course .program-links-container li {display: inline-block; margin-right: 20px;border: 1px solid #e2e7ea;border-radius: 5px;padding:10px;margin-top: 5px;}
#page-course .program-links-container > ul {margin-top:20px;}
#page-course .course .tab-content {padding: 15px;}
#page-course #defaultCountdown {height: 50px;}
#page-course .limited-time-title {color:#1BA355}
#page-course #responder-btn{font-size: 12px}
#page-course .clickToAction,
#page-centre .clickToAction{width:67%}

#page-course .comments-related-container .price{position:relative;right: auto}
#page-course .comments-related-container { clear:both; }

#page-course .imgcompromiso{display: inline-block;float: left;width: 16%}
#page-course .imgcompromiso2{display: block;width: 100%;margin-bottom: 15px;margin-top: -10px}
#page-course .titlecompromiso{font-size: 20px;color: #60666a;}
#page-course .titlecompromiso2{font-size: 14px;color: #06A551;text-align: center;margin-left: 60px;margin-bottom: 0px}
#page-course .container44 {width: 110%;height: 80px;margin: 25px auto 0px auto;position: relative;}
#page-course .one > div {height: 65px;}
#page-course .main {background: #2ECC71;position: relative;display: block;width: 100%;top: 0;padding: 5px 5px;margin-left: -5%;z-index: 10;}
#page-course .main > div {border: 1px dashed #fff;border-color: rgba(255, 255, 255, 1);height: 50px;padding-top: 0px;margin-top: 2px}
#page-course .skew {position: absolute;background: #06A551;width: 7%;top: 7px;z-index: -1;}
#page-course .skew.l {left: -5%;transform: skew(00deg,20deg);}
#page-course .skew.r {right: 5%;transform: skew(00deg,-20deg);}
#page-course #sticky {
    padding: 0.5ex;
    width: 100%;
    text-align: center;
    background-color: #FF803E;
    color: #fff;
    border-radius: 0.5ex;
    z-index:1000;
    cursor: pointer;
}
#page-course #sticky a {color:#fff}
#page-course #sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0 0 0.5em 0.5em;
    cursor: pointer;
    
}

#page-course .student-grant .winners .icon {float:left; display: block; width: 40px; height: 40px; margin: 0 auto 5px auto; background: url('img/sprites.png') no-repeat; }
#page-course .student-grant .winners .icon.deportes { background-position: -80px -40px; }

#page-course .course .descriptiontitle { padding-left: 18px; font-size: 26px; line-height: 40px;border-bottom: 1px solid #ddd;margin-bottom: 10px; }
#page-course .course .descriptiondescription { padding: 18px }

#page-course .course .description .btn-clicktoAction-content {width:100%;text-align: center}

#page-course [data-role="lead-form"] .btn-primary {
    margin-top: 8px;
}
#page-course .multiselect-native-select button{font-weight: normal !important;overflow: hidden;text-overflow: ellipsis;}
#page-course .multiselect-native-select .btn-group{width:100%}
@media all and (min-width: 1280px) {
  #page-course .main > div{padding-top: 10px}
}
@media all and (max-width: 1020px) {
  #page-course .skew.l {left: -5%;transform: skew(00deg,25deg);}
  #page-course .skew.r {right: 5%;transform: skew(00deg,-25deg);}
}

@media all and (max-width: 680px) {
  #page-course .skew.l {left: -5%;transform: skew(00deg,30deg);}
  #page-course .skew.r {right: 5%;transform: skew(00deg,-30deg);}
}

@media all and (max-width: 460px) {
  #page-course .skew.l {left: -5%;transform: skew(00deg,40deg);}
  #page-course .skew.r {right: 5%;transform: skew(00deg,-40deg);}
  #page-course .main > div{padding-top: 10px}
}

@media(max-width:767px){
    #page-course .col-main hr.line { width: 90%; }
}

@media(max-width:479px){
    #page-course main { padding: 0; }
    #page-course .col-main { padding: 0; }
    #page-course .related { padding: 0 15px; }
    #page-course .related .box-wrap {padding: 12px;}
    #page-course .comments-list { padding: 0 15px; }
    #page-course .tags-collapsable .item { margin-bottom: 7px; }
}

@media(min-width:768px){
    #page-course .sidebar-xs .panel.search .form-control { margin-bottom: 10px;}
    #page-course .sidebar-xs .form-group .form-control { padding-top: 8px; padding-bottom: 8px; height: auto; }
    #page-course .sidebar-xs .form-group input.form-control { padding-left: 8px; padding-right: 8px; }
    #page-course .sidebar-xs .date .day-container .bootstrap-select > button span.filter-option,
    #page-course .sidebar-xs .date .month-container .bootstrap-select > button span.filter-option { font-size: 12px; }
    #page-course .sidebar-xs .form-group .form-control.bootstrap-select { padding-top: 0; padding-bottom: 0; }
    #page-course .sidebar-xs .bootstrap-select > button { padding-right: 5px; }
    #page-course .course .img { margin-top: 0; }
    #page-course .breadcrumb,
    #page-course .panel.search { margin-top: 42px; }
    #page-course main { padding-left: 0; padding-right: 0;}
    #page-course .comments-list { padding-left: 15px; padding-right: 15px; }
    #page-course .related {padding: 15px;}
    #page-course .result.course .box-wrap { padding-left:0;padding-right: 0;}
    #page-course .result.course .btn-more-container {margin-top: 30px;}
    #page-course .videos { margin: 0 -15px; }
    #page-course #contentform { float: right; }
}

@media(min-width:768px) and (max-width:991px){
    #page-course .sidebar-xs .form-group .form-control { font-size: 14px; }
    #page-course .sidebar-xs .form-group > .form-control.bootstrap-select > button,
    #page-course .sidebar-xs .form-group > .form-control.bootstrap-select { height: 40px; }
    #page-course .course .title {font-size: 28px; line-height: 32px;}
    #page-course .course .btn-more-container .btn-more { font-size:12px; }
}


@media(min-width:900px) {
    #page-course .sidebar-xs .date .day-container .bootstrap-select > button span.filter-option,
    #page-course .sidebar-xs .date .month-container .bootstrap-select > button span.filter-option { font-size: 14px; }
}

@media(min-width:992px){
    #page-course .panel.search .panel-heading { padding-bottom: 5px; }
    #page-course .sidebar-xs .panel .date .bootstrap-select > button span.filter-option {margin-left:  0; font-size: 14px; }
}

@media(min-width:1200px){
    #page-course main {padding-top: 30px;}
    #page-course .panel.search .panel-heading { padding: 15px 25px 5px; }
    #page-course .course .title {font-size: 40px; line-height: 42px;margin-bottom: 22px;}
    #page-course .result.course .img { max-width: 295px; padding-right: 30px; }
    #page-course .result.course.offer .band { background-position: -360px 0; width: 104px; height: 104px; top: -8px; right: 22px; }
}

.job_offers {
    float: none;
}

.job_offers .title {
    line-height: 22px;
    color: #60666a;
    min-height: 18px;
    font-size: 14px;
    display: inline-block;
    float: left;
    padding-top: 10px;
    padding-bottom: 5px;
}

.job_offers label {
    width: 48%;
    height: 34px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color:#fff;
    padding: 6px 9px;
    font-size: 14px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

.job_offers .title {display: block;float: none;}

.job_offers input {
    float: none;
}

.job_offers label.option-one {
    margin-left: 1%;
}

.job_offers label.option-two {
    margin-left:1%;
}

.job_offers input[type="radio"] {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

@media screen and (max-width: 991px) and (min-width: 508px) {

    .job_offers label.option-one {
        margin-left: 0%;
    }
    .job_offers label.option-two {
        margin-left: 3%;
    }
}

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

    .job_offers label.option-one {
        margin-left: 0%;
    }
    .job_offers label.option-two {
        margin-left: 2%;
    }
}
