@charset "UTF-8";

.galeria, .exibir{
    height:100%;
    width:100%;
    margin:auto;
}

.exibir{
    display:none;
}

.galeria input[type="button"], .exibir input[type="button"]{
    clear:both;
}

.exibir #gl-prd-desc textarea, .exibir #gl-prd-desc .textbox{
    margin:2.5%;
    padding:2.5%;
    position:relative;
    height:90%;
    width:90% !important;
    border: 1px solid #CCC;
}

.gl-cat-header{
    height:10%;
}

.gl-img-opt{
    border: 1px solid transparent;
    margin: auto;
    width:99%;
    cursor: pointer;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    transition: 0.3s 0.01s linear border;
    border-radius: 3px;
    float:left;
}

.gl-category .gl-img-opt:last-of-type{
    margin-bottom:10px;
}

.gl-img-opt:hover{
    border: 1px solid #89c025;
}

.gl-img-opt img{
    margin:auto;
    display:block;
}

.gl-info, .gl-cat-info, .gl-prd-info{
    position:relative;
    height:100%;
    width:100%;
}

.gl-main{
    display:block;
    height:100%;
}

.gl-view{
    height:100%;
}

.gl-content h1{
    color: inherit;
    font-family: OpenSansRegular, Sans-Serif;
}

.cat-info{
    display:none;
}

/**************** Celular *****************/
@media (max-width: 480px) {

    .gl-info, .gl-cat-info, .gl-prd-info{
        height: 80% !important;
        margin: 0 2.5% !important;
        width: 95%;
    }

    #gl-prd-desc.vertical{
        max-height:17%;
        margin-bottom:5% !important;
    }

    .gl-cat-header{
        height:2.5%;
    }

}