/** LINHAS **/
.container {width: 100%; margin: 0 auto; padding: 0px; text-align: center;}
.content {max-width: 1110px; margin-right: auto; margin-left: auto; width: 100%; display: inline-block;}
.tbn-linha-completa {width: 100%; text-align: left;}
.tbn-linha-grid {width: 100%; max-width: 1110px; margin-right: auto; margin-left: auto; text-align: left; display: inline-block;}
.tbn-linha-grid .tbn-coluna .tbn-linha + .tbn-linha {margin-top: 30px; float: left;}
.tbn-linha {width: 100%;}

/** COLUNAS **/
.tbn-coluna {float: left;}
.tbn-coluna + .tbn-coluna {margin-left: 2.7027%;}
.tbn-lateral.col-4 .tbn-coluna + .tbn-coluna {margin-left: 0px; margin-top: 30px; margin-bottom: 0px;}

/** ZONAS **/
.zona-0 {margin-top: 30px; display: inline-block; max-width: 1110px; float: none !important;}
.zona-1 {margin-top: 30px; margin-bottom: 0px;}
.zona-2 {margin-top: 30px; margin-bottom: 30px;}
.zona-3 {margin-top: 0px; margin-bottom: 30px;}
.zona-4 {margin-top: 0px; margin-bottom: 30px;}
.zona-5 {margin-top: 0px; margin-bottom: 0px;}
.zona-6 {margin-top: 0px; margin-bottom: 30px;}
.zona-7 {margin-top: 0px; margin-bottom: 30px;}
.zona-8 {margin-top: 30px; margin-bottom: 0px;}
.zona-9 {margin-top: 30px; margin-bottom: 30px;}
.zona-10 {margin-top: 0px; margin-bottom: 30px;}
.zona-11 {margin-top: 00px; margin-bottom: 30px;}
.zona-12 {margin-top: 0px; margin-bottom: 30px;}

/** GRID 12 COLUNAS **/
.col-1 {width: 5.8559%;}
.col-2 {width: 14.4144%;}
.col-3 {width: 22.9730%;}
.col-4 {width: 31.5315%;}
.col-5 {width: 40.0901%;}
.col-6 {width: 48.6486%;}
.col-7 {width: 57.2072%;}
.col-8 {width: 65.7658%;}
.col-9 {width: 74.3243%;}
.col-10 {width: 82.8829%;}
.col-11 {width: 91.4414%;}
.col-12 {width: 100%;}

/** GRID COL-2 **/
.col-2 .col-2 {width: 100%;}

.tbn-linha-grid .tbn-coluna.col-2 .tbn-linha + .tbn-linha {margin-top: 16px;}

/** GRID COL-3 **/
.col-3 .col-1 {width: 25.4902%;}
.col-3 .col-2 {width: 62.7451%;}
.col-3 .col-3 {width: 100%;}
.col-3 .tbn-coluna + .tbn-coluna {margin-left: 11.7647%;}

/** GRID COL-4 **/
.col-4 .col-1 {width: 18.5714%;}
.col-4 .col-2 {width: 45.7143%;}
.col-4 .col-3 {width: 72.8571%;}
.col-4 .col-4 {width: 100%;}
.col-4 .tbn-coluna + .tbn-coluna {margin-left: 8.5714%;}

/** GRID COL-6 **/
.col-6 .col-1 {width: 12.0370%;}
.col-6 .col-2 {width: 29.6296%;}
.col-6 .col-3 {width: 47.2222%;}
.col-6 .col-4 {width: 64.8148%;}
.col-6 .col-5 {width: 82.4074%;}
.col-6 .col-6 {width: 100%;}
.col-6 .tbn-coluna + .tbn-coluna {margin-left: 5.5556%;}

/** GRID COL-7 **/
.col-7 .col-1 {width: 10.2362%;}
.col-7 .col-2 {width: 25.1969%;}
.col-7 .col-3 {width: 40.1575%;}
.col-7 .col-4 {width: 55.1118%;}
.col-7 .col-5 {width: 70.0787%;}
.col-7 .col-6 {width: 85.0394%;}
.col-7 .col-7 {width: 100%;}
.col-7 .tbn-coluna + .tbn-coluna {margin-left: 4.7244%;}

/** GRID COL-8 **/
.col-8 .col-1 {width: 8.9041%;}
.col-8 .col-2 {width: 21.9178%;}
.col-8 .col-3 {width: 34.9315%;}
.col-8 .col-4 {width: 47.9452%;}
.col-8 .col-5 {width: 60.9589%;}
.col-8 .col-6 {width: 73.9726%;}
.col-8 .col-7 {width: 86.9863%;}
.col-8 .col-8 {width: 100%;}
.col-8 .tbn-coluna + .tbn-coluna {margin-left: 4.1096%;}

/** GRID COL-9 **/
.col-9 .col-1 {width: 7.8788%;}
.col-9 .col-2 {width: 19.3939%;}
.col-9 .col-3 {width: 30.9091%;}
.col-9 .col-4 {width: 42.4242%;}
.col-9 .col-5 {width: 53.9394%;}
.col-9 .col-6 {width: 65.4545%;}
.col-9 .col-7 {width: 76.9697%;}
.col-9 .col-8 {width: 88.4848%;}
.col-9 .col-9 {width: 100%;}
.col-9 .tbn-coluna + .tbn-coluna {margin-left: 3.6364%;}

/** GRID COL-10 **/
.col-10 .col-1 {width: 7.0652%}
.col-10 .col-2 {width: 17.3913%}
.col-10 .col-3 {width: 27.7174%}
.col-10 .col-4 {width: 38.0435%}
.col-10 .col-5 {width: 48.3696%}
.col-10 .col-6 {width: 58.6957%}
.col-10 .col-7 {width: 69.0217%}
.col-10 .col-8 {width: 79.3478%}
.col-10 .col-9 {width: 89.6739%}
.col-10 .col-10 {width: 100%;}
.col-10 .tbn-coluna + .tbn-coluna {margin-left: 3.2609%;}

/** TELAS MENORES QUE 1150px **/
@media screen and (max-width: 1150px) {
    .content, .tbn-linha-grid {max-width: 920px;}
}

/** TELAS MENORES 960px **/
@media screen and (max-width: 960px) {
    .content, .tbn-linha-grid {max-width: 730px;}
    .tbn-lateral {width: 100%;}
}

/** TELAS MENORES QUE 770px **/
@media screen and (max-width: 770px) {
    
    /** TELAS MENORES QUE 770px **/
    @media screen and (max-width: 770px) {
        .content, .tbn-linha-grid {max-width: 635px;}
        
        .zona-0 {margin-top: 0;}
        .zona-1 {margin-top: 0;}
        
        /** GRID COL-6 **/
        .col-6 .tbn-coluna + .tbn-coluna {margin-left: 0px;}
    }
    
    /** TELAS MENORES QUE 680px **/
    @media screen and (max-width: 680px) {
        .content, .tbn-linha-grid {max-width: 540px;}
        
        .tbn-linha-grid .tbn-coluna .tbn-linha + .tbn-linha {margin-top: 0px;}
        
        /** COLUNAS **/
        .tbn-coluna + .tbn-coluna {margin-left: 0px;}
        
        /** GRID 12 COLUNAS **/
        .col-1, .col-2,	.col-3,	.col-4,	.col-5,	.col-6,
        .col-7,	.col-8,	.col-9,	.col-10, .col-11, .col-12 {width: 100%;}
        
        /** GRID COL-6 **/
        .col-6 .col-1, .col-6 .col-2, .col-6 .col-3,
        .col-6 .col-4, .col-6 .col-5, .col-6 .col-6 {width: 100%;}
        
        /** GRID COL-2 **/
        .tbn-linha-grid .tbn-coluna.col-2 .tbn-linha + .tbn-linha {margin-top: 0px;}
        
        /** slider **/
        .slider .col-8, .slider .col-6, .slider .col-4 {width: 100%;}
        .slider .tbn-coluna + .tbn-coluna {margin-left: 0px;}
        
    }
    
    /** TELAS MENORES QUE 580px **/
    @media screen and (max-width: 580px) {
        .content, .tbn-linha-grid {max-width: 460px;}
        .zona-1.tbn-linha-grid.area-slider {max-width: none; width: 100%;}
    }
    
    /** TELAS MENORES QUE 580px **/
    @media screen and (max-width: 480px) {
        .content, .tbn-linha-grid {width: 96%; min-width: 300px;}
        .zona-1.tbn-linha-grid.area-slider {max-width: none; width: 100%;}
    }