/*****************************/
/* Line */
/*****************************/

.tabs-style-line nav ul {
	padding: 0 2em;
	max-width: none;
	box-shadow: inset 0 -2px #e8ecea; /*color de la linea de los margenes*/ /*#d1d3d2*/
	background-color:#fff;
}

.tabs-style-line nav a {
	padding: 3em 0.4em 1em;/*2em altura del margen superior y 1em altura del margen inferior*/
	box-shadow: inset 0 -2px #e8ecea; /*color de la linea inactiva*/ /*#d1d3d2*/
	color: #74777b;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*font-weight: 700;*/
	font-family: 'Raleway-Medium', Arial, Helvetica, sans-serif, Verdana;
	font-size: 1.2em;
	line-height: 1;
	-webkit-transition: color 0.3s, box-shadow 0.3s;
	transition: color 0.3s, box-shadow 0.3s;
}

.tabs-style-line nav a:hover,
.tabs-style-line nav a:focus {
	box-shadow: inset 0 -2px #74777b;/*color de la linea hover*/
}

.tabs-style-line nav li.tab-current a {
	box-shadow: inset 0 -2px #169183;/*color de la linea activa*/
	color: #169183;/*color del link activo*/
}


/* Media pantalla */ /*1920x1080px*/
@media only screen and (max-width: 1920px) {

.tabs-style-line nav ul {
	padding:0 2em;
}

.tabs-style-line nav a {
	padding: 2.5em 0.4em 0.5em;/*2em altura del margen superior y 1em altura del margen inferior*/
	letter-spacing:0.5px;
	font-size:1.2em;
	line-height:1;
}
}




/* Laptop */ /*1280x800px*/
@media only screen and (max-width: 1280px) {
.tabs-style-line nav ul {
	padding:1em 2em 0em 2em;
}

.tabs-style-line nav a {
	padding: 0.5em 0.4em 0.5em;/*2em altura del margen superior y 1em altura del margen inferior*/
	letter-spacing:0.5px;
	font-size:1.2em;
	line-height:1;
}
}


/* Small tablet Landscape*/ /*800x600px*/
@media only screen and (max-width: 800px) {
.tabs-style-line nav ul {
	padding:0.6em 5em 0 5em;
}

.tabs-style-line nav a {
	padding: 0.8em 0.4em 0.8em;/*2em altura del margen superior y 1em altura del margen inferior*/
	letter-spacing:0.5px;
	font-size:1.2em;
	line-height:1;
}
}


/* Small tablet Portrait*/ /*600x800px*/
@media only screen and (max-width: 600px) {
.tabs-style-line nav ul {
	padding:0.6em 3.75em 0 3.75em;
}

.tabs-style-line nav a {
	padding: 0.8em 0.4em 0.8em;/*2em altura del margen superior y 1em altura del margen inferior*/
}
}


/* Mobil portrait*/ /*320x568px*/
@media only screen and (max-width: 400px) {/*320*/	
	.tabs-style-line nav ul {
	padding:0em 2em;
}

.tabs-style-line nav a {
	padding: 0.8em 0.4em 0.8em;/*2em altura del margen superior y 1em altura del margen inferior*/
	letter-spacing:0.5px;
	font-size:1.05em;
	line-height:1;
	top:10px;
}
}

	
@media screen and (max-width: 58em) {
	.tabs-style-line nav ul {
		display: block;
		box-shadow: none;
	}
	.tabs-style-line nav ul li {
		display: block;
		-webkit-flex: none;
		flex: none;
	}
}