@import 'config';
@import '../bootstrap/variables';
@import '../bootstrap/alerts';

@larguraSite: 1088px;
@heightCabec: 206px;
@yellow: #FFFF67;
@blue: #103A82;

.pagination {
    a {
        color: @baseFontColor;
        text-decoration: none;
    }
    .active a {
        color: @red;
        cursor: default;
    }
}

.input {
    span { color: @red;}
}

/* layout */
body { 
    color: @baseFontColor; 
    * { .t2; font-family: @baseFontFamily; }
    background-color: #000000;
}
a {
    color: @red;
    &:hover {
        color: @red;
        text-decoration: underline;
    }
}

.nopad { padding:0;}

.separador {
    margin: 20px 0 20px 0;
    text-align:left;
}

.container-fluid {
    padding-left:0;
    padding-right:0;
}

.yellow {
    color: @yellow;
    &:hover {
        color: @yellow;
    }
}
.blue {
    color: @blue;
    &:hover {
        color: @blue;
    }
}

#cabecalho {
    background-color: #11377E;
    background-image: url('../../images/leiaute/cabec.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    height: @heightCabec;
    

    a {
        display: block;
        width: 99%;
        height:@heightCabec;
    }
}

#principal {
    background-color: @yellow;

    #conteudo {
        .centralized(@larguraSite);
        min-height: 400px;
        padding-bottom:30px;

        .container-fluid{ padding: 0;}

        .subcartola {
            .t4; .bold; .red; margin-top:40px;
        }

        .cartolas_produtos {
            font-weight:bold;
            /*line-height: 30px;*/
        }

        .separador_produtos {
            padding-bottom: 30px;
            border-bottom: 1px dotted lighten(@grayLight,30%);
            margin-bottom: 40px;

            &:first-child {
                margin-top: 20px;
            }
        }

        .container_produtos {
            img {
                border: 2px @blue solid;
                .border-radius(3px);

                &:hover {
                    border-color: @red;
                }
            }
        }

        .galeria {
            margin-bottom:16px;

            img {
                border: 2px @blue solid;
                .border-radius(3px);

                &:hover {
                    border-color: @red;
                }
            }
            .galeria-moldura {
                float: left;
                margin: 0 32px 4px 0;
            }
        }
    }
}

#rodape {
    .centralized(@larguraSite);
    /*font-weight: bold;*/
    font-size: 14px;
    .yellow;

    a {
        .yellow;
    }

    .container-fluid {
        margin-top: 20px;
        margin-bottom:20px;
    }

    span {
        display: block;
        margin-top:6px;
    }

    img {
        max-width: 120%;
    }

    .menu_rodape {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 50px;
    }
}

.splash {
    position: fixed;
    right: 0;
    top: 0;
    cursor: pointer;
    background-image: url('../../images/leiaute/splash-facaseupedido.png');
    background-position: top center;
    width: 289px;
    height: 209px;
}