@font-face {
font-family: 'DIN';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Light.eot?) format('eot'), 
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Light.svg#DINNextLTPro-Light) format('svg'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Light.woff) format('woff'), 
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Light.ttf)  format('truetype');
}
@font-face {
font-family: 'DIN-Bold';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Bold.eot);
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Bold.woff) format('woff'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Bold.ttf) format('truetype'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Bold.svg#DINNextLTPro-Bold) format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'DIN-Condensed';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-UltraLightCond.eot);
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-UltraLightCond.eot?#iefix) format('embedded-opentype'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-UltraLightCond.woff) format('woff'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-UltraLightCond.ttf) format('truetype'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-UltraLightCond.svg#DINNextLTPro-UltraLightCond) format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'DIN-BoldCondensed';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-BoldCondensed.eot?) format('eot'), 
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-BoldCondensed.woff) format('woff'), 
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-BoldCondensed.ttf)  format('truetype'),
url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-BoldCondensed.svg#DINNextLTPro-BoldCondensed) format('svg');
font-weight: 900;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'DIN';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Light.svg) format('svg');
}
@font-face {
font-family: 'DIN-Bold';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-Bold.svg) format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'DIN-Condensed';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-UltraLightCond.svg) format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'DIN-BoldCondensed';
src: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/css/font/DINNextLTPro-BoldCondensed.svg) format('svg');
font-weight: 900;
font-style: normal;
}
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
a {
text-decoration: none;
color: #f37321;
}
a:hover{
text-decoration: underline;
color: #f37321;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
p { margin: 0 0 10px; }
ul, ol { padding-left: 15px; }
li { margin-bottom: 10px; }
blockquote {
padding: 4px 0 0 15px;
margin: 0;
border-left: 5px solid;
font-size: 18px;
line-height: 24px;
color: #666;
}
blockquote p {
line-height: 24px;
margin-top: -10px !important;
margin: 0;
}
figure {
position: relative;
margin-top: 17px;
margin-bottom: 17px;
}
.row figure {
margin: 0;
}
figure img { border: 1px solid #f37321; }
figcaption { padding: 4px 0 0; }
dt {
float: left;
margin-right: .2em;
}
dd { margin: 0 0 7px; }
table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
th, td {
float: none !important;
padding: 6px 5px 6px;
}
th {
text-align: left;
background: #99a4ae;
color: #fff;
border-bottom: 1px solid #b2b7bc;
}
td {
border-bottom: 1px solid #e5e5e5;
}
td.indent {
padding-left: 23px;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
table.compact th, table.compact td { padding: 6px 5px 1px; }
table.hoverable tr:hover {
background: #cacaca;
}
table.clickable tr {
cursor: pointer;
}
tr.sum{
background: #cacaca;
}
.minus{
text-transform: lowercase;
} .container {
width: 940px;
padding: 0;
margin-right: auto;
margin-left: auto;
}
.row, .grid {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 26px;
}
.grid > * {
margin-bottom: 20px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
float: left;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.col-12 { width: 100%; }
.col-11 {
width: 91.66666667%;
}
.col-10 {
width: 83.33333333%;
}
.col-9 {
width: 75%;
}
.col-8 {
width: 66.66666667%;
}
.col-7 {
width: 58.33333333%;
}
.col-6 {
width: 50%;
}
.col-5 {
width: 41.66666667%;
}
.col-4 {
width: 33.33333333%;
}
.col-3 {
width: 25%;
}
.col-2 {
width: 16.66666667%;
}
.col-1 {
width: 8.33333333%;
} html, body {
height: 100%;
}
body {
font: 14px/20px 'DIN',sans-serif;
color: #333;
background: #f37321;
}
.bg {
background: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/bg.png) no-repeat 0 0;
height: 800px;
position: fixed;
left: 50%;
right: 0;
margin-left: 470px;
}
#nav {
position: fixed;
height: 100%;
right: 50%;
margin: 0 250px 0 0;
left: 0;
background: #323232;
}
#header {
}
#header h1 {
color: #F37321;
font-family: 'DIN-Condensed';
font-size: 62px;
line-height: 54px;
letter-spacing: -3px;
margin: 24px 20px 23px 1px;
}
#header h1 a{
color: #F37321;
text-decoration: none;
}
#footer {
margin-top: 30px;
}
#footer .social {
list-style: none;
margin: 0 0 16px 111px;
padding: 0;
}
#footer .social li {
display: inline-block;
margin: 0 6px 0 0;
}
#footer .social a {
background-image: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/socialsprites.png);
display: inline-block;
height: 30px;
text-indent: -99999px;
width: 30px;
}
#footer .social .fb { background-position: 0 0; }
#footer .social .tw { background-position: -30px 0; }
#footer .social .li { background-position: -60px 0; }
#footer .social a.fb:hover { background-position: 0 30px; }
#footer .social a.tw:hover { background-position: -30px 30px; }
#footer .social a.li:hover { background-position: -60px 30px; }
#menu {
text-transform: uppercase;
margin: 0;
padding: 0;
border-bottom: 1px solid #505050;
border-top: 1px solid #000;
}
#menu .collapsible {
border-top: 1px solid #505050;
border-bottom: 1px solid #000;
margin: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#menu .collapsible:hover, #menu .collapsible.open {
background: #f37321;
border-top-color: #f9b990;
border-bottom-color: #6b330e;
}
#menu a {
text-decoration: none;
outline: none !important;
color: #fff;
}
#menu .collapser {
display: block;
padding: 10px 10px 8px 0;
font-family: 'DIN-BoldCondensed';
font-size: 20px;
}
#menu ul {
margin: 0 0 5px;
padding: 0;
overflow: hidden;
}
#menu ul li {
font-size: 13px;
line-height: 15px;
padding: 0 50px 0 0;
}
#menu ul li a {
display: block;
}
#menu ul li a.active {
color: #323232;
}
#header, #footer, #menu .collapsible > div {
width: 220px;
margin-left: auto;
}
#container {
height: 100%;
background: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/home.jpg) no-repeat right bottom;
}
#container > .badge {
position: absolute;
width: 190px;
height: 190px;
left: 50%;
top: 20px;
margin-left: 230px;
background: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/badge.png);
}
#content {
position: relative;
margin-left: 220px;
min-height: 100%;
overflow: hidden;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}
#content > article {
background: #fff;
min-height: 100%;
width: 720px;
padding: 12px 20px;
border: 20px solid #f37321;
margin-left: -720px;
-webkit-transition: margin-left 1s ease;
-moz-transition: margin-left 1s ease;
-ms-transition: margin-left 1s ease;
-o-transition: margin-left 1s ease;
transition: margin-left 1s ease;
}
#content.open {
background: #f37321;
}
#content.open > article {
margin-left: 0;
}
.content section {
margin: 36px 0 25px;
}
.content section + section {
margin-top: 32px;
}
h1 {
color: #f37321;
font-family: 'DIN-BoldCondensed';
font-weight: 900;
font-size: 38px;
line-height: 42px;
letter-spacing: -.2px;
text-transform: uppercase;
}
h2 {
border-bottom: 1px solid #acacac;
color: #acacac;
font-family: 'DIN-Condensed';
font-size: 19px;
line-height: 1.5em;
text-transform: uppercase;
}
h3 {
color: #f37321;
font-family: 'DIN';
font-size: 22px;
line-height: 20px;
font-weight: 200;
margin: 20px 0 10px;
text-transform: uppercase;
}
h4 {
color: #f37321;
font-family: 'DIN';
font-size: 20px;
line-height: 24px;
font-weight: 200;
margin: 20px 0 10px;
}
h5 {
color: #f37321;
font-family: 'DIN';
font-size: 15px;
line-height: 18px;
font-weight: 200;
margin: 17px 0 6px;
}
.content header {
margin-bottom: 11px;
}
.content header h1 {
margin: 0;
}
.content header h2 {
margin: 0 0 17px;
}
.content header + figure, .content header + section {
margin-top: 0;
}
.content header + h3 {
margin-top: 18px;
}
.content header.glyph {
background: no-repeat right bottom;
}
.content header.glyph01 {
background-image: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/glyphs/glyph01.png);
}
.content header.glyph02 {
background-image: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/glyphs/glyph02.png);
}
.content header.glyph03 {
background-image: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/glyphs/glyph03.png);
}
.content header.glyph04 {
background-image: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/glyphs/glyph04.png);
}
.content p + h3 {
margin-top: 20px;
}
.content .signature {
text-align: right;
margin-top: 20px;
}
.content ul {
margin-top: 6px;
margin-bottom: 10px;
}
.content li {
line-height: 20px;
margin: 5px 0;
}
#content ul.tags {
margin: 0;
padding: 0;
text-align: left
}
#content ul.tags li {
background-color: #526476;
font-family: arial;
color: #FFF;
display: inline-block;
font-size: 12px;
font-weight: bold;
list-style: none outside none;
margin: 0 0.05em 0.05em 0;
padding: 0.05em 0.2em;
white-space: nowrap;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
} .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse { display: none; }
.collapse.in { display: block; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.text-list {
padding-left: 20px;
}
.panel {
margin-bottom: 20px;
border-top: 1px solid #acacac;
border-bottom: 1px solid #acacac;
background: #f2f2f2;
}
.panel-body { padding: 5px 15px 15px; }
.panel-body :first-child { margin-top: 0; }
.panel-body :last-child { margin-bottom: 0; }
.panel-heading, .panel-footer {
color: #34495e;
}
.panel-heading .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
color: inherit;
}
.panel-heading .panel-title > a {
padding: 17px 16px 13px;
line-height: 10px;
display: block;
color: inherit;
background: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/toggler-up.png) no-repeat 98% center;
}
.panel-heading .panel-title > a.collapsed {
background-image: url(//www.annualreport2013.i2cat.net/wp-content/themes/i2catAR2013/img/toggler-down.png);
}
.panel-group {
margin-top: 20px;
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
overflow: hidden;
}
.panel-group .panel + .panel {
border-top: 1px solid #ffffff;
}
.media, .media-body {
overflow: hidden;
zoom: 1;
}
.media-body { padding-right: 20px; }
.media, .media .media { margin-top: 20px; }
.media:first-child { margin-top: 0; }
.media-object {
display: block;
}
.media-heading {
margin: 0 0 5px !important;
font-size: 16px;
line-height: 16px;
color: #323232;
}
.media > .pull-left {
margin-top: 0 !important;
margin-right: 10px;
}
.media > .pull-right {
margin-top: 0 !important;
margin-left: 10px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.graph img { border: none; }
.graph figcaption {
text-align: center;
font-size: 13px;
font-weight: bold;
color: #787878;
}
.graph figcaption ul {
margin: 0;
padding: 0;
list-style: none;
} @media only screen and (min-width: 35em) {
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
} .pull-left { float: left; }
.pull-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}