/*BANNER ROTATIVO*/

.thumbs > div{
	background-color: #1a242f;
    box-shadow: #ccc 3px 3px 3px;
    opacity: 0.9;
}
.thumbs > div.bannerativo, .thumbs > div.bannerativo > div{
	background-color: #1a242f;
	color: #fff;
    opacity: 1.0;
}

.slide{
	display:none;
	overflow: hidden;
    box-shadow: #ccc 3px 3px 3px; 
}

.exibe{
	display:block;
}

.slides div img{
	display: block; 
	width: 100%;
    height: 100%;
}

.thumbs div.imgthumb{
	height: 100%;
}
.thumbs div img{					
	height: 100%;	
}

.thumbs div p{
	height: 100%;
    font-size: .85em;	
}

.slides{
    padding: 0;
    cursor:pointer;
}
.thumbs{
    padding: 0;
    cursor:pointer;
}

.slide div {
    background:#808080;
    color:#fff;
    text-align:right;        
    font-style:italic;
    font-size:1.2em;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

@media (max-width: 767px){	
	.slides{
		float: left;
	}
	.slide{
		border-radius: 5px 5px 0px 0px;
	}

    .slide div {
        position: absolute;        
        width:100%;
        bottom:10px;
        padding: 10px;
    }

	.thumbs{		
	}
	.thumb{		
		max-height: 60px;		
	}
	.thumbs div.imgthumb{
		float: left;
		width: 100%;		
	}
	.thumbs div img{					
		height: 32px;
		margin-top: 8px;
		margin-bottom: 8px;
		margin-left: auto;
		margin-right: auto;		
	}

    .thumbs div.bannerativo img.p {
        display:none;
    }
    .thumbs div img.b {
        display:none;
    }
    .thumbs div.bannerativo img.b {
        display:block;
    }
    .thumbs div.bannerativo p {
        font-weight:bold;
    }

	.thumbs div p{
		display: none;
	}
	.thumbs > div{
		border-right: 1px solid #fff;	
	}	
	.thumbs > div:last-child{
		border-right: 0px solid #fff;
	}
	.thumbs div:first-child{	
		border-radius: 0px 0px 0px 5px;
	}
	.thumbs div:last-child{	
		border-radius: 0px 0px 5px 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slides{
		float: left;
	}
	.slide{
		border-radius: 5px 5px 0px 0px;
	}

    .slide div {
        position: absolute;        
        width:100%;
        bottom:10px;
        padding: 10px;
    }

	.thumbs{		
	}
	.thumb{		
		height: 80px;
	}
	.thumbs div.imgthumb{
		float: left;
		width: 30%;
		height: 100%;		
	}
	.thumbs div img{					
		height: auto;
		margin-top: 22px;
		margin-left: auto;
		margin-right: auto;
	}

    .thumbs div.bannerativo img.p {
        display:none;
    }
    .thumbs div img.b {
        display:none;
    }
    .thumbs div.bannerativo img.b {
        display:block;
    }
    .thumbs div.bannerativo p {
        font-weight:bold;
    }

	.thumbs div p{
		float: left;
		width: 70%;
		display: table-cell;
		margin-left: auto;
		margin-right: auto;
		color: white;
		padding: 22px 10px;		
		vertical-align: middle;
	}
	.thumbs > div{
		border-right: 1px solid #fff;	
	}
	
	.thumbs > div:last-child{
		border-right: 0px solid #fff;
	}
	
	.thumbs div:first-child{	
		border-radius: 0px 0px 0px 5px;
	}
	.thumbs div:last-child{	
		border-radius: 0px 0px 5px 0px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.slides{
		float: left;
	}
	.slide{
		border-radius: 5px 0px 0px 5px;
	}
    .slide img {
        max-height: 279px;
    }

    .slide div {
        position: absolute;        
        width:100%;
        bottom:20px;
        padding: 15px 60px 15px 15px;
    }

	.thumbs{		
	}
	.thumb{		
		height: 93px;
	}
	.thumbs div.imgthumb{
		float: left;
		width: 30%;
		height: 100%;		
	}
	.thumbs div img{					
		height: auto;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

    .thumbs div.bannerativo img.p {
        display:none;
    }
    .thumbs div img.b {
        display:none;
    }
    .thumbs div.bannerativo img.b {
        display:block;
    }
    .thumbs div.bannerativo p {
        font-weight:bold;
    }

	.thumbs div p{
		float: left;
		width: 70%;
		display: table-cell;
		margin-left: auto;
		margin-right: auto;
		color: white;
		padding: 28px 10px;		
		vertical-align: middle;
	}
	.thumbs > div{
		border-bottom: 1px solid #fff;	
	}
	
	.thumbs > div:last-child{
		border-bottom: 0px solid #fff;	
	}	
	.thumbs > div.bannerativo > div.seta{
		position: absolute;		
		background-color: transparent;		
		left: -29px;
		width: 0px;
		border-top: 46px solid transparent;
		border-left: 0px solid transparent;
		border-right: 30px solid #1a242f;
		border-bottom: 46px solid transparent;
	}
	.thumbs div:first-child{	
		border-radius: 0px 5px 0px 0px;
	}
	.thumbs div:last-child{	
		border-radius: 0px 0px 5px 0px;
	}

}

@media (min-width: 1200px) {
	.slides{
		/*float: left;*/		
		max-height: 300px;		
	}
	.slide{
		border-radius: 5px 0px 0px 5px;
	}
    .slide img {
        max-height: 300px;        
    }

    .slide div {
        position: absolute;        
        width:100%;
        bottom:20px;
        padding: 20px 60px 20px 20px;        
    }

	.thumbs{		
	}
	.thumb{		
		height: 75px;
	}
	.thumbs div.imgthumb{
		float: left;
		width: 30%;
		height: 100%;	
	}
	.thumbs div img{
		height: auto;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}

    .thumbs div.bannerativo img.p {
        display:none;
    }
    .thumbs div img.b {
        display:none;
    }
    .thumbs div.bannerativo img.b {
        display:block;
    }
    .thumbs div.bannerativo p {
        font-weight:bold;
    }

	.thumbs div p{
		float: left;
		width: 70%;
		display: table-cell;
		margin-left: auto;
		margin-right: auto;		
		padding: 20px 0px;		
		vertical-align: middle;
        color:#fff;
        text-align:left;        
	}   

	.thumbs > div{
		border-bottom: 1px solid #fff;	
	}
	
	.thumbs > div:last-child{
		border-bottom: 0px solid #fff;	
	}	
	.thumbs > div.bannerativo > div.seta{		
		position: absolute;		
		background-color: transparent;		
		left: -29px;
		width: 0px;
		border-top: 38px solid transparent;
		border-left: 0px solid transparent;
		border-right: 30px solid #1a242f;
		border-bottom: 38px solid transparent;
	}
	.thumbs div:first-child{	
		border-radius: 0px 5px 0px 0px;
	}
	.thumbs div:last-child{	
		border-radius: 0px 0px 5px 0px;
	}
}