@charset "UTF-8";

@font-face {
font-family: 'Nexa';
src: url(//ced.cat/wp-content/themes/ced2015/font/nexa-light-webfont.eot);
src: url(//ced.cat/wp-content/themes/ced2015/font/nexa-light-webfont.eot?#iefix) format("embedded-opentype"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-light-webfont.woff2) format("woff2"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-light-webfont.woff) format("woff"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-light-webfont.ttf) format("truetype"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-light-webfont.svg#nexa_lightregular) format("svg");
font-weight: 200;
font-style: normal
}
@font-face {
font-family: 'Nexa';
src: url(//ced.cat/wp-content/themes/ced2015/font/nexa-book-webfont.eot);
src: url(//ced.cat/wp-content/themes/ced2015/font/nexa-book-webfont.eot?#iefix) format("embedded-opentype"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-book-webfont.woff2) format("woff2"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-book-webfont.woff) format("woff"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-book-webfont.ttf) format("truetype"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-book-webfont.svg#nexa_bookregular) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Nexa';
src: url(//ced.cat/wp-content/themes/ced2015/font/nexa-bold-webfont.eot);
src: url(//ced.cat/wp-content/themes/ced2015/font/nexa-bold-webfont.eot?#iefix) format("embedded-opentype"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-bold-webfont.woff2) format("woff2"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-bold-webfont.woff) format("woff"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-bold-webfont.ttf) format("truetype"), url(//ced.cat/wp-content/themes/ced2015/font/nexa-bold-webfont.svg#nexa_boldregular) format("svg");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: 'Nexa';
src: url(//ced.cat/wp-content/themes/ced2015/font/nexaheavy-webfont.eot);
src: url(//ced.cat/wp-content/themes/ced2015/font/nexaheavy-webfont.eot?#iefix) format("embedded-opentype"), url(//ced.cat/wp-content/themes/ced2015/font/nexaheavy-webfont.woff2) format("woff2"), url(//ced.cat/wp-content/themes/ced2015/font/nexaheavy-webfont.woff) format("woff"), url(//ced.cat/wp-content/themes/ced2015/font/nexaheavy-webfont.ttf) format("truetype"), url(//ced.cat/wp-content/themes/ced2015/font/nexaheavy-webfont.svg#nexa_heavyregular) format("svg");
font-weight: 900;
font-style: normal
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
* {
box-sizing: border-box
}
*:before,
*:after {
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 1.75;
color: #333;
background-color: #fff
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #337ab7;
text-decoration: none
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded,
.img-thumbnail {
border-radius: 0
}
.img-thumbnail {
padding: 4px;
line-height: 1.75;
background-color: #fff;
border: 1px solid #ddd;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role="button"] {
cursor: pointer
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
font-weight: 400;
line-height: 1;
color: #777
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 21px;
margin-bottom: 10.5px
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
font-size: 65%
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10.5px;
margin-bottom: 10.5px
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
font-size: 75%
}
h1,
.h1 {
font-size: 31px
}
h2,
.h2 {
font-size: 25px
}
h3,
.h3 {
font-size: 21px
}
h4,
.h4 {
font-size: 15px
}
h5,
.h5 {
font-size: 12px
}
h6,
.h6 {
font-size: 11px
}
p {
margin: 0 0 10.5px
}
.lead {
margin-bottom: 21px;
font-size: 13px;
font-weight: 300;
line-height: 1.4
}
@media (min-width: 769px) {
.lead {
font-size: 18px
}
}
small,
.small {
font-size: 91%
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase,
.initialism {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #337ab7
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090
}
.text-success {
color: #3c763d
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:hover,
a.text-info:focus {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534
}
.bg-primary {
color: #fff;
background-color: #337ab7
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9
}
.page-header {
padding-bottom: 9.5px;
margin: 42px 0 21px;
border-bottom: 1px solid #eee
}
ul,
ol {
margin-top: 0;
margin-bottom: 10.5px
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0
}
.list-unstyled,
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline {
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 21px
}
dt,
dd {
line-height: 1.75
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
@media (min-width: 769px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 90%
}
blockquote {
padding: 10.5px 21px;
margin: 0 0 21px;
font-size: 15px;
border-left: 5px solid #eee
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.75;
color: #777
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: ''
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014'
}
address {
margin-bottom: 21px;
font-style: normal;
line-height: 1.75
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777
}
caption,
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 21px
}
.table>thead>tr>th {
padding: 8px;
line-height: 1.75;
border-top: 1px solid #ddd
}
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.75;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
padding: 5px
}
.table-bordered,
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell
}
.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
background-color: #f5f5f5
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8
}
.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
background-color: #dff0d8
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6
}
.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
background-color: #d9edf7
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
background-color: #c4e3f3
}
.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
background-color: #fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc
}
.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
background-color: #f2dede
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width: 768px) {
.table-responsive {
width: 100%;
margin-bottom: 15.75px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 21px;
font-size: 18px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700
}
input[type="search"] {
box-sizing: border-box
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal
}
input[type="file"] {
display: block
}
input[type="range"] {
display: block;
width: 100%
}
select[multiple],
select[size] {
height: auto
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
padding-top: 7px
}
output,
.form-control {
display: block;
font-size: 12px;
line-height: 1.75;
color: #555
}
.form-control {
width: 100%;
height: 30px;
padding: 6px 12px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
input[type="search"] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 30px
}
input[type="date"].input-sm,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm input[type="month"] {
line-height: 28px
}
input[type="date"].input-lg,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg input[type="month"] {
line-height: 41px
}
}
.form-group {
margin-bottom: 15px
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.radio label,
.checkbox label {
min-height: 21px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px
}
input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"],
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline,
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
cursor: not-allowed
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 33px
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0
}
.input-sm {
height: 28px;
padding: 5px 10px;
font-size: 11px;
line-height: 1.5;
border-radius: 0
}
select.input-sm {
height: 28px;
line-height: 28px
}
textarea.input-sm,
select[multiple].input-sm {
height: auto
}
.form-group-sm .form-control {
height: 28px;
padding: 5px 10px;
font-size: 11px;
line-height: 1.5;
border-radius: 0
}
.form-group-sm select.form-control {
height: 28px;
line-height: 28px
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 28px;
min-height: 32px;
padding: 6px 10px;
font-size: 11px;
line-height: 1.5
}
.input-lg {
height: 41px;
padding: 10px 16px;
font-size: 14px;
line-height: 1.33333;
border-radius: 0
}
select.input-lg {
height: 41px;
line-height: 41px
}
textarea.input-lg,
select[multiple].input-lg {
height: auto
}
.form-group-lg .form-control {
height: 41px;
padding: 10px 16px;
font-size: 14px;
line-height: 1.33333;
border-radius: 0
}
.form-group-lg select.form-control {
height: 41px;
line-height: 41px
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 41px;
min-height: 35px;
padding: 11px 16px;
font-size: 14px;
line-height: 1.33333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 37.5px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
pointer-events: none
}
.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
width: 41px;
height: 41px;
line-height: 41px
}
.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
width: 28px;
height: 28px;
line-height: 28px
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d
}
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8
}
.has-success .form-control-feedback {
color: #3c763d
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b
}
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3
}
.has-warning .form-control-feedback {
color: #8a6d3b
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442
}
.has-error .form-control {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede
}
.has-error .form-control-feedback {
color: #a94442
}
.has-feedback label~.form-control-feedback {
top: 26px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media (min-width: 769px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 28px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
.form-horizontal .form-group:before {
content: " ";
display: table
}
.form-horizontal .form-group:after {
content: " ";
display: table;
clear: both
}
@media (min-width: 769px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px
}
@media (min-width: 769px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.33333px;
font-size: 14px
}
}
@media (min-width: 769px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 11px
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 12px;
line-height: 1.75;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
box-shadow: none
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
background-image: none
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
background-image: none
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625
}
.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
background-image: none
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85
}
.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
background-image: none
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d
}
.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
background-image: none
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19
}
.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
background-image: none
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-link {
color: #337ab7;
font-weight: 400;
border-radius: 0
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none
}
.btn-lg {
padding: 10px 16px;
font-size: 14px;
line-height: 1.33333;
border-radius: 0
}
.btn-sm {
padding: 5px 10px
}
.btn-sm,
.btn-xs {
font-size: 11px;
line-height: 1.5;
border-radius: 0
}
.btn-xs {
padding: 1px 5px
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav:before,
.nav:after {
content: " ";
display: table
}
.nav:after {
clear: both
}
.nav>li,
.nav>li>a {
position: relative;
display: block
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #777
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
color: #777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background-color: #eee;
border-color: #337ab7
}
.nav .nav-divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.75;
border: 1px solid transparent;
border-radius: 0 0 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 0
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #fff;
background-color: #337ab7
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified,
.nav-tabs.nav-justified {
width: 100%
}
.nav-justified>li,
.nav-tabs.nav-justified>li {
float: none
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width: 769px) {
.nav-justified>li,
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 0
}
.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
border: 1px solid #ddd
}
@media (min-width: 769px) {
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 0 0 0 0
}
.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.media,
#main.news .post {
margin-top: 15px
}
.media:first-child,
.list-item:first-child,
#main.news .post:first-child {
margin-top: 0
}
.media,
.list-item,
#main.news .post,
.media-body,
#main.news .post .post-body {
zoom: 1;
overflow: hidden
}
.media-body,
#main.news .post .post-body {
width: 400px
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right,
.media>.pull-right,
.list-item>.pull-right,
#main.news .post>.pull-right {
padding-left: 10px
}
.media-left,
.media>.pull-left,
.list-item>.pull-left,
#main.news .post>.pull-left {
padding-right: 10px
}
.media-left,
#main.news .post .post-time,
#main.news .post .post-media,
.media-right,
.media-body,
#main.news .post .post-body {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
margin-bottom: 20px;
padding-left: 0
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd
}
.list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
a.list-group-item,
button.list-group-item {
color: #555
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333
}
a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
background-color: #eee;
color: #777;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>.small {
color: inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.carousel,
.carousel-inner {
position: relative
}
.carousel-inner {
overflow: hidden;
width: 100%;
font-size: 15px;
}
.carousel-inner>.item {
display: none;
position: relative;
-webkit-transition: .6s ease-in-out left;
transition: .6s ease-in-out left
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
line-height: 1
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0
}
.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0
}
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0
}
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block
}
.carousel-inner>.active {
left: 0
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left {
left: -100%
}
.carousel-inner>.active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5)0%, rgba(0, 0, 0, .0001)100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .5)0%, rgba(0, 0, 0, .0001)100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001)0%, rgba(0, 0, 0, .5)100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001)0%, rgba(0, 0, 0, .5)100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90)
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif
}
.carousel-control .icon-prev:before {
content: '\2039'
}
.carousel-control .icon-next:before {
content: '\203a'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-caption .btn {
text-shadow: none
}
@media screen and (min-width: 769px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px
}
.carousel-indicators {
bottom: 20px
}
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none!important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none!important
}
@media (max-width: 768px) {
.visible-xs {
display: block!important
}
table.visible-xs {
display: table!important
}
tr.visible-xs {
display: table-row!important
}
th.visible-xs,
td.visible-xs {
display: table-cell!important
}
}
@media (max-width: 768px) {
.visible-xs-block {
display: block!important
}
}
@media (max-width: 768px) {
.visible-xs-inline {
display: inline!important
}
}
@media (max-width: 768px) {
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width: 769px) and (max-width: 991px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table!important
}
tr.visible-sm {
display: table-row!important
}
th.visible-sm,
td.visible-sm {
display: table-cell!important
}
}
@media (min-width: 769px) and (max-width: 991px) {
.visible-sm-block {
display: block!important
}
}
@media (min-width: 769px) and (max-width: 991px) {
.visible-sm-inline {
display: inline!important
}
}
@media (min-width: 769px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table!important
}
tr.visible-md {
display: table-row!important
}
th.visible-md,
td.visible-md {
display: table-cell!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table!important
}
tr.visible-lg {
display: table-row!important
}
th.visible-lg,
td.visible-lg {
display: table-cell!important
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block!important
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline!important
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block!important
}
}
@media (max-width: 768px) {
.hidden-xs {
display: none!important
}
}
@media (min-width: 769px) and (max-width: 991px) {
.hidden-sm {
display: none!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none!important
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none!important
}
}
.visible-print {
display: none!important
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table!important
}
tr.visible-print {
display: table-row!important
}
th.visible-print,
td.visible-print {
display: table-cell!important
}
}
.visible-print-block {
display: none!important
}
@media print {
.visible-print-block {
display: block!important
}
}
.visible-print-inline {
display: none!important
}
@media print {
.visible-print-inline {
display: inline!important
}
}
.visible-print-inline-block {
display: none!important
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
}
@media print {
.hidden-print {
display: none!important
}
}
#footer .partners>li.partner-01>a,
#footer .partners>li.partner-02>a,
#header #menu-toggler,
#main-menu #search .toggler:after,
#main-menu #search .submit:after,
#main-menu #search .input .close,
#main-menu .sn .sn-fb,
#main-menu .sn .sn-tw,
.page-head .go-back a,
.page-menu-open .page-head .page-menu-toggler,
.carousel .carousel-indicators>li,
.carousel .carousel-indicators>li.active,
.form>button:before,
.glyph-menu li>a:before,
.glyph-menu li>span:before,
#main.home #home-quicklinks a>span:before,
#main.home #home-featured a.featured-1 figure>div:after,
#main.home #home-featured span.featured-1 figure>div:after,
#main.home #home-featured a.featured-2 figure>div:after,
#main.home #home-featured span.featured-2 figure>div:after,
#main.home #home-featured a.featured-3 figure>div:after,
#main.home #home-featured span.featured-3 figure>div:after,
#main.home #home-featured a.featured-4 figure>div:after,
#main.home #home-featured span.featured-4 figure>div:after,
#main.news .post .post-media.post-media-video>a:after,
#main.news .post .post-media.post-media-audio>a:after,
body.ficha #ficha-close,
body.ficha .head .media-right .info a:before,
body.ficha .head .media-body .sn a,
body.ficha .head #main.news .post .post-body .sn a,
#main.news .post body.ficha .head .post-body .sn a {
display: inline-block;
background-image: url(//ced.cat/wp-content/themes/ced2015/img/sprite.svg);
background-size: 2646px 2468px
}
.no-svg #footer .partners>li.partner-01>a,
.no-svg #footer .partners>li.partner-02>a,
.no-svg #header #menu-toggler,
.no-svg #main-menu #search .toggler:after,
.no-svg #main-menu #search .submit:after,
.no-svg #main-menu #search .input .close,
.no-svg #main-menu .sn .sn-fb,
.no-svg #main-menu .sn .sn-tw,
.no-svg .page-head .go-back a,
.no-svg .page-menu-open .page-head .page-menu-toggler,
.no-svg .carousel .carousel-indicators>li,
.no-svg .carousel .carousel-indicators>li.active,
.no-svg .form>button:before,
.no-svg .glyph-menu li>a:before,
.no-svg .glyph-menu li>span:before,
.no-svg #main.home #home-quicklinks a>span:before,
.no-svg #main.home #home-featured a.featured-1 figure>div:after,
.no-svg #main.home #home-featured span.featured-1 figure>div:after,
.no-svg #main.home #home-featured a.featured-2 figure>div:after,
.no-svg #main.home #home-featured span.featured-2 figure>div:after,
.no-svg #main.home #home-featured a.featured-3 figure>div:after,
.no-svg #main.home #home-featured span.featured-3 figure>div:after,
.no-svg #main.home #home-featured a.featured-4 figure>div:after,
.no-svg #main.home #home-featured span.featured-4 figure>div:after,
.no-svg #main.news .post .post-media.post-media-video>a:after,
.no-svg #main.news .post .post-media.post-media-audio>a:after,
.no-svg body.ficha #ficha-close,
.no-svg body.ficha .head .media-right .info a:before,
.no-svg body.ficha .head .media-body .sn a,
.no-svg body.ficha .head #main.news .post .post-body .sn a,
#main.news .post .no-svg body.ficha .head .post-body .sn a {
background-image: url(//ced.cat/wp-content/themes/ced2015/img/sprite.png)
}
html {
position: relative;
min-height: 100%
}
body {
height: 100%
}
.dl-float dt {
float: left;
padding-right: 1em
}
.dl-float dd {
overflow: hidden;
display: block
}
#main {
padding-top: 100px
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px
}
.container:before,
.container:after {
content: " ";
display: table
}
.container:after {
clear: both
}
.menu {
list-style: none;
margin: 0;
padding: 0
}
.menu a {
text-decoration: none
}
@media (max-width: 768px) {
body.menu-open #top-menu,
body.menu-open #main-menu {
display: block
}
body.menu-open #main,
body.menu-open #footer,
body.menu-open #footer-push,
body.menu-open #footer-bg {
display: none
}
}
@media (min-width: 769px) {
#main {
padding-top: 0
}
.container {
width: 830px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.container:before,
.container:after {
content: " ";
display: table
}
.container:after {
clear: both
}
}
#footer-push,
#footer {
height: 122px
}
#footer-push {
margin-top: 50px
}
#footer {
position: absolute;
left: 0;
right: 0;
bottom: 0
}
#footer .partners {
list-style: none;
margin: 0;
text-align: center;
padding: 14px 8px;
position: relative
}
#footer .partners:before,
#footer .partners:after {
content: " ";
display: table
}
#footer .partners:after {
clear: both
}
#footer .partners li {
display: block;
float: left;
width: 50%;
text-align: center
}
#footer .partners li.partner-01>a,
#footer .partners li.partner-02>a {
display: inline-block;
width: 80px;
height: 40px
}
.no-svg #footer .partners li.partner-01>a,
.no-svg #footer .partners li.partner-02>a {
width: 80px;
height: 40px
}
#footer .partners li.partner-01>a,
.no-svg #footer .partners li.partner-01>a {
background-position: -1918px -1862px
}
#footer .partners li.partner-02>a,
.no-svg #footer .partners li.partner-02>a {
background-position: -2112px -1954px
}
#footer .partners .partner-01 {
text-align: left
}
#footer .partners .partner-02 {
text-align: right
}
#footer .partners .partner-03 {
width: 100%
}
#footer .partners .partner-03>a {
display: inline-block;
background: url(//ced.cat/wp-content/themes/ced2015/img/partners.png) no-repeat;
background-size: contain;
width: 100%;
height: 30px
}
#footer .partners:before {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
border-top: 1px solid gray
}
#footer-bg {
right: 0;
z-index: -1;
overflow: hidden
}
#footer-bg,
#footer-bg>span {
position: absolute;
height: 260px;
width: 260px;
bottom: 0
}
#footer-bg>span {
display: block;
left: 130px;
background: rgba(0, 0, 0, .05);
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg)
}
@media (min-width: 769px) {
#footer-push,
#footer {
height: 92px
}
#footer-push {
margin-top: 50px
}
#footer .partners {
text-align: center;
padding: 14px 0;
margin: 0 -20px
}
#footer .partners>li {
display: block;
float: left;
width: 20%!important;
padding: 0 20px;
text-align: center!important
}
#footer .partners>li.partner-01>a,
#footer .partners>li.partner-02>a {
display: inline-block;
width: 114px;
height: 52px
}
#footer .partners>li.partner-02>a {
background-position: -1804px -1810px
}
.no-svg #footer .partners>li.partner-01>a {
width: 114px;
height: 52px
}
.no-svg #footer .partners>li.partner-02>a {
width: 114px;
height: 52px;
background-position: -1804px -1810px
}
#footer .partners>li.partner-01>a,
.no-svg #footer .partners>li.partner-01>a {
background-position: -1804px -1810px
}
#footer .partners>li.partner-02>a,
.no-svg #footer .partners>li.partner-02>a {
background-position: -1998px -1902px
}
#footer .partners .partner-01 {
padding-left: 0
}
#footer .partners .partner-03 {
padding-right: 30px
}
#footer .partners>li.partner-03 {
width: 60%!important
}
#footer .partners>li.partner-03>a {
display: inline-block;
width: 421px;
height: 46px;
float: right
}
#footer .partners:before {
margin: 0 20px
}
#footer-bg,
#footer-bg>span {
height: 485px;
width: 485px
}
#footer-bg>span {
left: 242.5px
}
}
#header {
position: fixed;
top: 0;
right: 0;
left: 0;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
z-index: 9999;
height: 96px;
background: rgba(255, 255, 255, .9);
padding-top: 20px
}
@media (max-width: 768px) {
body:not(.home) #header {
height: 152px;
}
}
#header #menu-toggler {
float: left
}
#header #menu-toggler,
.no-svg #header #menu-toggler {
width: 36px;
height: 36px;
background-position: -1768px -1774px
}
body.menu-open #header #menu-toggler,
.no-svg body.menu-open #header #menu-toggler {
background-position: -1732px -1738px
}
#header #brand {
margin: 0;
float: right;
display: inline-block;
width: 36px;
height: 55px
}
#header #brand>a {
display: block;
background: url(//ced.cat/wp-content/themes/ced2015/img/brand-01.svg) no-repeat;
width: 36px;
height: 55px
}
@media (max-width: 768px) {
body.menu-open #header {
height: 80px;
background: 0 0;
position: absolute
}
body.menu-open #header #brand {
display: none
}
#header.in-home {
height: 80px
}
#header{
top: -30px !important;
}
.in-home #brand a{
display: none !important;
}
}
@media (min-width: 769px) {
#header {
position: absolute;
text-align: center;
top: 25px;
padding-top: 7px;
z-index: 7777
}
#header,
body.menu-open #header {
height: 95px
}
#header #menu-toggler {
display: none
}
#header #brand {
position: relative;
float: none;
font-size: 10px;
line-height: 10px
}
#header #brand,
#header #brand>a {
background-size: 230px 110px;
width: 230px;
height: 110px
}
#header #brand.brand-01>a {
background-image: url(//ced.cat/wp-content/themes/ced2015/img/brand-01.svg)
}
#header #brand.brand-02>a {
background-image: url(//ced.cat/wp-content/themes/ced2015/img/brand-02.svg)
}
#header #brand.brand-03>a {
background-image: url(//ced.cat/wp-content/themes/ced2015/img/brand-03.svg)
}
}
.layout img {
margin-bottom: 1em
}
.layout .text-block {
margin-bottom: 10px
}
.layout .text-block h3 {
font-weight: 900;
font-size: 14px;
margin: 32px 0 12px;
padding-top: 16px;
border-top: 1px solid #333;
}
.layout .text-block p {
margin: 0
}
.layout .text-block p+p {
margin-top: 6px
}
.layout .text-block ul {
margin-top: 20px
}
.layout .text-block ul li {
margin-bottom: 20px
}
.layout>blockquote {
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: 200
}
.layout .figures figure {
margin-bottom: 2em
}
.layout .figures figure figcaption {
color: gray;
font-style: italic
}
@media (min-width: 769px) {
.layout {
position: relative
}
.layout img {
margin-bottom: 0
}
.layout .text-block {
z-index: 1;
position: relative;
background: #fff;
padding: 25px 15px;
margin-bottom: 30px
}
.layout>blockquote {
position: absolute;
width: 280px;
border: 0;
padding: 0;
z-index: 2
}
.layout .figures {
position: relative;
left: 50px;
display: inline-block
}
.layout .figures figure {
display: inline-block;
width: 257px;
margin-bottom: 0
}
.layout .figures figure+figure {
margin-left: 12px
}
.layout .figures figure figcaption {
padding-top: 7px
}
.layout-001 .text-block {
margin: -66px 0 32px 105px;
width: 385px
}
.layout-001>blockquote {
top: 315px;
left: 475px
}
.layout-002 .text-block {
margin: -64px 0 32px 38px;
width: 452px
}
.layout-002>blockquote {
top: 363px;
left: 521px
}
.layout-002 .carousel {
width: 664px
}
.layout-003 .text-block {
margin: -64px 0 32px 38px;
width: 558px
}
.layout-003 .list {
padding: 55px 36px 20px 0
}
.layout-004>img {
margin-left: 136px
}
.layout-004 .text-block {
margin: -163px 0 52px;
width: 324px;
padding: 20px 27px
}
.layout-004>blockquote {
top: 285px;
left: 324px
}
.layout-005 .text-block {
margin: -140px 0 62px 136px;
width: 324px;
padding: 20px 27px
}
.layout-005>blockquote {
top: 255px;
left: 461px
}
.layout-006 .text-block {
margin: -88px 0 62px 105px;
width: 317px
}
.layout-006>blockquote {
top: 255px;
left: 461px
}
.layout-007 .text-block {
margin: -87px 0 32px 38px;
width: 452px
}
.layout-007>blockquote {
top: 273px;
left: 475px
}
.layout-008 .text-block {
margin: -66px 0 32px 38px;
width: 385px
}
.layout-008>blockquote {
top: 255px;
left: 475px
}
.layout-009 .text-block {
margin: -143px 0 32px 0px;
width: 452px
}
.layout-009>blockquote {
top: 255px;
left: 490px
}
.layout-010>img {
margin-left: 5px
}
.layout-010 .text-block {
margin-top: -163px;
margin-left: 136px;
margin-right: 136px;
text-align: justify;
padding: 10px 27px
}
.layout-010>blockquote {
top: 485px;
left: 124px
}
.page-content .layout-011 > img {
max-width: 34%;
}
.layout-011 > img {
margin-left: 5px;   
display: block;
}
.layout-011 .text-block {
margin: 13px 0 32px 38px;
width: 558px;
}
.layout-011 .list {
padding: 55px 36px 20px 0;
}
}
#menu-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba 3, 2, 1, 0;
//z-index: 8888;
display: none
}
@media (min-width: 769px) {
body.menu-open #menu-backdrop {
display: block
}
}
#main-menu {
display: none;
z-index: 7777;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: scroll;
position: relative
}
#main-menu #menu-container>.container {
padding-top: 142px;
position: relative
}
#main-menu .lang:before,
#main-menu #search .input-container .input:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg)
}
#main-menu #search {
position: absolute;
top: 84px;
left: 20px;
margin-left: 0;
height: 32px;
width: 92px;
z-index: 1
}
#main-menu #search button {
background: 0 0;
border: 0
}
#main-menu #search .toggler,
#main-menu #search .submit {
position: absolute;
left: 16px;
height: 32px;
width: 60px;
background: #f2f2f2;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
text-indent: -99999em
}
#main-menu #search .toggler:after,
#main-menu #search .submit:after {
content: '';
display: block;
font-size: 12px!important;
width: 32px;
height: 32px;
background-position: -2274px -2076px;
position: absolute;
top: 0;
left: 50%;
margin-left: -16px;
-webkit-transform: skewX(45deg);
-ms-transform: skewX(45deg);
transform: skewX(45deg)
}
.no-svg #main-menu #search .toggler:after,
.no-svg #main-menu #search .submit:after {
width: 32px;
height: 32px;
background-position: -2274px -2076px
}
#main-menu #search .input-container {
position: absolute;
width: 0;
height: 32px;
left: 60px;
overflow: hidden;
-webkit-transition: width .5s;
transition: width .5s
}
#main-menu #search .input {
display: block;
position: absolute;
width: 188px;
height: 32px;
right: 16px;
padding: 0 41px 0 16px
}
#main-menu #search .input:before {
background: #fff;
border: 1px solid #f2f2f2
}
#main-menu #search .input input {
display: block;
position: absolute;
height: 32px;
width: 120px;
border: 0;
background: 0 0
}
#main-menu #search .input .close {
position: absolute;
right: 10px;
top: 0
}
#main-menu #search .input .close,
.no-svg #main-menu #search .input .close {
width: 32px;
height: 32px;
background-position: -2306px -2108px
}
#main-menu #search .submit,
#main-menu #search.open .toggler {
display: none
}
#main-menu #search.open .submit {
display: inline-block
}
#main-menu #search.open .input-container {
width: 220px
}
#main-menu #search.open .input:before {
border-color: #eb9768
}
#main-menu #search.open .toggler,
#main-menu #search.open .submit {
background: #eb9768
}
#main-menu #search.open .toggler:after,
#main-menu #search.open .submit:after,
.no-svg #main-menu #search.open .toggler:after,
.no-svg #main-menu #search.open .submit:after {
background-position: -2242px -2044px
}
#main-menu .lang {
list-style: none;
position: absolute;
height: 32px;
top: 84px;
left: 105px;
padding: 6px 15px 5px
}
#main-menu .lang,
#main-menu .lang a {
color: #b3b3b3
}
#main-menu .lang>li {
display: inline-block
}
#main-menu .lang>li+li:before {
content: ' | ';
display: inline-block;
padding-left: 7px;
padding-right: 7px
}
#main-menu .lang>li a {
font-weight: 200
}
#main-menu .lang>li.active>a {
font-weight: 900
}
#main-menu .lang:before {
background: #f2f2f2;
z-index: -1
}
#main-menu .sn {
padding-left: 0;
list-style: none;
margin-top: 25px
}
#main-menu .sn li {
display: inline-block
}
#main-menu .sn li+li {
margin-left: 15px
}
#main-menu .sn .sn-fb,
.no-svg #main-menu .sn .sn-fb {
width: 56px;
height: 56px;
background-position: -2378px -2190px
}
#main-menu .sn .sn-tw,
.no-svg #main-menu .sn .sn-tw {
width: 56px;
height: 56px;
background-position: -2458px -2280px
}
@media (max-width: 768px) {
body.submenu-open #main-menu #menu-container>.container {
padding-top: 100px
}
body.submenu-open #main-menu .lang,
body.submenu-open #main-menu #search,
body.submenu-open #main-menu .sn {
display: none
}
}
@media (min-width: 769px) {
#main-menu {
position: static;
display: block;
height: auto;
bottom: auto;
overflow: visible;
margin-top: 142px;
height: 33px;
z-index: 9999
}
#main-menu #top-menu {
position: absolute;
top: 10px;
right: 0;
left: 0
}
#main-menu #top-menu>.container {
position: relative
}
#main-menu #menu-container {
position: absolute;
top: 142px;
right: 0;
left: 0;
background: #f2f2f2;
z-index: 10
}
#main-menu #menu-container>.container {
padding-top: 0
}
#main-menu #menu-container:before {
content: '';
display: block;
font-size: 12px!important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 34px;
background: #fff
}
#main-menu #search {
height: 25px;
top: 0;
right: 90px;
left: auto
}
#main-menu #search .toggler,
#main-menu #search .submit {
left: 12.5px;
height: 25px
}
#main-menu #search .toggler:after,
#main-menu #search .submit:after,
.no-svg #main-menu #search .toggler:after,
.no-svg #main-menu #search .submit:after {
width: 25px;
height: 25px;
background-position: -2192px -1994px
}
#main-menu #search .input-container {
height: 25px;
left: auto;
right: 66px
}
#main-menu #search .input {
width: 195px;
height: 25px;
right: 12.5px;
padding: 0 20px
}
#main-menu #search .input input {
height: 25px;
width: 160px
}
#main-menu #search .input .close {
display: none
}
#main-menu #search:hover .toggler {
display: none
}
#main-menu #search:hover .submit {
display: inline-block
}
#main-menu #search:hover .input-container {
width: 220px
}
#main-menu #search:hover .input:before {
border-color: #eb9768
}
#main-menu #search:hover .toggler,
#main-menu #search:hover .submit {
background: #eb9768
}
#main-menu #search:hover .toggler:after,
#main-menu #search:hover .submit:after,
.no-svg #main-menu #search:hover .toggler:after,
.no-svg #main-menu #search:hover .submit:after {
background-position: -2217px -2019px
}
#main-menu .lang {
list-style: none;
top: 0;
left: 30px;
height: 25px;
padding: 6px 15px 5px;
font-size: 9px
}
#main-menu .lang>li+li:before {
padding-left: 5px;
padding-right: 5px
}
#main-menu .sn {
list-style: none;
position: absolute;
width: 70px;
height: 25px;
top: 0;
right: 30px;
margin: 0;
padding-left: 13px
}
#main-menu .sn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
background: #f2f2f2;
z-index: -1
}
#main-menu .sn li {
display: block;
float: left;
height: 25px
}
#main-menu .sn li+li {
margin-left: 4px
}
#main-menu .sn .sn-fb,
.no-svg #main-menu .sn .sn-fb {
width: 20px;
height: 25px;
background-position: -2338px -2140px
}
#main-menu .sn .sn-tw,
.no-svg #main-menu .sn .sn-tw {
width: 20px;
height: 25px;
background-position: -2418px -2230px
}
#main-menu .sn .sn-fb:hover,
.no-svg #main-menu .sn .sn-fb:hover {
background-position: -2358px -2165px
}
#main-menu .sn .sn-tw:hover,
.no-svg #main-menu .sn .sn-tw:hover {
background-position: -2438px -2255px
}
}
#menu {
z-index: 99999
}
#menu,
#menu .submenu {
background: #fff
}
#menu li>a,
#menu li>span {
padding: 17px 0 11px;
color: #999
}
#menu li>a,
#menu li>span,
#menu .go-back {
display: block;
font-size: 14px;
font-weight: 900;
border-top: 1px solid #999
}
#menu .submenu {
display: none;
z-index: 10;
overflow: hidden
}
#menu .submenu .menu .menu {
padding-left: 10px;
padding-bottom: 10px
}
#menu .submenu .menu .menu>li {
margin-bottom: 8px
}
#menu .submenu .menu .menu>li>a,
#menu .submenu .menu .menu>li>span {
border: 0;
font-weight: 400;
padding: 0;
color: #4d4d4d
}
#menu .go-back {
padding: 17px 0 14px;
border-color: #ccc;
color: #ccc
}
#menu #menu-home {
display: none
}
#menu li.about.active>a,
#menu li.about>a:hover,
#menu li.about .brand-color {
color: #7acdca
}
#menu li.about .submenu li>a,
#menu li.about .submenu li>span {
border-color: #7acdca;
color: #7acdca
}
#menu li.about .submenu li li.active>a,
#menu li.about .submenu li li.active>span,
#menu li.about .submenu li>a:hover {
color: #7acdca
}
#menu li.research.active>a,
#menu li.research>a:hover,
#menu li.research .brand-color {
color: #625181
}
#menu li.research .submenu li>a,
#menu li.research .submenu li>span {
border-color: #625181;
color: #625181
}
#menu li.research .submenu li li.active>a,
#menu li.research .submenu li li.active>span,
#menu li.research .submenu li>a:hover {
color: #625181
}
#menu li.studies.active>a,
#menu li.studies>a:hover,
#menu li.studies .brand-color {
color: #20798b
}
#menu li.studies .submenu li>a,
#menu li.studies .submenu li>span {
border-color: #20798b;
color: #20798b
}
#menu li.studies .submenu li li.active>a,
#menu li.studies .submenu li li.active>span,
#menu li.studies .submenu li>a:hover {
color: #20798b
}
#menu li.difusion.active>a,
#menu li.difusion>a:hover,
#menu li.difusion .brand-color {
color: #e18353
}
#menu li.difusion .submenu li>a,
#menu li.difusion .submenu li>span {
border-color: #e18353;
color: #e18353
}
#menu li.difusion .submenu li li.active>a,
#menu li.difusion .submenu li li.active>span,
#menu li.difusion .submenu li>a:hover {
color: #e18353
}
#menu li.infrastructures.active>a,
#menu li.infrastructures>a:hover,
#menu li.infrastructures .brand-color {
color: #98356f
}
#menu li.infrastructures .submenu li>a,
#menu li.infrastructures .submenu li>span {
border-color: #98356f;
color: #98356f
}
#menu li.infrastructures .submenu li li.active>a,
#menu li.infrastructures .submenu li li.active>span,
#menu li.infrastructures .submenu li>a:hover {
color: #98356f
}
#menu li.news.active>a,
#menu li.news>a:hover,
#menu li.news .brand-color {
color: gray
}
#menu li.news .submenu li>a,
#menu li.news .submenu li>span {
border-color: gray;
color: gray
}
#menu li.news .submenu li li.active>a,
#menu li.news .submenu li li.active>span,
#menu li.news .submenu li>a:hover {
color: gray
}
@media (max-width: 768px) {
body.submenu-open #menu>li {
display: none
}
body.submenu-open #menu>li.open {
display: block
}
body.submenu-open #menu>li.open>a {
display: none
}
body.submenu-open #menu>li.open .submenu {
display: block
}
}
@media (min-width: 769px) {
#menu {
display: block;
background: 0 0;
font-size: 12px;
overflow: hidden;
bottom: auto;
margin-top: 10px
}
#menu:before,
#menu:after {
content: " ";
display: table
}
#menu:after {
clear: both
}
#menu>li {
float: left;
display: block
}
#menu>li>a,
#menu>li>span {
display: inline-block;
padding: 6px 0;
font-size: 12px;
border-top: 0;
color: #ccc;
border-bottom: 1px solid tranparent
}
#menu>li+li {
margin-left: 37px
}
#menu>li>.submenu>.menu {
max-height: 0;
-webkit-transition: max-height .5s;
transition: max-height .5s
}
#menu>li.has-children.open>.submenu>.menu {
max-height: 424px
}
#menu .submenu {
display: block;
position: static;
padding: 0;
top: 30px;
left: auto;
right: auto;
width: 0;
overflow: visible;
background: 0 0
}
#menu .submenu>.menu {
overflow: hidden;
width: 210px
}
#menu .submenu>.menu>:first-child {
padding-top: 18px
}
#menu .submenu>.menu>:last-child {
padding-bottom: 20px
}
#menu .submenu li {
line-height: 18px;
font-size: 14px;
padding: 12px 0 0
}
#menu .submenu li>a,
#menu .submenu li>span {
display: inline;
padding: 0;
color: #4d4d4d;
border: 0;
font-weight: 400
}
#menu .submenu .menu .menu {
padding-left: 10px;
padding-bottom: 0
}
#menu .submenu .menu .menu>li {
margin-bottom: 0;
padding: 5px 0 0
}
#menu .submenu .menu .menu>li>a,
#menu .submenu .menu .menu>li>span {
border: 0;
font-weight: 400;
padding: 0;
font-size: 12px;
color: #4d4d4d
}
#menu .go-back {
display: none
}
#menu #menu-home {
display: inline-block
}
#menu li.about .submenu .menu li>a,
#menu li.about .submenu .menu li>span {
color: #4d4d4d
}
#menu li.about.active>a,
#menu li.about.active>span {
border-bottom: 1px solid
}
#menu li.about .submenu .menu li.active>a,
#menu li.about .submenu .menu li.active>span,
#menu li.about .submenu .menu li a:hover,
#menu li.about .submenu .menu li span:hover {
color: #7acdca
}
#menu li.research .submenu .menu li>a,
#menu li.research .submenu .menu li>span {
color: #4d4d4d
}
#menu li.research.active>a,
#menu li.research.active>span {
border-bottom: 1px solid
}
#menu li.research .submenu .menu li.active>a,
#menu li.research .submenu .menu li.active>span,
#menu li.research .submenu .menu li a:hover,
#menu li.research .submenu .menu li span:hover {
color: #625181
}
#menu li.studies .submenu .menu li>a,
#menu li.studies .submenu .menu li>span {
color: #4d4d4d
}
#menu li.studies.active>a,
#menu li.studies.active>span {
border-bottom: 1px solid
}
#menu li.studies .submenu .menu li.active>a,
#menu li.studies .submenu .menu li.active>span,
#menu li.studies .submenu .menu li a:hover,
#menu li.studies .submenu .menu li span:hover {
color: #20798b
}
#menu li.difusion .submenu .menu li>a,
#menu li.difusion .submenu .menu li>span {
color: #4d4d4d
}
#menu li.difusion.active>a,
#menu li.difusion.active>span {
border-bottom: 1px solid
}
#menu li.difusion .submenu .menu li.active>a,
#menu li.difusion .submenu .menu li.active>span,
#menu li.difusion .submenu .menu li a:hover,
#menu li.difusion .submenu .menu li span:hover {
color: #e18353
}
#menu li.infrastructures .submenu .menu li>a,
#menu li.infrastructures .submenu .menu li>span {
color: #4d4d4d
}
#menu li.infrastructures.active>a,
#menu li.infrastructures.active>span {
border-bottom: 1px solid
}
#menu li.infrastructures .submenu .menu li.active>a,
#menu li.infrastructures .submenu .menu li.active>span,
#menu li.infrastructures .submenu .menu li a:hover,
#menu li.infrastructures .submenu .menu li span:hover {
color: #98356f
}
#menu li.news .submenu .menu li>a,
#menu li.news .submenu .menu li>span {
color: #4d4d4d
}
#menu li.news.active>a,
#menu li.news.active>span {
border-bottom: 1px solid
}
#menu li.news .submenu .menu li.active>a,
#menu li.news .submenu .menu li.active>span,
#menu li.news .submenu .menu li a:hover,
#menu li.news .submenu .menu li span:hover {
color: gray
}
}
.page,
.page-head {
position: relative
}
.page-head {
padding: 0
}
.page-head .page-title {
font-weight: 900;
font-size: 16px;
line-height: 19px;
margin: 0;
padding: 21px 0 20px;
border-top: 1px solid
}
.page-head .page-title.muted {
display: none
}
.page-head .go-menu a {
display: block;
padding: 16px 0;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 900;
color: #ccc;
border-top: 1px solid;
text-transform: uppercase;
text-decoration: none
}
.page-head .go-back {
position: absolute;
right: 0;
bottom: 11px
}
.page-head .go-back a,
.no-svg .page-head .go-back a {
width: 36.694px;
height: 36.694px;
background-position: -2498px -2320px
}
.page-head .go-back a>span {
display: none
}
.page-head .page-menu-toggler {
position: absolute;
right: 0;
top: 9px;
border: 0;
width: 36px;
height: 36px
}
.page-head .page-menu-toggler:after {
content: '+';
margin-top: 4px;
display: inline-block;
top: 0;
position: absolute;
left: 0;
font-size: 14px;
width: 100%;
text-align: center
}
.page-menu-open .page-head .page-menu-toggler {
display: block;
background-color: transparent!important
}
.page-menu-open .page-head .page-menu-toggler,
.no-svg .page-menu-open .page-head .page-menu-toggler {
width: 36.694px;
height: 36.694px;
background-position: -2498px -2320px
}
.page-menu-open .page-head .page-menu-toggler:after {
display: none
}
.page-head .go-menu+.page-menu-toggler {
top: 65px
}
.page-head .page-menu-toggler+.page-title {
padding-right: 48px
}
.page-menu {
display: none
}
.page-menu a,
.page-menu span {
display: block;
padding: 8px 9px 6px;
color: #4d4d4d;
border-top: 1px solid #ccc;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px
}
.page-submenu {
margin-bottom: 20px
}
.page-submenu li {
margin-bottom: 6px
}
.page-submenu a {
display: block;
padding: 5px;
font-style: italic;
color: gray
}
.page-submenu .active a {
color: #333
}
.page-content img {
max-width: 100%;
display: block
}
.page-content ul {
padding-left: 15px
}
.page-content ul li {
margin-bottom: 6px
}
@media (max-width: 768px) {
.page-menu-open .page-menu {
display: block
}
.page-menu-open .page-container {
display: none
}
}
@media (min-width: 769px) {
.page-head {
padding: 21px 0 23px
}
.page-head.double {
min-height: 95px
}
.page-head .page-title {
font-weight: 900;
font-size: 20px;
line-height: 21px;
margin: 0;
padding: 0;
border-top: 0
}
.page-head .page-title+.page-title {
margin-top: 6px
}
.page-head .page-title.muted {
display: block;
color: #dadada!important
}
.page-head .go-menu {
display: none
}
.page-head .go-back {
position: absolute;
right: 0;
bottom: auto;
top: 44px;
width: 190px
}
.page-head .go-back a {
padding: 0;
width: auto;
height: auto;
display: inline;
background: 0 0;
font-style: italic;
color: #b3b3b3
}
.page-head .go-back a>span {
display: inline
}
.page-head .page-menu-toggler {
display: none
}
.page-menu,
.right-side {
position: absolute;
display: block;
right: 0;
bottom: auto;
top: 97px;
width: 190px;
z-index: 10
}
.page-menu a,
.page-menu span {
padding: 1px 0 4px;
border-top: 0;
border-bottom: 1px solid;
color: gray;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px
}
.directory-menu+.page-menu {
top: 147px
}
.page-submenu li {
margin-bottom: 20px
}
.page-submenu a {
padding: 4px 48px 4px 0;
font-size: 11px;
line-height: 16px;
text-align: right
}
.page-container {
display: block;
min-height: 380px
}
.page-submenu,
.page-left-side {
position: absolute;
left: 0;
top: 94px;
width: 116px
}
.page-content {
width: 530px;
min-height: 105px
}
.page-submenu+.page-content,
.page-left-side+.page-content {
padding-left: 136px
}
}
.action {
display: inline-block;
color: gray;
padding: 4px 7px;
border: 1px solid;
margin: 12px 0 20px;
min-width: 190px
}
.carousel .carousel-indicators {
right: 12px;
left: auto;
width: auto;
margin: 0;
text-align: right;
bottom: 5px
}
.carousel .carousel-indicators>li {
margin: 0;
border: 0;
border-radius: 0
}
.carousel .carousel-indicators>li,
.no-svg .carousel .carousel-indicators>li {
width: 14px;
height: 14px;
background-position: 0 0
}
.carousel .carousel-indicators>li+li {
margin-left: 10px
}
.carousel .carousel-indicators>li.active {
background-color: transparent
}
.carousel .carousel-indicators>li.active,
.no-svg .carousel .carousel-indicators>li.active {
width: 14px;
height: 14px;
background-position: -42px -42px
}
.carousel .carousel-caption {
text-shadow: none
}
.directory-menu {
list-style: none;
font: 200 20px/26px "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
display: table;
padding: 12px 18px 9px;
background: #ebf8f7;
margin-bottom: 35px
}
@media (max-width: 768px) {
.directory-menu {
display: none
}
}
.directory-menu>li {
display: inline-block;
display: table-cell;
width: 1%;
text-align: center
}
.directory-menu>li a {
color: #7acdca
}
.directory-menu>li.active>a {
font-weight: 900
}
.form {
position: relative;
margin-bottom: 25px
}
.form:before,
.form:after {
content: " ";
display: table
}
.form:after {
clear: both
}
.form .form-group {
margin: 0 0 8px
}
.form .form-group>div {
position: relative;
min-height: 1px
}
.form .form-group .control-label {
position: relative;
min-height: 1px;
width: 100%;
font-size: 12px;
font-weight: 400;
padding-right: 15px;
padding-top: 5px
}
.form .form-group .form-control {
box-shadow: none
}
.form .form-group.form-group-year .form-control {
max-width: 122px
}
.form .radios label {
display: block;
position: relative;
padding-left: 27px
}
.form .radios label input {
display: none
}
.form .radios label span:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 17px;
height: 17px;
border: 1px solid;
margin-right: 10px;
margin-top: 3px
}
.form .radios label input:checked+span:before {
background: red
}
.form>button {
border: none;
background: 0 0;
padding: 5px 10px 0 0;
margin-top: 20px
}
.form>button:before {
content: '';
display: block;
font-size: 12px!important;
float: left;
margin-right: 10px;
margin-top: -5px
}
.form>button:before,
.no-svg .form>button:before {
width: 30px;
height: 30px;
background-position: -176px -176px
}
@media (min-width: 769px) {
.form {
margin-bottom: 55px
}
.form .form-group {
margin: 0 -15px 8px
}
.form .form-group .control-label {
position: absolute;
margin-right: -68px;
width: 100px;
right: 100%;
z-index: 1
}
.form .form-group>div {
width: 100%;
padding-right: 70px;
padding-left: 83px
}
.form>button {
margin-left: 70px
}
.form .radios {
position: absolute;
right: -250px;
width: 240px
}
}
.glyph-menu:before,
.glyph-menu:after {
content: " ";
display: table
}
.glyph-menu:after {
clear: both
}
.glyph-menu li {
width: 33.33333%;
float: left;
height: 100px
}
.glyph-menu li>a,
.glyph-menu li>span {
position: relative;
width: 86px;
padding-top: 86px;
height: 0;
overflow: hidden;
color: #c8c8c8;
display: inline-block;
text-align: center;
font-style: italic;
border: 1px solid #c8c8c8
}
.glyph-menu li>a:before,
.glyph-menu li>span:before {
content: '';
display: block;
font-size: 12px!important;
top: 0;
left: 0;
position: absolute
}
.glyph-menu li>a:before,
.glyph-menu li>span:before,
.no-svg .glyph-menu li>a:before,
.no-svg .glyph-menu li>span:before {
width: 86px;
height: 86px;
background-position: -1094px -1094px
}
.glyph-menu li>a:hover,
.glyph-menu li>span:hover {
color: #333!important
}
.glyph-menu li.active>a,
.glyph-menu li.active>span {
padding-top: 80px;
height: 100px;
border: 0;
color: #333!important
}
.glyph-menu li:nth-child(1) {
text-align: left
}
.glyph-menu li:nth-child(2) {
text-align: center
}
.glyph-menu li:nth-child(3) {
text-align: right
}
.glyph-menu li.team>a:before,
.glyph-menu li.team>span:before,
.no-svg .glyph-menu li.team>a:before,
.no-svg .glyph-menu li.team>span:before {
background-position: -1094px -1094px
}
.glyph-menu li.team.active>a:before,
.glyph-menu li.team.active>span:before,
.glyph-menu li.team>a:hover:before,
.glyph-menu li.team>span:hover:before,
.no-svg .glyph-menu li.team.active>a:before,
.no-svg .glyph-menu li.team.active>span:before,
.no-svg .glyph-menu li.team>a:hover:before,
.no-svg .glyph-menu li.team>span:hover:before {
background-position: -1180px -1180px
}
.glyph-menu li.projects>a:before,
.glyph-menu li.projects>span:before,
.no-svg .glyph-menu li.projects>a:before,
.no-svg .glyph-menu li.projects>span:before {
background-position: -670px -670px
}
.glyph-menu li.projects.active>a:before,
.glyph-menu li.projects.active>span:before,
.glyph-menu li.projects>a:hover:before,
.glyph-menu li.projects>span:hover:before,
.no-svg .glyph-menu li.projects.active>a:before,
.no-svg .glyph-menu li.projects.active>span:before,
.no-svg .glyph-menu li.projects>a:hover:before,
.no-svg .glyph-menu li.projects>span:hover:before {
background-position: -756px -756px
}
.glyph-menu li.publications>a:before,
.glyph-menu li.publications>span:before,
.no-svg .glyph-menu li.publications>a:before,
.no-svg .glyph-menu li.publications>span:before {
background-position: -882px -882px
}
.glyph-menu li.publications.active>a:before,
.glyph-menu li.publications.active>span:before,
.glyph-menu li.publications>a:hover:before,
.glyph-menu li.publications>span:hover:before,
.no-svg .glyph-menu li.publications.active>a:before,
.no-svg .glyph-menu li.publications.active>span:before,
.no-svg .glyph-menu li.publications>a:hover:before,
.no-svg .glyph-menu li.publications>span:hover:before {
background-position: -968px -968px
}
.glyph-menu li.journal>a:before,
.glyph-menu li.journal>span:before,
.no-svg .glyph-menu li.journal>a:before,
.no-svg .glyph-menu li.journal>span:before {
background-position: -458px -458px
}
.glyph-menu li.journal.active>a:before,
.glyph-menu li.journal.active>span:before,
.glyph-menu li.journal>a:hover:before,
.glyph-menu li.journal>span:hover:before,
.no-svg .glyph-menu li.journal.active>a:before,
.no-svg .glyph-menu li.journal.active>span:before,
.no-svg .glyph-menu li.journal>a:hover:before,
.no-svg .glyph-menu li.journal>span:hover:before {
background-position: -544px -544px
}
.glyph-menu li.bio>a:before,
.glyph-menu li.bio>span:before,
.no-svg .glyph-menu li.bio>a:before,
.no-svg .glyph-menu li.bio>span:before {
background-position: -246px -246px
}
.glyph-menu li.bio.active>a:before,
.glyph-menu li.bio.active>span:before,
.glyph-menu li.bio>a:hover:before,
.glyph-menu li.bio>span:hover:before,
.no-svg .glyph-menu li.bio.active>a:before,
.no-svg .glyph-menu li.bio.active>span:before,
.no-svg .glyph-menu li.bio>a:hover:before,
.no-svg .glyph-menu li.bio>span:hover:before {
background-position: -332px -332px
}
@media (min-width: 769px) {
.glyph-menu li {
float: none;
width: auto;
height: auto;
margin-bottom: 6px
}
.glyph-menu li>a,
.glyph-menu li>span {
position: relative;
display: block;
width: auto;
height: auto!important;
overflow: auto;
color: #bababa!important;
text-align: left;
border: 0;
padding: 6px 10px 6px 37px!important;
font-size: 11px
}
.glyph-menu li>a:before,
.glyph-menu li>span:before {
top: 6px;
left: 0
}
.glyph-menu li>a:before,
.glyph-menu li>span:before,
.no-svg .glyph-menu li>a:before,
.no-svg .glyph-menu li>span:before {
width: 20px;
height: 20px;
background-position: -1054px -1054px
}
.glyph-menu li.team>a:before,
.glyph-menu li.team>span:before,
.no-svg .glyph-menu li.team>a:before,
.no-svg .glyph-menu li.team>span:before {
background-position: -1054px -1054px
}
.glyph-menu li.team.active>a:before,
.glyph-menu li.team.active>span:before,
.glyph-menu li.team>a:hover:before,
.glyph-menu li.team>span:hover:before,
.no-svg .glyph-menu li.team.active>a:before,
.no-svg .glyph-menu li.team.active>span:before,
.no-svg .glyph-menu li.team>a:hover:before,
.no-svg .glyph-menu li.team>span:hover:before {
background-position: -1074px -1074px
}
.glyph-menu li.projects>a:before,
.glyph-menu li.projects>span:before,
.no-svg .glyph-menu li.projects>a:before,
.no-svg .glyph-menu li.projects>span:before {
background-position: -630px -630px
}
.glyph-menu li.projects.active>a:before,
.glyph-menu li.projects.active>span:before,
.glyph-menu li.projects>a:hover:before,
.glyph-menu li.projects>span:hover:before,
.no-svg .glyph-menu li.projects.active>a:before,
.no-svg .glyph-menu li.projects.active>span:before,
.no-svg .glyph-menu li.projects>a:hover:before,
.no-svg .glyph-menu li.projects>span:hover:before {
background-position: -650px -650px
}
.glyph-menu li.publications>a:before,
.glyph-menu li.publications>span:before,
.no-svg .glyph-menu li.publications>a:before,
.no-svg .glyph-menu li.publications>span:before {
background-position: -842px -842px
}
.glyph-menu li.publications.active>a:before,
.glyph-menu li.publications.active>span:before,
.glyph-menu li.publications>a:hover:before,
.glyph-menu li.publications>span:hover:before,
.no-svg .glyph-menu li.publications.active>a:before,
.no-svg .glyph-menu li.publications.active>span:before,
.no-svg .glyph-menu li.publications>a:hover:before,
.no-svg .glyph-menu li.publications>span:hover:before {
background-position: -862px -862px
}
.glyph-menu li.journal>a:before,
.glyph-menu li.journal>span:before,
.no-svg .glyph-menu li.journal>a:before,
.no-svg .glyph-menu li.journal>span:before {
background-position: -418px -418px
}
.glyph-menu li.journal.active>a:before,
.glyph-menu li.journal.active>span:before,
.glyph-menu li.journal>a:hover:before,
.glyph-menu li.journal>span:hover:before,
.no-svg .glyph-menu li.journal.active>a:before,
.no-svg .glyph-menu li.journal.active>span:before,
.no-svg .glyph-menu li.journal>a:hover:before,
.no-svg .glyph-menu li.journal>span:hover:before {
background-position: -438px -438px
}
.glyph-menu li.bio>a:before,
.glyph-menu li.bio>span:before,
.no-svg .glyph-menu li.bio>a:before,
.no-svg .glyph-menu li.bio>span:before {
background-position: -206px -206px
}
.glyph-menu li.bio.active>a:before,
.glyph-menu li.bio.active>span:before,
.glyph-menu li.bio>a:hover:before,
.glyph-menu li.bio>span:hover:before,
.no-svg .glyph-menu li.bio.active>a:before,
.no-svg .glyph-menu li.bio.active>span:before,
.no-svg .glyph-menu li.bio>a:hover:before,
.no-svg .glyph-menu li.bio>span:hover:before {
background-position: -226px -226px
}
} .more-section .see-more {
background-color: #e18353;
border: medium none;
color: #fff;
padding: 2px 10px;
}
.more-section > header {
display: block; text-align: right;
width: 100%;
}
.more-section .see-more {
background-color: #e18353;
border: medium none;
color: #fff;
padding: 2px 10px;
margin-right: 5px;
margin-top: 15px;
margin-bottom: 15px;
}
.more-section {
height: 45px;
overflow: hidden;
}
.post-list .list-post-item p {
text-align: justify;
}
h3.no-result-message{
text-align: center;
}
.post-list span.highlight {
font-weight: bold;
}
span.keyword {
background-color: #e18353;
color: #fff;
margin-right: 5px;
padding: 2px 5px;
} #main div.search-result-list a.resource-link{
color:#e18353;
}
#main div.search-result-list article.search-result p {
text-align: justify;
font-size: 12px;
}
.page.search-result span.post-type{
color:#20798b;
font-size: 12px;
font-weight: bold;
}
.page.search-result article p {
text-align: justify;
}
.page.search-result  a{
text-decoration: none;
}
.page.search-result .pagination a,
.page.search-result .pagination .page-numbers.dots,
.page.search-result .nav-links a.page-numbers,
.page.search-result .nav-links .page-numbers.dots{
color: #e18353 !important;
background-color: #fff;
padding: 2px 0px;
margin: 10px 0;
padding: 0 8px;
font-family:serif;
vertical-align: middle;
font-size: 14px;
}
.page.search-result{
padding: 10px 0px;
}
.page.search-result .pagination a:first-child,
.page.search-result .nav-links a:first-child {
padding-left: 0;
}
.page.search-result .pagination a:last-child{
padding-right: 0;
}
.page.search-result .pagination .current,
.page.search-result .nav-links .page-numbers.current {
color: #fff !important;
background-color: #e18353;
padding: 2px 10px;
font-family: serif;
vertical-align: middle;
font-size: 12px;
}
article.result span.highlight{
font-weight: bold;
}
article.result span.title{
color:#20798b;
}
article.result {
border-top: 1px solid #000;
padding-top: 14px;
}
article.result:last-child {
border-bottom: 1px solid #000;
}  .list {
margin-bottom: 15px
}
.list-title {
padding: 1px 0 9px;
margin-bottom: 10px;
margin-top: 35px;
font-size: 14px;
font-weight: 900;
color: #999;
border-bottom: 1px solid
}
.list-title:first-child {
margin-top: 0
}
.list-subtitle {
font-size: 12px
}
.list-item {
position: relative;
margin-top: 0;
margin-bottom: 15px
}
.list-item.list-item-padded .subheading,
.list-item.list-item-padded .media-heading,
.list-item.list-item-padded .media-body>p,
.list-item.list-item-padded #main.news .post .post-body>p,
#main.news .post .list-item.list-item-padded .post-body>p {
padding-right: 55px
}
.list-item .toggler,
.list-item .collapser {
position: absolute;
top: 6px;
right: 0;
border: 0;
width: 30px;
height: 30px;
border: 1px solid transparent;
color: #fff
}
.list-item .toggler:after,
.list-item .collapser:after {
content: '+';
margin-top: 2px;
display: inline-block;
top: 0;
position: absolute;
left: 0;
font-size: 14px;
width: 100%;
text-align: center
}
.list-item .collapser {
display: inline-block
}
.list-item .collapser:after {
content: '×'
}
.list-item .collapser.collapsed:after {
content: '+'
}
.list-item .media-left,
.list-item #main.news .post .post-time,
#main.news .post .list-item .post-time,
.list-item #main.news .post .post-media,
#main.news .post .list-item .post-media {
padding-right: 15px;
padding-top: 6px
}
.list-item .media-left img,
.list-item #main.news .post .post-time img,
#main.news .post .list-item .post-time img,
.list-item #main.news .post .post-media img,
#main.news .post .list-item .post-media img {
max-width: none
}
.list-item .media-body>p,
.list-item #main.news .post .post-body>p,
#main.news .post .list-item .post-body>p {
font-size: 11px;
line-height: 16px;
font-style: italic;
margin: 0
}
.list-item .media-body>p+p,
.list-item #main.news .post .post-body>p+p,
#main.news .post .list-item .post-body>p+p {
margin-top: 6px
}
.list-item .media-body>p.text,
.list-item #main.news .post .post-body>p.text,
#main.news .post .list-item .post-body>p.text {
font-style: normal;
font-size: 12px
}
.list-item .media-heading {
display: block;
margin: 0 0 2px;
font-size: 14px;
font-weight: 400
}
.list-item.list-item-disabled .toggler,
.list-item.list-item-disabled .collapser {
border: 1px solid;
background-color: #fff
}
.list-item.list-item-disabled .media-body,
.list-item.list-item-disabled #main.news .post .post-body,
#main.news .post .list-item.list-item-disabled .post-body {
color: gray
}
.people-list .list-item.list-item-padded .subheading,
.people-list .list-item.list-item-padded .media-heading,
.people-list .list-item.list-item-padded .media-body>p,
.people-list .list-item.list-item-padded #main.news .post .post-body>p,
#main.news .post .people-list .list-item.list-item-padded .post-body>p,
.offer-list .list-item.list-item-padded .subheading,
.offer-list .list-item.list-item-padded .media-heading,
.offer-list .list-item.list-item-padded .media-body>p,
.offer-list .list-item.list-item-padded #main.news .post .post-body>p,
#main.news .post .offer-list .list-item.list-item-padded .post-body>p {
padding-right: 65px
}
.people-list .list-item .media-body,
.people-list .list-item #main.news .post .post-body,
#main.news .post .people-list .list-item .post-body {
border-bottom: 1px dotted gray;
padding-bottom: 15px
}
.offer-list .list-item .media-body,
.offer-list .list-item #main.news .post .post-body,
#main.news .post .offer-list .list-item .post-body {
border-bottom: 1px dotted gray;
padding-bottom: 20px
}
.team-list {
margin-bottom: 20px
}
.team-list .list-item {
margin-bottom: 0
}
.team-list .list-item .media-left a,
.team-list .list-item #main.news .post .post-time a,
#main.news .post .team-list .list-item .post-time a,
.team-list .list-item #main.news .post .post-media a,
#main.news .post .team-list .list-item .post-media a {
min-width: 68px;
display: block
}
.team-list .list-item .media-body,
.team-list .list-item #main.news .post .post-body,
#main.news .post .team-list .list-item .post-body {
padding-bottom: 12px
}
.projects-list .list-item,
.publications-list .list-item,
.article-list .list-item,
.studies-list .list-item,
.course-list .list-item {
margin: 0;
padding-bottom: 14px
}
.projects-list .list-item .toggler,
.projects-list .list-item .collapser,
.publications-list .list-item .toggler,
.publications-list .list-item .collapser,
.article-list .list-item .toggler,
.article-list .list-item .collapser {
top: 12px
}
.projects-list .list-item .media-body,
.projects-list .list-item #main.news .post .post-body,
#main.news .post .projects-list .list-item .post-body,
.publications-list .list-item .media-body,
.publications-list .list-item #main.news .post .post-body,
#main.news .post .publications-list .list-item .post-body,
.article-list .list-item .media-body,
.article-list .list-item #main.news .post .post-body,
#main.news .post .article-list .list-item .post-body,
.studies-list .list-item .media-body,
.studies-list .list-item #main.news .post .post-body,
#main.news .post .studies-list .list-item .post-body,
.course-list .list-item .media-body,
.course-list .list-item #main.news .post .post-body,
#main.news .post .course-list .list-item .post-body {
border-top: 1px solid #333;
padding-right: 0
}
.projects-list .list-item .subheading,
.publications-list .list-item .subheading,
.article-list .list-item .subheading,
.studies-list .list-item .subheading,
.course-list .list-item .subheading {
font-weight: 200;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 4px 0 0
}
.projects-list .list-item .media-heading {
font-weight: 900;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 21px;
margin-top: 6px
}
.publications-list .list-item .media-heading,
.article-list .list-item .media-heading {
margin-top: 6px;
margin-bottom: 12px
}
.publications-list .list-item .media-heading,
.article-list .list-item .media-heading,
.studies-list .list-item .media-heading,
.course-list .list-item .media-heading {
font-weight: 900;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 21px
}
.course-list .list-item .media-heading {
margin-top: 6px;
margin-bottom: 12px
}
.projects-list .list-item p.author,
.publications-list .list-item p.author,
.article-list .list-item p.author,
.studies-list .list-item p.author,
.course-list .list-item p.author {
margin: 7px 0;
font-size: 12px;
color: gray;
font-style: normal
}
.projects-list .list-item .collapsible>div,
.publications-list .list-item .collapsible>div,
.article-list .list-item .collapsible>div,
.studies-list .list-item .collapsible>div,
.course-list .list-item .collapsible>div {
padding: 10px 0
}
.projects-list .list-item .collapsible h5,
.publications-list .list-item .collapsible h5,
.article-list .list-item .collapsible h5,
.studies-list .list-item .collapsible h5,
.course-list .list-item .collapsible h5 {
font-size: 20px;
line-height: 26px;
margin-bottom: 12px;
font-weight: 200
}
.projects-list .list-item .collapsible p,
.publications-list .list-item .collapsible p,
.article-list .list-item .collapsible p,
.studies-list .list-item .collapsible p,
.course-list .list-item .collapsible p {
font-size: 12px
}
.projects-list .list-item .media-heading {
margin-bottom: 8px
}
.projects-list .list-item.list-item-padded .subheading,
.projects-list .list-item.list-item-padded .media-heading,
.projects-list .list-item.list-item-padded .media-body>p,
.projects-list .list-item.list-item-padded #main.news .post .post-body>p,
#main.news .post .projects-list .list-item.list-item-padded .post-body>p,
.publications-list .list-item.list-item-padded .subheading,
.publications-list .list-item.list-item-padded .media-heading,
.publications-list .list-item.list-item-padded .media-body>p,
.publications-list .list-item.list-item-padded #main.news .post .post-body>p,
#main.news .post .publications-list .list-item.list-item-padded .post-body>p {
padding-right: 95px
}
.studies-list .list-item .collapser,
.studies-list .list-item .toggler {
top: 4px
}
.studies-list .list-item .media-body,
.studies-list .list-item #main.news .post .post-body,
#main.news .post .studies-list .list-item .post-body {
border-top: 0;
border-bottom: 1px solid #999;
padding-bottom: 6px
}
.studies-list .list-item .heading-link {
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: 900;
display: block;
line-height: 21px;
margin-top: 10px
}
.studies-list .list-item .media-heading {
margin-top: 0;
margin-bottom: 6px
}
.course-list .list-head {
margin-top: 12px
}
.course-list .list-head span {
display: inline-block;
width: 125px;
padding: 0 0 9px
}
.course-list .list-item.list-item-padded .media-heading {
padding-right: 115px
}
.course-list .list-item.list-item-padded .subheading,
.course-list .list-item.list-item-padded .media-body>p,
.course-list .list-item.list-item-padded #main.news .post .post-body>p,
#main.news .post .course-list .list-item.list-item-padded .post-body>p {
padding-right: 15px
}
.course-list .list-item .collapser,
.course-list .list-item .toggler {
top: 4px
}
.course-list .list-item .media-body p.author,
.course-list .list-item #main.news .post .post-body p.author,
#main.news .post .course-list .list-item .post-body p.author {
color: #333
}
.course-list .list-item .media-body span.info,
.course-list .list-item #main.news .post .post-body span.info,
#main.news .post .course-list .list-item .post-body span.info {
position: absolute;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
top: 6px;
right: 66px
}
.seminar-list .list-title {
font-weight: 200;
font-size: 20px;
margin: 44px 0 26px;
padding-bottom: 4px
}
.seminar-list .list-item {
margin-bottom: 29px
}
.seminar-list .list-item .media-heading {
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid gray;
line-height: 18px;
font-weight: 900
}
.seminar-list .list-item dt {
width: 54px
}
.seminar-list .list-item dd {
margin-left: 68px;
padding-right: 100px
}
@media (max-width: 768px) {
.seminar-list .list-item {
margin-bottom: 30px
}
.seminar-list .list-item .media-right {
display: none
}
.seminar-list .list-item dt,
.seminar-list .list-item dd {
position: static;
float: none;
width: 100%;
margin: 0;
padding: 0
}
}
ul.pagination {
list-style: none;
margin: 80px 0 15px;
padding: 0;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px
}
ul.pagination>li {
display: inline
}
ul.pagination>li+li {
margin-left: 8px
}
ul.pagination,
ul.pagination a {
color: gray!important;
font-weight: 200
}
ul.pagination .active a {
font-weight: 700
}
ul.stats {
list-style: none;
padding-left: 53px
}
ul.stats>li {
position: relative;
padding: 3px 0 0 15px;
margin-bottom: 30px
}
ul.stats>li b,
ul.stats>li span {
display: block;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 21px;
font-weight: 200;
margin-bottom: 10px
}
ul.stats>li:before {
content: '';
display: block;
font-size: 12px!important;
width: 17px;
height: 17px;
float: left;
background: red;
margin-left: -53px;
margin-top: 1px
}
ul.stats>li.stat-01 b,
ul.stats>li.stat-01 span {
color: #7acdca
}
ul.stats>li.stat-01:before {
background: #7acdca
}
ul.stats>li.stat-02 b,
ul.stats>li.stat-02 span {
color: #625181
}
ul.stats>li.stat-02:before {
background: #625181
}
ul.stats>li.stat-03 b,
ul.stats>li.stat-03 span {
color: #e18353
}
ul.stats>li.stat-03:before {
background: #e18353
}
ul.stats>li.stat-04 b,
ul.stats>li.stat-04 span {
color: #98356f
}
ul.stats>li.stat-04:before {
background: #98356f
}
ul.stats>li.stat-05 b,
ul.stats>li.stat-05 span {
color: gray
}
ul.stats>li.stat-05:before {
background: gray
}
ul.stats>li.stat-06 b,
ul.stats>li.stat-06 span {
color: #20798b
}
ul.stats>li.stat-06:before {
background: #20798b
}
@media (min-width: 769px) {
ul.stats small {
position: absolute;
top: 0;
right: 0;
width: 190px;
font-size: 12px
}
}
.page-table {
width: 100%;
max-width: 100%;
margin-top: 17px
}
.page-table,
.page-table tr {
border: 0
}
.page-table th,
.page-table td {
padding: 3px 0 6px;
border: 0;
vertical-align: top
}
.page-table thead th {
border-bottom: 1px solid #999;
padding: 0 0 9px;
font-weight: 400
}
.page-table tbody th,
.page-table tbody td {
border-top: 1px solid #999
}
.page-table tbody th {
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 900;
padding-right: 10px
}
.page-table tbody tr.secondary th,
.page-table tbody tr.secondary td {
border-top-style: dotted
}
.page-table tbody tr.secondary th {
font-size: 12px;
font-weight: 700;
padding-left: 10px
}
#main.home {
padding-top: 74px
}
#main.home #home-brand {
background: url(//ced.cat/wp-content/themes/ced2015/img/brand-home.png) no-repeat;
width: 160px;
height: 100px;
margin: 0 auto 32px;
display: block
}
#main.home #home-slider {
display: none
}
#main.home #home-featured>div:before {
content: " ";
display: table
}
#main.home #home-featured>div:after {
content: " ";
display: table;
clear: both
}
@media (max-width: 768px) {
#main.home #home-featured {
overflow: hidden;
margin: 10px -20px 15px
}
#main.home #home-featured>div {
padding: 10px 20px;
width: 802px
}
}
#main.home #home-featured a,
#main.home #home-featured span {
float: left;
width: 180px;
display: block;
text-decoration: none;
color: #333;
cursor: pointer
}
#main.home #home-featured a+a,
#main.home #home-featured a+span,
#main.home #home-featured span+a,
#main.home #home-featured span+span {
margin-left: 14px
}
#main.home #home-featured a img,
#main.home #home-featured span img {
width: 100%
}
#main.home #home-featured a figcaption,
#main.home #home-featured span figcaption {
font-size: 13px;
line-height: 20px;
padding: 7px 0 0
}
#main.home #home-featured a h2,
#main.home #home-featured span h2 {
font-weight: 900;
font-size: 14px;
line-height: 22px;
margin: 0
}
#main.home #home-featured a p,
#main.home #home-featured span p {
margin: 0
}
#main.home #home-quicklinks {
padding-left: 0;
list-style: none
}
#main.home #home-quicklinks:before {
content: " ";
display: table
}
#main.home #home-quicklinks:after {
content: " ";
display: table;
clear: both
}
#main.home #home-quicklinks li {
width: 50%;
float: left
}
#main.home #home-quicklinks a {
display: block;
position: relative;
height: 38px;
font-size: 13px;
text-decoration: none;
font-style: italic
}
#main.home #home-quicklinks a>span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 8px 0 0 48px
}
#main.home #home-quicklinks a>span:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
font-size: 12px!important
}
#main.home #home-quicklinks a>span:before,
.no-svg #main.home #home-quicklinks a>span:before {
width: 38px;
height: 38px;
background-position: -1472px -1477px
}
#main.home #home-quicklinks .library {
padding-right: 10px
}
#main.home #home-quicklinks .library a {
color: #ad4b81
}
#main.home #home-quicklinks .library a>span:before,
.no-svg #main.home #home-quicklinks .library a>span:before {
background-position: -1472px -1477px
}
#main.home #home-quicklinks .newsletter {
padding-left: 10px
}
#main.home #home-quicklinks .newsletter a {
color: #20798b
}
#main.home #home-quicklinks .newsletter a>span:before,
.no-svg #main.home #home-quicklinks .newsletter a>span:before {
background-position: -1554px -1559px
}
#main.home #home-aside {
margin-top: 37px
}
#main.home #home-aside .block {
margin-bottom: 20px
}
#main.home #home-aside h4 {
margin: 0;
padding: 10px 0 16px;
font-size: 22px;
line-height: 26px;
font-weight: 900;
border-top: 3px solid;
border-right: 3px solid transparent
}
#main.home #home-aside h5 {
font-size: 14px;
font-weight: 200;
margin: 0
}
#main.home #home-aside p {
font-size: 14px
}
#main.home #home-aside .block-01 h4,
#main.home #home-aside .block-01 a {
color: #625181
}
#main.home #home-aside .block-02 h4,
#main.home #home-aside .block-02 a {
color: #eb9768
}
#main.home #home-aside .block-03 h4,
#main.home #home-aside .block-03 a {
color: #20798b
}
@media (min-width: 769px) {
#main.home {
padding-top: 7px
}
#main.home #home-brand {
display: none
}
#main.home #home-slider {
display: block;
height: 280px;
margin-bottom: 49px
}
#main.home #home-slider .carousel-indicators {
margin-left: -400px;
width: 10%;
text-align: left;
bottom: 5px;
left: 50%;
right: auto
}
#main.home #home-slider .item {
height: 280px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
#main.home #home-slider .item:before,
#main.home #home-slider .item:after {
content: '';
display: block;
font-size: 12px!important;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 465px;
opacity: 0;
-webkit-transform: skewX(-45deg) translate(200%, 0);
-ms-transform: skewX(-45deg) translate(200%, 0);
transform: skewX(-45deg) translate(200%, 0)
}
#main.home #home-slider .item:before {
-webkit-transition: all 1s;
transition: all 1s
}
#main.home #home-slider .item:after {
-webkit-transition: all 1.5s;
transition: all 1.5s
}
#main.home #home-slider .item.active:before,
#main.home #home-slider .item.active:after {
opacity: 1;
-webkit-transform: skewX(-45deg) translate(0, 0);
-ms-transform: skewX(-45deg) translate(0, 0);
transform: skewX(-45deg) translate(0, 0)
}
#main.home #home-slider .item.active:before {
opacity: .75
}
#main.home #home-slider .item.active:after {
opacity: .5
}
#main.home #home-slider .item img {
height: 100%;
display: block;
margin: 0 auto
}
#main.home #home-slider .item .carousel-caption {
top: 0;
left: 50%;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 900;
font-size: 18px;
line-height: 24px;
text-align: left
}
#main.home #home-slider .item.item-1:before,
#main.home #home-slider .item.item-1:after {
background: #51426c;
background: -webkit-linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
background: linear-gradient(45deg, #51426c 0%, #ad4b81 96%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#51426c', endColorstr='#ad4b81', GradientType=1)
}
#main.home #home-slider .item.item-1:before {
margin-left: -258px
}
#main.home #home-slider .item.item-1:after {
margin-left: -148px
}
#main.home #home-slider .item.item-1 .carousel-caption {
top: 47px;
margin-left: -128px;
width: 320px
}
#main.home #home-slider .item.item-2:before,
#main.home #home-slider .item.item-2:after {
background: #7acdca;
background: -webkit-linear-gradient(top, #7acdca 3%, #20798b 99%);
background: linear-gradient(to bottom, #7acdca 3%, #20798b 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7acdca', endColorstr='#20798b', GradientType=0)
}
#main.home #home-slider .item.item-2:before {
margin-left: -148px
}
#main.home #home-slider .item.item-2:after {
margin-left: -70px
}
#main.home #home-slider .item.item-2 .carousel-caption {
top: 73px;
margin-left: 8px
}
#main.home #home-slider .item.item-3:before,
#main.home #home-slider .item.item-3:after {
background: #eb9768;
background: -webkit-linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
background: linear-gradient(45deg, #eb9768 0%, #ffe06a 99%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb9768', endColorstr='#ffe06a', GradientType=1)
}
#main.home #home-slider .item.item-3:before {
margin-left: -435px
}
#main.home #home-slider .item.item-3:after {
margin-left: -368px
}
#main.home #home-slider .item.item-3 .carousel-caption {
top: 70px;
margin-left: -332px;
color: #000
}
#main.home .col-left {
float: left;
width: 528px
}
#main.home .col-right {
float: left;
width: 272px;
padding-left: 83px
}
#main.home #home-featured a,
#main.home #home-featured span {
width: 256px;
margin-bottom: 14px
}
#main.home #home-featured a:nth-child(2n+1),
#main.home #home-featured span:nth-child(2n+1) {
margin-left: 0
}
#main.home #home-featured a figcaption,
#main.home #home-featured span figcaption {
height: 117px;
padding: 11px 0 0;
font-size: 12px;
line-height: 18px
}
#main.home #home-featured a h2,
#main.home #home-featured span h2 {
margin: 0 0 10px;
font-weight: 900;
font-size: 18px;
line-height: 21px;
text-transform: uppercase
}
#main.home #home-featured a p,
#main.home #home-featured span p {
margin: 0
}
#main.home #home-featured a figure>div,
#main.home #home-featured span figure>div {
position: relative;
overflow: hidden
}
#main.home #home-featured a figure>div:before,
#main.home #home-featured a figure>div:after,
#main.home #home-featured span figure>div:before,
#main.home #home-featured span figure>div:after {
content: '';
display: block;
font-size: 12px!important;
position: absolute
}
#main.home #home-featured a figure>div:before,
#main.home #home-featured span figure>div:before {
-webkit-transform: skewX(-45deg) translate(373px, 0);
-ms-transform: skewX(-45deg) translate(373px, 0);
transform: skewX(-45deg) translate(373px, 0);
-webkit-transition: all .5s;
transition: all .5s;
position: 0 0 auto auto;
top: 0;
right: 0;
height: 200%;
width: 200%;
background: rgba(0, 0, 0, .36)
}
#main.home #home-featured span.featured-2 figure>div:before {
background: rgba(33, 102, 121, .36)
}
#main.home #home-featured a figure>div:after,
#main.home #home-featured span figure>div:after {
content: '';
display: block;
font-size: 12px!important;
bottom: 14px;
right: 14px
}
#main.home #home-featured a:hover figure>div:before,
#main.home #home-featured span:hover figure>div:before {
-webkit-transform: skewX(-45deg) translate(0, -50%);
-ms-transform: skewX(-45deg) translate(0, -50%);
transform: skewX(-45deg) translate(0, -50%)
}
#main.home #home-featured a.featured-1 figure>div:after,
#main.home #home-featured span.featured-1 figure>div:after,
.no-svg #main.home #home-featured a.featured-1 figure>div:after,
.no-svg #main.home #home-featured span.featured-1 figure>div:after {
width: 40px;
height: 40px;
background-position: -1266px -1266px
}
#main.home #home-featured a.featured-2 figure>div:after,
#main.home #home-featured span.featured-2 figure>div:after,
.no-svg #main.home #home-featured a.featured-2 figure>div:after,
.no-svg #main.home #home-featured span.featured-2 figure>div:after {
width: 42px;
height: 42px;
background-position: -21306px -1306px
}
#main.home #home-featured a.featured-3 figure>div:after,
#main.home #home-featured span.featured-3 figure>div:after,
.no-svg #main.home #home-featured a.featured-3 figure>div:after,
.no-svg #main.home #home-featured span.featured-3 figure>div:after {
width: 40px;
height: 40px;
background-position: -1348px -1348px
}
#main.home #home-featured a.featured-4 figure>div:after,
#main.home #home-featured span.featured-4 figure>div:after,
.no-svg #main.home #home-featured a.featured-4 figure>div:after,
.no-svg #main.home #home-featured span.featured-4 figure>div:after {
width: 40px;
height: 44.839px;
background-position: -1388px -1388px
}
#main.home #home-quicklinks {
margin-top: 13px
}
#main.home #home-quicklinks a {
height: 52px;
font-size: 14px;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
text-transform: uppercase;
letter-spacing: .05em;
overflow: hidden;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
margin-left: 26px;
margin-right: 26px;
background: #f2f2f2
}
#main.home #home-quicklinks a>span {
-webkit-transform: skewX(45deg);
-ms-transform: skewX(45deg);
transform: skewX(45deg);
padding: 14px 0 0 33px
}
#main.home #home-quicklinks a>span:before {
position: absolute;
top: 15px;
left: 1px;
content: '';
display: block;
font-size: 12px!important
}
#main.home #home-quicklinks a>span:before,
.no-svg #main.home #home-quicklinks a>span:before {
width: 22px;
height: 22px;
background-position: -1428px -1433px
}
#main.home #home-quicklinks a:hover {
-webkit-transform: skewX(0);
-ms-transform: skewX(0);
transform: skewX(0);
margin: 0
}
#main.home #home-quicklinks a:hover>span {
-webkit-transform: skewX(0);
-ms-transform: skewX(0);
transform: skewX(0);
padding-left: 59px;
padding-right: 26px
}
#main.home #home-quicklinks a:hover>span:before {
left: 27px
}
#main.home #home-quicklinks .library {
padding-right: 7px
}
#main.home #home-quicklinks .library a {
color: #20798b
}
#main.home #home-quicklinks .library a>span:before,
.no-svg #main.home #home-quicklinks .library a>span:before {
background-position: -1428px -1433px
}
#main.home #home-quicklinks .library a:hover {
color: #fff;
background-color: #20798b
}
#main.home #home-quicklinks .library a:hover>span:before,
.no-svg #main.home #home-quicklinks .library a:hover>span:before {
background-position: -1450px -1455px
}
#main.home #home-quicklinks .newsletter {
padding-left: 7px
}
#main.home #home-quicklinks .newsletter a {
color: #ad4b81
}
#main.home #home-quicklinks .newsletter a>span:before,
.no-svg #main.home #home-quicklinks .newsletter a>span:before {
background-position: -1510px -1515px
}
#main.home #home-quicklinks .newsletter a:hover {
color: #fff;
background-color: #ad4b81
}
#main.home #home-quicklinks .newsletter a:hover>span:before,
.no-svg #main.home #home-quicklinks .newsletter a:hover>span:before {
background-position: -1532px -1537px
}
#main.home #home-aside {
margin-top: 0
}
#main.home #home-aside .block {
margin-bottom: 35px
}
#main.home #home-aside h4 {
padding: 7px 0 11px;
font-size: 18px;
line-height: 21px;
border-width: 4px
}
#main.home #home-aside h5 {
font-size: 12px;
line-height: 18px
}
#main.home #home-aside p {
font-size: 11px;
line-height: 18px
}
}
#main.about .menu .active a,
#main.about .menu .active span,
#main.about .menu a:hover,
#main.about .menu span:hover,
#main.about .brand-primary,
#main.about h1.page-title,
#main.about .page-container a,
#main.about .active>a,
#main.about .active>span,
#main.about .layout blockquote,
#main.about .page-table tbody th,
#main.about .form>button {
color: #7acdca
}
#main.about figure img,
#main.about .form>button:before,
#main.about .btn-primary {
background-color: #7acdca
}
#main.about .page-menu-toggler,
#main.about .list-item .toggler,
#main.about .list-item .collapser.collapsed {
background-color: #7acdca;
color: #fff
}
#main.about .page-menu-open .page-menu-toggler,
#main.about .list-item.list-item-disabled .toggler,
#main.about .list-item.list-item-disabled .collapser,
#main.about .list-item .collapser {
background-color: #fff;
color: #7acdca;
border-color: #7acdca
}
#main.about .form-control {
border-color: #7acdca
}
#main.about .pagination>li.active>a {
color: #7acdca!important
}
#main.about .projects-list .list-item .collapsible h5,
#main.about .publications-list .list-item .collapsible h5,
#main.about .article-list .list-item .collapsible h5 {
color: #7acdca
}
#main.about .form .radios label span:before {
border-color: #7acdca
}
#main.about .form .radios label input:checked+span:before {
background: #7acdca
}
#main.about .page-table tbody tr.secondary th {
color: #333
}
#main.about .page-submenu a {
color: gray
}
#main.about .page-submenu .active>a {
color: #333
}
#main.about .img-center {
text-align: center;
margin-bottom: 65px
}
#main.about .img-center>img {
display: block;
width: 100%
}
#main.about .block {
margin-top: 32px
}
#main.about .block h3 {
border-top: 1px solid;
margin: 0 0 18px;
padding: 15px 0 0;
font-size: 14px;
font-weight: 900
}
#main.about .block p {
margin-bottom: 12px
}
#main.about .block ul {
padding-left: 18px;
margin: -3px 0 20px
}
#main.about .block ul li {
margin-bottom: 10px
}
#main.about .clearfix {
margin: 0 0 0 -15px
}
#main.about .clearfix .block {
float: left;
width: 50%;
padding: 0 0 0 15px
}
.about-contacte .right-side {
margin-top: 10px;
color: gray
}
.about-contacte h3 {
font-size: 20px;
line-height: 26px;
color: #4d4d4d;
font-weight: 900
}
.about-contacte .aside .list-unstyled {
margin: 20px 0 38px
}
.about-contacte .aside .list-unstyled li {
margin-bottom: 6px
}
.about-contacte .panel-title {
border-bottom: 1px solid #999;
margin: 0
}
.about-contacte .panel-title>a {
color: #999!important;
font-size: 14px;
font-weight: 900;
display: block;
padding: 12px 0 10px
}
.about-contacte .panel-body {
padding: 12px 0 30px
}
.about-contacte .panel-body>p {
margin-bottom: 6px
}
@media (max-width: 768px) {
.about-contacte .map iframe {
width: 100%
}
}
@media (min-width: 769px) {
.about-contacte .right-side {
top: 68px
}
.about-contacte .places {
float: left;
padding: 37px 20px 30px 68px;
width: 480px
}
.about-contacte .aside {
float: right;
padding: 37px 50px 30px 0;
width: 257px
}
}
#main.research .menu .active a,
#main.research .menu .active span,
#main.research .menu a:hover,
#main.research .menu span:hover,
#main.research .brand-primary,
#main.research h1.page-title,
#main.research .page-container a,
#main.research .active>a,
#main.research .active>span,
#main.research .layout blockquote,
#main.research .page-table tbody th,
#main.research .form>button {
color: #625181
}
#main.research figure img,
#main.research .form>button:before,
#main.research .btn-primary {
background-color: #625181
}
#main.research .page-menu-toggler,
#main.research .list-item .toggler,
#main.research .list-item .collapser.collapsed {
background-color: #625181;
color: #fff
}
#main.research .page-menu-open .page-menu-toggler,
#main.research .list-item.list-item-disabled .toggler,
#main.research .list-item.list-item-disabled .collapser,
#main.research .list-item .collapser {
background-color: #fff;
color: #625181;
border-color: #625181
}
#main.research .form-control {
border-color: #625181
}
#main.research .pagination>li.active>a {
color: #625181!important
}
#main.research .projects-list .list-item .collapsible h5,
#main.research .publications-list .list-item .collapsible h5,
#main.research .article-list .list-item .collapsible h5 {
color: #625181
}
#main.research .form .radios label span:before {
border-color: #625181
}
#main.research .form .radios label input:checked+span:before {
background: #625181
}
#main.research .page-table tbody tr.secondary th {
color: #333
}
#main.research .page-submenu a {
color: gray
}
#main.research .page-submenu .active>a {
color: #333
}
#main.research .cols {
width: 100%;
font-size: 11px;
line-height: 21px
}
#main.research .cols:before {
content: " ";
display: table
}
#main.research .cols:after {
content: " ";
display: table;
clear: both
}
#main.research .cols,
#main.research .cols ul {
padding-left: 0;
list-style: none
}
#main.research .cols>li {
float: left;
width: 120px
}
#main.research .cols>li+li {
margin-left: 16px
}
#main.research .cols>li ul li {
margin-bottom: 4px
}
#main.research .cols h3 {
font-size: 14px;
line-height: 18px;
font-weight: 900;
margin: 10px 0 7px
}
#main.research .cols h3,
#main.research .cols h3 a {
color: #999
}
#main.studies .menu .active a,
#main.studies .menu .active span,
#main.studies .menu a:hover,
#main.studies .menu span:hover,
#main.studies .brand-primary,
#main.studies h1.page-title,
#main.studies .page-container a,
#main.studies .active>a,
#main.studies .active>span,
#main.studies .layout blockquote,
#main.studies .page-table tbody th,
#main.studies .form>button {
color: #20798b
}
#main.studies figure img,
#main.studies .form>button:before,
#main.studies .btn-primary {
background-color: #20798b
}
#main.studies .page-menu-toggler,
#main.studies .list-item .toggler,
#main.studies .list-item .collapser.collapsed {
background-color: #20798b;
color: #fff
}
#main.studies .page-menu-open .page-menu-toggler,
#main.studies .list-item.list-item-disabled .toggler,
#main.studies .list-item.list-item-disabled .collapser,
#main.studies .list-item .collapser {
background-color: #fff;
color: #20798b;
border-color: #20798b
}
#main.studies .form-control {
border-color: #20798b
}
#main.studies .pagination>li.active>a {
color: #20798b!important
}
#main.studies .projects-list .list-item .collapsible h5,
#main.studies .publications-list .list-item .collapsible h5,
#main.studies .article-list .list-item .collapsible h5 {
color: #20798b
}
#main.studies .form .radios label span:before {
border-color: #20798b
}
#main.studies .form .radios label input:checked+span:before {
background: #20798b
}
#main.studies .page-table tbody tr.secondary th {
color: #333
}
#main.studies .page-submenu a {
color: gray
}
#main.studies .page-submenu .active>a {
color: #333
}
#main.difusion .menu .active a,
#main.difusion .menu .active span,
#main.difusion .menu a:hover,
#main.difusion .menu span:hover,
#main.difusion .brand-primary,
#main.difusion h1.page-title,
#main.difusion .page-container a,
#main.difusion .active>a,
#main.difusion .active>span,
#main.difusion .layout blockquote,
#main.difusion .page-table tbody th,
#main.difusion .form>button {
color: #e18353
}
#main.difusion figure img,
#main.difusion .form>button:before,
#main.difusion .btn-primary {
background-color: #e18353
}
#main.difusion .page-menu-toggler,
#main.difusion .list-item .toggler,
#main.difusion .list-item .collapser.collapsed {
background-color: #e18353;
color: #fff
}
#main.difusion .page-menu-open .page-menu-toggler,
#main.difusion .list-item.list-item-disabled .toggler,
#main.difusion .list-item.list-item-disabled .collapser,
#main.difusion .list-item .collapser {
background-color: #fff;
color: #e18353;
border-color: #e18353
}
#main.difusion .form-control {
border-color: #e18353
}
#main.difusion .pagination>li.active>a {
color: #e18353!important
}
#main.difusion .projects-list .list-item .collapsible h5,
#main.difusion .publications-list .list-item .collapsible h5,
#main.difusion .article-list .list-item .collapsible h5 {
color: #e18353
}
#main.difusion .form .radios label span:before {
border-color: #e18353
}
#main.difusion .form .radios label input:checked+span:before {
background: #e18353
}
#main.difusion .page-table tbody tr.secondary th {
color: #333
}
#main.difusion .page-submenu a {
color: gray
}
#main.difusion .page-submenu .active>a {
color: #333
}
#main.infrastructures .menu .active a,
#main.infrastructures .menu .active span,
#main.infrastructures .menu a:hover,
#main.infrastructures .menu span:hover,
#main.infrastructures .brand-primary,
#main.infrastructures h1.page-title,
#main.infrastructures .page-container a,
#main.infrastructures .active>a,
#main.infrastructures .active>span,
#main.infrastructures .layout blockquote,
#main.infrastructures .page-table tbody th,
#main.infrastructures .form>button {
color: #98356f
}
#main.infrastructures figure img,
#main.infrastructures .form>button:before,
#main.infrastructures .btn-primary {
background-color: #98356f
}
#main.infrastructures .page-menu-toggler,
#main.infrastructures .list-item .toggler,
#main.infrastructures .list-item .collapser.collapsed {
background-color: #98356f;
color: #fff
}
#main.infrastructures .page-menu-open .page-menu-toggler,
#main.infrastructures .list-item.list-item-disabled .toggler,
#main.infrastructures .list-item.list-item-disabled .collapser,
#main.infrastructures .list-item .collapser {
background-color: #fff;
color: #98356f;
border-color: #98356f
}
#main.infrastructures .form-control {
border-color: #98356f
}
#main.infrastructures .pagination>li.active>a {
color: #98356f!important
}
#main.infrastructures .projects-list .list-item .collapsible h5,
#main.infrastructures .publications-list .list-item .collapsible h5,
#main.infrastructures .article-list .list-item .collapsible h5 {
color: #98356f
}
#main.infrastructures .form .radios label span:before {
border-color: #98356f
}
#main.infrastructures .form .radios label input:checked+span:before {
background: #98356f
}
#main.infrastructures .page-table tbody tr.secondary th {
color: #333
}
#main.infrastructures .page-submenu a {
color: gray
}
#main.infrastructures .page-submenu .active>a {
color: #333
}
#main.news .menu .active a,
#main.news .menu .active span,
#main.news .menu a:hover,
#main.news .menu span:hover,
#main.news .brand-primary,
#main.news h1.page-title,
#main.news .page-container a,
#main.news .active>a,
#main.news .active>span,
#main.news .layout blockquote,
#main.news .page-table tbody th,
#main.news .form>button {
color: gray
}
#main.news figure img,
#main.news .form>button:before,
#main.news .btn-primary {
background-color: gray
}
#main.news .page-menu-toggler,
#main.news .list-item .toggler,
#main.news .list-item .collapser.collapsed {
background-color: gray;
color: #fff
}
#main.news .page-menu-open .page-menu-toggler,
#main.news .list-item.list-item-disabled .toggler,
#main.news .list-item.list-item-disabled .collapser,
#main.news .list-item .collapser {
background-color: #fff;
color: gray;
border-color: gray
}
#main.news .form-control {
border-color: gray
}
#main.news .pagination>li.active>a {
color: gray!important
}
#main.news .projects-list .list-item .collapsible h5,
#main.news .publications-list .list-item .collapsible h5,
#main.news .article-list .list-item .collapsible h5 {
color: gray
}
#main.news .form .radios label span:before {
border-color: gray
}
#main.news .form .radios label input:checked+span:before {
background: gray
}
#main.news .page-table tbody tr.secondary th {
color: #333
}
#main.news .page-submenu a {
color: gray
}
#main.news .page-submenu .active>a {
color: #333
}
#main.news .page-menu .active>a,
#main.news .page-menu a:hover,
#main.news .page-menu span:hover {
color: #333
}
#main.news .calendar {
width: 100%;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: gray
}
#main.news .calendar thead th {
padding: 0
}
#main.news .calendar thead th.month {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
text-align: left
}
#main.news .calendar thead th.year {
color: #ccc;
font-weight: 900;
text-align: right
}
#main.news .calendar tbody {
font-weight: 200
}
#main.news .calendar tbody td {
padding: 1px 3px 1px 0;
text-align: right;
width: 1%
}
#main.news .calendar tbody td b {
color: #333;
font-weight: 900
}
#main.news .post+.post {
margin-top: 40px
}
#main.news .post .post-time {
padding-right: 15px
}
#main.news .post .post-time time {
display: block;
width: 54px;
color: gray;
border-top: 1px solid;
text-align: right;
padding-top: 7px
}
#main.news .post .post-time time span {
display: block
}
#main.news .post .post-time time .day,
#main.news .post .post-time time .year {
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif
}
#main.news .post .post-time time .day {
font-size: 14px;
font-weight: 900
}
#main.news .post .post-time time .month {
font-size: 11px
}
#main.news .post .post-time time .year {
margin-top: 8px;
padding-top: 13px;
border-top: 1px solid;
font-size: 13px
}
#main.news .post .post-media {
padding-right: 14px
}
#main.news .post .post-media>a {
width: 189px;
position: relative;
background: rgba(255, 0, 0, .2);
display: block
}
#main.news .post .post-media.post-media-video>a:after,
#main.news .post .post-media.post-media-audio>a:after {
content: '';
display: block;
font-size: 12px!important;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}
#main.news .post .post-media.post-media-video>a:after,
.no-svg #main.news .post .post-media.post-media-video>a:after {
width: 40px;
height: 40px;
background-position: -1692px -1698px
}
#main.news .post .post-media.post-media-audio>a:after,
.no-svg #main.news .post .post-media.post-media-audio>a:after {
width: 38.973px;
height: 39.199px;
background-position: -1653px -1658px
}
#main.news .post .post-heading,
#main.news .post .post-subheading {
font-size: 14px;
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 21px;
font-weight: 900;
color: gray
}
#main.news .post .post-subheading {
margin: 10px 0 0
}
#main.news .post .post-heading {
margin: 10px 0 8px
}
#main.news .post .post-subheading+.post-heading {
margin-top: 0;
color: #333
}
#main.news .post .post-body>img {
width: 100%;
margin-bottom: 8px
}
#main.news .post .post-body p a {
color: #333;
text-decoration: underline
}
#main.news .post .post-body .action {
display: inline-block;
color: gray;
padding: 4px 7px;
border: 1px solid;
margin: 12px 0 20px;
min-width: 190px
}
@media (max-width: 768px) {
#main.news .calendar {
display: none
}
#main.news .page-content {
margin-top: 10px
}
#main.news .post {
position: relative
}
#main.news .post .post-media {
position: absolute;
top: 110px;
left: 0
}
#main.news .post .post-media>a {
width: 52px
}
}
@media (min-width: 769px) {
#main.news .page-menu {
top: 74px
}
#main.news .page-left-side {
top: 74px;
width: 160px
}
#main.news .page-content {
width: 596px;
min-height: 105px
}
#main.news .page-left-side+.page-content {
padding-left: 203px
}
}
body.ficha {
background: #e9f5f4
}
body.ficha .menu .active a,
body.ficha .menu .active span,
body.ficha .menu a:hover,
body.ficha .menu span:hover,
body.ficha .brand-primary,
body.ficha h1.page-title,
body.ficha .page-container a,
body.ficha .active>a,
body.ficha .active>span,
body.ficha .layout blockquote,
body.ficha .page-table tbody th,
body.ficha .form>button {
color: #20798b
}
body.ficha figure img,
body.ficha .form>button:before,
body.ficha .btn-primary {
background-color: #20798b
}
body.ficha .page-menu-toggler,
body.ficha .list-item .toggler,
body.ficha .list-item .collapser.collapsed {
background-color: #20798b;
color: #fff
}
body.ficha .page-menu-open .page-menu-toggler,
body.ficha .list-item.list-item-disabled .toggler,
body.ficha .list-item.list-item-disabled .collapser,
body.ficha .list-item .collapser {
background-color: #fff;
color: #20798b;
border-color: #20798b
}
body.ficha .form-control {
border-color: #20798b
}
body.ficha .pagination>li.active>a {
color: #20798b!important
}
body.ficha .projects-list .list-item .collapsible h5,
body.ficha .publications-list .list-item .collapsible h5,
body.ficha .article-list .list-item .collapsible h5 {
color: #20798b
}
body.ficha .form .radios label span:before {
border-color: #20798b
}
body.ficha .form .radios label input:checked+span:before {
background: #20798b
}
body.ficha .page-table tbody tr.secondary th {
color: #333
}
body.ficha .page-submenu a {
color: gray
}
body.ficha .page-submenu .active>a {
color: #333
}
body.ficha .container {
position: relative
}
body.ficha #main {
padding-top: 0
}
body.ficha #ficha-close {
display: block;
position: absolute;
top: 10px;
right: 10px
}
body.ficha #ficha-close,
.no-svg body.ficha #ficha-close {
width: 15.706px;
height: 15.707px;
background-position: -56px -56px
}
body.ficha #header {
background: 0 0
}
body.ficha #header #brand>a {
background-image: url(//ced.cat/wp-content/themes/ced2015/img/brand-ficha.png)
}
body.ficha #header #menu-toggler,
body.ficha #main-menu {
display: none
}
body.ficha .head .media-right .info {
padding-left: 0;
list-style: none
}
body.ficha .head .media-right .info li {
margin-bottom: 14px
}
body.ficha .head .media-right .info a {
position: relative;
padding-left: 32px;
color: gray;
font-style: italic
}
body.ficha .head .media-right .info a:before {
content: '';
display: block;
font-size: 12px!important;
position: absolute;
left: 0;
top: 2px
}
body.ficha .head .media-right .info a:before,
.no-svg body.ficha .head .media-right .info a:before {
width: 16px;
height: 16px;
background-position: -88px -88px
}
body.ficha .head .media-right .info .info-mail a:before,
.no-svg body.ficha .head .media-right .info .info-mail a:before {
background-position: -88px -88px
}
body.ficha .head .media-right .info .info-tel a:before,
.no-svg body.ficha .head .media-right .info .info-tel a:before {
background-position: -104px -104px
}
body.ficha .head .media-right .info .info-web a:before,
.no-svg body.ficha .head .media-right .info .info-web a:before {
background-position: -120px -120px
}
body.ficha .head .media-right .info .info-cv a:before,
.no-svg body.ficha .head .media-right .info .info-cv a:before {
background-position: -72px -72px
}
body.ficha .head .media-body,
body.ficha .head #main.news .post .post-body,
#main.news .post body.ficha .head .post-body {
line-height: 21px
}
body.ficha .head .media-body p,
body.ficha .head #main.news .post .post-body p,
#main.news .post body.ficha .head .post-body p {
margin: 22px 0 0
}
body.ficha .head .media-body .sn,
body.ficha .head #main.news .post .post-body .sn,
#main.news .post body.ficha .head .post-body .sn {
padding-left: 0;
list-style: none;
margin-top: 12px
}
body.ficha .head .media-body .sn li,
body.ficha .head #main.news .post .post-body .sn li,
#main.news .post body.ficha .head .post-body .sn li {
display: inline-block;
margin-right: 8px
}
body.ficha .head .media-body .sn a,
body.ficha .head #main.news .post .post-body .sn a,
#main.news .post body.ficha .head .post-body .sn a,
.no-svg body.ficha .head .media-body .sn a,
.no-svg body.ficha .head #main.news .post .post-body .sn a,
#main.news .post .no-svg body.ficha .head .post-body .sn a {
width: 20px;
height: 20px;
background-position: -136px -136px
}
body.ficha .head .media-body .sn .sn-02 a,
body.ficha .head #main.news .post .post-body .sn .sn-02 a,
#main.news .post body.ficha .head .post-body .sn .sn-02 a,
.no-svg body.ficha .head .media-body .sn .sn-02 a,
.no-svg body.ficha .head #main.news .post .post-body .sn .sn-02 a,
#main.news .post .no-svg body.ficha .head .post-body .sn .sn-02 a {
background-position: -156px -156px
}
body.ficha .head .media-heading {
font-size: 20px;
font-weight: 900;
margin: 0;
color: #20798b
}
body.ficha .head .media-heading+span {
font-family: "Nexa", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 18px;
display: block
}
@media (max-width: 768px) {
body.ficha #header {
display: none
}
body.ficha .head {
padding-top: 60px;
padding-bottom: 60px
}
body.ficha .head .media,
body.ficha .head .list-item,
body.ficha .head #main.news .post,
#main.news body.ficha .head .post,
body.ficha .head .media-left,
body.ficha .head #main.news .post .post-time,
#main.news .post body.ficha .head .post-time,
body.ficha .head #main.news .post .post-media,
#main.news .post body.ficha .head .post-media,
body.ficha .head .media-body,
body.ficha .head #main.news .post .post-body,
#main.news .post body.ficha .head .post-body,
body.ficha .head .media-right {
display: block;
padding: 0
}
body.ficha .head .media-left img,
body.ficha .head #main.news .post .post-time img,
#main.news .post body.ficha .head .post-time img,
body.ficha .head #main.news .post .post-media img,
#main.news .post body.ficha .head .post-media img {
display: block;
margin: 0 auto 20px
}
}
@media (min-width: 769px) {
body.ficha {
padding-top: 180px
}
body.ficha .head {
position: relative
}
body.ficha .head #ficha-close {
right: 52px;
top: -30px
}
body.ficha .head .media-left,
body.ficha .head #main.news .post .post-time,
#main.news .post body.ficha .head .post-time,
body.ficha .head #main.news .post .post-media,
#main.news .post body.ficha .head .post-media {
padding-right: 15px
}
body.ficha .head .media-right {
padding-left: 15px
}
body.ficha .head .media-right .info {
width: 220px;
margin-top: 2px
}
body.ficha .body {
margin-top: 30px
}
body.ficha .body .page-submenu {
top: -5px;
left: 60px
}
body.ficha .body .page-submenu li {
margin-bottom: 12px
}
body.ficha .body .page-content {
padding-left: 205px;
padding-right: 65px;
width: 100%
}
body.ficha .body .page-content .list {
margin-top: -6px
}
}
@media print {
*,
*:before,
*:after {
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)")"
}
a[href^="#"]:after,
a[href^="javascript:"]: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
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}  #topbar-responsive {
display: none !important;
}
.navbar {
font-family: "Nexa", sans-serif !important;
margin: 0 !important;
padding: 0 8px !important;
}
.navbar .topbar-link {
max-height: 40px !important;
}
.navbar a:hover {
text-decoration: none;
opacity: 0.5;
}
.navbar .btn {
margin: 0 8px;
}
.navbar .btn a,
.navbar .btn small {
color: white !important;
font-family: "Nexa", sans-serif !important;
text-transform: uppercase;
font-weight: 600;
}
.navbar .btn i {
padding-left: 8px;
color: white !important;
}
.navbar .btn:hover {
opacity: 0.5;
}
.topbar {
height: 58px !important;
background-color: #666666 !important;
}
.topbar a {
color: white !important;
}
.topbar .container__right-elements .social-media {
margin: 0 8px;
}
.topbar .container__right-elements .social-media a {
list-style: none;
font-size: 20px;
padding: 0 12px;
}
.topbar .container__right-elements .social-media a small {
font-weight: 600;
}
.topbar .container__right-elements select {
margin: 0 8px;
background-color: transparent !important;
border: none !important;
color: white !important;
font-family: "Nexa", sans-serif !important;
}
.mobile {
display: none;
}
body.home .menu {
background-color: #f5f5f5;
padding: 16px 32px 16px 0px;
}
@media (max-width: 768px) {
body.home .submenu .menu,
#main-menu .submenu .menu {
padding: 20px 0;
}
}
body.home .menu a {
font-weight: 600;
font-size: 14px;  }
@media (max-width: 768px) {
body.home .submenu .menu a,
body.home .menu a,
#main-menu .submenu .menu a { text-transform: inherit !important;
}
}
.menu img {
max-width: 200px !important;
height: auto !important;
}
.menu .navbar-collapse {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.menu .dropdown-menu {
background-color: #f5f5f5 !important;
border: none !important;
width: 320px !important;
}
.menu .dropdown-menu .dropdown-item {
width: 320px !important;
padding: 10px !important;
font-weight: 500;
text-transform: none !important;
}
.menu .dropdown-menu .dropdown-item i {
padding: 0 5px;
}
.menu .dropdown-menu .dropdown-item:hover {
background-color: white !important;
color: #666666 !important;
opacity: 1;
}
.uk-navbar-toggle {
color: white !important;
}
.uk-search-input {
min-height: none;
height: 28px !important;
border-bottom: solid 1px white;
font-family: "Nexa", sans-serif !important;
font-size: 16px !important;
font-weight: 400;
color: white !important;
}
.uk-drop {
width: 20vw;
}
.uk-navbar-item,
.uk-navbar-toggle {
height: 48px !important;
min-height: auto;
}
.navbar-toggler {
border: none !important;
font-size: 24px;
padding: 10px;
}
#modal-full input {
color: #666666 !important;
}
@media (max-width: 992px) {
.menu .navbar-nav {
margin-top: 10px;
}
.menu .navbar-nav .nav-item {
padding: 10px 30px;
}
.desktop {
display: none;
}
.mobile {
display: block;
}
.mobile a img {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: left center;
transform-origin: left center;
}
#topbar-responsive {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #666666;
padding: 20px !important;
height: auto !important;
}
#topbar-responsive a {
color: white !important;
}
#topbar-responsive .container__elements {
width: 100% !important;
}
#topbar-responsive .container__elements .social-media {
margin: 0;
height: 48px !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
#topbar-responsive .container__elements .social-media li a {
padding: 20px !important;
margin-right: 10px;
}
#topbar-responsive .container__elements .uk-navbar-left select {
margin: 0 8px;
background-color: transparent !important;
border: none !important;
color: white !important;
font-family: "Nexa", sans-serif !important;
}
#topbar-responsive .container__elements .uk-navbar-left .uk-drop,
#topbar-responsive .container__elements .uk-navbar-left .uk-open {
width: 100% !important;
display: block !important;
}
#topbar-responsive .container__elements .uk-navbar-toggle {
padding-left: 0 !important;
}
#topbar-responsive .container__elements .btn {
margin: 0 !important;
}
#navbarSupportedContent {
width: 100%;
}
.menu {
padding: 20px 0 !important;
margin: 0 !important;
}
@media (max-width: 768px) {
body.home .submenu .menu,
#main-menu .submenu .menu {
padding: 0 !important;
}
}
.menu .navbar-brand {
margin-left: 20px;
}
.menu .navbar-brand img {
width: 80%;
}
.menu .navbar-toggler {
margin-right: 20px;
}
.menu .navbar-nav {
margin-top: 10px;
}
.menu .navbar-nav .nav-item {
padding: 10px 30px;
}
}
@media (max-width: 768px) {
.uk-drop {
width: 100% !important;
}
}