@cor_principal: #A28144;
@fundo: #FFFFFF;
@cor_fundo_busca:#273441;
@cor_secundaria:#706F6F;
@preto:#000;
@branco:#FFF;
@vermelho:#DB5757;
@cinza:#E5E5E5;
@dourado:#CC9500;

/* Implementacoes customizadas - Ramon Marcondes */

.input_erro{
    border: 2px orangered solid !important;
    border-radius: 4px !important;
}

textarea {
    resize: none;
}

.chrono_credits { display: none; }

/* Para impressão */
@media print {
    .no-print { display: none; }
}

/***** Modal */
#myModal {
    display: none;
}
/** Fim Modal */

textarea {
    resize: none;
}

/*** msg */
#body_msg {
    //background-color: #CECDF7;
}

#msg_container{
    width: 97%;
    margin: 0px auto;
    border-radius: 10px;
    padding: 12px; 
    color:#DDD;
}

.msg_header {
    margin-bottom: 25px;
}

.report_description {
    font-family: Verdana, Arial;
    font-size: 18px;
    text-align:center;
}

.msg_success{    
    //border: 2px solid #474A81;
    //background-color: #778AC9; 
}

/** Conteúdo de resultado do msg.php */
.result_content{   
    width: 100%;
    clear: left;    
}    

.result_content table, .result_content th, .result_content tr, .result_content td {
    width: 100%;
    //background-color: #CECDF7;
    border: 1px solid;
    border-collapse: collapse;
}

.result_content_sub {
    width: 95% !important;
    margin: 0px auto;
    clear: left;
    border-collapse: collapse;
}

/*** Fim deste conteúdo */

.msg_error{   
    //background-color: #C81111;
    //border: 2px solid #C81111;
}

.bt_default{
    display: inline-block;
    padding: 10px; 
    background-color: #CECDF7;
    margin: 10px 2px 10px;
    border: 2px #f1f1f1 solid;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;    
}

.bt_default_link{
    text-decoration: none;
    color: #000;
}

.bt_default p{
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.bt_default:hover{
    background: #f1f1f1;
    border: 2px #cdcdcd solid;
    border-radius: 5px;
    cursor: pointer;
}

#rel_content{
    background: #fafafa;
    float: left;
    width: 99%;
    margin: 0 auto;
    border-radius: 5px;
    padding: 5px;
}

.msg_result_total {
    font-weight: bold;
}

.loader {
    display: none;
    float: left;
}

.bt_azul{   
    border: royalblue 2px solid;
    background: #CBC7FF;
    padding: 5px;
    float: left;
    border-radius: 10px;
    cursor: pointer;
    display: none;
}

/***** FIXES */
/*
Fix para selects chosen com display: none ao serem exibidos/reexibidos
A largura é a gosto do reponsável pelo sistema...
*/


#modulo_produtos {
    margin-top: 2%;
    margin-bottom: 2%;	
}

tr, th, td {
    padding: 5px !important;
}

th {
    text-align: center;
}

.td_remover {
    width: 30px;
}

.table_full {
    width: 100%;
}

.add_item, .remove_item {
    cursor: pointer;
}

.add_item {
    border: royalblue 2px solid;
    padding: 3px;
    border-radius: 10px;
}

/*** OUTROS HACKS */
.table_hack input {
    width: 99% !important;
}

/* Fim custom */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.transition(){
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.mp3browser{
    tbody{
        tr{
            &:last-child{
                display:none;
            }
        }
    }
}

.weblink-category{
    .btn-group{
        .filter-search-lbl{
            display:none !important;
        }
    }
    ul{
        list-style:none !important;
        margin-bottom:10px !important;
        li{
            padding:5px !important;
            &:nth-child(2n+1) {
                background-color: #EEE;
            }
        }
    }
}

#system-message{
    margin-top:20px !important;
}

.resetTable,#recaptcha_table{
    width:auto !important;
    thead{
        border: none !important;
        tr{
            background:none !important;
            border-bottom: none !important;
            th{
                padding: 5px;
            }
        }
    }
    tbody{
        border: none !important;
        tr{
            background-color: @branco !important;
            &:hover{
                background-color: @branco !important;
                color:@preto !important;
                a{
                    color:@branco !important;
                }
            }
            &:nth-child(odd){
                background-color: @branco !important;
                &:hover{
                    background-color: @branco !important;
                    color:@preto;
                    a{
                        color:@branco !important;
                    }
                }
            }
            td{
                padding: 5px;
                a{
                    text-decoration: none;
                    &:hover{
                        color:#FFF;
                        text-decoration:underline;
                    }
                }
            }
        }
    }  
}

#contact-form{
    fieldset{
        margin-bottom:20px !important;
        .control-group{
            width: 400px;
            .control-label{
                text-align:left !important;
            }
        }
        input[type="submit"]{
            margin-top:23px !important;
        }
    }
}

#conteudo {
    overflow-x: hidden !important;
}

body{    
    background: #FBFBF9;
    margin: 0 auto;
    font-size:11pt;
    //font-family: 'century-gothic' !important;
    .container, #reflexao, #services {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0;
    }
    h3{
        font-size:12pt !important;
        /*font-weight:bold !important;*/
        color:@preto;
    }
    .addthis_button_facebook_like{
        margin-top:0px !important;
    }
    .content-category,.weblink-category{
        h2 {
            font-family: "raleway-regular" !important;
            text-transform: uppercase;
            margin: 15px 0 6px 0;
            color:@cor_principal;
            font-size:26pt;
            padding-bottom: 5px;
            border-bottom: 1px solid #A28144;
            /*
            border-style:solid; /* Fix para nova versão do Firefox 
            border-image: url(../images/divisor.png) 30 round; // Geral 
            -webkit-border-image: url(../images/divisor.png) 30 round; // Safari 
            -o-border-image: url(../images/divisor.png) 30 round; // Opera 
            -moz-border-image: url("../images/divisor.png") 30 round; // Firefox antigo 
            */
        }
    }
    ul{
        //list-style-image: url("../images/square.gif");
        //list-style-type: square;
        padding: 0 0 0 15px;
    }
    #menu-flutuante{
        display:none;
        width:100%;
        border-bottom: 1px solid #F2F1EB;
        img{
            margin-top:5px;
            float:left;
        }
        h3{
            color: @branco;
            float: left;
            margin-left: 15px;
            margin-top: 2px;
            margin-bottom: -5px;
        }
        ul{
            list-style:none;
            margin-top:18px;
            position: relative;
            left:15px !important;
            li{
                float:left;
                margin-right: 16px;
                a{
                    color:#FFF;
                    text-decoration:none;
                    &:hover{
                        text-decoration:underline;
                        .transition();
                    }
                }
            }
        }
    }
    .menu-fixo {
        display:block !important;
        background-color: @cor_principal;
        z-index: 8009;
        position: fixed;
        top: 0;
        width: 100%;
        height: 40px;
        .transition();
    }

    .menuLateralFlutuante {
        position:fixed;
        top:125px;
        right:-190px;
        background:transparent;
        color:#FFF;
        height:278px;
        z-index:999;
        h3 {
            position:absolute;
            top:0;
            left:-30px;
            display:block;
            width:30px;
            height:200px;
            -webkit-border-radius:10px 0 0 10px;
            -moz-border-radius:10px 0 0 10px;
            border-radius:10px 0 0 10px;
            overflow:hidden;
            color:@branco;
            background-color:@cor_principal;
        }
        .texto{
            display: table;
            margin-left: -85px;
            transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            width: 200px;
            margin-top: 90px;
            text-align: center;
        }
        ul {
            background-color: #FFF;
            width: 190px;
            min-height: 200px;
            text-align: left;
            padding: 5px;
            margin: 22px 0 0 0px;
            border: 1px solid @cor_principal;
            border-right:none;
            line-height: 15pt;
            li {
                list-style:none;
                a{
                    display:table;
                    padding:2px 5px 5px 5px;
                    text-decoration:none;
                    &:hover{
                        background-color:@cor_principal;
                        color:@branco;
                    }
                }
            }
        }
    }

    .menuLateralFlutuantePesquiseNaObra {
        position:fixed;
        top:330px;
        right:-215px;
        background:transparent;
        color:#FFF;
        height:278px;
        z-index:9999999999999;
        h3 {
            position:absolute;
            top:0;
            left:-30px;
            display:block;
            width:30px;
            height:150px;
            -webkit-border-radius:10px 0 0 10px;
            -moz-border-radius:10px 0 0 10px;
            border-radius:10px 0 0 10px;
            overflow:hidden;
            color:@branco;
            background-color:@cor_principal;
        }
        .texto{
            display: table;
            margin-left: -85px;
            transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            width: 200px;
            margin-top: 68px;
            text-align: center;
        }
        #pesquise{
            background-color:@branco;
            height:150px;
            margin-top:-63px;
            p{
                padding:0 10px;
                margin-top:85px;
                img{
                    margin-top:50px;
                }
            }
        }
    }

    .msg-banner-direita {
        max-height: 425px;
        overflow: scroll;
        padding: 3px;
        .banner-header {
            text-align: center;
            border-bottom: 1px solid #999ba0;            
        }
    }
    #header{
        /*padding: 5px;*/
        background-color: @fundo;
		height: auto;
        #top{
            text-align: center;
            #logo-container { padding-top: 7px; }
            #logo-header { width: 1170px; max-width: 100%; }
            #areaLogin{
                float: right;
                #login{
                    background-image: url("../images/bt-login.png");
                    background-repeat: no-repeat;
                    background-size: 84px 24px;
                    width:84px;
                    height: 24px;
                    display: table;
                    float:left;
                    margin-right:10px;
                    margin-top:4px;
                }
                #cadastrar{
                    background-image: url("../images/bt-cadastro.png");
                    background-repeat: no-repeat;
                    background-size: 105px 24px;
                    width:105px;
                    height: 24px;
                    display: table;
                    float:left;
                    margin-top:4px;
                    margin-right: 5px;
                }
            }

            #retangulo {
                height: 34px;
                background-color: #FBFBF9;
                border: 1px solid #F2F1EB;
                margin: 0px;
                padding: 0px;
            }
            #search-string{
                padding:4px;
                float: right;
                input{
                    text-align:right;
                    background-color: #FFF;
                    border: 2px solid #E9E6DF;
                    border-radius: 8px 8px 8px 8px;
                    color: #5F574F;
                    height: 24px;
                    padding: 4px;
                    right: 0;
                    width: 204px;
                }
            }
            #search-btn{
                background-color: #FFF;
                border: medium none;
                cursor: pointer;
                height: 24px;
                width: 24px;
                padding: 0px 2px;
                border: 2px solid #E9E6DF;
                border-radius: 8px 8px 8px 8px;
            }
            #usuarioLogado{
                margin-top:4px;
                float: right;
                margin-right:12px;
                .btn-primary{
                    color: @cor_principal;
                    background:none !important;
                    border:none !important;
                    padding:7px 3px;
                    &:hover{
                        background:none !important;
                        text-decoration:underline !important;
                    }
                }
                #form-login{
                    fieldset{
                        border:none !important;
                        #form-login-username{
                            color:@branco;
                            float:left;
                            margin-bottom: 0px !important;
                            input{
                                margin-bottom: 0px !important;
                            }
                        }
                        #form-login-password{
                            color:@branco;
                            float:left;
                            margin-bottom: 0px !important;
                            input{
                                margin-bottom: 0px !important;
                            }
                        }
                        #form-login-remember{
                            color:@branco;
                            display:none !important;
                        }
                        input[type="submit"]{
                            margin-top:23px !important;
                        }
                    }
                    ul{
                        display:none !important;
                    }
                }
            }
        }
    }
    #mainmenu {        
        background-color: #333333;
        -webkit-box-shadow: 0 -4px 8px -2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -4px 8px -2px rgba(0, 0, 0, 0.2);
        #ipu-venezuela{
            float: right;
            width: auto;
            margin: 7px -15px 0 0;
            text-align: right;            
            text-transform: uppercase;
            font-size:14pt;
            a{
                text-decoration: none;
                &:hover{
                    text-decoration: underline;
                }
            }
        }
    }
    #slider{
        width:59.8290598%;
        float:left;
        .bx-pager{
            display:none !important;
        }
        p{
            margin-top:15px;
            margin-bottom:0px !important;
        }
        img{
            max-width:100% !important; /* o maximo 'e de 100% o seu tamanho */
            height: auto !important;
        }
    }
    #sliderText{
        width: 39.3162393%;
        float:right;
        margin-top:4px;
        #textos{
            /*top: 60.143%;
            left: 59.3%;
            width: 32.23%;
            height: 35.572%;*/
            position: absolute;
            z-index: 1;
            display: block;
            max-width:445px;    
            list-style:none;
            li{
                color:@preto;
                text-align:center;
                font-weight:bold;
                font-size:14pt;
                font-style:italic;
                /*text-shadow: 0 0 0.1em #000, 0 0 0.1em #000, 0 0 0.1em #000 !important;*/
            }  
        }
        #menu-slide{
            list-style:none;
            padding-left:5px;
            margin-top:-40px;
            font-family: 'raleway-regular' !important;
            font-size: 13px;
            li{      
                margin-right:5px;
                float:left;
                position:relative;
                border-left: 1px solid @preto;
                padding: 0 5px;
                &:first-child{
                    border-left: none !important;
                    padding-left:0px;
                }
                a{
                    color:@preto;
                    text-decoration:none !important;
                    /*text-shadow: 0 0 0.1em #000, 0 0 0.1em #000, 0 0 0.1em #000 !important;*/
                    &:hover{
                        text-decoration:underline !important;
                    }
                }
            }
        }
        img{
            max-width:100% !important;
            height: auto !important;
            margin-top:-23px;
        }
    }
    #sliderTopo {
        width: 100% !important;
        clear:both;
        img {
            width: 100% !important;
            max-width:100% !important; /* o maximo 'e de 100% o seu tamanho */
            //height: 235px !important;
			height: auto !important;
        }
    }
    #breadcrumbs{
        .breadcrumb {
            padding: 7px 14px;
            margin: 10px 0 -7px 0;
            background-color: #fbfbfb;
            background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
            background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
            background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
            background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
            background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
            border: 1px solid #ddd;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: inset 0 1px 0 #ffffff;
            -moz-box-shadow: inset 0 1px 0 #ffffff;
            box-shadow: inset 0 1px 0 #ffffff;
            li {
                display: inline-block;
                text-shadow: 0 1px 0 #ffffff;
            }
            .divider {
                padding: 0 5px;
                color: #999;
            }
            .active{
                a {
                    color: #333;
                }
            }
        }
    }
    .login,.logout{
        margin-top:25px !important;
        .well{
            padding: 0px !important;
            background: none !important;
            border: none !important;
        }
        label{
            text-align:left !important;
        }
    }
    .login-greeting{
        color:@cor_principal !important;
        float:left !important;
    }
    .controls > .btn-primary { color: white !important; padding: 3px !important; }
    
    .logout-button{
        color:@cor_principal !important;
        float:left !important;
        margin-top:-1px !important;
        margin-left: 3px !important;
    }
    .reset,.remind,.registration,.contact{
        .page-header{
            margin:18px 0px 22px !important;
            padding-bottom:0px !important;
            h1,h2{
                font-family: "raleway-regular" !important;
                text-transform: uppercase;
                margin: 0px 0 6px 0;
                color:@cor_principal;
                font-size:26pt;
                padding-bottom: 5px;
            }
        }
        #user-registration,#member-registration{
            padding: 0px !important;
            background: none !important;
            border: none !important;
            fieldset{
                border:none !important;
            }
            .controls{
                margin-top:10px !important;
            }
            label{
                text-align:left;
            }
            table{
                .resetTable();
            }
        }
    }
    #main-component{
        color:@preto;
        p{
            /*font-size:12pt;*/
        }
        .label{
            font-weight:bold;
            .legend{
            }
        }
        .component{
            select,input{
                max-width:400px;
            }
            clear:both;
            label.error{
                font-size: 12px;
                font-weight: bold;
                color: @branco;
                background: @vermelho;
                padding: 3px;
            }
            ul{
                li{
                    p{
                        margin:0;
                    }
                    padding:5px;
                }
            }
        }
        .card-left{
            list-style:none !important;
            padding: 0px !important;
            display:table;
            margin-top:10px;
            li{
                a{
                    text-decoration:none;
                    &:hover{
                        text-decoration:none;
                    }
                    clear:both;
                }
                p{
                    display:table;
                }
                .more{
                    background-color: @cor_secundaria;
                    border: 1px solid #D5D0C0;
                    border-radius: 8px;
                    float:left;
                    margin: 10px 0 -10px 0;
                    padding: 3px;
                    text-align: left;
                    a{
                        text-decoration:none;
                        &:hover{
                            color:#FFF;
                        }
                    }
                    &:hover{
                        background-color:@cor_principal;
                        color:#FFF;
                        border: 1px solid @cor_principal;
                    }
                }
                display:table;
                margin-bottom:20px;
                min-height:200px;
                img{
                    float:left;
                    border:solid 3px @cor_secundaria;
                    box-shadow: 0 4px 8px -8px rgba(0, 0, 0, 0.2) inset;
                    border-radius: 10px 10px 10px 10px;
                    clear:both;
                    &:hover{
                        border-color:@cor_principal;
                        opacity:0.9;
                    }
                }
                h3{
                    margin: 0 0 5px 310px;
                    font-size: 18pt;
                }
                p{
                    margin: 0 0 5px 310px;
                }
            }
        }
        .item-title {
            font-family: 'raleway-regular' !important;
        }        
        .blog-featured, .item-page, div[itemprop="articleBody"] {
            font-family: 'century-gothic' !important;
            margin-top:15px;
            .page-header{
                margin: 0px !important;
                border-bottom: none !important;
                padding-bottom: 0px !important;
            }
            p, div, span {
                font-size: 18px !important;
                line-height: 1.5 em !important;
                color: #818181; 
            }
            h2{
                text-transform: uppercase;
                margin: 0px 0 6px 0;
                color:@cor_principal;
                font-size:26pt;
                padding-bottom: 5px;
                border-bottom: 1px solid #A28144;
                /*
                border-style:solid; /* Fix para nova versão do Firefox 
                border-image: url(../images/divisor.png) 30 round; // Geral 
                -webkit-border-image: url(../images/divisor.png) 30 round; // Safari 
                -o-border-image: url(../images/divisor.png) 30 round; // Opera 
                -moz-border-image: url("../images/divisor.png") 30 round; // Firefox antigo 
                */
            }      
            .article-info {
                dl{
                    margin-bottom: 5px !important;
                }
            }
            .article-info-term{
                display:none !important;
            }
            .create,.modified{
                text-align:left;
                color: #5F5C54;
                float:left;
                margin-right: 10px;
                font-size:8.5pt;
            }
            p{
                text-align:justify;                              
                img{
                    max-width:100% !important;
                    height: 100% !important;
                }
            }
        }
        div[itemprop="articleBody"] {
            ul li {
                list-style-type: none !important;
                display: inline-block;
            }
        }
        
        .item-page{
            margin-top:15px;
            .page-header{
                margin: 0px !important;
                border-bottom: none !important;
                padding-bottom: 0px !important;
            }
            h2{
                font-family: "raleway-regular" !important;
                text-transform: uppercase;
                margin: 0px 0 6px 0;
                color:@cor_principal;
                font-size:26pt;
                padding-bottom: 5px;
                border-bottom: 1px solid #A28144;
                /*
                border-style:solid; /* Fix para nova versão do Firefox 
                border-image: url(../images/divisor.png) 30 round; // Geral 
                -webkit-border-image: url(../images/divisor.png) 30 round; // Safari 
                -o-border-image: url(../images/divisor.png) 30 round; // Opera 
                -moz-border-image: url("../images/divisor.png") 30 round; // Firefox antigo 
                */
            }
            ul{
                /*list-style-image: url("../images/square.gif");
                list-style-type: square;*/
                padding: 0 0 0 15px;
            }
            .article-info {
                dl{
                    margin-bottom: 5px !important;
                }
            }
            .article-info-term{
                display:none !important;
            }
            .create,.modified{
                text-align:left;
                color: #5F5C54;
                float:left;
                margin-right: 10px;
                font-size:8.5pt;
            }
            p{
                text-align:justify;
                img{
                    max-width:100% !important;
                    height: 100% !important;
                }
            }
        }
        .filters{
            border: none !important;
        }
        table{
            width:100%;
            thead{
                border: 1px solid #EEE;
                tr{
                    background-color:#DDD;
                    border-bottom: 2px solid #666;
                    th{
                        padding: 5px;
                    }
                }
            }
            tbody{
                border: 1px solid #EEE;
                tr{
                    background-color: #FFF;
                    &:hover{
                        background-color: @cor_principal;
                        color:#FFF;
                        .transition();
                        a{
                            color:#FFF;
                        }
                    }
                    &:nth-child(odd){
                        background-color: #EEE;
                        &:hover{
                            background-color: @cor_principal;
                            color:#FFF;
                            .transition();
                            a{
                                color:#FFF;
                            }
                        }
                    }
                    td{
                        padding: 5px;
                        a{
                            text-decoration: none;
                            &:hover{
                                color:#FFF;
                                text-decoration:underline;
                            }
                        }
                    }
                }
            }
        }
        .matriz-curricular{
            .linha{
                padding:0px;
                background-color:rgb(251,251,249);
                line-height:10px;
            }
            thead{
                .periodo{
                    width:6%;
                    text-align:center;
                }
                .disciplina{

                }
                .credito{
                    width:8%;
                    text-align:center;
                }
                .carga-horaria{
                    width:12%;
                    text-align:center;
                }
            }
            tbody{
                tr{
                    &:hover{
                        background-color:#FFF;
                        color:@preto;
                    }
                    &:nth-child(odd){
                        background-color: #FFF;
                        &:hover{
                            background-color: #FFF;
                            color:@preto;
                            .transition();
                        }
                    }
                    td{
                        border:1px solid #DDD;
                    }
                }
            }
        }
        .pcl{
            width:400px;
            margin-bottom: 20px;
            thead{

            }
            tbody{
                tr{
                    &:hover{
                        background-color:#FFF;
                        color:@preto;
                    }
                    &:nth-child(odd){
                        background-color: #FFF;
                        &:hover{
                            background-color: #FFF;
                            color:@preto;
                            .transition();
                        }
                    }
                    td{
                        border:1px solid #DDD;
                    }
                }
            }
        }
        .gsc-control-cse{
            background:none !important;
            border:none !important;
        }
        .gsc-webResult, .gsc-result{
            border:none !important;
        }
        .gsc-table-cell-snippet-close:hover{
            color:@preto !important;
        }
        .gsc-cursor-current-page{
            color:@cor_principal !important;
        }
        .gsc-table-result{
            tbody{
                tr{
                    border: none !important;
                    a{
                        color:#0000CC;
                        text-decoration:none;
                    }
                    &:hover{
                        background-color:#FFF;
                        a{
                            color:#0000CC;
                            text-decoration:none;
                            &:hover{
                                color:#0000CC;
                                text-decoration:underline;
                            }
                        }
                    }
                    &:nth-child(odd){
                        border: none !important;
                        a{
                            color:#0000CC;
                            text-decoration:none;
                        }
                        background-color: #FFF;
                        &:hover{
                            background-color: #FFF;
                            .transition();
                            a{
                                color:#0000CC;
                                text-decoration:none;
                                &:hover{
                                    color:#0000CC;
                                    text-decoration:underline;
                                }
                            }
                        }
                    }
                    td{
                        border: none !important;
                    }
                }
            }
        }
        .gcsc-branding,.gsc-resultsHeader,.gsc-above-wrapper-area-container, .gsc-search-box{
            tr{
                border:1px solid #FBFBF9;
                &:hover{
                    color:@preto !important;
                }
                td{
                    background-color:#FBFBF9;
                }
            }
        }
        .gsc-results .gsc-cursor-box{
            text-align:center;
        }
        .gsc-selected-option-container{
            min-width: 100px;
        }
    }    
    #reflexao{
        padding-bottom: 60px;
        border-bottom: 1px solid #A28144;
        /*
        border-style:solid; /* Fix para nova versão do Firefox 
        border-image: url(../images/divisor.png) 30 round; // Geral 
        -webkit-border-image: url(../images/divisor.png) 30 round; // Safari 
        -o-border-image: url(../images/divisor.png) 30 round; // Opera 
        -moz-border-image: url("../images/divisor.png") 30 round; // Firefox antigo 
        */
        h3{
            font-family: "raleway-regular" !important;
            font-size: 18px;
            text-transform: uppercase;
            color:@cor_principal;
            font-size:26pt !important;
            display: inline-block;
            margin: 10px 0px 10px 0px;
            padding-right: 10px;
            border-bottom: 1px solid #A28144;
            /*
            border-style:solid; /* Fix para nova versão do Firefox 
            border-image: url(../images/divisor.png) 30 round; // Geral 
            -webkit-border-image: url(../images/divisor.png) 30 round; // Safari 
            -o-border-image: url(../images/divisor.png) 30 round; // Opera 
            -moz-border-image: url("../images/divisor.png") 30 round; // Firefox antigo 
            */
            float:left;
            width:100%;
            text-align:left;            
        }
        ul{
            list-style: none;
            margin: 35px auto 0 auto;
            padding-left: 0;
            display:table;
            li{
                font-family: 'raleway-regular' !important;
                float: left;
                width: 33.3333333%;
                margin-bottom: 10px;
                padding:2px;
                text-align:left;
                .reflexao_title{
                    color: @preto;
                    float: left;
                    font-size: 1.2em;
                    line-height: 1.1em;
                    padding: 5px 8px;
                    text-align: left;
                    width:100%;
                    
                    font-family: "raleway-regular" !important;
                    /*font-size: 18px;*/
                    text-transform: uppercase;
                    
                    &:hover{
                        background-color: @cor_principal;
                        color:@branco;
                        
                        /*border: 2px solid #CCAC4E;
                        border-radius: 2px;*/
                    }
                    /*a{
                        text-decoration:none;
                        color:@preto;
                        &:hover{
                            color:@branco !important;
                        }
                    }*/
                }
            }
        }
    }
    #eventos{
        h3{
            display: inline-block;
            font-weight: 300;
            margin: 0px 0px 10px 0px;
            padding-right: 10px;
            border-bottom: 1px solid #460a02;
            width:100%;
            text-align:left;
            font-size:1.71429em;
        }
        ul{
            list-style: none;
            padding:0px;
            li{
                img{
                    max-width:100% !important;
                    height:auto !important;
                }
                border:0;
                float:left;
            }
        }
        #um-banner{
            li{
                max-width:100%;
            }
        }
        #dois-banners{
            li{
                max-width:49.5726496%;
                &:nth-child(2){
                    float:right;
                }
            }
        }
        #tres-banners{
            li{
                width:32.4786325%;
                &:nth-child(2){
                    margin: 0 1.2820513%;
                }
                &:nth-child(3){
                    float:right;
                }
            }
        }
    }
    #services{
        h3{
            display: inline-block;
            font-weight: 300;
            margin: 10px 0px 35px 0px;
            padding-right: 10px;
            border-bottom: 1px solid #460a02;
            width:100%;
            text-align:left;
            font-size:1.71429em;
        }
        .bx-wrapper{
            margin: 0 auto -10px !important;
        }
        .bx-pager{
            display:none;
        }
        img{
            max-width:100% !important;
            height: auto !important;
        }
    }
    #footer {
        /*background-color: @cor_secundaria;*/
        box-shadow: 0 4px 8px -8px rgba(0, 0, 0, 0.2) inset;
        clear: both;
        min-height: 100px;
        padding: 0 !important;
        #colEsquerda{
            h3, p, .onefield, div, .acymailing_module, button {
                display: inline-block !important;
            }
            color:#696969;
            /*max-width:29%;*/
            padding-top:0px;
            text-align: center;
            h3{
                margin:-5px 0px 10px 0px;
            }
            .menu{
                list-style: none outside none;
                padding-left: 0;
                text-align: left;
                float:left;
                & > li{
                    margin: 7px 0;
                    font-weight:bold;
                    & > ul{
                        list-style: none outside none;
                        font-weight:normal;
                        padding:0;
                        /*margin-left:10px;*/
                        li{
                            & > ul{
                                list-style: none outside none;
                                padding:0;
                                margin-left:10px;
                            }
                        }
                    }
                }
            }
            a{
                color:#696969;
                text-decoration:none;
                &:hover{
                    text-decoration:underline;
                    color:@cor_principal;
                    .transition();
                }
            }
        }
        #colDireita{
            width:18.3846154%;
            padding-top:0px;
            float:right;
            ul{
                list-style: none;
                padding:0 15px;
                li{
                    border:1px solid #D5D0C0;
                    border-radius: 4px;
                    margin-bottom: 4px;
                    &:hover{
                        a{
                            color:@branco;
                        }
                    }
                    a{
                        color: white/*#696969*/;
                        text-decoration:none;
                        margin: 5px;
                        width:100%;
                        display:table;
                        &:hover{
                            color:#FFF;
                            .transition();
                        }
                    }
                    &:hover{
                        background-color: #696969;
                    }
                }
            }
        }
    }
    #global-footer{
        background-color: #333333;
        _height: 300px;
        color: #FFF;
        a{
            color:#FFF;
            text-decoration:none;
            &:hover{
                text-decoration:underline;
            }
        }
        #footer-esquerda{
            //display: inline;
            float: left;
            font-size: 18px;
            text-align: justify;
        }     
        #footer-direita{
            //display: inline;
            float: right;         
            #social, #logo-footer {
                display: inline;
            }
            #social {
                
            }
            #logo-footer {
                margin-left: 40px;
            }
            a:hover{
                text-decoration:none;
            }
        }           
    }
}

/* Condição para todos os mobiles até tablet (768px) */
@media (max-width: 768px) {
    #search-string {
        position: absolute !important;
        left: 0px !important;
        top: 10px !important;
        input {
            display: inline !important;
        }
        button {
            display: inline !important;
            float: left !important;
        }
    }
    #logo-header {
        padding: 10px;
    }
}



/* De 1024 px até 1169px */
@media (min-width: 1024px)  and (max-width: 1169px) {
    #sliderText{
        #textos{
            max-width:370px !important;
            li{
                font-size:11px !important;
            }
        }
    }
}

/* De 768px até 1024 */

@media (min-width: 768px)  and (max-width: 1023px) {

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{
        margin-right: 10px;
        margin-left:10px;
    }

    /* MENU */
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        margin-top:50px !important;
    }
    #mainmenu ul.menu_top li{
        width:100%;
        padding: 5px;
        border-bottom: 2px solid #DDD !important;
    }
    #mainmenu ul.menu_top li:hover{
        border-bottom: 2px solid #696969 !important;
        background-color:#DDD;
    }
    #mainmenu ul li {
        display:inline-block !important;
    }
    /* /MENU */

    #sliderText{
        #textos{
            max-width:370px !important;
            li{
                font-size:10.7px !important;
            }
        }
    }

    #reflexao{
        ul{
            li{
                width:50% !important;
            }
        }
    }

    #colEsquerda{
        max-width:50% !important;
    }
    #colDireita{
        width:50% !important;
        padding-top:0px;
        ul{
            list-style: none;
            padding:0 15px;
            margin: 0 7.6666667%;
            li{
                width:140px;
                border:1px solid #D5D0C0;
                border-radius: 4px;
                margin-bottom: 4px;
                margin-left:10px;
                float:left;
            }
        }
    }
}

/* De 600px até 767px */

@media (min-width: 600px) and (max-width: 767px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{
        margin-right: 10px;
        margin-left:10px;
    }

    /* MENU */
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        margin-top:50px !important;
    }
    #mainmenu ul.menu_top li{
        width:100%;
        padding: 5px;
        border-bottom: 2px solid #DDD !important;
    }
    #mainmenu ul.menu_top li:hover{
        border-bottom: 2px solid #696969 !important;
        background-color:#DDD;
    }
    #mainmenu ul li {
        display:inline-block !important;
    }
    /* /MENU */

    #slider{
        width:100% !important;
    }

    #sliderText{
        width:100% !important;
    }

    #reflexao{
        ul{
            li{
                width:50% !important;
            }
        }
    }

    .card-left{
        li{
            img{
                max-width: 200px !important;
                height:auto !important;
            }
            h3,p{
                margin-left:210px !important;
            }
        }
    }

    /* NOTICIAS */

    #news{
        ul{
            display:table !important;
            margin-left: 5px !important;
            li{
                float: none !important;
                width:100% !important;
                margin-bottom: 5px !important;
                display:table !important;
            }
        }
        #more-news{
            margin-top: 5px !important;
        }
    }

    .container{
        margin: 0 5px !important;
    }

    #colEsquerda{
        max-width:50% !important;
        .col1,.col2,.col3{
            margin-right:2.6666667% !important; /* 50px / 750px */
        }
    }
    #colDireita{
        width:50% !important;
        padding-top:0px;
        ul{
            list-style: none;
            padding:0 15px;
            margin: 0 -3.333%;
            li{
                width:140px;
                border:1px solid #D5D0C0;
                border-radius: 4px;
                margin-bottom: 4px;
                margin-left:8px;
                float:left;
            }
        }
    }
}

/* de 480px até 599px */

@media (min-width: 480px) and (max-width: 599px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{
        margin-right: 10px;
        margin-left:10px;
    }

    #areaLogin{
        width:120px !important;
    }
    #search-string{
        margin-right: 0px;
        margin-top:10px;
    }

    /* MENU */
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        margin-top:50px !important;
    }
    #mainmenu ul.menu_top li{
        width:100%;
        padding: 5px;
        border-bottom: 2px solid #DDD !important;
    }
    #mainmenu ul.menu_top li:hover{
        border-bottom: 2px solid #696969 !important;
        background-color:#DDD;
    }
    #mainmenu ul li {
        display:inline-block !important;
    }
    /* /MENU */

    #slider{
        width:100% !important;
    }

    #sliderText{
        width:100% !important;
    }

    #reflexao{
        ul{
            li{
                width:100% !important;
            }
        }
    }

    .card-left{
        li{
            img{
                max-width: 200px !important;
                height:auto !important;
            }
            h3,p{
                margin-left:210px !important;
            }
        }
    }

    #news{
        ul{
            display:table !important;
            margin-left: 5px !important;
            li{
                float: none !important;
                width:100% !important;
                margin-bottom: 5px !important;
                display:table !important;
            }
        }
        #more-news{
            margin-top: 5px !important;
        }
    }

    .container{
        margin: 0 5px !important;
    }

    #colEsquerda{
        margin: 0 11.042553191% !important;
        max-width:100% !important;
        .menu{
            & > li{
                width: 150px !important;
            }
        }
    }

    #colDireita{
        width:100% !important;
        padding-top:0px;
        ul{
            list-style: none;
            padding:0 15px;
            margin: 0 -3.333%;
            li{
                width:140px;
                border:1px solid #D5D0C0;
                border-radius: 4px;
                margin-bottom: 4px;
                margin-left:65px;
                float:left;
            }
        }
    }
}

/* ATE 479px */
@media (max-width: 479px) {    
    // Ícone de edição inline, somente admins
    .icons {
        display: none !important;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{
        margin-right: 10px;
        margin-left:10px;
    }

    #areaLogin{
        float:none !important;
        #areaProfessor{
            float:right !important;
        }
    }
    
    /* MENU */
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        margin-top:50px !important;
    }
    #mainmenu ul.menu_top li{
        width:100%;
        padding: 5px;
        border-bottom: 2px solid #DDD !important;
    }
    #mainmenu ul.menu_top li:hover{
        border-bottom: 2px solid #696969 !important;
        background-color:#DDD;
    }
    #mainmenu ul li {
        display:inline-block !important;
    }
    /* /MENU */

    #slider{
        width:100% !important;
    }

    #sliderText{
        width:100% !important;
        #textos{
            max-width:300px !important;
            li{
                font-size:9pt !important;
            }
        }
    }

    #reflexao{
        ul{
            li{
                width:100% !important;
            }
        }
    }

    .card-left{
        li{
            img{
                float:none !important
            }
            h3,p{
                margin-left:5px !important;
            }
        }
    }

    #news{
        ul{
            display:table !important;
            margin-left: 5px !important;
            li{
                float: none !important;
                width:100% !important;
                margin-bottom: 5px !important;
                display:table !important;
                .new_title{
                    font-size: 1.1em !important;
                }
                .new_data{
                    .mes{
                        font-size: 1.1em !important;
                    }
                    .dia{
                        font-size: 1.2em !important;
                        margin-top:10px !important;
                    }
                }
            }
        }
        #more-news{
            margin-top: 5px !important;
        }
    }

    .container{
        margin: 0 5px !important;
    }

    #services{
        display: none !important;
    }

    #colEsquerda{
        max-width:100% !important;
        h3 {
            position: relative !important;
            bottom: 15px !important;
        }
    }

    #colDireita{
        width:100% !important;
        padding-top:0px;
        ul{
            list-style: none;
            padding:0 15px;
            margin: 0 -3.333%;
            li{
                width:140px;
                border:1px solid #D5D0C0;
                border-radius: 4px;
                margin-bottom: 4px;
                margin-left:10px;
                float:left;
            }
        }
    }
}

/* Páginas melhoradas */
#container_livros {

}
.livro, .livro_capa { 
    height: 80px;
    width: 80px;
}  
.livro {
    margin: 2px;
    display: inline; 
}
.livro_capa {

}
.livro_lista {
    width: 70px;
    height: 60px;
    padding-right: 10px;
}
/*.livro_container { height: 100%; }*/

.livro_edit, .livro_delete,
.msg_nao, .msg_sim,
.cap_edit, .cap_delete { cursor: pointer; margin: 0px 4px 0px 4px; padding: 7px; }

.gbs3 {
    margin-top: 1%;
}

.row_icon {
    margin: 0px 3px 0px 3px;
}

/* mensagens */    
.msg_inline {
    display: inline;
}
.msg_inline button {
    margin: 2px;
}


.livro-container {
    display: inline-block;        
}
.livro-container img {
    width: 70px;
    height: 100px;
    margin: 5px;
}

.hidden { display: none; }
.full {width: 100%; }

.mobile > td {
    display: block;
}



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
    background-color: #ddd;
}

.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2796";
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block;
}

/*.item-page ul li span { display: none; }*/
.item-page ul li, .edit-icon {
    padding: 7px;
    background-color: #EEEEEE;
    border: 1px solid #000;
    border-radius: 5px;
    list-style-type: none;
    display: inline;
}

.tabela_produtos tr td:not(:first-child) { text-align: center; }
.tabela_produtos th { text-align: center !important; } /* titulos da tabela */

#breadcrumbs {
    padding-bottom: 15px; 
}

/* Upload de imagens / arquivos */
#fileupload {    
    width: 75%;
    float: left;
}
#filepreview {
    width: 25%;
    float: right;
}
#fileupload, #filepreview {
    border: 1px solid #000;
    min-height: 85px;
    max-height: 180px;
    overflow: auto;
}

#capa_imagem {
    width: 70px;
    height: 100px;
}

/* Override no bottstrap */
.btn {
    padding: 0px !important; margin: 0px !important; font-size: 13px !important;
}

.menu_top {
    font-family: 'raleway-regular' !important;
}

/* Override acymailing */
.acymailing_form {
    p, span { display: inline-block; margin: 0px; padding: px; }
}
.acysubbuttons input {
    background-color: none;
    background-image: none;
}

/* Override geral */
.readmore, #more-reflexao,
.acysubbuttons input, #colEsquerda h3 {
    font-family: "raleway-bold" !important;
    font-size: 13px !important;
    text-transform: uppercase;    
    color:#FFF;
    background-color: @cor_principal !important;
    border: 1px solid #D5D0C0;
    border-radius: 4px 4px 4px 4px;    
    margin: -5px 0 -10px 0 !important;
    padding: 3px 6px !important; 
    max-width: 100%;
    a{
        color:#FFF;
        text-decoration:none;
        &:hover{
            color:#FFF;
        }
    }
    &:hover{
        background-color:@cor_principal !important;
        color:@branco !important;
        border: 1px solid @cor_principal;
        a{
            color:@branco;
        }
    }
}

.readmore, #more-reflexao {
    float: right;
}

.blog-featured, #reflexao {
    margin-top: 50px !important;
}

// tentativa de sobrescrever popup tinymce
#modal_popup {
    z-index: 65538 !important;
}
/*.mce-container, .mce-panel, .mce-floatpanel, .mce-window, .mce-in, .fancybox-margin {
    z-index: 5000 !important;
}*/


/* Iframe Pesquise na Obra */
#pesquise_obra {
    width: 100%;
    height: 600px;
}