/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* - - - - - - - - - - - - WEBTYPE.COM - - - - - - - - - - - - */

/*

.antennare {
  font-family: "Antenna RE";
  font-style: normal;
  font-weight: normal;
}

.antennarebold {
  font-family: "Antenna RE";
  font-style: normal;
  font-weight: bold;
}

.antennarebolditalic {
  font-family: "Antenna RE";
  font-style: italic;
  font-weight: bold;
}

.antennareitalic {
  font-family: "Antenna RE";
  font-style: italic;
  font-weight: normal;
}

.antennathin {
  font-family: "Antenna Thin";
  font-style: normal;
  font-weight: normal;
}

*/

/* - - - - - - - - - - - - ICON FONTS - - - - - - - - - - - - */

@font-face {
	font-family: 'isrc';
	src:url('fonts/isrc.eot?-929420');
	src:url('fonts/isrc.eot?#iefix-929420') format('embedded-opentype'),
		url('fonts/isrc.woff?-929420') format('woff'),
		url('fonts/isrc.ttf?-929420') format('truetype'),
		url('fonts/isrc.svg?-929420#isrc') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
.location-select-wrapper:after {
	font-family: 'isrc';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
.icon-icon-tick:before {
	content: "\e600";
}
.icon-icon-globe:before {
	content: "\e601";
}
.icon-icon-arrow:before {
	content: "\e602";
}
.icon-icon-down:before {
	content: "\e603";
}
.icon-icon-back:before {
	content: "\e604";
}
*/

html {
	background: #fff;
	color: #000;
	font-family: "Antenna RE", sans-serif;
	font-size: 0.875em;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}

/* - - - - - - - - - - - - FONTS - - - - - - - - - - - - */

/* - - - - ATRAMENT - HEADINGS - - - - */

h4,
.using-isrc .break li span,
.option-buttons {
	font-family: "atrament-web-n3", "atrament-web", sans-serif;
	font-weight: 300;
	font-size: 2.28571428571429em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* - - - - - - - - - - - - GENERIC - - - - - - - - - - - - */

pre code {
	display: block;
	text-align: center;
	font-family: Menlo, monospace;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	color: coral;
	margin: 11px 0;
	padding: 11px 0;
	border-top: 1px solid coral;
	border-bottom: 1px solid coral;
}
img {
	max-width: 100%;
}
h1 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 0.6em;
}
p,
.content ul,
.content ol,
.content li {
	margin-bottom: 1.5em;
}
b {
	font-weight: normal;
}
i {
	font-style: normal;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	clear: both;
	visibility: hidden;
	margin: 32px 0;
}
.label {
	font-size: 0.85714285714286em;
	font-style: italic;
	color: #A5A6A5;
}
table {
	border: 1px solid #000;
	border-top-width: 4px;
}
th, td {
	border: 1px solid #000;
	vertical-align: top;
}
th {
	font-size: 0.85714285714286em;
	font-weight: bold;
	padding: 4px 14px 12px;
}
td {
	font-family: "Antenna Thin", sans-serif;
	font-size: 2em;
	color: #B3B3B3;
	padding: 4px 14px;
}
input[type="text"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	background: #B3B3B3;
	color: #fff;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
	margin: 0;
	padding: 6px;
	font-family: "Antenna Thin", sans-serif;
	text-transform: uppercase;
	outline: none;
}
textarea {
	height: 100px;
}
input[type="submit"],
.form-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	background: #B5DEE4;
	color: #000;
	font-size: 0.71428571428571em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: block;
	padding: 8px 16px;
	cursor: pointer;
	outline: none;
}
.link-sc {
	font-size: 0.85714285714286em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: inline-block;
	padding: 4px 0;
}
.link-sc img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.tooltip--static {
	display: inline-block;
	margin: 28px 0 32px;
	padding: 10px 16px 12px;
	background: #C4E5E9;
	position: relative;
}
.tooltip--static:before {
	content: "";
	display: block;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #C4E5E9;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -20px;
}
.content ol {
	margin-left: 2em;
	list-style: decimal;
}
.content ol li {
	margin: 0.75em 0;
	padding-left: 8px;
}

/* - - - - - - - - - - - - LAYOUT - - - - - - - - - - - - */

.wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}
.band-inner {
	max-width: 882px;
	margin: 0 auto;
	padding: 0 16px;
}
.img-float {
	display: block;
	float: left;
	margin: 0 16px 64px 0;
}

/* - - - - - - - - - - - - HEADER - - - - - - - - - - - - */

.header .band-inner {
	position: relative;
}
.logo {
	float: left;
	padding-top: 138px;
	position: relative;
	z-index: 99;
}
.logo a {
	display: block;
	width: 193px;
	height: 64px;
	background: url(../img/logo.png) no-repeat center;
	text-indent: -9999em;
}
.main-nav {
	border-top: 12px solid #000;
	margin-left: 30%;
	font-size: 0.85714285714286em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
}
.main-nav a {
	display: inline-block;
	/* padding: 0 16px; */
	text-decoration: none;
	color: #B1B1B1;
}
.main-nav span {
	display: inline-block;
	padding: 6px 0;
	border-bottom: 6px solid transparent;
}
.main-nav .break {
	display: block;
}
.home .main-nav a,
.main-nav a:hover,
.main-nav .current-page > a,
.main-nav .current-page-parent > a {
	color: #000;
}
.main-nav > ul > .current-page > a span,
.main-nav > ul > .current-page-parent > a span {
	border-bottom-color: #000;
}
.main-nav > ul > .current-page > ul,
.main-nav > ul > .current-page-parent > ul {
	padding-top: 12px;
}
.main-nav > ul {
	padding-top: 116px;
	text-align: justify;
}
.main-nav > ul:after {
	content: "";
	display: inline-block;
	width: 100%;
}
.main-nav > ul > li {
	display: inline-block;
	position: relative;
}
.main-nav > ul > li:hover {
	cursor: pointer;
	cursor: hand;
}
.main-nav > ul > li > ul {
	position: absolute;
	z-index: 100000;
	top: -9999em;
	left: -9999em;
	background: #fff;
	text-align: left;
	white-space: nowrap;
	/* border-bottom: 6px solid #000; */
	padding: 0 16px;
}
.main-nav > ul > li:hover > ul {
	top: auto;
	left: -16px;
}
.mobile-nav-toggle {
	display: none;
	width: 44px;
	height: 44px;
	position: absolute;
	z-index: 99;
	top: 64px;
	right: 6px;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	background: url(../img/bg-transparent.png);
	background: rgba(0, 0, 0, 0);
}
.mobile-nav-toggle b {
	display: block;
	height: 4px;
	margin: 0 10px 6px;
	background: #B1B1B1;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.nav-out .mobile-nav-toggle b {
	background: #000;
}
.nav-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/bg-white-975.png);
	background: rgba(255, 255, 255, .975);
	display: none;
}

.ie7 .main-nav {
	text-align: left;
}
.ie7 .main-nav > ul > li {
	float: left;
	margin-right: 16px;
	z-index: 9999;
}
.ie7 .main-nav > ul > li > ul {
	margin-top: -12px;
	padding-top: 12px;
}
.ie7 .main-nav a {
	display: block;
	cursor: pointer;
}

[lang="es"] .main-nav {
	font-size: 10px;
}

/*

[lang="es"] .main-nav > ul {
	float: left;
}
[lang="es"] .main-nav > ul > li {
	display: block;
	padding-right: 16px;
}
[lang="es"] .main-nav > ul > li > ul {
	border-left: 3px solid #000;
}
[lang="es"] .main-nav > ul > li:hover > ul {
	top: 0;
	left: 100%;
}
[lang="es"] .main-nav span {
	padding: 3px 0;
}

[lang="es"] .main-nav > ul > li > a span {
	border-width: 3px;
}
[lang="es"] .main-nav > ul > .current-page > ul,
[lang="es"] .main-nav > ul > .current-page-parent > ul {
	padding-top: 0;
}

*/

/* - - - - - - - - - - - - MAIN - - - - - - - - - - - - */

.main {
	position: relative;
	clear: both;
	padding-top: 38px;
}
[lang="es"] .main {
	padding-top: 0;
}
.ie7 .main {
	z-index: -1;
}
.main .content {
	margin-left: 30%;
	position: relative;
}
.content a {
	text-decoration: none;
	color: #000;
}
.content h4 {
	position: absolute;
	width: 42.857142857143%;
	left: -42.857142857143%;
}
.content h4:before {
	content: "";
	display: block;
	width: 38px;
	height: 6px;
	background: #000;
	position: absolute;
	top: -8px;
	left: 0;
}
.content h4.no-pull,
.content .accordion h4 {
	position: static;
	width: auto;
}
.content h4.no-pull:before,
.content .accordion h4:before {
	display: none;
}

/* - - - - BREAKS - - - - */

.block .content {
	padding: 48px 0;
}
.block .content a {
	font-weight: bold;
}
.break {
	background: #F2F2F2;
}
.break .content {
	padding: 24px 0 38px;
}
.break--border-top .content {
	border-top: 12px solid #E6E6E6;
}
.break--map {
	background-image: url(../img/world-map.png);
	background-repeat: no-repeat;
	background-position: center -86px;
}

b.break {
	background: none;
}

/* - - - - - - - - - - - - ACCORDION - - - - - - - - - - - - */

.accordion {
	margin-bottom: 30px;
}
.accordion__title {
	cursor: pointer;
	margin-top: -2px;
}
.accordion__content {
	padding: 42px 0 18px;
}
.accordion__toggle {
	border-top: 6px solid #B5DEE4;
	margin-left: -60px;
	position: relative;
	-webkit-transition: border-color .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.hidden .accordion__toggle {
	border-color: #000;
}
.accordion__toggle a {
	font-size: 20px;
	position: absolute;
	top: 12px;
	left: 4px;
	cursor: pointer;
	color: #B5DEE4;
	-webkit-transform: rotate(90deg);
	-webkit-transition: -webkit-transform .25s cubic-bezier(0.190, 1.000, 0.220, 1.000), color .25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.hidden .accordion__toggle a {
	color: #000;
	-webkit-transform: rotate(0);
}

/* - - - - - - - - - - - - ISRC WIDGET - - - - - - - - - - - - */

.isrc-widget {
	padding-bottom: 128px;
}
.isrc-widget__code {
	border-top: 6px solid #A5A6A5;
	background: #B3B3B3;
	padding: 0 8px;
	float: left;
	white-space: nowrap;
	position: relative;
}
@media only screen and (max-width: 410px) {
	.isrc-widget__code {
		font-size: 0.73em;
	}
}
.isrc-widget .break {
	display: inline-block;
	width: 1em;
	background: #B3B3B3;
}
.code-part {
	cursor: default;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	padding: 4px 0;
}
.code-part:hover {
	background: #828282;
	margin: 0 -8px;
	padding-left: 8px;
	padding-right: 8px;
}
.code-part__fragment {
	font-family: "Antenna Thin", sans-serif;
	font-size: 2.28571428571429em;
	color: #fff;
}
.code-part__fragment--dash {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	z-index: 1;
}
.code-part__tooltip {
	display: block;
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: #B5DEE4;
	margin-top: 30px;
	padding: 16px 12px;
	white-space: normal;
}
.code-part:hover .code-part__tooltip,
.code-part.active .code-part__tooltip {
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 28px;
	font-size: 0.7em;
}
.code-part__fragment--figure {
	display: block;
	position: relative;
}
.code-part__fragment--figure:after {
	content: "";
	display: none;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #B5DEE4;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 16px 0 0 -16px;
}
.code-part:hover .code-part__fragment--figure:after,
.code-part.active .code-part__fragment--figure:after {
	display: block;
}
.isrc-widget__link {
	width: 30%;
	float: left;
	margin-left: 24px;
	padding-top: 4px;
}
.isrc-widget__link:before {
	content: "";
	display: block;
	width: 38px;
	height: 6px;
	background: #000;
	margin-bottom: 4px;
}
.isrc-widget__link a {
	display: block;
}

/* - - - - - - - - - - - - CALL TO ACTION - GET ISRC - - - - - - - - - - - - */

.get-isrc {
	background: #B5DEE4;
}
.get-isrc__link {
	margin-left: 30%;
}
.get-isrc__link > div {
	width: 33.3333333333%;
}
.get-isrc__link a {
	display: block;
	margin-right: 8px;
	padding: 26px 16px;
	background: #CBE8EC;
	text-decoration: none;
	color: #000;
	font-size: 0.85714285714286em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.get-isrc .icon-arrow {
	display: inline-block;
	padding-left: 8px;
}

/* - - - - - - - - - - - - GET ISRC FORM - - - - - - - - - - - - */

.form-page.hidden {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

.form-page .tick {
	height: 164px;
	background: url(../img/tick.png) no-repeat center 0;
}
.form-page .ta {
	font-family: "Antenna Thin", sans-serif;
	font-size: 2.57142857142857em;
	margin-bottom: 12px;
}
.form-page .very-much {
	font-size: 1.21428571428571em;
}

.form-title {
	font-size: 1.21428571428571em;
}
.label-input {
	position: relative;
	padding-bottom: 16px;
}
.label-input.pad {
	margin-bottom: 38px;
}
.label-input.textarea {
	margin-bottom: 32px;
}
.label-input label {
	display: block;
	position: absolute;
	top: 0;
	left: -20%;
	width: 20%;
}

.form-links {
	overflow: hidden;
	margin: 1em -45px;
}
.form-links > div {
	width: 50%;
	float: left;
}
.form-links > div > div {
	margin: 0 45px;
}
.form-links .link-sc {
	display: block;
	background: #B3B3B3;
	margin-bottom: 6px;
	padding: 8px 28px 8px 12px;
	position: relative;
}
.form-links .icon-arrow,
.form-links .icon-down {
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -0.5em;
}

.form-page--details .form-title {
	margin-bottom: 6px;
}
.radio-input {
	margin: 3em 0;
}
.radio-input input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	background: #fff;
	vertical-align: middle;
	outline: none;
	cursor: pointer;
}
.radio-input input[type="radio"]:after {
	content: "\e600";
	display: none;
	width: 100%;
	text-align: center;
	padding: 7px 0;
}
.radio-input input[type="radio"]:checked:after {
	display: block;
}
.radio-input label {
	display: block;
	padding-top: 2px;
	margin-left: 48px;
}

.option-buttons {
	margin-bottom: 42px;
}
.option-buttons a {
	line-height: 1.25;
	font-weight: 300 !important;
	display: inline-block;
	text-transform: uppercase;
	color: #B1B1B1;
	border-bottom: 6px solid #B1B1B1;
	cursor: pointer;
	margin-right: 105px;
}
.option-buttons a:hover,
.option-buttons a.selected {
	color: #000;
	border-color: #B5DEE4;
}
.option-buttons a.selected {
	position: relative;
}
.option-buttons a.selected:after {
	content: "";
	display: block;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #B5DEE4;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 32px 0 0 -16px;
}

[lang="es"] .option-buttons a.selected:after {
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	margin-top: 42px;
	margin-left: -6px;
}

.option-buttons .no-tip.selected:after {
	display: none;
}

.option-prompt__inner {
	background: #B5DEE4;
	margin-bottom: 32px;
	padding: 12px 16px 14px;
}
.option-prompt__inner p {
	margin: 0;
}
.option-prompt__inner b {
	text-transform: uppercase;
	font-weight: bold;
}
.option-prompt__inner .extra {
	font-size: 0.85714285714286em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1em;
}

.form-pager {
	height: 8px;
	background: #B5DEE4;
	margin-bottom: 64px;
	position: relative;
}
.form-pager .back {
	display: block;
	padding: 12px 0;
	color: #B1B1B1;
	position: absolute;
	font-size: 12px;
	top: 0;
	left: 0;
	cursor: pointer;
	font-weight: normal !important;
}
.form-pager .back:hover {
	color: #000;
}
.form-pager-button {
	float: left;
	height: 8px;
	text-align: center;
}
.form-pager-button span {
	display: block;
	text-indent: -9999em;
	padding-top: 10px;
}
.form-pager-button.current {
	background: #000;
}
.form-pager-button.current span {
	text-indent: 0;
}

.location-select-columns {
	overflow: hidden;
}
.location-select-columns .left {
	width: 43%;
	float: left;
}
.location-select-columns .right {
	width: 57%;
	float: left;
}

.location-select-wrapper {
	position: relative;
}
.location-select-wrapper label {
	text-transform: uppercase;
	display: block;
	padding: 8px 16px;
	background: #B3B3B3;
	color: #fff;
}
.location-select-wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	background: #fff;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 16px;
	width: 100%;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.location-select-wrapper:after {
	content: "\e603";
	display: block;
	position: absolute;
	bottom: 12px;
	right: 8px;
}
.Firefox .location-select-wrapper:after,
.ie .location-select-wrapper:after {
	display: none;
}
.isrc-location-details {
	padding-left: 20px;
}
.isrc-location-details h6 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1em;
}
.isrc-location-details p {
	font-size: 0.85714285714286em;
}

.form-button {
	display: inline-block;
	margin: 2em 0 0;
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg-white-80.png);
	background: rgba(255, 255, 255, .8);
	text-align: center;
}
.loader span {
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -.5em;
}

#isrc-contact-title {
	max-width: 80px;
}
#isrc-contact-first-name,
#isrc-contact-mobile,
#isrc-contact-tel,
#isrc-contact-email,
#isrc-contact-website {
	max-width: 270px;
}
#isrc-contact-postcode {
	max-width: 124px;
}
#isrc-contact-first-name {
	width: 100%;
}

/* - - - - - - - - - - - - PAGE-SPECIFIC TWEAKS - - - - - - - - - - - - */

.home .break .content {
	padding: 64px 0 128px;
}

/* - - - - LIST ITEM DECORATION - - - - */

.why-use .content ul,
.por-que-se-usa .content ul,
.child-of-why-use .content ul,
.child-of-por-que-se-usa .content ul,
.when-to-assign .content ul,
.utilizacion-del-codigo-isrc .content ul {
	margin: 3em 0;
}
.why-use .content li,
.por-que-se-usa .content li,
.child-of-why-use .content li,
.child-of-por-que-se-usa .content li,
.when-to-assign .content li,
.utilizacion-del-codigo-isrc .content li,
.child-of-isrc-standard .structure-syntax li,
.child-of-la-norma-isrc .structure-syntax li {
	margin: 2em 0;
	padding-top: 14px;
	background: url(../img/block-decoration.png) no-repeat;
}

.structure .content ul,
.estructura .content ul {
	margin: 3em 0;
}

.structure .content li,
.estructura .content li {
	margin: 2em 0;
	padding-top: 14px;
	background: url(../img/block-decoration.png) no-repeat;
}
.img--isrc-benefits {
	display: block;
	margin: 64px auto;
}
.benefits .block .content,
.beneficios .block .content {
	padding-bottom: 1em;
}
.using-isrc .break ul,
.utilizacion-del-codigo-isrc .break ul {
	overflow: hidden;
	margin: 2em -8px 0;
}
.using-isrc .break li,
.utilizacion-del-codigo-isrc .break li {
	width: 33.3333333333%;
	float: left;
}
@media only screen and (max-width: 540px) {
	.using-isrc .break li,
	.utilizacion-del-codigo-isrc .break li {
		width: 100%;
		float: left;
	}
}
.using-isrc .break li p,
.utilizacion-del-codigo-isrc .break li p {
	margin: 0 8px;
}
.using-isrc .break li span,
.utilizacion-del-codigo-isrc .break li span {
	display: block;
	margin-bottom: 6px;
	background: url(../img/block-decoration.png) no-repeat;
}
.when-to-assign .block .content,
.cuando-se-asigna .block .content,
.when-not-to-assign .block .content,
.cuando-no-se-asigna .block .content,
.related-sites .block .content,
.sitios-relacionados .block .content {
	padding-bottom: 2px;
}
.when-to-assign .main,
.cuando-se-asigna .main,
.when-not-to-assign .main,
.cuando-no-se-asigna .main,
.related-sites .main,
.sitios-relacionados .main {
	padding-bottom: 86px;
}
.img--daft-punk,
.img--copyright {
	display: block;
	margin: 48px 0 0;
}
.isrc-standard .block .content,
.la-norma-isrc .block .content {
	padding-bottom: 24px;
}
.isrc-standard .break .content,
.la-norma-isrc .break .content {
	padding: 18px 0 4px;
}
.isrc-standard .main,
.la-norma-isrc .main {
	padding-bottom: 48px;
}
.isrc-standard .img-float,
.la-norma-isrc .img-float {
	margin-bottom: 0;
}
.isrc-standard .link-sc,
.la-norma-isrc .link-sc {
	display: inline-block;
	padding: 6px 0;
}
.isrc-standard .link-sc span,
.la-norma-isrc .link-sc span {
	display: inline-block;
	margin-left: 8px;
}
.structure .break .content,
.estructura .break .content {
	padding-bottom: 128px;
}
.structure .code-part__fragment,
.estructura .code-part__fragment {
	font-size: 3.5em;
}
.isrc-code--bare {
	font-family: "Antenna Thin", sans-serif;
	font-size: 2.71428571428571em;
	white-space: nowrap;
	display: block;
	/* text-align: center; */
	padding: 48px 0;
}
.isrc-code--bare b {
	color: #B3B3B3;
}
.structure .img-float,
.estructura .img-float {
	margin: 32px 16px 86px -32px;
}
.code-syntax .break--border-top .content,
.sintaxis-del-codigo .break--border-top .content {
	padding: 48px 0 64px;
}
.code-syntax .break--map .content,
.sintaxis-del-codigo .break--map .content {
	padding: 18px 0 2px;
	font-weight: bold;
}
.code-syntax .break--map li,
.sintaxis-del-codigo .break--map li {
	margin-bottom: 2px;
}
.code-syntax .break--map .icon-arrow,
.sintaxis-del-codigo .break--map .icon-arrow {
	display: inline-block;
	margin-right: 16px;
}
.national-agencies .block .content,
.agencias-nacionales .block .content {
	padding-bottom: 0;
}
.national-agencies .main,
.agencias-nacionales .main {
	padding-bottom: 86px;
}
.apply-now .icon-globe,
.solicite-un-codigo .icon-globe {
	font-size: 24px;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 6px;
}
.break--map li {
	margin-bottom: 0.5em;
}
.break--map .icon-arrow {
	position: relative;
	top: 1px;
}
.apply-now .break .content,
.solicite-un-codigo .break .content {
	padding: 64px 0 72px;
	padding-bottom: 48px;
}

/* - - - - - - - - - - - - FOOTER - - - - - - - - - - - - */

.footer {
	background: #000;
	color: #E6E6E6;
	padding: 76px 0 86px;
}
.footer a {
	text-decoration: none;
	color: #E6E6E6;
}
.footer__links,
.footer__contact {
	margin-left: 30%;
	position: relative;
}
.footer__links {
	margin-bottom: 86px;
}
.footer__links h4,
.footer__contact h4 {
	position: absolute;
	top: 0;
	left: -42.857142857143%;
}
.footer__links h4:before,
.footer__contact h4:before {
	content: "";
	display: block;
	width: 38px;
	height: 6px;
	background: #E6E6E6;
	position: absolute;
	top: -8px;
	left: 0;
}
.footer__links a {
	display: block;
	margin: 0 8px;
	padding: 16px;
	height: 122px;
	background: #262626;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.footer__links a:hover {
	background: #515151;
	color: #B5DEE4;
}
.footer__links span {
	position: absolute;
	bottom: 12px;
	left: 16px;
}
.footer__columns {
	overflow: hidden;
	font-size: 0.85714285714286em;
}
.footer__links .footer__columns {
	margin: 0 -8px;
}
.footer__columns > div {
	width: 33.3333333333%;
	float: left;
}
.footer__contact p {
	margin-bottom: 2em;
}

/* - - - - - - - - - - - - LANGUAGE SELECTOR - - - - - - - - - - - - */

.language-select {
	position: absolute;
	z-index: 999;
	top: 6px;
	left: 16px;
	cursor: pointer;
	font-size: .875em;
}
.language-select h6 {
	position: relative;
	z-index: 9;
}
.language-select ul {
	position: absolute;
	top: -9999em;
	left: -9999em;
	width: 120px;
	padding-top: 4px;
	margin-top: -4px;
	background: #fff;
}
.language-select:hover ul {
	position: static;
}
.language-select a {
	display: inline-block;
	padding: 2px 0 0;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
}
.language-select a:hover {
	text-decoration: underline;
}
.language-select img {
	display: inline-block;
	margin-right: 8px;
	vertical-align: baseline;
}

/* - - - - - - - - - - - - MEDIA QUERIES - - - - - - - - - - - - */

@media screen and (max-width: 940px) {

	.logo {
		padding-top: 64px;
	}
	.language-select {
		top: 16px;
		left: 0;
		background: #fff;
		padding: 16px;
		padding-top: 0;
	}
	.main-nav {
		text-align: center;
		margin-left: 0;
		font-size: 1em;
		font-size: 1.14285714285714em;
		position: relative;
		z-index: 99;
	}
	[lang="es"] .main-nav {
		font-size: 1em;
	}
	[lang="es"] .main-nav > ul > li {
		padding: 0;
	}
	[lang="es"] .main-nav > ul > li > ul {
		border: none;
	}
	.main-nav .break {
		display: inline;
	}
	.main-nav > ul {
		margin: 0;
		padding-top: 44px;
		text-align: center;
	}
	.js .main-nav > ul {
		padding-top: 116px;
		position: absolute;
		top: -9999em;
		left: -9999em;
		width: 100%;
	}
	.nav-out .main-nav > ul {
		top: 32px;
		left: 0;
		right: -6px;
		z-index: 99;
	}
	.main-nav > ul > li {
		display: block;
	}
	.main-nav > ul > li > a {
		color: #000;
	}
	.main-nav > ul > li > ul {
		position: static;
		text-align: center;
		background: none;
		font-size: 0.875em;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		padding-bottom: 24px;
	}
	.main-nav > ul > .current-page > a span,
	.main-nav > ul > .current-page-parent > a span {
		border-color: transparent;
	}
	.main-nav > ul > .current-page > ul, .main-nav > ul > .current-page-parent > ul {
		padding-top: 0;
	}
	.mobile-nav-toggle,
	.nav-bg {
		display: block;
	}

}

@media screen and (max-width: 768px) {

	.main .content,
	.footer__links,
	.footer__contact,
	.get-isrc__link {
		margin-left: 0;
	}
	.content h4,
	.footer__links h4,
	.footer__contact h4,
	.label-input label {
		position: static;
		margin: 1em 0 0;
	}
	.accordion__toggle a {
		top: 44px;
	}
	.content h4:before {
		position: static;
	}
	.label-input label {
		margin-bottom: 8px;
	}
	.accordion__toggle {
		margin-left: 0;
	}
	.accordion__title {
		padding-left: 60px;
	}

	.structure .img-float {
		float: none;
		margin-left: 0;
		margin-bottom: 0;
	}
	.isrc-code--bare {
		padding: 0;
	}

}

@media screen and (max-width: 620px) {

	.structure .code-part__fragment {
		font-size: 3em;
	}
	th, td {
		padding-left: 4px;
		padding-right: 0;
	}
}

@media screen and (max-width: 540px) {

	input[type="text"],
	textarea {
		width: 100%;
	}
	.structure .code-part__fragment {
		font-size: 2.5em;
	}
	.get-isrc__link > div {
		width: 66.6666666666%;
	}
	.footer__columns > div {
		width: auto;
		float: none;
		margin-bottom: 16px;
	}
	.footer__links {
		margin-bottom: 54px;
	}
	.footer__links a {
		height: auto;
	}
	.footer__links span {
		bottom: auto;
		left: auto;
		top: 20px;
		right: 16px;
	}

}

@media screen and (max-width: 569px) {

	.structure .code-part__fragment {
		font-size: 2.28571428571429em;
	}
	.option-buttons a {
		margin-right: 28px;
	}

	h1 {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.25;
		margin-bottom: 1.4em;
	}

	.content h4,
	.footer__links h4,
	.footer__contact h4,
	.label-input label {
		position: static;
		margin: 0.2em 0 0;
		width: 100%;
	}
	.accordion__toggle a {
		top: 18px;
	}
	.content h4:before {
		position: static;
	}

	.isrc-widget__link {
		width: 70%;
		float: left;
		margin-left: 0px;
		margin-top: 9.4em;
		padding-top: 4px;
	}
	.isrc-widget__link:before {
		content: "";
		display: block;
		width: 38px;
		height: 6px;
		background: #000;
		margin-bottom: 4px;
	}

	.img-float {
		display: block;
		float: left;
		margin: 0 16px 164px 0;
	}

	.img--copyright {
		width: 60px;
	}

	.isrc-standard .img-float {
		position: absolute;
	}
	.isrc-standard .link-sc {
		padding: 0;
		margin-left: 4.4em;
	}
	.isrc-code--bare {
		font-size: 1.7em;
	}
	.handbook .link-sc {
		position: relative;
		padding-left: 6em;
	}
	.handbook .link-sc img {
		position: absolute;
		left: 0;
	}
	.handbook .break .content {
		padding: 24px 0;
	}

	.code-syntax table {
		table-layout: fixed;
		width: 300px;
	}
	.code-syntax th {
		font-size: 0.7em;
		overflow: hidden;
		word-wrap: break-word;
	}
	.code-syntax td {
		font-size: 1em;
		color: black;
	}

	.location-select-wrapper select {
		font-size: 8px;
		word-wrap: break-word;
		padding: 8px 30px 8px 16px;
	}

	.location-select-wrapper:after {
		right: 4px;
		bottom: 8px;
	}

	.form-links {
		margin: 1em 0;
	}
	.form-links > div > div {
		margin: 0;
	}
	.form-links div:first-child div {
		margin-right: 1em;
	}

	.home .break .content {
		padding: 64px 0 168px;
	}

}

/* - - - - - - - - - - - - RETINA - - - - - - - - - - - - */

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {

	.logo a {
		background-image: url(../img/logo@2x.png);
		background-size: 193px;
	}
	.form-page .tick {
		background-image: url(../img/tick@2x.png);
		background-size: 128px;
	}

}