@import url('https://fonts.googleapis.com/css?family=Open+Sans:400|700');

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
	background: #FFF;
	color: #333;
	font-weight: 700;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}
a {
	text-decoration: none;
	outline: none;
}


/* Default tab style */
.container-content{text-align: center;}

.container-content .tabs {
	position: relative;
	overflow: hidden;
	margin: 20px auto 0;
	width: 100%;
	font-size: 1em;
	text-transform: uppercase;
}

/* Nav */
.container-content .tabs nav {
	text-align: center;
}

.container-content .tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.container-content .tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.container-content .tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.container-content .tabs nav a span {
	/*vertical-align: middle;*/
	font-size: 1.2em;
	color: inherit;
	line-height: normal;
	font-weight: 700;
}

.container-content .tabs nav li.tab-current a {
	color: #74777b;
}

.container-content .tabs nav a:focus {
	outline: none;
}

/* Content */
.container-content .content-wrap {
	position: relative;
	padding: 20px 0px;
}

.container-content .content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 1em 0;
	/*max-width: 1200px;*/
	text-align: center;
}

.container-content .content-wrap section.content-current {
	display: block;
}

.container-content .content-wrap section p {
	margin: 0;
	padding: 0.75em 0;
	color: rgba(255,255,255,0.2);
	font-size: 4em;
	line-height: 1;
}


/*****************************/
/* Line Box */
/*****************************/

.container-content .tabs-style-linebox nav ul li {
	margin: 0 0.5em;
	-webkit-flex: none;
	flex: none;
}

.container-content .tabs-style-linebox nav a {
	padding: 0px 15px;
	color: #CCC;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	border-radius: 30px;
	border: 2px solid #CCC;
}

.container-content .tabs-style-linebox nav a:hover,
.container-content .tabs-style-linebox nav a:focus {
	border: 2px solid #369cd2;
	color: #369cd2;
}

.container-content .tabs-style-linebox nav li.tab-current a {
	color: #369cd2;
	border: 2px solid #369cd2;
	background: #369cd2;
	color: #FFF;
}

.container-content .tabs-style-linebox nav a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	/*background: #999;*/
	content: '';
	-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, transform 0.3s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
	transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}

.container-content .tabs-style-linebox nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.container-content .tabs-style-linebox nav a:hover::after,
.container-content .tabs-style-linebox nav a:focus::after,
.container-content .tabs-style-linebox nav li.tab-current a::after {
	/*background: #333;*/

}

/*****************************/
/* Color Tab */
/*****************************/

.container-content .tabs-style-linebox nav a.norte:hover::after,
.container-content .tabs-style-linebox nav a.norte:focus::after,
.container-content .tabs-style-linebox nav li.tab-current a.norte::after {
	background: #617724;
}
.container-content .tabs-style-linebox nav a.caracas:hover::after,
.container-content .tabs-style-linebox nav a.caracas:focus::after,
.container-content .tabs-style-linebox nav li.tab-current a.caracas::after {
	background: #162a8e;
}
.container-content .tabs-style-linebox nav a.nqs:hover::after,
.container-content .tabs-style-linebox nav a.nqs:focus::after,
.container-content .tabs-style-linebox nav li.tab-current a.nqs::after {
	background: #9b720d;
}
.container-content .tabs-style-linebox nav a.sur:hover::after,
.container-content .tabs-style-linebox nav a.sur:focus::after,
.container-content .tabs-style-linebox nav li.tab-current a.sur::after {
	background: #1a94a8;
}
.container-content .tabs-style-linebox nav a.eje:hover::after,
.container-content .tabs-style-linebox nav a.eje:focus::after,
.container-content .tabs-style-linebox nav li.tab-current a.eje::after {
	background: #ba4583;
}
.container-content .tabs-style-linebox nav a.septima:hover::after,
.container-content .tabs-style-linebox nav a.septima:focus::after,
.container-content .tabs-style-linebox nav li.tab-current a.septima::after {
	background: #11997f;
}

.container-content .ayuda{
	font-weight: 400;
	text-align: center;
	font-size: 0.8em;
	color: #999;
	margin-bottom: 10px;
	display: block;
}
.container-content .fuente{
	font-weight: 400;
	text-align: center;
	font-size: 0.8em;
	color: #333;
	margin-bottom: 10px;
	display: block;
}
.container-content .regla{
	width: 1200px;
	margin: 0 auto;
}