@charset "iso-8859-1";
/* CSS Document */

	*{
		padding:0;
		margin:0;
		border:none;
	}
	
	#slideFade{
		position:relative;
		width:590px;
		height:270px;
	}
	#setas{
		width:298px;
		position:absolute;
		z-index:40;
		left:10px;
		top:195px;
	}
	#setaLeft, #setaRight{
		position:absolute;
		background:#CFF;
		height:16px;
		line-height:16px;
		cursor:pointer;
		height:41px;
		width:24px;
		background:url(../img/setas.png) no-repeat;
		opacity:0.15;
	}
	#setaLeft:hover, #setaRight:hover{
		opacity:0.45;
	}
	#setaLeft{
		left:0;
		background-position:top left;
	}
	#setaRight{
		background-position:top right;
		right:0;	
	}
	#imagens{
		width:350px;
		height:270px;
		z-index:0;
		/*overflow:hidden;*/
		/*position:absolute;*/
		/*top:0;*/
		/*right:0;*/
	}
	#imagens a{
		position:absolute;
        top: 0;
        left:0;

	}
	
	#conteudoHTML{
        margin-top: 270px;
        width: 590px;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        background: url(../img/bgTextoBanner.jpg)
        top left repeat;
	}
	.boxHTML{
		display:none;
		position:absolute;
	}
	
	#legendas{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		position:absolute;
		z-index:10;
		padding:8px;
		color:#FFF;
		background:#000;
		opacity:0.75;
	}
	#barraTempo{
		background:#FFF;
		opacity:0.3;
		width:0;
		height:1px;
		position:absolute;
		bottom:0;
		left:0;
		z-index:50;	
	}
	
	#controles{
		position:absolute;
		z-index:20;
		top:452px;
		right:0;
	}
	.botaoControle{
		width:12px;
		height:12px;
		display:block;
		margin:2px;
		background:url(../img/bgControles.png) top right no-repeat;
		float:left;	
		cursor:pointer;
	}
	.botaoControle:hover, .botaoControleAtual{
		background-position:top left;
	}