@charset "utf-8";
/*
* CSS Document - Estilos para a animacao das noticias em destaque
* Autor: Andressa Kroeff Pires (DoisK)
* E-mail: andressa@doisk.com
* Data: 24/03/2013
* Ultima atualizacao: -
*/

/* --- slider layout --- */
.lof-slidecontent { position:relative; overflow:hidden; }

.lof-slidecontent .preload {	height:100%; width:100%; position:absolute;	top:0; left:0; z-index:100; text-align:center; background:#FFF}
.lof-slidecontent .preload div {	height:100%;	width:100%;	background:transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent .main-slider-content { width:388px; height:314px; }

.lof-slidecontent .sliders-wrapper {	position:relative; height:100%;	width:900px; z-index:3px; overflow:hidden; }

.lof-slidecontent ul.sliders-wrap-inner { overflow:hidden; background:transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0;	position:absolute; overflow:hidden; }
.lof-slidecontent ul.sliders-wrap-inner li { overflow:hidden; padding:0px; margin:0px; float:left; position:relative; }
.lof-slidecontent .lof-opacity li { position:absolute; top:0; left:0;	float:inherit; }


/* --- navigator --- */
.lof-slidecontent .navigator-content {
	position:absolute;
    bottom: 65px;
    padding: 0;
    position: absolute;
    right: 12px;
}

.lof-slidecontent .navigator-wrapper {
	position:relative;
	z-index:10;
	height:28px !important;
	width:120px !important;
	overflow:hidden;
	color:#FFF;
	float:left
}

.lof-slidecontent ul.navigator-wrap-inner {	top:0; padding:0; margin:0; position:absolute; width:100%; }

.lof-slidecontent ul.navigator-wrap-inner li { cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center; }


/* --- item navigator --- */
.navigator-wrap-inner {
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}

.lof-slidecontent ul.navigator-wrap-inner { width: 120px !important; height: auto; }
.lof-slidecontent ul.navigator-wrap-inner li {
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:2%;
	overflow:hidden;
	float:left;
	display:inline-block;
	text-align:center;
	background:#FFF;
	color:#999999;
}

.lof-slidecontent ul.navigator-wrap-inner li span {
	display:block; padding:10px; position:relative; line-height:0.5em  }

.lof-slidecontent ul.navigator-wrap-inner li.active ,
.lof-slidecontent ul.navigator-wrap-inner li:hover {
	background:#2D70DE;
	color:#FFFFFF;
	display:block;
	-moz-transition:background-color  0.8s
}
 
ul.sliders-wrap-inner li img { padding:0px; }


/* --- description --- */
.lof-slidecontent a .slider-description {
	display: block;
	width:340px;
	height:34px;
	padding:9px 6px;
	margin: 0px auto;
}
.lof-slidecontent a .slider-description p {
	/*text-align: center;*/
	text-align: justify;
}
.lof-slidecontent a:hover .slider-description p {
	color: #2D70DE;
}


/* --- button --- */
.lof-slidecontent .button-next, 
.lof-slidecontent .button-previous {
	display:block;
	width:20px;
	color:#FFF;
	cursor:pointer;
	position:absolute;
	height:94%;
	margin: 0 0 6%;
	z-index:40;
	top:0;
	text-indent:-999px;
	opacity: 0.6;
}

.lof-slidecontent .button-next:hover, 
.lof-slidecontent .button-previous:hover {
	opacity: 1;
}

.lof-slidecontent .button-next {
	right:0px;
	background:url(../img/seta_direita.png) no-repeat center bottom;
}

.lof-slidecontent .button-previous {
	left:0px;
	background:url(../img/seta_esquerda.png) no-repeat center bottom;
}
