/*****************************/
/* Top Line */
/*****************************/

.tabs-style-topline {
}

.tabs-style-topline nav li {
	border: 2px solid rgba(80,80,80,.6);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: none;
}

.tabs-style-topline nav li:not(:last-child) {

}

.tabs-style-topline nav li.tab-current {
	border: 2px solid #df531f;
	border-bottom: none;
}

.tabs-style-topline nav li:first-child.tab-current {
	border: 2px solid #2598cb;
	border-bottom: none;
}

.tabs-style-topline nav a {
	padding: 1.5rem 0 1.5rem;
	background: transparent;
	color: #FFF;
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.tabs-style-topline nav a:hover,
.tabs-style-topline nav a:focus {
	color: #fff;
}

.tabs-style-topline nav li.tab-current a {

	background: #df531f;
	color: #FFF;

}

.tabs-style-topline nav li.tab-current .blue a {

	background: #2598cb;
	color: #FFF;

}

.tabs-style-topline .icon::before {
	display: block;
	display: none;
	margin: 0;
}

.tabs-style-topline nav a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 1.2rem;
}

.portadaImg{
	height: 24rem;
}

.filtro{

	 width: 50%;
	 margin: 0 auto;
	 position: relative;
}

/*.portadaImg span{
	position: absolute; display: block; width: 100%; height: 286px; background-image: url(../img/img_38512.jpg); background-position: 60% 67%; background-repeat: no-repeat; background-size: 117% auto;
}*/
.mapa span{
	 display: block; width: 100%; height: 286px; background-image: url(../img/mapa.jpg); background-position: 60% 67%; background-repeat: no-repeat; background-size: 117% auto;
}

.infoP.crono span{
	display: block; width: 17px; height: 17px; background-image: url(../img/crono.png); background-repeat: no-repeat; background-size: 100% auto; opacity: .8;
}

.infoP.ball span{
	display: block; width: 17px; height: 17px; background-image: url(../img/ball.png); background-repeat: no-repeat; background-size: 100% auto; opacity: .8;
}

.infoP.graph span{
	display: block; width: 17px; height: 17px; background-image: url(../img/graph.png); background-repeat: no-repeat; background-size: 100% auto; opacity: .8;
}

.infoP.medal span{
	display: block; width: 17px; height: 17px; background-image: url(../img/medal.png); background-repeat: no-repeat; background-size: 100% auto; opacity: .8;
}

.infoP.trofeo span{
	display: block; width: 17px; height: 17px; background-image: url(../img/trofeo.png); background-repeat: no-repeat; background-size: 100% auto; opacity: .8;
}

.infoP.wifi span{
	display: block; width: 17px; height: 17px; background-image: url(../img/wifi.png); background-repeat: no-repeat; background-size: 100% auto; opacity: .8;
}

.centroInfo h1 {
	padding-top: 5.1rem;
	color: rgba(255,255,255,.8);
	text-align: center;
	font-size: 2.8rem;
	letter-spacing: 1.5px;
}

.centroInfo h2 {
	color: rgba(255,255,255,.8);
	font-size: 1.3rem;
	letter-spacing: 1.2px;
	 margin-left: 25px;
}

.infoPeque{ margin: 0 auto; max-width: 480px;}
.fila1 { padding-top: 1.4rem;}
.fila2 { padding-top: 1rem;}

.infoP { display: inline-block; float: left; width:30%; margin-right: 3.33%}
.infoP:last-child { margin-right: 0; }

@media (max-width: 750px) {
	.filtro { width: 80%;}
	.portadaImg{ height: 19rem;}
	.portadaImg span{
	position: absolute; display: block; height: 226px; background-position: 60% 67%;}
}