/*-------------------------------------------------------------------------------

	HOME

	Data:				01/07/2010
	Descricao:			Arquivo com regras e componentes específicos desta seção
	Autor:				Everton Strack
	E-mail: 			everton@gadbrivia.com.br
	
	Observacoes:		Nenhuma observação 

	Documentos:			home.php

-------------------------------------------------------------------------------*/


#conteudo{
	top:530px;
	margin-bottom:530px;
}

.banner{
	position:absolute;
	top:85px;
	left:0;
	width:1000px;
	height:435px; /*437px*/
	padding-top:10px;
	background:url(../img/bg-banner-home.jpg) no-repeat 4px top;
	overflow:hidden;
}

.banner img,
.banner img:hover{ border:none; margin:0; height:342px !important; width:1000px !important; }



.banner .link-nav{
	position:absolute;
	top:330px;
	right:23px;
	z-index:10;
}
.banner .link-nav a{
	float:left;
	margin-right:7px;
	background:url(../img/bl-paginacao.gif) no-repeat left top;
	display:block;
	width:11px;
	height:10px;
	text-indent:-999999px;
}
.banner .link-nav a.activeSlide{ background-position:left bottom; }


/*-----------------------
	PRINCIPAL
----------------------*/

#principal{margin-top:0;}
#principal #box-bus{
	width:820px; 
	position:absolute; 
	left:80px; 
	top:-94px; 
	z-index:5;
}
#principal #box-bus ul li{float:left; width:234px; margin:0 19px; position: relative;}
#principal #box-bus ul li.rodoviarios img{top:42px;}
#principal #box-bus ul li.micros img{top:54px;}
#principal #box-bus ul li a{text-decoration:none;}
#principal #box-bus ul li div.label{
	background:#F1F3F5 url(../img/bg-label-onibus.gif) no-repeat;
	width: 132px; 
	height:99px;
	padding:13px 0 0;
	margin:0 auto;
	position:relative;
	top:13px;
}
#principal #box-bus ul li div.label h3{margin:0 auto}

#principal #box-bus ul li:hover div.label h3{background-position:0 -9px;}
#principal #box-bus ul li.rodoviarios:hover div.label h3{background-position:0 -11px;}
#principal #box-bus ul li img{z-index:3; border:none; position:absolute; top:56px;}
#principal #box-bus ul li div.box-texto{
	background:#F1F3F5 url(../img/bg-p-onibus.jpg) repeat-x;
	width:197px;
	height:128px;
	padding:0 10px;
	margin:77px auto 0;
	text-align: center;
	color:white;
	z-index:3;
	position:relative;
	
}
#principal #box-bus ul li div span.ponta{
	background: url(../img/bg-ponta-box-onibus.gif) no-repeat;
	width:25px;
	height:12px;
	position:absolute;
	top:-12px;
	left:96px;
	display: block;
	
}
#principal #box-bus p{width:175px; margin:0 auto}
#principal #box-bus ul li div.box-texto .centralizar{
	width:197px; 
	height:128px; 
}



#principal #box-bus ul li .bg-hover{
	background:white; /*transparent url(../img/bg-box-onibus-hover.jpg) no-repeat;*/
	width:207px;
	height:178px;
	position:absolute;
	left:8px;
	top:20px;
	z-index:-1;
	padding:3px 5px 5px 3px;
	border-left:1px solid #DFE0E2;
}
#principal #box-bus ul li .bg-hover .span-sombra-right{
	background:url(../img/bg-sombra-right-onibus.png) repeat-y right top;
	top:0px;
	right:-2px;
	}

#principal #box-bus ul li .bg-hover .span-sombra-top{
	background:url(../img/span-sombra-top.png) repeat-x right top;
	display:block;
	position:absolute;
	top:-3px;
	left:0;
	height:3px;
}
#principal .box-padrao{width:254px; float:left; padding:0 20px; margin-left:13px;}
#principal .box-padrao p{padding:20px 0 10px 0;}


#principal .bg-branco #box-comil-assist ul li,
#principal .bg-branco #box-gestao ul li{background:url(../img/bl-comil-assist.gif) no-repeat scroll 0 center; padding:11px 0 5px 40px; height:15px;}

#principal .bg-branco #box-novidades h3,#principal .bg-branco #box-qualidade h3,
#principal .bg-branco #box-gestao h3{padding:0 0 15px 0;}
#principal .bg-branco #box-qualidade h3{padding-top:2px}
#principal .bg-branco #box-novidades .paginacao{
	background:url(../img/borda-paginacao-box-novidades.png) no-repeat;
	height:32px; 
	width:251px;
	margin: 0 auto;
	padding:18px 0 0;
}
#principal .bg-branco #box-novidades ul.lista-noticia{display:block; height:230px; position:relative;}
#principal .bg-branco #box-novidades ul.lista-noticia li{
	display: none; 
	position:absolute; 
	left:0;
	top:0;
	background:white;
	}
#principal .bg-branco #box-novidades ul.lista-noticia li span.txt-apoio{padding:20px 0 0; display:block;}
#principal .bg-branco #box-novidades ul.lista-noticia li a {text-decoration:none}
#principal .bg-branco #box-novidades ul.lista-noticia li a:hover *{color:#FB2709; text-decoration:underline}
#principal .bg-branco #box-novidades ul.lista-noticia li a:hover .txt-apoio{color:#FD9281}
#principal .bg-branco #box-novidades ul.lista-noticia li a:hover img{border:5px solid #FB2709;}
#principal .bg-branco #box-novidades ul li.ativo{display:block}
#box-novidades .link-nav-paginacao a {
	background:url(../img/bl-paginacao.gif) no-repeat left top;
	display:block;
	float:left;
	height:10px;
	margin-right:7px;
	text-indent:-999999px;
	width:11px;
}
#box-novidades .link-nav-paginacao a.ativo{ background-position:0 bottom; }
#principal .bg-branco #box-novidades .link-nav-paginacao{position:static; width:72px; margin:0 auto;}
#principal .bg-branco #box-novidades ul.link-nav-paginacao  li{display:block; float:left;}
#principal .bg-branco #box-qualidade a.tt-qualidade-total{ margin:22px auto 0;/* margin:22px 0 0 130px;*/}
#principal .bg-branco #box-gestao{
	border: 1px solid  #E9E9E9;
    width:879px;
    padding:14px 10px 0 20px;
    height:145px;
    clear:both;
    float:left;
    margin:0 0 0 13px;
	
}
#principal .bg-branco #box-gestao .texto{float:left; width:290px; padding:16px 35px 0 0; height:159px;}
#principal .bg-branco #box-gestao ul{float:left; display:block; padding:35px 0 0;}


