@font-text: Ubuntu;
@text-color: #545456;

.shadow(@bottom:3px){
    -webkit-box-shadow: 0px @bottom 5px rgba(50, 50, 50, 0.7);
    -moz-box-shadow:    0px @bottom 5px rgba(50, 50, 50, 0.7);
    box-shadow:         0px @bottom 5px rgba(50, 50, 50, 0.7);
}

.rounded-corners (@radius: 5px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
}

.depth (@color){
    text-shadow: 1px 1px 0px @color;
}

.opacity (@percentual, @percent) {
    -moz-opacity: @percentual;
    opacity: @percentual;
    filter:alpha(opacity=@percent);
}

.gradient(@start,@end){
        background-color:@end;
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@start,  endColorstr=@end)";
        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@start,  endColorstr=@end);
        /* IE10 */
        background-image: -ms-linear-gradient(top, @start 0%, @end 100%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(top, @start 0%,  @end 100%);
        /* Opera */
        background-image: -o-linear-gradient(top, @start 0%,  @end 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, @start), color-stop(1, @end));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(top, @start 0%, @end 100%);
        /* Proposed W3C Markup */
        background-image: linear-gradient(top, @start 0%,  @end 100%);

}

body{
    margin:0;
    padding:0;
    font-family: @font-text;
    color:@text-color;
    overflow-x:hidden;
}

.right{
    float: right;
}

.container{
    max-width:940px;
}

header{
    padding: 20px 0;
    img.logo{
        height: 90px;
        margin-top:0px;
        .opacity (1, 100);
    }
    img.logo:hover{
        .opacity (0.8, 80);
    }
}

// navbar


.navbar-inner{
    background:none;
    border: none;
    box-shadow:none;
    -moz-box-shadow:none;
    padding: 0;
    .nav{
        margin:0;
        li{
            margin: 0 20px 0 0;
            a{
                padding: 5px 0;
                color: #8E1819;
                font-weight: bold;
                text-transform: uppercase;
                small{
                    color: #4B4B4D;
                    font-size: 10px;
                    text-transform: capitalize;
                    font-weight: normal;
                }
            }
        }
        li.active a, li:hover a{
            color: #4B4B4D !important;
        }
    }

    .navbar-form{
        padding: 0 5px 0 0;
        background: #8E1819 !important;
        color: #FFF !important;
        height: 33px;
        float: right;
        i{
            font-size:16px;
            float: left;
            margin: 10px 10px 0 10px;
        }
        input{
            float: left;
            width: 140px;
            padding: 1px 5px;
            height: 20px;
            .rounded-corners (0);
            border: none;
            font-family: Ubuntu;
        }
    }
}

.no-margin-left{
    margin-left: 0 !important;
}

.right-link{
    float: right;
    color:#8E1819 !important;
    width:100px;
}

ul{
    list-style: none;
    margin:0;
}

h1{
    margin: 0px 0 20px 0;
    padding: 0 20px;
    background: #8E1819;
    color: #FFF;
    font-size: 14px;
    font-family: Ubuntu;
    font-weight: normal;
    width:auto;
    height:32px;
    line-height: 32px;
    display:inline-block; 
}

.amazingslider-watermark-0{
    background: none !important;
    opacity: 0 !important; 
    -moz-opacity: 0 !important; 
    filter: alpha(opacity=00) !important;
}

#amazingslider-1{
    margin:0 !important;
}

ul.social-icons{
    list-style: none;
    margin:0;
    height: 100px;
    li{
        font-size:50px;
        padding: 18px 10px 10px 10px;
        height:50px;
        width:60px;
        margin: 0 10px 20px;
        background-color: #E6E7E9;
        color: #000;
        float: left;
        cursor:pointer;
        div{
            width: 100px;
            padding-top: 10px;
            font-size: 12px;
            margin-left:-20px;
            text-align: center;
        }
    }

    li:hover{
        transition: background 1s, transform 1s;
        -webkit-transition: background 1s, -webkit-transform 1s;
        color: #8E1819;
        background-color:#4B4B4D;
    }
}

a, a:hover, a:active, a:visited{
    color: @text-color;
}


ul.list-colunistas{
    padding:0;
    li{
        padding:0;
        margin:0 0 10px 0;
        height: 70px;
        h3{
            margin:0;
            font-size: 14px;
            line-height: 16px;
            font-weight: bold;
        }
        p{
            font-weight:300;
            font-size: 13px;
        }
        p:hover{
            text-decoration:underline;
        }
        img{
            .opacity(1,100);
            float: left;
            height: 60px;
        }
        img:hover{
            .opacity(0.8,80);
        }
    }
}

.btn{
    border-radius:0;
    -moz-border-radius: 0;
    font-family: Ubuntu;
    background: #E6E7E9 !important;
    color: #000;
    text-shadow: none;
    border: none;
}

.btn:hover{
    background: #4B4B4D !important;
    color: #8E1819;
    text-shadow: none;
}

ul.list-parceiros{
    li{
        margin: 0 0 10px 0;
        img{
            .opacity(1,100);
        }
        img:hover{
            .opacity(0.8,80);
        }
    }
}

.list-noticias{
    margin-top: 30px;
    li{
        margin-bottom: 20px;
        img{
            .opacity(1,100);
            margin:-37px 0 10px 0;
        }
        img:hover{
            .opacity(0.8,80);
        }
        h3{
            margin:0 0 10px 0;
            font-size: 20px;
            line-height: 23px;
            font-weight: bold;
        }
        p{
            font-weight:300;
            font-size: 13px;
        }
        h1{
            margin:0;
            position:relative;
            top:0;
            left:5px;
            z-index:10;
        }
    }
    
}

.list-noticias.noticias-mundo{
    margin-top:0px;
}

.imagem-dia{
        h1{
            margin:0;
            position:relative;
            top:0;
            left:5px;
            z-index:10;
        }
        h3{
            margin:0;
            font-size: 14px;
            line-height: 16px;
            font-weight: bold;
        }
        img{
            .opacity(1,100);
            margin:-37px 0 10px 0;
        }
        img:hover{
            .opacity(0.8,80);
        }
}

.nav-collapse .nav>li{
    border-bottom: 1px solid #E6E7E9;
}

.publi-body{
    margin: 20px 0;
}

footer{
    width: 100%;
    padding: 0 0 10px 0;
    background-color: #991415;
    margin-top: 30px;
    h1{
        color: #FFF;
        background: none;
        font-size: 24px;
        padding: 0;
        margin:40px 0 20px 0;
    }
    
    .redes{
        p{
            text-align: center;
            color: #FFF;
        }
    }
}

footer.rodape{
    background-color: #000;
    border: none;
    color: #FFF;
    p{
        margin:20px 0 0 0;
    }
    .logo-diastec{
        .opacity(1,100);
        margin-top: 10px;
    }
    .logo-diastec:hover{
        .opacity(0.8,80);
    }
    
}


.list-rodape{
    margin:0 0 50px 0;
    li{
        padding-bottom: 10px;
        a{
            color: #FFF;
            text-transform: uppercase;
        }
        margin-bottom: 0 !important;
    }
}

.arrow-top{
    .opacity(0.5,50);
    position:fixed;
    bottom:0;
    right:0;
}

.arrow-top:hover{
    .opacity(1,100);
    
}

.form-custom{
    input[type=text], textarea, select{
        padding: 5px 5px;
        height: 20px;
        .rounded-corners (0);
        border: 2px solid #8E1819;
        font-family: Ubuntu;
        margin: 0 0 20px 0;
    }
    input[type=text]:focus, textarea:focus, select:focus{
        transition: border 0.5s, transform 0.5s;
        -webkit-transition: border 0.5s, -webkit-transform 0.5s;
        border: 2px solid #000;
    }
    textarea{
        height: 120px;
    }
}

footer{
    input[type=submit]{
        color: #FFF;
        background: #8E1819 !important;
    }
    input[type=submit]:hover{
        transition: background 1s, transform 1s;
        -webkit-transition: background 1s, -webkit-transform 1s;
        color: #E6E7E9;
        background:#000  !important;
    }
}

.facebook-wrapper{
    width:100%;
    height: 110px;
    overflow: hidden;
    .fb-like-box{
        margin: -100px 0 0 -10px;
    }
}

.topbar{
    background: #8E1819;
    height: 5px;
    width: 100%;
    padding: 10px 0;
    font-size:12px;
    color: #FFF;
    line-height: 12px;
}


#noticias-slider{
    height:12px;
    overflow: hidden;
    span{
        margin:0 30px 0 0;
        a{
            color: #FFF;
            .opacity(1,100);
        }
        a:hover{
            .opacity(0.8,80);
        }
    }
}

.noticia-interna{
    small{
        color: #C0C0C0;
    }
    h2{
        color: #8E1819;
        font-size: 24px;
        line-height: 24px;
    }
    h3{
        font-style: italic;
        
        font-size: 16px;
        line-height: 16px;
    }
}

.text-content{
    font-weight:300;
}

.tags-title{
    padding: 10px;
    background-color: #F1F1F1;
    margin-bottom: 10px;
    height: 30px;
    ul{
        margin: 0;
        padding: 0;
        float: left;
        li{
            color: #E6E7E9;
            background:#000;
            display:inline-block; 
            padding: 5px;
            a{
                color: #FFF;
            }
       }
    }
    div{
        float: left;
        width: 50px;
        margin-top: 5px;
   }
}

.center {
    float: none;
    margin-left: 10%;
    margin-right: auto;
}

.comment-bar{
    padding: 10px;
    background-color: #F1F1F1;
    height: 30px;
    div{
        float: left;
        width: 50px;
        margin-top: 5px;
   }
}

.listagem{
    h1{
        background-color:#E6E7E9;
        color: #000;
        margin-top:0;
    }

}

.clock{
    border-bottom: 2px solid #8E1819;
    padding: 0 5px 20px 5px;
    margin-top: -15px;
    height: 40px;
    img{
        height: 30px;
    }
    img.phone{
        height: 37px;
        margin-top: -4px;
    }
    small{
        font-size: 10px;
    }
}

.btn-padrao{
    color: #FFF !important;
    background: #8E1819 !important;
    margin: 10px 0 0 10px;
    .rounded-corners(4px);
}

.galeria-videos{
    h3{
        font-size: 14px;
        color: #8E1819;
        font-weight: bold;
    }
}
.diretoria{
    strong{
        color: #8E1819 !important;
        font-weight: bold;
    }
}

p{
    text-align: justify;
}

.title2{
    width:100% !important;
    text-align: left;
    margin-top:20px !important;
    padding:0 !important;
    color:#8E1819 !important;
    background:none !important;
    font-weight: bold !important;
    border-bottom:1px solid #8E1819 !important;
    font-size: 20px !important;
}