/*   https://www.terra.com.br/esportes/automobilismo/dakar/2009/terra-esportes-dakar2009-frames-capa.css   */

/* classificacao */
ul.capa_categorias{
	width : 407px;
	height : 23px;
	margin : 0 0 0;
	float : none;
	clear : both;
	display : block;
	overflow : hidden;
}
.capa_categorias li{
	display : block;
	height : 15px;
	margin : 0;
	float : left;
}
.capa_categorias li a{
	display : block;
	height : 15px;
	text-indent : -3000px;
}
.capa_categorias li a#sel,
.capa_categorias li a:hover{
	background-position : 0 -15px;
}
.capa_categorias li a.carros{
	background-image : url(img/classificacao-carros-capa.gif);
	width : 50px;
}
.capa_categorias li a.motos{
	background-image : url(img/classificacao-motos-capa.gif);
	width : 45px;
}
.capa_categorias li a.caminhoes{
	background-image : url(img/classificacao-caminhoes-capa.gif);
	width : 68px;
}
.capa_categorias li a.quadriciclos{
	background-image : url(img/classificacao-quadriciclos-capa.gif);
	width : 80px;
}
#frame-classificacao h3 a {
	display:block;
	background:url(img/classificacao-geral.gif) no-repeat;
	height:30px;
	text-indent:-5000px;
	margin-bottom:2px;
}
#frame-classificacao table {
	border-collapse:collapse;
	width:407px;
}
#frame-classificacao table th {
	text-indent:-5000px;
	height:22px;
}
#frame-classificacao table td {
	border:1px solid #fff;
	background-color:#eceae7;
	padding:9px 6px 9px;
	text-align:center;
	font-weight:bold;
	color:#47423a;
	font-size:14px;
}
#frame-classificacao table td img {
	width:17px;
	height:12px;
}
#frame-classificacao table td a {
	display:block;
	float:left;
	line-height:40px;
	font-size:14px;
}
#frame-classificacao table td a:hover{
	color:#47423a!important;
}
#frame-classificacao table td a b {
	color:#f90;
	font-size:14px;
}
#frame-classificacao table td a span {
	display:block;
	margin-right:6px;
	width:17px;
	height:40px;
	text-indent:-5000px;
	float:left;
	background-color:#f90;
}
.pos-1 span { background:url(img/capa-classificacao-1.gif) }
.pos-2 span { background:url(img/capa-classificacao-2.gif) }
.pos-3 span { background:url(img/capa-classificacao-3.gif) }
.pos-4 span { background:url(img/capa-classificacao-4.gif) }
.pos-5 span { background:url(img/capa-classificacao-5.gif) }

#frame-classificacao .piloto {
	width:278px;
	background:#aba299 url(img/capa-classificacao-piloto.gif) no-repeat 0 0;
}
#frame-classificacao .pais { 
	width:57px;
	background:#aba299 url(img/capa-classificacao-pais.gif) no-repeat 0 0;
}
#frame-classificacao .equipe { background:#aba299 url(img/capa-classificacao-equipe.gif) no-repeat 0 0; }

/* pilotos */
#frame-pilotos{
	width : 192px;
}
#frame-pilotos h3 a {
	display:block;
	background:url(img/pilotos.gif) no-repeat;
	height:30px;
	text-indent:-5000px;
	margin-bottom: 9px;
}
#frame-pilotos ol {
	width:192px;
	float:left;
}
#frame-pilotos li {
	width:192px;
	clear:both;
	float:left;
	display:block;
	margin-bottom:10px;
	height : 67px;
	overflow : hidden;
}
#frame-pilotos li * {
	float:left;
}
#frame-pilotos li a {
	width:192px;
	cursor : pointer;
	display : block;
	height : 67px;
}
#frame-pilotos li a:hover span {
	display:block;
	width:83px;_width:89px;
	height:61px;_height:67px;
	overflow:hidden;
	border:3px solid #f90;
}
#frame-pilotos li a:hover span img {
	margin:-3px 0 0 -3px;
}
#frame-pilotos li a:hover * {
	color:#f90;
}
#frame-pilotos li img {
	border:0;
}
#frame-pilotos li p {
	margin:0 0 0 4px;
	width:99px;
	display:inline;
	font-weight:bold;
	padding-top:20px;
}
#frame-pilotos li p b {
	float:none;
	color:#f90;
}
#frame-pilotos p.veja {
	margin-top:-6px;*margin-top:6px;
	float:left;
}
#frame-pilotos p.veja a {
	font-size:11px;
	color:#f90;
	font-weight:bold;
	clear:both;
}
#frame-pilotos .veja a:hover {
	text-decoration:underline;
}

/* percurso */

#percurso, #etapas {
	width:250px;
	background:#eceae7;
	height:308px;
	display:block;
}
#percurso.oculto, #etapas.oculto {
	display:none;
}
#frame-percurso ol {
	background:#beb7af;
	height:40px;
	display:block;
	padding:0 10px;
}
#frame-percurso li {
	display:block;
	float:left;
	margin-top:11px;
	margin-right:4px;
}
#frame-percurso li a {
	display:block;
	height:18px;
	text-indent:-5000px;
}
#frame-percurso li#link-percurso a {
	background:url(img/capa-percurso.gif) no-repeat;
	width:65px;
}
#frame-percurso li#link-etapas a {
	background:url(img/capa-etapas.gif) no-repeat;
	width:49px;
}
#frame-percurso li a:hover,
#percurso li#link-percurso a,
#etapas li#link-etapas a {
	background-position:0 -18px !important;
}
#percurso p {
	padding:6px 11px;
	line-height:22px;
}
ul#etapas_lista{
	width : 240px;
	margin : 3px 5px 0 5px;
	height : 263px;
}
ul#etapas_lista li{
	width : 240px;
	display : block;
	height : 14px;
	margin : 2px 0;
}
ul#etapas_lista li a span,
ul#etapas_lista li a b,
ul#etapas_lista li a{
	font-size : 11px;
	line-height : 14px;
	text-indent : 3px;
}
ul#etapas_lista li a span{
	color : #beb7af;
	width : 30px;
	float : left;
	font-weight : bold;
}
ul#etapas_lista li a b{
	margin-right : 6px;
}
ul#etapas_lista li a:hover b{
	color : #ff9900;
}
#partes p,
#partes p.stage_off{
	display : none;
}
#partes p.ativo{
	width : 225px;
	height : 70px;
	font-size : 11px;
	line-height : 14px;
	display : block;
	padding : 5px 0 0 5px;
	position : absolute;
	left : 5px;
	top : 230px;
	background-color : #eceae7;
}
#partes p.ativo a{
	font-weight : bold;
	color : #ff9900;
	font-size : 11px;
}
#partes p.ativo a:hover{
	text-decoration : underline;
}
#partes p.ativo a#fechar{
	position : absolute;
	right : 3px;
	top : 3px;
}
#partes p.ativo a:hover#fechar{
	text-decoration : none;
}