@charset "utf-8";
/* CSS Document */

.tab-wrapper{
	padding:4px 6px 10px 6px;
	margin:	0;
	border:0;
	width:500px;
	clear:	right;
	overflow:auto;
	background:#868686 url(../../img/interface/fondos/contenidoTabRutas.jpg) bottom left repeat-x;
}
.tab-wrapper div p{
	font-size:0.8em;
	padding:4px 10px;
	letter-spacing:0;
	line-height:1.2em;
}
.tab-menu
{
	margin:	0;
	padding:0;
	list-style:	none;
	overflow:auto;
}
.tab-menu li
{
	margin:	0 3px;
	padding:0;
	float:	left;
	line-height:2em;
	color:#fff;
	background:#333;
}
.tab-menu li a:link, .tab-menu li a:visited
{
	padding:0 .5em;
	font-size:0.85em;
	font-weight:bold;
	color:#fff;
	background:#333;
	text-decoration:none;
}
.tab-menu li a:hover,.tab-menu li a:active,.tab-menu li a:focus
{
	color:#868686;
	/* your effect here */
}
.tab-menu li.tab-selected{
	color:inherit;
	background:#868686 url(../../img/interface/botones/tabs_rutes.jpg) top repeat-x;
	color:#ffcc00;
	/* your effect here */
}
.tab-menu li.tab-selected a:link, .tab-menu li.tab-selected a:visited
{
	text-decoration:none;
	color:inherit;
	color:#ffcc00;
	background: transparent;
	/* your effect here */
}
.tab-menu li.tab-selected a:hover, .tab-menu li.tab-selected a:active{
	color:#F90;
}
.tab-wrapper h5{
	padding:4px;
	margin:0;
	color:#333;
	background: url(../../img/interface/fondos/tit_ruta_tabs.jpg) #828282 top repeat-x;
}
.tab-wrapper .tnRuta{
	float:left;
	padding:4px;
	margin:0 8px 5px 0;
}
h5 img.datruta{
	float:right;
	top:-3px;
	right:0;
	border:0;
	background:0;
	padding:0;
}
#grup1,#grup2,#grup3{
	margin:7px 0 15px 0;
	position:relative;
}
.linkContact{
	background:url(../../img/interface/botones/sobre.gif) left 60% no-repeat;
	display:block;
	float:left;
	padding:2px 2px 2px 15px;
	margin:6px 0 0 0;
}
a.linkContact:link,a.linkContact:visited{
	text-decoration:none;
	font-size:0.9em;
	color:#E9E6B1;
}
a.linkContact:hover,a.linkContact:active{
	color: #F90;
}