﻿* { margin: 0px; font-weight: lighter; font-family: 'Segoe UI', Verdana, Arial }
body { background-color: #000; }
main { background-color: #fff; margin: 0px auto; max-width: 1024px; box-shadow: 5px 5px 20px #4D4D4D; }
h1 { font-size: 20px; color: #7c0707; }
h2 { margin-bottom: 10px; text-transform: uppercase; color: #AA2C2E; font-weight: normal; font-size: 130%; }
br { clear: both; }
select { cursor: pointer; }
a { border: 0; }
pre { text-align: justify; white-space: pre-wrap; }

.loader2 { padding-top: 6px; padding-left: 32px; background-repeat: no-repeat; background-image: url('Images/loader2.gif'); }

.fast_access { font-size: 80%; padding: 7px 10px; color: #fff; background-color: #4D4D4D; }
.fast_access_caption { font-weight: normal; }
.fast_access a + a { border-left: 1px solid #fff; }
.fast_access a { text-decoration: none; color: inherit; padding-left: 10px; padding-right: 8px }
    .fast_access a:hover { color: #25adfc; }
.fast_access input { margin-left: 100px; padding-left: 5px; border-radius: 2px; }
.fast_access button { border-radius: 3px; background-position: center; padding: 6px; cursor: pointer; background-color: transparent; border: 0px; width: 24px; height: 24px; display: inline-block; background-image: url('Images/search.png'); background-repeat: no-repeat; }
    .fast_access button:hover { background-color: #383737; }
    .fast_access button:active { background-color: #25adfc; }

header #logo { margin: 20px; float: left; }
header .social_network { margin-right: 5px; margin-top: 120px; float: left; text-decoration: none; width: 32px; height: 31px; background-position-y: 32px; }
    header .social_network:hover { background-position-y: 0px; }
header #aFacebook { background-image: url('Images/facebook.png'); }
header #aTwitter { background-image: url('Images/twitter.png'); }
header #aGoogle { background-image: url('Images/googleplus.png'); }

.menu { background-color: #0071b7; color: #fff; font-size: 90%; }
    .menu ul { list-style: none; padding: 10px 0px; }
        .menu ul li { cursor: pointer; display: inline; padding: 10px 15px; }
            .menu ul li:hover { background-color: #2e467a; }
            .menu ul li a { text-decoration: none; color: inherit; }

#contentSection { padding: 20px; }

footer { padding: 20px; font-size: 80%; color: #fff; background-color: #4D4D4D; }
    footer address { font-style: inherit; }

.last_news a { color: inherit; display: block; clear: both; text-decoration: none; }
.last_news img { margin-top: 5px; margin-bottom: 20px; margin-right: 10px; float: left; max-width: 100%; }
.last_news h3 { padding-left: 55px; font-weight: normal; margin-bottom: 5px; }
.last_news div { padding-left: 55px; }
.last_news p { text-align: justify; margin-top: 5px; white-space: pre-wrap; }
.last_news time { padding: 5px 0px; border-radius: 2px; font-weight: normal; background-color: #37538E; color: #fff; text-align: center; width: 50px; display: block; position: absolute; }
    .last_news time strong { display: block; }
.last_news_more_details { color: #246afd; }
.last_news_tag { position: relative; top: -1px; border-radius: 2px; margin-left: 10px; font-size: 80%; color: #fff; padding: 1px 5px; background-color: #147e03; text-transform: uppercase; }
.last_news .lead { font-style: italic; }

#revenuesLoader { color: #041f78; padding-top: 6px; padding-left: 56px; font-size: 36px; background-repeat: no-repeat; background-image: url('Images/loader.gif'); }
#targetReceitas section { margin-bottom: 20px; }
#targetReceitas label { display: block; margin-top: 5px; margin-bottom: 2px; }
#targetReceitas select { cursor: pointer; margin-right: 5px; }

#targetReceitas .sol_boton { cursor: pointer; margin-right: 4px; margin-bottom: 10px; font-size: 20px; border: 0; padding: 6px 12px 9px 12px; background-color: #c7cace; }
    #targetReceitas .sol_boton:active { background-color: #041f78; }
#targetReceitas .selected_button { color: #fff; background-color: #136ad4; }
#targetReceitas .sol_table table { min-width: 400px; border-collapse: collapse; }
#targetReceitas .sol_table th { background-color: #f3f3f3; font-weight: normal; }
#targetReceitas .sol_table td, .sol_table th { border: 1px inset #d7cece; }
#targetReceitas .sol_table td { padding: 2px 6px; }
#targetReceitas .sol_table tbody tr:hover { background-color: #e2f9fb; }
#targetReceitas .sol_table .total td { font-weight: normal; }
/*#targetReceitas .last_giros table { }*/

#targetReceitas .search_bar { margin-top: 5px; }
    #targetReceitas .search_bar button { color: #fff; background-color: #059345; font-size: 16px; padding: 3px 11px 6px 8px; }
        #targetReceitas .search_bar button:active { background-color: #106737; }

#targetReceitas .error { color: #9b0a0a; }
#targetReceitas .combo { min-width: 400px; }

#rsGuide select, #associations select { font-size: 130%; font-weight: normal; margin: 15px 0px; }
#rsGuide #loader, #associations #loader { position: relative; top: -2px; }
#rsGuide #cityData label, #associations #associationData label { display: block; font-size: 90%; }
#rsGuide #cityData span, #associations #associationData span { display: block; min-height: 24px; font-weight: normal; }
#rsGuide #cityData #map, #associations #associationData #map { margin-top: 10px; border: 1px solid #c8c8c8; width: 100%; }
#rsGuide #cityData #mayorPicture { width: 240px; float: right; border: 1px solid #d1d1d1; }
#rsGuide #excel { text-decoration: none; font-size: small; color: #033e71; display: inline-block; margin-left: 80px; width: 160px; position: relative; top: 5px; }
#rsGuide #excel:before { font-family: FontAwesome; content: "\f019"; position: absolute; margin-left: -36px; font-size: 30px; margin-top: 4px; }
#associations #associationData ul { margin-top: 5px; }
#associations #cityList a { text-decoration: none; color: #1d3c63; }

.courses { padding: 0px; list-style: none; margin-bottom: 45px; }
    .courses li { float: left; margin-bottom: 15px; width: 310px; padding-right: 10px; }
        .courses li img { width: 310px; height: 170px; }
    .courses h3 { color: #fff; background-color: #0071b7; height: 88px;font-size: 14px; padding: 10px; font-weight: lighter; padding-top: 3px; }
    .courses a, .courses button { cursor: pointer; font-size: inherit; border: 0px; padding: 5px 12px 6px 12px; border-radius: 4px; text-decoration: none; color: #fff; background-color: #008a00; text-transform: uppercase; }
    .courses label { display: block; font-weight: bold; margin-top: 6px; }
    .courses .actions { margin-top: 10px; margin-bottom: 20px; }
        .courses .actions .enroll { background-color: #76608a }
        .courses .actions .full { background-color: #a00606; color: #fff; padding: 5px 12px 6px 12px; border-radius: 4px; text-transform: uppercase; }
        .courses .actions .certificate { background-color: #0071b7; }
        .courses .actions .certificate:before { font-family: 'FontAwesome'; content: "\f0a3"; }   
        
.eventos { padding: 0px; list-style: none; margin-bottom: 45px; }
    .eventos li { float: left; margin-bottom: 15px; width: 310px; padding-right: 10px; }
        .eventos li img { width: 310px; height: 170px; }
    .eventos h3 { color: #fff; background-color: #008a00; height: 88px;font-size: 14px; padding: 10px; font-weight: lighter; padding-top: 3px; }
    .eventos a, .eventos button { cursor: pointer; font-size: inherit; border: 0px; padding: 5px 12px 6px 12px; border-radius: 4px; text-decoration: none; color: #fff; background-color: #0071b7; text-transform: uppercase; }
    .eventos label { display: block; font-weight: bold; margin-top: 6px; }
    .eventos .actions { margin-top: 10px; margin-bottom: 20px; }
        .eventos .actions .enroll { background-color: #76608a }
        .eventos .actions .full { background-color: #a00606; color: #fff; padding: 5px 12px 6px 12px; border-radius: 4px; text-transform: uppercase; }
        .eventos .actions .certificate { background-color: #008a00; }
        .eventos .actions .certificate:before { font-family: 'FontAwesome'; content: "\f0a3"; }    
        
.course_dates { margin-right: 10px; float: left; white-space: nowrap; }
    .course_dates .dateBox { border-radius: 3px; font-size: 14px; display: inline-block; padding: 5px 3px; text-align: center; color: #fff; width: 44px; }
        .course_dates .dateBox .day { font-weight: normal; font-size: 22px; display: block; }
    .course_dates .initialDate { background-color: #147e03; }
    .course_dates .endDate { background-color: #de5d08; }
    .course_dates .preposition { position: relative; top: -12px; }

/*.course_presentation { }*/
    .course_presentation h3 { font-size: 38px; margin-top: 20px; }
    .course_presentation label { display: block; }
    .course_presentation .text_data { display: block; font-weight: normal; min-height: 28px; }
    .course_presentation pre { white-space: pre-wrap; }
    .course_presentation button { float: right; margin-right: 40px; background-color: #0071b7; border: 0px; padding: 25px 60px; color: #fff; font-size: 24px; text-transform: uppercase; cursor: pointer; }
        .course_presentation button:hover { background-color: #64a8cc; }
        .course_presentation button:active { background-color: #3b6880; }
    .course_presentation .full { display: inline-block; margin-bottom: 10px; background-color: #a00606; color: #fff; padding: 5px 12px 6px 12px; border-radius: 4px; text-transform: uppercase; }

dialog { min-width: 500px; min-height: 340px; }
dialog footer { background-color: transparent !important; margin-top: 10px; }
    dialog footer button, .sol_course_ok_button { text-transform: uppercase; margin-left: 10px; padding: 12px 24px !important; display: inline-block; min-width: 120px; }
dialog label { display: block; margin-top: 4px; margin-bottom: 2px; }
dialog > div { padding: 15px; margin-bottom: -25px; margin-top: -25px; }
dialog .sol_mensaje { margin-bottom: 20px; }
.sol_webidentity_text, .sol_course_enrollment_text, .sol_course_enrollment_course_name { margin: 20px 0px; font-size: 120%; }
.sol_formulario_cancelar { background-color: #bd0808; }
.sol_formulario_ok, .sol_course_ok_button { background-color: #02651f; }
.sol_webidentity_create_account { text-transform: uppercase; background-color: #00038f; padding: 12px 36px !important; }
.sol_formulario_cancelar:hover { background-color: #a70505; }
.sol_formulario_ok:hover, .sol_course_ok_button:hover { background-color: #03521a; }
.sol_webidentity_create_account:hover { background-color: #020476; }
.sol_webidentity_login_form { padding: 0px 20px; float: left; margin-right: 15px; border-right: 1pt solid #bdbdbd; }
.sol_webidentity_signup_area { padding: 0px 20px; float: left; margin-right: 60px; }
.sol_webidentity_signup_form { padding: 0px 20px; clear: left; }
dialog .sol_campo { padding: 4px 6px; background-color: #fff; border: 1pt solid #bdbdbd; border-radius: 3px; }

.sol_course_enrollment_form { margin: 35px 20px 0px 20px; }
    .sol_course_enrollment_form label { margin-bottom: 10px; }
    .sol_course_enrollment_form select { font-size: 120%; }
.sol_course_enrollment_course_name { font-weight: bold; }
.sol_course_boleto_banrisul { display: block; color: #041449; cursor: pointer; margin-bottom: 20px; }
    .sol_course_boleto_banrisul:hover { text-decoration: underline; }
.sol_course_enrollment_description { font-style: italic; font-size: 70%; margin-bottom: 4px; }

.sol_campo_multiple {
    display: inline-block;
}

.sol_campo_multiple_boton {
    padding: 1px 6px;
    background-color: #005993; position: relative; top: -2px;
}
.sol_campo_telefono { display: inline-block; margin-right: 8px; }
.sol_campo_telefono .sol_campo { border: 0px !important; border-bottom: 1px solid #ebebeb; padding: 0px; margin-bottom: 0px !important; }
.sol_campo_telefono sup { color: #F63A67; cursor: pointer; }
.sol_campo_telefono option { font-family: 'FontAwesome'; padding-right: 1px !important; }

.sol_course_boleto_banrisul_2via 
{
    display: block;
    font-size: 120%;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
}
    .sol_course_boleto_banrisul_2via:before {
        font-family: 'FontAwesome';
        content: "\f02a";
        font-size: 48px;
        margin-right: 10px;
        position: relative;
        top: 12px;
    }

.sol_course_cancel {
    display: block;
    font-size: 120%;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
    border: 0px;
    background-color: transparent;
    padding: 0px;
    cursor: pointer;
}

    .sol_course_cancel:before {
        font-family: 'FontAwesome';
        content: "\f1f8";
        font-size: 48px;
        margin-right: 10px;
        position: relative;
        top: 12px;
    }
    .sol_course_cancel:focus {
        outline: none;
    }

.sol_course_certificate {
    display: block;
    font-size: 120%;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
    border: 0px;
    background-color: transparent;
    padding: 0px;
    cursor: pointer;
}

    .sol_course_certificate:before {
        font-family: 'FontAwesome';
        content: "\f0a3";
        font-size: 48px;
        margin-right: 10px;
        position: relative;
        top: 12px;
    }

    .sol_course_certificate:focus {
        outline: none;
    }

@font-face { font-family: 'FontAwesome'; src: url('/content/fontawesome-webfont.eot?v=4.1.0'); src: url('/content/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/content/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/content/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/content/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
