* :focus { outline: 0 !important; }
a:focus { outline: none !important; }

body { 
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 21px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    background: #ededed;
}

img{
    display: block;
}

a.thumbnail:hover{
    border-color: #1ABC9C !important;
}

#overlay_wit {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 1999999;
}

#loading_wit {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
}

.width_tooltip, .width_tooltip_right, .width_tooltip_top, .width_tooltip_left, .over_click, .top_logo{
    display: block !important;
}


div.header_top{
    width: 100% !important;
    background-repeat: repeat-x !important;
    background-attachment: fixed !important; 
    background-position: center middle !important;
    /*-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;*/
    padding: 80px 0 20px 0 !important;
    color: #fff !important;
}

div.header_top h2{
    font-size: 35px !important;
    line-height: 38px !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8);
    color: #fede89 !important;
} 

div.header_top p{
    font-size: 26px !important;
    line-height: 32px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8);
    color: #fff !important;
}

div.header_top p strong{
    color: #fede89 !important;
}

@media (max-width: 768px) {
    div.header_top h2{
        font-size: 24px !important;
        line-height: 32px !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8);
        color: #fede89 !important;
    } 

    div.header_top p{
        font-size: 18px !important;
        line-height: 24px !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8);
        color: #fff !important;
    }
    div.header_top p strong{
        color: #fede89 !important;
    }
}

div.navbar-header a{
    min-height: 50px !important;
    min-width: 290px !important;
}

img.top_logo{
    border: 0px;
    float: left;
    margin-top: 10px !important;
    height: 50px !important;
    width: auto !important;
}

img.img_to_resumen{
    float:left;
    margin: -8px 8px 8px 0;
}

img.campus_icon{
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    margin-right: 8px;
}

div.title_comments{
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 0 20px 0 !important;
    padding: 2px 0 0 0 !important;
}

div.clearmix{
    clear: both !important;
}

div.select_course_gift{
    clear: both !important;
    width: 100% !important;
    float: left !important;
    display: block !important;
    margin-bottom: 30px !important;
}

div.select_course_gift img{
    margin-right: 15px !important;
    margin-top: -5px !important;
}

div.select_course_gift input[type="radio"]{
    margin-top: 28px !important;
}

.help-block{
    text-align: right;
}

.info_text_content{
    text-align: right;
}

span.question_title{
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

span.pie_follow{
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}

div.domain_title{
    color: #786868;
    float: left;
    margin-left: 8px;
    margin-top: 40px;
}

div.lft-border{
    border-left: 1px dotted #cdcdcd;
}

div.content_block_basic div, div.content_block_basic p, div.content_block_basic div p, div.content_block_basic div ul li{
    font-size: 13px !important;
}

div.content_block_basic div h1{
    font-size: 26px !important;
}

div.content_block_basic div h2{
    font-size: 22px !important;
}

div.content_block_basic div h3{
    font-size: 20px !important;
}

div.content_block_basic div h4{
    font-size: 18px !important;
}

div.content_block_basic div h5{
    font-size: 16px !important;
}

div.top_title_comments{
    clear: both !important;
    border-bottom: 1px dotted #dcdcdc;
    margin-bottom: 10px !important;
    padding-top: 15px !important;
}

div.noheight{
    height: 0px;
}

a.thumbcentered{
    text-align: center;
}

div.isotope_column{
    width: 30% !important;
}

div.block_content{
    width: 30% !important;
    float: left;
    margin-right: 1% !important;
    border-bottom: 1px #dcdcdc;
    background-color: #ededed;
    padding: 10px !important;
}

div.pay_logos{
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 0px !important;
}

div.pay_logos img.pay_round{
    float: left !important;
    clear: none !important;
    margin-right: 4px !important;
}

div.tech_logos{
    text-align: right !important;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 0px !important;
}

div#myCarousel{
    margin-bottom: 20px;
}

div.lateral_info{
    margin-top: 20px !important;
    font-size: 11px !important;
    line-height: 15px !important;
    background-color: #ededed;
    border-color: #dfdfdf;
    color: #565656;
}

div.lateral_info p{
    margin-top: 10px !important;
}

div.lateral_info_banner{
    margin-top: 20px !important;
}

div.lateral_info_banner img{
    border: 0px;
}

div#info_banner_top span{
    font-size: 11px !important;
}

div.old_prize {
    font-size: 13px;
    color: #b8b8b8;
    position: relative;
    white-space: nowrap; /* would center line-through in the middle of the wrapped lines */
    clear: right !important;
    margin-top: 0px !important;
}

div.old_prize:after {
    border-top: 1px solid red;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    left: 0;
}

i.red_icon{
    color: red !important;
    margin-top: -4px !important;
}

span.new_prize {
    font-size: 16px;
    clear: right !important;
}

.border-block{
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    padding: 10px;
    margin-bottom: 15px;
}

div.img-circle-big {
    display: block;
    height: 120px;
    width: 120px;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    border: solid 10px white;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

div.img-circle-mini {
    display: block;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: solid 4px white;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

div.img-circle-mini:hover {
    cursor: pointer;
}

div.media{
    padding-bottom: 20px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px dotted #cdcdcd;
    clear: both !important;
}

span.fecha_video{
    font-style: italic;
    font-size: 9px;
}

div.info_ppt{
    margin-top: 6px !important;
    padding-top: 8px !important;
}

div.info_ppt_list{
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.list_buttons{
    float: right;
    width: 70px;
    padding-top: 6px !important;
    padding-right: 6px;
    margin-bottom: 10px !important;
}

div.list_buttons span{
    clear: both !important;
}

div.info_ppt_text{
    margin: -5px 0 0 0 !important;
    padding: 0px;
}

div.info_ppt_text strong{
    font-size: 13px !important;
}

div.info_ppt_text span.ponente{
    font-size: 13px !important;
    font-weight: bold;
}

div.info_ppt_text p{
    clear: both !important;
    padding: 0px !important;
    font-size: 13px !important;
    line-height: 16px !important;
}

span.teacher_link{
    text-transform: uppercase !important;
    font-weight: bold;
}

div.info_teacher p{
    text-align: justify;
    font-size: 14px;
    line-height: 20px;
    padding-right: 30px;
}

div.info_teacher ul{
    list-style-position: inside !important;
    padding-left: 40px !important;
}

div.info_teacher p ul{
    list-style-position: inside !important;
    padding-left: 40px !important;
}

div.item_course{
    margin-bottom: 10px !important;
}

div.item_course_teacher{
    margin-bottom: 10px;
    padding-bottom: 5px;
    float: left;
    width: 100%;
}

div.item_course_teacher img{
    margin-bottom: 80px;
    margin-right: 6px;
    float: left;
}

div.item_course_teacher p{
    font-size: 13px;
    line-height: 18px;
}

div.item_course_teacher p strong a{
    font-size: 18px;
    line-height: 24px;
}

div.item_course_teacher_mobile{
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #dcdcdc;
    float: left;
    width: 100%;
}

div.item_course_teacher_mobile img{
    margin-bottom: 6px;
    margin-right: 6px;
    clear: both !important;
}

div.item_course_teacher_mobile p{
    font-size: 13px;
    line-height: 18px;
}

div.item_course_teacher_mobile p strong a{
    font-size: 18px;
    line-height: 24px;
}

input.noborderform {
    border: none !important;
    border-color: #fff !important;
}

input.noborderform:hover {
    border: none !important;
    border-color: #fff !important;
}

input.noborderform:active {
    border: none !important;
    border-color: #fff !important;
}

input.noborderform:focus {
    border: none !important;
    border-color: #fff !important;
}

.title_block{
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    margin-bottom: 15px;
}

.indent_list_features{
    margin-top: 10px !important;
    margin-left: 36px !important;
}

.big_font{
    font-size: 18px !important;
    line-height: 24px !important;
    text-align: justify !important;
    list-style-type: none !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.big_font li{
    margin-bottom: 15px !important;
}

.mrg-lft-10{
    margin-left: 10px !important;
}

.mrg-btt-15{
    margin-bottom: 15px !important;
}

.mrg-rgt-10{
    margin-right: 10px !important;
}

.mrg-btt-6{
    margin-right: 6px !important;
}

.mrg-btt-18{
    margin-right: 18px !important;
}

.mrg-tp-15{
    margin-top: 15px !important;
}

.mrg-tp-6{
    margin-top: 6px !important;
}

.mrg-tp-n10{
    margin-top: -10px !important;
}

.btt100{
    width: 45% !important;
    margin: 0px !important;
    font-size: 12px !important;
}

.talgn-right{
    text-align: right !important;
}

.fcolorblack{
    color: #000 !important;
}

h1.title_course_page{
    margin: 0 0 15px 0 !important;
    padding: 0px;
    font-size: 28px;
    line-height: 30px;
}

form.search_form_live{
    margin-right: -25px !important;
    margin-left: 10px !important;
}

img.over_click:hover{
    cursor: pointer !important;
}

div.home_block{
    width: 92%;
}

div.general_info_course{
    width: 100%;
    padding: 2%;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

div.title_info{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}

div.featured_info{
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px dotted #cfcfcf;
    color: #3a3a3a;
}

div.clear_height_zero{
    clear: both !important; 
    height: 0 !important;
}

div.featured_info_last{
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    clear: both;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #3a3a3a;
}

div.featured_info strong{
    font-size: 16px;
    line-height: 20px;
}

div.featured_info i{
    float: left;
    margin-right: 10px;
    color: #a1a1a1;
}

div.featured_info_last strong{
    font-size: 16px;
    line-height: 20px;
}

div.featured_info_last i{
    float: left;
    margin-right: 10px;
    color: #a1a1a1;
}

.real-progress{
    height: auto !important;
    max-height: 105px !important;
    overflow: hidden;
    padding-top: 5px !important;
}

.real-progress input{
    margin: 0px !important;
    width: 40px !important;
    height: 40px !important;
}

.real-progress-module{
    height: auto !important;
    max-height: 65px !important;
    overflow: hidden;
}

.real-progress-module input{
    margin: 0px !important;
    width: 40px !important;
    height: 40px !important;
}

input.dial{
    margin-left: -40px !important;
}

div.learning_unit{
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

div.learning_unit:hover{
    background: #efefef !important;
    padding-bottom: 8px !important;
    -moz-opacity: 1 !important;
    filter:alpha(opacity=100) !important;
    opacity: 1 !important;
}

.upper_bar_tools{
    float: right;
    margin-left: 15px;
    margin-top: 15px;
    width: 350px;
    text-align: right;
    margin-right: -25px;
}

.upper_bar_tools img{
    border: 0px;
    margin-left: 8px;
}

.upper_bar_tools img:hover{
    cursor: pointer;
}

.minimal_button{
    margin-right: 10px !important;
    color: #fff !important;
    margin-top: 20px !important;
}

.minimal_button:hover{
    cursor: pointer;
}

.module_style{
    background-color: #dbdbdb;
    padding-bottom: 15px;
}

h1.tutor_info{
    margin-top: 18px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    line-height: 18px !important;
    font-size: 20px !important;
    text-transform: uppercase;
}

h1.notutor_info{
    font-size: 20px !important;
    text-transform: uppercase;
}

img.social_sharing{
    float: right;
    margin-right: -20px !important;
    clear: right;
    margin-bottom: 5px;
    border: 0px;
}

img.social_sharing:hover{
    cursor: pointer;
}

img.social_sharing_horizontal{
    float: right;
    margin-right: 8px !important;
    margin-top: -5px !important;
    border: 0px;
}

img.social_sharing_horizontal:hover{
    cursor: pointer;
}

span.protected_text{
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}

.moveup {
    margin-top: -80px !important;
}

.moveup60 {
    margin-top: -60px !important;
}

.colour-grey{
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
}

.colour-greysmall{
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 50%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
}

img.prelogo{
    float: left;
    border: 0px;
    margin-left: 10px;
}

.main_content{
    margin-top: 70px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    background: rgba(255,255,255,0.92);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 680px !important;
}

.main_content_courses{
    margin-top: 0px !important;
    margin-bottom: 40px;
    padding-bottom: 20px;
    background: rgba(255,255,255,0.92);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 680px !important;
}

.channel_main_class{
    margin: 0px 0px 0px 15px !important;
    float: left !important;
    max-width: 170px;
}

.mrgleft15{
    margin-left: -15px !important;
}

.channelbrdleft15{
    border-left: 1px dotted #cbcbcb;
    padding-left: 15px !important;
}

div.footer_class{
    margin-top: 10px;
    border-top: 1px dotted #bcbcbc;
    padding-top: 15px;
    width: 100%;
    background: transparent url('../images/pie-linea-division.png') no-repeat top center !important;
}

div.caption{
    font-size: 13px !important;
    font-weight: 400;
}

div.caption p{
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.5em !important;
    min-height: 9em !important;
}

div.caption strong{
    font-size: 14px !important;
    font-weight: 800;
}

img.tech_by{
    float: right;
    border: 0px;
    vertical-align: middle;
}

img.contents_by{
    float: right;
    border: 0px;
    float: right;
    margin-right: 0px;
    vertical-align: middle;
}

img.social_footer_icons{
    float: left;
    border: 0px;
    margin-right: 6px;
}

.register_button:hover{
    cursor: pointer;
}

span.uppcase{
    text-transform: uppercase !important;
}

#widgets_central p{
    padding: 0px;
    margin: 0px;
}

#widgets_right p{
    padding: 0px;
    margin: 0px 0px 0px -10px;
}

.main_left{
    float: left;
    width: 105px;
    padding: 10px;
}

.main_left img{
    border: 0px;
}

.main_right{
    float: left;
    margin-left: 5px;
    width: 845px;
    padding: 10px;
    background: rgba(255,255,255,0.92);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 600px !important;
}

.rounded_box{
    width: 90%;
    margin: 15px auto 0 auto;
    border-left: 1px solid rgb(238, 238, 238) !important;
    border-right: 1px solid rgb(238, 238, 238) !important;
    border-bottom: 1px solid rgb(204, 204, 204) !important;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1) !important;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  #ededed 7%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#ededed), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ededed 7%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ededed 7%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed 7%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ededed 7%,#e0e0e0 100%); /* W3C */    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 15px !important;
}

span.red_required{
    font-size: 11px;
    color: red;
}

.broadcast_camera{
    width: 287px;
    min-height: 720px;
    padding: 0px;
    float: left;
    background: #fff url('../img/box_lateral.jpg') no-repeat top left;
}

.row_teacher{
    width: 100%;
    clear: both !important;
    margin: 10px 0 10px 0 !important;
}

.row_teacher ul{
    list-style-position: outside !important;
    margin-left: 40px !important;
}

.row_teacher_img{
    width: 65px;
    height: 55px;
    float: left;
    text-align: left;
    margin: 0px 0px 40px 0px;
    padding: 0px;
    display: block;
    clear: left;
}

.row_teacher_data{
    width: 235px;
    height: 55px;
    float: right;
    text-align: left;
    margin: 0px;
    padding: 21px 0 0 0;
    font-size: 10px;
    line-height: 15px;
}

.status_live_button{
    border: 0px;
    float: left;
    margin-right: 10px;
}

.status_live_button:hover{
    cursor: pointer;
}

.broadcast_camera_internal{
    padding: 10px !important;
    min-height: 299px;
    margin-bottom: 10px;
}

.broadcast_camera_internal_datos_moderador{
    padding: 10px !important;
}

.broadcast_camera_internal_datos_moderador h3{
    color: #bbb;
    font-size: 14px;
    margin: 40px 0 10px 0;
    padding: 0px;
    line-height: 14px;
}

.broadcast_camera_internal_datos{
    padding: 10px !important;
}

.broadcast_camera_internal_datos h3{
    color: #bbb;
    font-size: 14px;
    margin: 40px 0 10px 0;
    padding: 0px;
    line-height: 14px;
}

#class_onair{
    width: 220px;
    height: 14px;
    padding: 6px 10px 5px 40px;
    font-size: 14px;
    line-height: 14px;
    color: #bbbbba;
    clear: both;
    display: none;
    background: transparent url('../img/onair.png') no-repeat top left;
    margin-left: -3px;
}

#class_noonair{
    width: 240px;
    height: 14px;
    padding: 6px 10px 5px 20px;
    font-size: 14px;
    line-height: 14px;
    color: #bbbbba;
    clear: both;
    background: transparent url('../img/noonair.png') no-repeat top left;
    margin-left: -3px;
}

.live_camera{
    width: 295px;
    min-height: 400px;
    padding: 5px;
    float: left;
    margin: 0 0 5px 0;
    background: #fff;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    clear: left !important;
}

.info_nointeractive{
    width: 230px;
    min-height: 230px;
    float: left;
    padding: 15px !important;
    background: #fff;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.live_camera_nointeractive{
    width: 295px;
    min-height: 400px;
    padding: 5px;
    float: left;
    margin: 0px;
    background: #fff;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

#livecam{
    clear: both;
    margin-top: 10px;
}

.player_43{
    display: block;
    width: 285px;
    height: 214px;
    margin-bottom: 20px;
    margin-left: 4px;
    margin-top: 4px;
    float: left;
}

.player_43_big{
    display: block;
    width: 600px;
    height: 450px;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-top: 5px;
    float: right;
}

.player_169_big{
    display: block;
    width: 600px;
    height: 320px;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-top: 5px;
    float: right;
}

.player_169{
    display: block;
    width: 285px;
    height: 160px;
    margin-bottom: 20px;
    margin-left: 4px;
    margin-top: 4px;
    float: left;
}

#minicamera{
    margin-bottom: 20px;
    margin-left: 4px;
}

.live_chat{
    width: 247px;
    height: 489px;
    float: right;
    padding:  10px;
    margin-bottom: 5px;
    margin-left: 10px;
    background: #fff;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.live_chat_player{
    width: 260px;
    min-height: 250px;
    float: left;
    padding: 0px 10px 0px 0px;
    background: #fff;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

#docs{
    -webkit-font-smoothing: antialiased;
    font-size: 11px; 
    line-height: 13px;
}

.right_panel{
    float: left;
    width: 630px;
    margin-left: 20px;
    margin-top: 20px;
}

.live_ppt{
    width: 527px;
    height: 365px;
    padding: 50px;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    background: transparent url('../img/recuadro-ppt.jpg') no-repeat top center;
    font-size: 20px;
    color: #bcbcbc;
    text-align: center;
}

.live_ppt p{
    margin-top: 90px !important;
}
.live_ppt_player{
    width: 600px;
    padding: 10px;
    float: right;
    margin-bottom: 5px;
    background: #fff;
    border-left: 1px dotted #cdcdcd;
}

@media (min-width: 1200px) {
    .live_ppt_player{
        width: 800px;
        padding: 10px;
        float: right;
        margin-bottom: 5px;
        background: #fff;
        border-left: 1px dotted #cdcdcd;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .live_ppt_player{
        width: 550px;
        padding: 10px;
        float: right;
        margin-bottom: 5px;
        background: #fff;
        border-left: 1px dotted #cdcdcd;
    }
}

@media (max-width: 767px) {
    .live_ppt_player{
        width: 320px;
        padding: 10px;
        float: right;
        margin-bottom: 5px;
        background: #fff;
        border-left: 1px dotted #cdcdcd;
    }
}

@media (max-width: 480px) {
    .live_ppt_player{
        clear: both !important;
        width: 100%;
        padding: 10px;
        float: right;
        margin-bottom: 5px;
        background: #fff;
        border-left: 1px dotted #cdcdcd;
    }
}

.live_ppt_player_mini{
    width: 295px;
    padding: 5px;
    float: left;
    margin: 0px;
    background: #fff;
    text-align: center;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.live_sponsor{
    width: 900px;
    padding: 0px;
    clear: both;
    margin: 10px auto;
}

.live_ppt img{
    border: 0px;

}

.hidder_style{
    position: absolute;
    top: 0;
    left: 0;
    width: 960px !important;
    height: 720px !important;
    z-index: 999999 !important;
    background: #000 !important;
    -moz-opacity:.90;
    filter:alpha(opacity=90);
    opacity:.90;
}

.loader_style{
    position: absolute;
    top: 150px;
    left: 50%;
    width: 400px;
    height: 300px;
    margin-left: -200px;
    font-size: 10px;
    text-align: center;
    padding: 10px;
    border: 1px solid #c1dad7;
    float: left;
    background: #dde5ee;
    color: #625c55;
    overflow: hidden;
}

.image_carousel {
    padding: 15px 0 15px 40px;
    position: relative;
}
.image_carousel img {
    border: 1px solid #ccc;
    background-color: white;
    padding: 9px;
    margin: 7px;
    display: block;
    float: left;
}
div.question_type{
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #dedede;
    
}
label.tipo_select_value{
    width: 90%;
    float: left;
}
a.prev, a.next {
    background: url(../img/miscellaneous_sprite.png) no-repeat transparent;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
    top: 85px;
}
a.prev {
    left: -22px;
    background-position: 0 0;
}
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
   background-position: -50px 0; }
   a.next:hover {		background-position: -50px -50px; }
   a.next.disabled {	background-position: -50px -100px !important;  }
   a.prev.disabled, a.next.disabled {
    cursor: default;
}

a.prev span, a.next span {
    display: none;
}

.clearfix {
    float: none;
    clear: both;
}

.clearfix-left{
    clear: left !important;
}

.clearfix-right{
    clear: right !important;
}

.megaclearfix{
    clear: both;
    height: 0 !important;
}

.blockHeadline {
    font-size: 28px;
    line-height: 28px !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

.blockSubHeadline {
    font-size: 18px;
    line-height: 22px !important;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #fff;
}

.txtCent {
    text-align: left; 
    width: 25%;
    position: absolute;
    top: 0px !important;
    left: 75% !important;
    padding: 80px 18px 10px 10px;
    background: rgba(0, 0, 0, 0.7);
    height: 260px !important;
}

.slogan_main{
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    border: 0px;
}

.royalSlider{
    width: 940px !important;
    height: 350px !important;
    background: transparent !important;
    margin-bottom: 20px;
    margin-left: -3px;
    overflow: hidden !important;
}

img.main_image_content{
    margin: 0px;
    border: 0px;
}

div.menu_ppal{
    font-size: 12px;
    line-height: 14px !important;
}

div.menu_ppal h3{
    font-size: 16px;
    line-height: 20px !important;
    font-weight: bold;
}

div.menu_ppal a{
    float: left;
    padding: 6px;
    background-color: #cfcfcf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

p.info_added{
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    color: #9c9c9c;
    font-size: 11px;
    line-height: 13px !important;
    font-weight: normal;
}

p.muted{
    font-size: 11px;
    line-height: 14px !important;
    font-weight: normal;
}

div.info_added{
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px dotted #cecece;
    color: #9c9c9c;
    font-size: 11px;
    line-height: 13px !important;
    font-weight: normal;
}

div.line_up_dotted{
    margin: 15px 0 0 0;
    width: 100%;
    height: 15px;
    border-top: 1px dotted #cecece;
}

div.internal_text_title{
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 896px;
    padding: 20px !important;
    background: rgba(0, 0, 0, 0.7);
    font-size: 20px;
    line-height: 22px !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    min-height: 20px;
}

.top_separated{
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dotted #cecece;
}

span.home_title{
    font-size: 20px;
    line-height: 22px !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

span.footer_title{
    font-size: 18px;
    line-height: 20px !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

div.footer_widget{
    clear: both !important;
    padding-bottom: 15px !important;
}

div.widget_footer p{
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.jautocomplete-loading input{
    background: #fff url('../img/ajax-loader.gif') no-repeat 97% 50%;
}

/**
* autocomplete hidden box
*/
.jautocomplete-placeholder{
    width: 310px;

    position: absolute;
    left: 0;
}

.jautocomplete-box{	
    float: left;
    width: 100%;

    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
}

.jautocomplete-box a{
    color: #5C5C5C;
}

.jautocomplete-box .item{
    float: left;
    width: 100%;
    padding: 10px 0;
}

.jautocomplete-box .item p{
    padding: 0;
    margin: 0;
}

.jautocomplete-box .item:hover{
    background: #efefef;
}

.jautocomplete-box .img{
    float: left;
    margin-left: 10px;
}

.jautocomplete-box .img img{
    width: 70px;
}

.jautocomplete-box .data{
    float: right;
    width: 200px;
    font-size: 12px;
    line-height: 17px;
    text-align: left;
    margin-right: 10px;
    word-wrap: break-word;
}

.jautocomplete-box .title{
    color: #2B6789;
    font-weight: bold;
    font-size: 13px;
    word-wrap: break-word;
}

.qq-upload-list {
    text-align: left;
}

li.alert-success {
    background-color: #DFF0D8;
}

li.alert-error {
    background-color: #F2DEDE;
}

.alert-error .qq-upload-failed-text {
    display: inline;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index: 99999999; /* makes sure it stays on top */
}

#status {
    width:380px;
    height:300px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    margin:-150px 0 0 -190px; /* is width and height divided by two */
}

.loading_image{
    border: 0px;
    float: left;
    margin-top: 5px;
}

.logo_image{
    border: 0px;
    float: right;
    margin-top: 5px;
}

.text_preloader{
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 11px;
    line-height: 21px;
    color: #bababa;
}

.no_style_p p{
    margin: 0px;
    padding: 0px;
    word-wrap: break-word !important;
}

a.prev, a.next {
    background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
    top: 60px;
}
a.prev {
    left: -40px;
    background-position: 0 0;
}
a.prev:hover { background-position: 0 -50px; }
a.prev.disabled { background-position: 0 -100px !important;  }
a.next { 
    right: -20px;
    background-position: -50px 0;
}
a.next:hover {
    background-position: -50px -50px;
}
a.next.disabled {
    background-position: -50px -100px !important;
}
a.prev.disabled, a.next.disabled {
    cursor: default;
}
a.prev span, a.next span {
    display: none;
}

textarea.max_length{
    min-height: 180px !important;
    width: 100% !important;
    clear: both !important;
}

textarea.nomax_length{
    min-height: 180px !important;
    width: 100% !important;
    clear: both !important;
}

label.pull-center{
    text-align: center !important;
}


.msg-in {
    position: relative;
}
.msg-in  .arrow {
    border-right: 8px solid #ededed !important;
}
.msg-in .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}
.msg-in .text {
    background: #ededed;
    padding: 10px;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.msg-in .text p {
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.attribution {
    color: #504e4f;
    font-size: 11px;
    margin: 0px 0 5px;
}

.text_content_forum{
    color: #262626 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.text_content_forum p {
    color: #262626 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.upthumbimage{
    margin-top: -65px;
}

.upthumbimage img{
    display: block !important;
}

.upthumbimage_content{
    margin-top: -75px;
}

.upthumbimage_content img{
    display: block !important;
}

.non-semantic-protector { position: relative; z-index: 1; }

.ribbon {
   font-size: 16px !important;
   /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
   width: 100%;    
   position: relative;
   background: #1ABC9C;
   color: #fff;
   text-align: center;
   padding: 1.8em 2em 1em 2em; /* Adjust to suit */
   margin: 0 auto 65px auto; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
   content: "";
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #4a4a4a;
   z-index: -1;
}
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
}
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   content: "";
   position: absolute;
   display: block;
   border-style: solid;
   border-color: #000 transparent transparent transparent;
   bottom: -1em;
}
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
}

.course_mini_info{
    margin-top: -10px !important;
}

.course_mini_info p{
    font-size: 15px !important;
    line-height: 20px !important;
    padding-left: 15px !important;
    margin-top: 10px !important;
    font-weight: bold;
}

.course_mini_info h5{
    padding-left: 15px !important;
}

.course_mini_info a{
    margin-left: 15px !important;
}

.items_program_course{
    clear: both !important;
    font-size: 20px !important;
}

.upperletters{
    text-transform: uppercase;
    border-bottom: 1px dotted #cdcdcd;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-top: 1px dotted #cdcdcd;
    margin-top: 15px;
    padding-top: 15px;
}

.label{
    font-size: 15px !important;
}

label.radio{
    padding-top: 0px !important;
}

ul.navbar-nav li a{
    padding: 22px 10px !important;
}

ul.navbar-nav li ul li a{
    padding: 8px 10px !important;
}

ul.navbar-nav li ul li a:active {
    color: #fff !important;
}

ul.navbar-nav li ul li a:hover {
    color: #fff !important;
}

ul.navbar-nav li ul li a:visited {
    color: #fff !important;
}

.nav-dark div.container div.row div div.navbar-collapse ul.navbar-nav li a {
    color: #dcdcdc !important;
}

.nav-dark div.container div.row div div.navbar-collapse ul.navbar-nav li a:active {
    color: #fff !important;
}

.nav-dark div.container div.row div div.navbar-collapse ul.navbar-nav li a:hover {
    color: #fff !important;
}

.nav-dark div.container div.row div div.navbar-collapse ul.navbar-nav li a:visited {
    color: #fff !important;
}

ul.dropdown-inverse li a:visited{
    color: #fff !important;
}

ul.nodisk{
    font-size: 14px !important;
    list-style-type: none;
    list-style-position: outside !important;
    margin: 10px 0 10px 8px !important;
    padding: 0px !important;
}

ul.nodisk li{
    margin: 10px 0 10px 0 !important;
    padding: 0px !important;
}

ul.nodisk li ul{
    font-size: 14px !important;
    list-style-type: none;
    list-style-position: outside !important;
    margin: 10px 0 10px 18px !important;
    padding: 0px !important;
}

ul.nodisk li ul li{
    margin: 10px 0 10px 0 !important;
    padding: 0px !important;
}

#scrollUp {
    bottom: 20px;
    right: 20px;
    height: 38px;  /* Height of image */
    width: 38px; /* Width of image */
    background: url(../img/top.png) no-repeat;
}

span.mini_text_button{
    font-size: 13px !important;
    line-height: 13px !important;
}

#browserblast {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    border-top: 2px solid #D4C790;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #6d6647;
    text-align: center;
    background: #FAF4AF;
}
#browserblast a {
    color: green;
    text-decoration: underline;
}
.video_charla{
    width: 922px;
    margin: 15px auto !important;
}
.video_charla iframe{
    border: 0px !important;
    border-color: transparent;
    overflow: hidden;
    background: transparent !important;
    -webkit-box-shadow: 0px 2px 50px -10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 50px -10px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 50px -10px rgba(0,0,0,0.4);
}
.bootstrap-select ul{
    min-width: 520px !important;
}
.modal-title{
    text-transform: uppercase !important;
}
.centered_text{
    text-align: center;
}
.green-full-width .content-body { 
    border-top: 6px solid #52afab; 
    padding: 86px 0 94px; 
}
.green-full-width form {
    width: 40%; 
    margin: 0 auto; 
    /*min-width: 248px; */
    background: #7E7E7F; 
    background: rgba(0,0,0,0.8) !important; 
    padding: 15px !important;
}
.green-full-width form.register label {
    padding-bottom: 15px;
}
.green-full-width form.login .lost_password {
    float: right;  color: #fff; text-decoration: underline;
}
.green-full-width form.login .sign_pw {
    float: left;
}
.green-full-width form.login #username {
    margin-bottom: 38px;
}
/*.green-full-width form.login .button {
    margin-top: 18px; padding: 14px 0; width: 202px;
}*/
.green-full-width .form-row, .green-full-width #affiliates-registration-form input {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
.green-full-width label {
    color: #fff; 
    font-size: 16px/1; 
    padding-bottom: 12px; 
    text-align: left !important;
}
.green-full-width form input.input-text, .green-full-width #affiliates-registration-form input[type=text] {
    width: 100%; 
    margin-bottom: 30px; 
    font-size: 1.5em; 
    height: auto; 
    padding: 0 10px; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    /*min-width: 248px; */
    font-weight:500; 
    height: 50px; 
    line-height: 1; 
    border: none;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
}
.green-full-width form input[type=text]:focus, .green-full-width form input[type=password]:focus, .green-full-width form input[type=email]:focus,  .green-full-width #affiliates-registration-form input[type=text]:focus  {
    border: 3px solid #50a5a1; 
    outline: none; padding: 0 7px;
}
.green-full-width form.register .form-row-first {
    margin-right: 18px;
}
.green-full-width form .form-row-first input.input-text, .green-full-width form .form-row-last input.input-text {
    width: 99%; 
    /*min-width: 180px;*/
}
.green-full-width form .form-row-first, .green-full-width form .form-row-last {
    text-align: left;
}  
.green-full-width form.register input.input-text, .green-full-width form.login input.input-text, .green-full-width form.lost_reset_password input.input-text, .green-full-width #affiliates-registration-form input[type=text] {
    background: url('../images/form-sprite.png') no-repeat right 7px #fff;
}
.green-full-width #reg_username:focus, .green-full-width #reg_firstname:focus, .green-full-width #reg_lastname:focus, .green-full-width #username:focus, .green-full-width form.lost_reset_password input.input-text:focus, .green-full-width #affiliates-registration-form #affiliates-registration-form-first-name:focus, .green-full-width #affiliates-registration-form #affiliates-registration-form-last-name:focus, .green-full-width #affiliates-registration-form #affiliates-registration-form-user-login:focus, .green-full-width #affiliates-registration-form input[type=text]:focus  {
    background: url( '../images/form-sprite.png' ) no-repeat right -118px #fff;
}
.green-full-width form.register #reg_email, .green-full-width #affiliates-registration-form #affiliates-registration-form-email  {
    background: url('../images/form-sprite.png') no-repeat right -31px #fff;
}
.green-full-width form.register #reg_email:focus, .green-full-width #affiliates-registration-form #affiliates-registration-form-email:focus {
    background: url( '../images/form-sprite.png' ) no-repeat right -161px #fff !important; 
    padding: 0 7px;
}
.green-full-width form.register #reg_password, .green-full-width form.register #reg_password2, .green-full-width form.login #password {
    background: url('../images/form-sprite.png') no-repeat right -75px #fff;
}
.green-full-width form.register #reg_password:focus, .green-full-width form.register #reg_password2:focus, .green-full-width form.login #password:focus {
    background: url( '../images/form-sprite.png' ) no-repeat right -216px #fff !important;
}
.green-full-width .woocommerce-error {
    margin-bottom: 21px; 
    margin-top: -21px;
}

#popout {
   margin: -225px 0 0 0;
   padding: 0;
   position: fixed;
   top: 50%;
   left: 0;
   width: 350px;
   height: 450px;
   z-index: 100;
   overflow: hidden;
}

#popout a, #popout a img {
   text-decoration: none;
   border: 0;
   outline: 0;
}

#popout a span {
   display: none;
}

#popout #cap {
   width: 20px;
   height: 450px;
   position: relative;
   left: 0;
   z-index: 102;
}

#popout a#close {
   position: absolute;
   background: transparent;
   top: 0;
   left: 280px;
   height: 50px;
   width: 70px;
}

#popout #adbox {
   position: absolute;
   top: 0;   
   left: 20px;
   margin-left: -350px;
   z-index: 101;
}

div.class_legal{
    font-size: 14px !important;
}

div.class_legal h1 {
    font-size: 20px !important;
}

div.class_legal p {
    font-size: 14px !important;
}

div.class_legal ul {
    font-size: 14px !important;
}

div#rating_star img{
    float: left !important;
}

.contenthover { padding:20px 20px 10px 20px !important; }
.contenthover a { float: right !important; margin-right: 15px; }