/* CSS Document */
$alt_banner_mb : 60vw;
$alt_banner_tb : 50vw;
$alt_banner_dt : 40vw;


#topo_rotativo { 
    width: 100%; z-index: 1; position: relative;  width: 100%; height: $alt_banner_mb; 
    .slide {
        position: relative; width: 100%; height: 100%; 
        background-position: center center; background-size: cover; background-repeat: no-repeat;
    }
    a {
        position: absolute; width: 100%; height: 100%;
    }
    .text {
        position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background-color: rgba(0,0,0,0.5); pointer-events: none;
        z-index: 1001; color: #FFF;
        p {
            color: #FFF; font-size: 1em; margin: 0; padding: 0; line-height: 1.2;
        }
    }
    .setas {
        position: absolute; top: 50%; margin-top: -1.5em; font-size: 3em; color: #FFF; background-color: rgba(0,0,0,0.5); padding: 10px 20px; cursor: pointer; z-index: 1001;
        &.seta-esq {
            left: 0;
        }
        &.seta-dir {
            right: 0;
        }
    }
    #paginacao {
		position: absolute;
		left: 0; bottom: 75px;
		z-index: 1002;
		height: 1em; 
		width: 100%;
		padding: 0 20px;
		color: #FFF;
        text-align: right;
		.icon-circle:before { 
			content: '\f111' !important;		
		}
		.pager {
			cursor: pointer;
			width: 1.5em;
			height: 20px;
			line-height: 20px;
			font-size: 15px;
			color: #FFF;
			text-align: center;
			display: inline-block;
		} 
	}
}
.sTop {
    padding: 60px 0 20px 0;
    background-color: $cor_topo_estatico;
    width: 100%; 
    .inner {
        max-width: $lar_max_conteudo; margin: 0 auto; padding: 0 15px;
    }
    h1 {
        color: #FFF; font-size: 25px;
    }
    div.bcs {
        width: 100%; max-width: $lar_max_conteudo; margin-bottom: .25em; padding: 0; height: 1em; color: $azul_escuro;
        a {
            font-family: $font_titulos; color: #000; text-decoration: none; font-size: 0.75em; text-transform: uppercase;
        }
    }
}
@media only screen and ($cssdevicetext : 768px) { 
    #topo_rotativo {
        height: $alt_banner_tb; 
    }
    .sTop {
        padding: 60px 0 20px 0;
        .inner {
             padding: 0 20px;   
        }
    }
}
@media only screen and ($cssdevicetext : 1024px) { 
     .inner {
         padding: 0 20px;    
    }
    #topo_rotativo {
        height: $alt_banner_dt; 
    }
}