button:focus,
input:focus,
textarea:focus,
select:focus {
	  outline: none;
}
.tabs {
	width: 100%;
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	overflow: hidden;
}
.tabs .tab-wrapper > label {
	color: #efedef;
	cursor: pointer;
	display: block;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1em;
	padding: 2rem 0;
	text-align: center;
}
.tabs .tab-wrapper > [type="radio"] {
	border-bottom: 1px solid rgba(239, 237, 239, 0.5);
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tabs .tab-wrapper > [type="radio"]:hover,
.tabs .tab-wrapper > [type="radio"]:focus {
	border-bottom: 1px solid #fd264f;
}
.tabs .tab-wrapper > [type="radio"]:checked {
	border-bottom: 2px solid #fd264f;
}
.tabs .tab-wrapper [type="radio"]:checked + div {
	opacity: 1;
}
.tabs .tab-wrapper [type="radio"] + div {
	display: block;
	opacity: 0;
	padding: 0;
	width: 90%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tabs .tab-wrapper {
	/*width: 50%;*/
	/*width: 33%;*/
	width: 20%;
}
.tabs .tab-wrapper [type="radio"] + div {
	width: 500%;
	margin-left: 500%;
}
.tabs .tab-wrapper [type="radio"]:checked + div {
	margin-left: 0;
}
.tabs .tab-wrapper:nth-child(2) [type="radio"]:checked + div {
	margin-left: -100%;
}
.tabs .tab-wrapper:nth-child(3) [type="radio"]:checked + div {
	margin-left: -200%;
}
.tabs .tab-wrapper:nth-child(4) [type="radio"]:checked + div {
	margin-left: -300%;
}
.tabs .tab-wrapper:nth-child(5) [type="radio"]:checked + div {
	margin-left: -400%;
}


.tabs .tab-wrapper .feature {
	font-size: 0.65em;
	font-weight: bold;
	max-width: 100%;
	margin: 20px 0;
	border-bottom: 0.5px solid #740016;
}
.tabs .tab-wrapper .feature > label:first-child {
	display: block;
}

.tabs .tab-wrapper div.feature > label:first-child,
.tabs .tab-wrapper div.feature th {
	color: #efedef;
	padding: 0 0 0.4em 0;
	font-weight: 300;
	text-align: initial;
	font-size: 1em;
	font-style: italic;
	line-height: 1.1em;
}
.tabs .tab-wrapper div.feature label:first-child::before {
	content:"\2014";
}

[class*="sep"] {	
	margin: 0 10px; 
	font-style: italic;
}
.sep_medidas::before { content: "; "; }
.sep_cronologia::before { content: "-"; }
.sep_por::before { content: "por"; }
.sep::before { content: "; "; }

.tabs .tab-wrapper div.feature .template {
	display: none;
}
.tabs .tab-wrapper div.feature th,
.tabs .tab-wrapper div.feature td {
	padding: 5px 10px !important;
}
.tabs .tab-wrapper div.feature thead th {
	border-bottom: 1px solid #fd264f;
}
.tabs .tab-wrapper div.feature tbody th:first-child {
	border-right: 1px solid #fd264f;
}
.tabs .tab-wrapper div.feature th {
	padding: 0 0 0.4em 0;
	text-align: initial;
	font-size: 1em;
	font-style: italic;
	line-height: 1.1em;
}

.editable-content .editable {
	cursor:pointer;
}

.editable:empty::after{
	content:"...";
	color: #fd264f;
}

.editable-grid .title::after{
	content:": ";
}
.editable-grid > :not(.title)::after {
	content: "; ";
}
.select > p > ::after {
	content: ". ";
}

span.editable:empty::after{
	content:"+";
	position: relative;
 	left: 97%;
	top: -1.5em;
	color: #fd264f;
}

.fade-in-down {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

#overlay {
	display: none;
	position: fixed;
	z-index: 160;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64, 64, 64, 0.7);
}
.preview--open form.fade-in-down ~ #overlay {
	display:block;
}
.preview--open form {
	position: fixed;
	z-index: 170;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -800%);
	-moz-transform: translate(-50%, -800%);
	-o-transform: translate(-50%, -800%);
	-ms-transform: translate(-50%, -800%);
	transform: translate(-50%, -800%);
	width: 90%;
	height: auto;
	max-height: 80%;
	margin: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	background: transparent url(../images/sideslide/pyramid.gif) repeat 0% 0%;
	border: 8px solid rgba(170, 195, 204, 0.6);
	box-shadow: 2px 2px 50px #222;
	color: #fff;
	text-align: center;
	padding: 15px;
}