﻿@charset "UTF-8";
/* CSS Document */
/*
#trade .header {
    background-color: #1a2452;
    background: url(https://assets.tradesquash.com/interface/backgroundHeader.jpg) no-repeat center top;
}

#trade .headerCadastro {
    background-color: #1a2452;
    background: url(https://assets.tradesquash.com/interface/backgroundHeader.jpg) no-repeat center top;
}
	*/
.moldePreview {
    border: solid 2px #ededed;
    max-width:540px;
    min-width:360px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

    .moldePreview .headerPreview {
        height: 60px;        
        top: 0;
        float: left;
        width:100%;
    }
        .moldePreview .headerPreview .logoPreview {
            width: 85px;
            height: 43px;
            margin-left: 10px;
            margin-top: 4px;
            margin-bottom: 8px;
            margin-right: 22px;
            float: left;
        }
        .moldePreview .headerPreview .logoPreview img {
            width: 100px; 
            height:auto;
        }
    .moldePreview .headerPreview .barraPreview {
        width:34%;
        height:21px;
        margin-top:18px;  
        float:left;
        z-index:1;
        background-color:#ffffff;        
    }

        .moldePreview .headerPreview .botaoPreview {
            float: right;
            width: 37px;
            height: 21px;
            z-index: 2;            
        }

        .moldePreview .headerPreview .iconsPreview {
            float: right;
            width: 162px;
            height: 21px;
            position:relative;      
            margin-top:19px;
        }

    .moldePreview .destaquePreview {
        width: 100%;
        height: 116px;
        float: left;
        background-color: #ededed;
        margin-bottom: 41px;
    }

    .moldePreview .destaque01Preview {
        width: 170px;
        height: 150px;
        float: left;
        margin-bottom: 10px;        
        overflow:hidden;
    }


    .moldePreview .boxPreview {
        width: 108px;
        height: 125px;
        float: left;        
        background-color: #ededed;
        margin-right: 10px;               
        margin-bottom:15px;
    }

    .moldePreview .boxPreview01 {
        width: 100%;
        height: 25px;
        float: left;
        bottom: 0px;
        margin-top: 101px;
    }





.bgLogoLight img {
    width: 100%;
    height: auto;
}

.bgLogoDark img {
    width: 100%;
    height: auto;
}
    
