@import url('http://fonts.googleapis.com/css?family=Inconsolata');
@font-face {
  font-family: rambla;
  src: url('font/rambla/Rambla-Regular.ttf');
}
@font-face {
  font-family: rambla-bold;
  src: url('font/rambla/Rambla-Bold.ttf');
}
@font-face {
  font-family: rambla-italic;
  src: url('font/rambla/Rambla-Italic.ttf');
}
/* Reset v1.0 | 20080212 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1em;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img {
  padding: 0;
  margin: 0;
  border: 0;
}
/* Framework reset */
div,
header,
footer,
section,
article,
ol,
ul,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
input,
select,
label,
blockquote,
form,
fieldset,
legend {
  position: relative;
  float: left;
  width: 100%;
}
input,
textarea,
select {
  width: auto;
}
input {
  border: none;
}
a img {
  padding: 0;
  margin: 0;
  border: 0;
}
a,
input.submit,
input.button,
a.button,
input[type=submit],
input[type=button] {
  cursor: pointer;
}
/* EM calcs:
    16 source:
      16px - 1em
        11px - 0.688em
        12px - 0.75em
        14px - 0.875em
        18px - 1.125em
        21px - 1.313em
        24px - 1.5em
        28px - 1.750em
        32px - 2em
        36px - 2.25em
        45px - 2.813em
        52px - 3.25em
*/
/* Colours used:
  RED: #D22C23;
  DARK RED: #970A02;
  BLUE: #004999;
  DARK BLUE: #08326F;
  LIGHT BLUE: #E0E9F3;
  YELLOW: #F2FF00;
  LIME: #AFC700;
*/
/* Hidden text */
.hiddenText,
div.listNavigation a.next,
div.listNavigation a.previous {
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
}
/* Hidden elements */
.hidden {
  display: none;
}
/* Globals */
.left {
  display: inline;
  float: left;
}
.right {
  display: inline;
  float: right !important;
}
.clear-both {
  clear: both;
}
.block {
  display: block;
}
.bold {
  font-weight: bold !important;
}
a,
a:link,
a:visited {
  text-decoration: none;
  cursor: pointer;
  color: #000;
}
a:hover {
  color: #000000;
  text-decoration: underline;
}
body.hover1 a,
body.hover1 a:link,
body.hover1 a:visited {
  text-decoration: none;
  cursor: pointer;
  color: #1974e1;
}
body.hover1 a:hover {
  color: #1974e1;
  text-decoration: underline;
}
body.hover2 a,
body.hover2 a:link,
body.hover2 a:visited {
  text-decoration: none;
  cursor: pointer;
  color: #bb0000;
}
body.hover2 a:hover {
  color: #bb0000;
  text-decoration: underline;
}
body.hover3 a,
body.hover3 a:link,
body.hover3 a:visited {
  text-decoration: none;
  cursor: pointer;
  color: #269d1f;
}
body.hover3 a:hover {
  color: #269d1f;
  text-decoration: underline;
}
body.hover4 a,
body.hover4 a:link,
body.hover4 a:visited {
  text-decoration: none;
  cursor: pointer;
  color: #ff8300;
}
body.hover4 a:hover {
  color: #ff8300;
  text-decoration: underline;
}
a.button {
  color: white !important;
}
p {
  margin-bottom: 1em;
}
/* Styles */
body {
  background: #FFF;
  font-family: Arial, sans-serif, serif;
  color: #000;
  font-size: 1em;
}
h2 {
  font-size: 2em;
  margin-bottom: 0.5em;
  line-height: 1em;
}
h3 {
  font-size: 1.125em;
  margin-bottom: 0.5em;
  margin-top: 1em;
  font-weight: normal;
}
h3:first-child {
  margin-top: 0;
}
h2 + h3 {
  margin-top: -0.2em;
}
h4 {
  margin: 0.5em 0;
}
input,
textarea {
  font-family: Arial;
  line-height: 1.5;
  font-size: 1em;
  color: #444;
  border: 1px solid #DFDFDF;
}
/* === END CSS RESET ======================================================== */
.sidebarLinksFont {
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
  font-size: 1.72em;
  color: #000000;
  font-weight: bold;
  color: #000;
  line-height: 30px;
}
body {
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
}
.sidebar {
  min-width: 190px !important;
  position: fixed;
  top: 39px;
  left: 53px;
  height: 100%;
  z-index: 1000;
}
.sidebar .logo {
  margin-left: -34px;
  margin-bottom: 70px;
  display: inline-block;
}
.sidebar ul.links {
  background-color: #FFF;
  z-index: 500;
}
.sidebar ul.links > li > a {
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
  font-size: 1.72em;
  color: #000000;
  font-weight: bold;
  color: #000;
  line-height: 30px;
  display: block;
  height: 30px;
  padding: 6px;
}
.sidebar ul.links > li {
  padding: 0px;
  margin-bottom: 1.2em;
}
div.counter {
  color: #CCCDCD;
  position: absolute;
  bottom: 90px;
  left: 0;
  margin-left: -22px;
  font-family: Inconsolata;
  font-weight: normal;
  width: 340px;
  text-align: center;
  cursor: default;
  z-index: 400;
}
div.counter:hover {
  color: #959595;
}
div.counter > div {
  font-size: 9em;
  line-height: 0.84em;
  float: left;
  width: 160px;
  height: 140px;
  letter-spacing: -0.05em;
  text-align: center;
  overflow: hidden;
}
div.counter > div > small {
  display: block;
  visibility: hidden;
  text-transform: uppercase;
  font-size: 0.14em;
  line-height: 0.2em;
  letter-spacing: normal;
}
div.counter > div.text {
  text-transform: uppercase;
  font-size: 1.05em;
  line-height: 1.05em;
  visibility: hidden;
  text-align: left;
  letter-spacing: normal;
  padding-top: 20px;
  height: 120px;
}
div.counter:hover > div > small,
div.counter:hover div.text {
  visibility: visible;
}
.mainContent {
  margin-left: 380px;
  width: auto;
  padding-bottom: 100px;
  max-width: 700px;
}
.mainContent h2 {
  margin-bottom: 1.2em;
}
.mainContent .blocks {
  max-width: 1600px;
  width: 640px;
}
.mainContent .blocks a {
  padding: 13px 10px;
  width: 300px;
  min-height: 80px;
  display: block;
  position: absolute;
  display: none;
  margin: 0px;
}
.mainContent .blocks a h1 {
  font-size: 1.95em;
  line-height: 1.1em;
  color: #3C3C3C;
  display: block;
  float: none;
  padding-bottom: 0.1em;
  font-weight: normal;
}
.mainContent .blocks a p {
  font-size: 0.92em;
  line-height: 1.1em;
  display: block;
  margin-bottom: 0px;
}
.mainContent .blocks a.sentence {
  font-size: 1.94em;
  font-family: rambla-italic, Helvetica, Arial, Verdana, sans-serif, serif;
  line-height: 1.1em;
}
.mainContent .blocks a.wide {
  width: 620px;
}
.mainContent .blocks a small {
  display: block;
  font-size: 0.9em;
  color: #3C3C3C;
  padding-top: 0px;
  margin-top: 0px;
}
.mainContent .blocks a.title h1 {
  font-size: 2.4em;
}
.mainContent .blocks a.wide h1 {
  font-size: 2.42em;
  line-height: 1.1em;
  font-weight: normal;
  display: block;
}
.mainContent .blocks a p {
  float: none;
  padding: 0px !important;
  margin: 0px !important;
}
.mainContent .blocks a.event {
  padding-left: 80px;
  width: 150px;
}
.mainContent .blocks a.event .date {
  display: block;
  float: left;
  width: 60px;
  margin-left: -70px;
  text-align: center;
  font-weight: bold;
}
.mainContent .blocks a.event .date .day {
  font-size: 2.8em;
  float: none;
  line-height: 1em;
  font-family: rambla-bold, Helvetica, Arial, Verdana, sans-serif, serif;
}
.mainContent .blocks a.event .date small {
  float: none;
  font-size: 0.95em;
  line-height: 1.05em;
  text-transform: lowercase;
}
.mainContent .blocks a.event h1 {
  font-weight: bold;
  font-size: 1.25em;
}
.mainContent .blocks a.event p {
  font-size: 0.93em;
  line-height: 1.2em;
}
.mainContent .blocks a.wide p {
  font-size: 1.25em;
  line-height: 1.1em;
  display: block;
  margin-bottom: 0px;
}
.mainContent .blocks a.narrow {
  width: 129px;
  margin-left: 170.99999999999997px;
}
.mainContent .blocks a.narrow h1 {
  font-size: 1.25em;
  line-height: 1.05em;
  font-weight: normal;
}
.mainContent .blocks a.narrow p {
  font-size: 0.84em;
  line-height: 1.3em;
  margin-bottom: 0px;
}
.mainContent {
  position: absolute;
  top: 190px;
}
.languageLinks {
  float: right;
  display: inline-block;
  width: auto;
  margin-right: 5%;
  margin-top: 28px;
  font-size: 0.74em;
  cursor: default;
}
.languageLinks a {
  font-weight: bold;
  cursor: pointer;
  color: #000 !important;
}
.languageLinks a.selected {
  font-weight: normal;
}
.footer {
  position: fixed;
  bottom: 0;
  padding-bottom: 26px;
  text-align: right;
  right: 0;
  padding-right: 5%;
  width: auto;
  font-size: 0.97em;
  background-color: #FFF;
  left: 380px;
}
.footer a {
  color: #000 !important;
}
.footer > ul a {
  font-weight: bold;
  text-transform: uppercase;
  color: #000 !important;
}
.footer p {
  font-size: 0.765em;
  margin-top: 14px;
  margin-bottom: 0px;
}
.footer p a {
  font-weight: bold;
  color: #000;
}
.blocks a.hover1:hover,
.blocks a.hover1:hover *,
.blocks a.hover1.hover,
.blocks a.hover1.hover *,
.blocks a.hover1.toggled,
.blocks a.hover1.toggled * {
  background-color: #1974e1;
  color: #FFF !important;
}
.blocks a.hover2:hover,
.blocks a.hover2:hover *,
.blocks a.hover2.hover,
.blocks a.hover2.hover *,
.blocks a.hover2.toggled,
.blocks a.hover2.toggled * {
  background-color: #bb0000;
  color: #FFF !important;
}
.blocks a.hover3:hover,
.blocks a.hover3:hover *,
.blocks a.hover3.hover,
.blocks a.hover3.hover *,
.blocks a.hover3.toggled,
.blocks a.hover3.toggled * {
  background-color: #269d1f;
  color: #FFF !important;
}
.blocks a.hover4:hover,
.blocks a.hover4:hover *,
.blocks a.hover4.hover,
.blocks a.hover4.hover *,
.blocks a.hover4.toggled,
.blocks a.hover4.toggled * {
  background-color: #ff8300;
  color: #FFF !important;
}
.blocks a,
.blocks a * {
  color: #000 !important;
}
.blocks a:hover,
.blocks a:hover * {
  background-color: #000;
  color: #FFF !important;
  text-decoration: none !important;
}
.blocks a.no-link:hover,
.blocks a.no-link:hover * {
  cursor: default;
  background-color: transparent;
  color: inherit !important;
}
ul.links > li.hover1.hover > a,
ul.links > li.hover1:hover > a,
ul.links > li.hover1.toggled > a,
ul.links > li.hover1.selected > a {
  background-color: #1974e1;
  color: #FFF !important;
}
ul.links > li.hover2.hover > a,
ul.links > li.hover2:hover > a,
ul.links > li.hover2.toggled > a,
ul.links > li.hover2.selected > a {
  background-color: #bb0000;
  color: #FFF !important;
}
ul.links > li.hover3.hover > a,
ul.links > li.hover3:hover > a,
ul.links > li.hover3.toggled > a,
ul.links > li.hover3.selected > a {
  background-color: #269d1f;
  color: #FFF !important;
}
ul.links > li.hover4.hover > a,
ul.links > li.hover4:hover > a,
ul.links > li.hover4.toggled > a,
ul.links > li.hover4.selected > a {
  background-color: #ff8300;
  color: #FFF !important;
}
ul.links > li > ul {
  position: absolute;
  margin-left: 140px;
  margin-top: -42px;
  width: 160px;
  padding: 0.5em;
  display: none;
  background-color: #1974e1;
}
ul.links > li.hover1 > ul {
  background-color: #1974e1;
}
ul.links > li.hover2 > ul {
  background-color: #bb0000;
}
ul.links > li.hover3 > ul {
  background-color: #269d1f;
}
ul.links > li.hover4 > ul {
  background-color: #ff8300;
}
ul.links > li > a {
  text-decoration: none !important;
}
ul.links > li > ul > li > a {
  color: #FFF !important;
  display: block;
  padding: 0.4em;
  font-size: 1.1em;
  line-height: 1.3em;
  font-weight: bold;
}
ul.links > li > ul > li > a:hover,
ul.links > li > ul > li > a.selected {
  text-decoration: underline !important;
  color: #FFF !important;
}
ul.links > li.toggled > ul,
ul.links > li.hover > ul,
ul.links > li.selected > ul {
  display: block;
}
ul.links:not(.toggledExists) > li:hover > ul {
  display: block;
}
ul.links > li:hover > ul,
ul.links > li.hover > ul {
  z-index: 1010;
}
div.counter.small {
  bottom: 75px;
  font-size: 0.6em;
  width: 210px;
  bottom: 50px;
}
div.counter.small > div {
  width: 100px;
  height: 90px;
}
div.counter.small > div.text {
  padding-top: 10px;
  height: 80px;
  font-size: 1.3em;
}
.mainContentTitle {
  margin-bottom: 1em;
  margin-top: 4px;
}
.mainContentTitle h1 {
  font-size: 2.2em;
  font-weight: normal;
  color: #3C3C3C;
  margin-bottom: 0.4em;
  font-weight: bold;
}
.mainContentTitle small {
  color: #3C3C3C;
  font-size: 0.85em;
}
.mainContentTitle .box {
  position: absolute;
  width: 128px;
  padding: 6px;
  margin-left: 480px;
  max-height: 93px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  z-index: 1020;
  background-color: #1974e1;
}
body.hover1 .mainContentTitle .box {
  background-color: #1974e1;
}
body.hover2 .mainContentTitle .box {
  background-color: #bb0000;
}
body.hover3 .mainContentTitle .box {
  background-color: #269d1f;
}
body.hover4 .mainContentTitle .box {
  background-color: #ff8300;
}
.mainContentTitle .box large {
  font-size: 50px;
  display: block;
  line-height: 50px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.mainContent.hasBox.hasGallery .mainContentTitle {
  padding-bottom: 70px;
}
a.box {
  text-transform: uppercase;
  margin-top: 134px;
  font-size: 1.4em;
  padding: 10px !important;
  display: block;
  width: 120px !important;
  color: #FFF !important;
}
.mainContentBody {
  color: #3C3C3C;
  line-height: 1.30em;
  font-size: 0.96em;
  max-width: 920px;
}
.mainContentBody .main {
  width: 600px;
  margin-right: 2%;
  float: left;
}
.mainContentBody .additional {
  width: 480px;
  top: 0;
  float: right;
  display: inline-block;
  clear: none;
  margin-right: -57%;
  margin-left: 1.5em;
}
.mainContent.hasBox p.lead {
  width: 460px;
}
.mainContent.hasBox .additional {
  margin-right: -60%;
  margin-bottom: 0.5em;
}
.mainContent.hasBox:not(.hasLead):not(.hasGallery):not(.hasButton) .additional {
  margin-top: 80px !important;
}
.mainContent.hasBox.hasButton:not(.hasLead):not(.hasGallery) .additional {
  margin-top: 150px !important;
}
.mainContent.hasBox.hasButton .additional {
  margin-top: 0px;
  margin-right: -60%;
}
.mainContent.hasBox.hasGallery .additional {
  margin-top: 0px;
  margin-right: -57%;
}
.mainContentBody p {
  margin-bottom: 1em;
  display: block;
}
.mainContentBody .main > p {
  display: inline;
  clear: none !important;
  float: none !important;
}
.mainContentBody .main > ul {
  display: inline !important;
  float: none !important;
  clear: none !important;
}
.mainContentBody .main > ul li {
  display: inline !important;
  float: none !important;
  clear: none !important;
}
.mainContentBody .main > p:after {
  content: ' ';
  display: block;
  margin-top: 1em;
}
.mainContentBody .main > ul li:after {
  content: ' ';
  display: block;
  margin-top: 1em;
}
.mainContentBody.narrow .additional {
  width: 480px;
  float: left;
  display: block;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0 !important;
}
.additional.forcedNarrow {
  width: 480px !important;
  float: left !important;
  display: block !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
.mainContentBody .additional h2 {
  font-size: 1.35em;
  font-weight: normal;
  color: #3C3C3C;
  margin-bottom: 0.3em;
  margin-top: 0.8em;
  font-weight: bold;
}
.mainContentBody .additional h2:first-child {
  margin-top: 0;
}
.mainContentBody .additional .module {
  width: 45%;
  padding-right: 5%;
  margin-bottom: 2em;
}
.mainContentBody li {
  padding-left: 1.7em;
  font-size: 0.88em;
  line-height: 1.22em;
  margin-bottom: 1em;
}
.mainContentBody ul li {
  background: url('/img/bullet.png') no-repeat 4px 3px;
}
body.hover1 .mainContentBody ul li {
  background: url('/img/bullet-hover1.png') no-repeat 4px 3px;
}
body.hover2 .mainContentBody ul li {
  background: url('/img/bullet-hover2.png') no-repeat 4px 3px;
}
body.hover3 .mainContentBody ul li {
  background: url('/img/bullet-hover3.png') no-repeat 4px 3px;
}
body.hover4 .mainContentBody ul li {
  background: url('/img/bullet-hover4.png') no-repeat 4px 3px;
}
.mainContentBody.narrow {
  width: 460px;
}
.mainContentBody.narrow .main {
  float: none;
  width: 96%;
}
.mainContentBody.narrow .additional {
  padding-top: 2em;
}
.mainContent .blocks a.noDate h1 {
  margin-bottom: 0.055em;
}
.mainContent .blocks a.noDate p {
  font-size: 1.15em;
}
.mainContentBody p.lead {
  width: 540px;
  display: block;
  margin-bottom: 2em;
  float: none;
  font-size: 1.4em;
  margin-top: -10px;
  line-height: 1.1em;
  font-family: rambla-italic, Helvetica, Arial, Verdana, sans-serif, serif;
}
.mainContentBody .mainContentBlocks li {
  background-image: none !important;
  padding: 0px;
  width: 440px;
  padding-right: 20px;
  font-size: 0.85em;
  float: left;
  margin-bottom: 2em;
  display: block !important;
}
.mainContentBody .mainContentBlocks li h3 {
  display: block;
  float: none;
  font-size: 1.5em;
}
.mainContentBody img.portrait {
  width: 140px;
  height: 160px;
  float: left;
  margin-right: 10px;
}
.mainContentBody .mainContentBlocks li .portraitOverlay {
  width: 140px;
  height: 160px;
  margin-left: -150px;
  float: left;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.25;
}
body.hover1 .mainContentBody .mainContentBlocks li .portraitOverlay {
  background-color: #1974e1;
}
body.hover2 .mainContentBody .mainContentBlocks li .portraitOverlay {
  background-color: #bb0000;
}
body.hover3 .mainContentBody .mainContentBlocks li .portraitOverlay {
  background-color: #269d1f;
}
body.hover4 .mainContentBody .mainContentBlocks li .portraitOverlay {
  background-color: #ff8300;
}
.mainContentBody .mainContentBlocks li div.mainContentBlock {
  margin-left: 0px;
  width: 440px;
  font-size: 1.1em;
  line-height: 1.3em;
  float: none;
  display: inline-block;
}
.mainContentBody .mainContentBlocks li .portraitOverlay + div.mainContentBlock {
  margin-left: 10px;
  width: 280px;
}
.transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.25;
}
.mainContentBody .image {
  display: block;
  width: 220px;
  height: 170px;
  float: left;
  margin-right: 0.6em;
  margin-bottom: 0.4em;
}
.mainContentBody .image img {
  display: block;
  width: 220px;
  height: 170px;
}
.mainContentBody ul.documents li {
  background-image: none;
  padding: 0px;
  min-height: 35px;
  display: block;
  margin-bottom: 1em;
  font-size: 0.8em;
  padding-left: 35px;
}
.slider-big-img {
  float: left;
  width: 540px;
}
.main-slider-container {
  margin-bottom: 2em;
  width: 620px;
}
.slider-slider {
  float: left;
  margin-left: 20px;
  width: 60px;
}
.slider-slider .top-arrow,
.slider-slider .bot-arrow {
  height: 19px;
  width: 60px;
  cursor: pointer;
  background-color: black;
}
body.hover1 .slider-slider .top-arrow,
body.hover1 .slider-slider .bot-arrow {
  background-color: #1974e1;
}
body.hover2 .slider-slider .top-arrow,
body.hover2 .slider-slider .bot-arrow {
  background-color: #bb0000;
}
body.hover3 .slider-slider .top-arrow,
body.hover3 .slider-slider .bot-arrow {
  background-color: #269d1f;
}
body.hover4 .slider-slider .top-arrow,
body.hover4 .slider-slider .bot-arrow {
  background-color: #ff8300;
}
.slider-slider .top-arrow .pic,
.slider-slider .bot-arrow .pic {
  height: 19px;
  width: 42px;
  background: url("../img/arrow-up.png") 18px 4px no-repeat;
}
.slider-slider .bot-arrow .pic {
  background: url("../img/arrow-down.png") 18px 5px no-repeat;
}
.slider-slider.disabled .top-arrow,
.slider-slider.disabled .bot-arrow {
  cursor: default;
  display: none;
}
.slider-slider.disabled .top-arrow .pic,
.slider-slider.disabled .bot-arrow .pic {
  display: none;
}
.slider-slider ul {
  list-style: none;
  padding: 0;
  margin: 3px 0 0 0;
  height: 310px;
  overflow: hidden;
}
.slider-slider.disabled ul {
  margin: 0px;
}
.slider-slider ul a {
  margin-top: -3px;
}
.slider-slider ul li {
  margin-bottom: 2px;
}
ul.structure {
  list-style: none;
}
ul.structure > li {
  background: none !important;
  padding-left: 0px !important;
}
.footer > .ajaxLoader {
  position: absolute;
  left: 30%;
  margin-left: -16px;
  top: 16px;
  display: inline-block;
}
/* GTCrais */
.log-reg-container {
  padding-left: 6px;
  float: left;
}
.log-reg-container p.error,
.generalMessage,
.mainContent p.error {
  background: url("../img/eMark.png") 0 no-repeat;
  padding-left: 25px;
  height: 33px;
}
.generalMessage {
  margin-bottom: 30px;
}
.gtcContent p.error {
  margin-bottom: 30px;
  margin-top: -10px;
  padding-top: 12px;
}
.log-reg-container .main-c {
  /*  padding-left: 20px;*/
  max-width: 500px;
}
.log-reg {
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
  font-size: 1.72em;
  color: #3C3C3C;
  font-weight: bold;
  line-height: 30px;
  display: block;
  height: 30px;
  padding: 6px 6px 6px 0;
  margin-bottom: 15px;
}
.log-reg-container label {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 1em;
  color: #3C3C3C;
}
.log-reg-container input,
#applicationForm input,
#organizationEditForm input,
form.genericForm input {
  margin-bottom: 10px;
  background-color: #EFEFEF;
  border: none;
  padding: 7px 10px;
}
#submitLogin,
#submitRegistration,
#submit,
#submitSend,
#submitEdit,
#cancelRegistration,
input.button,
a.button,
form.genericForm input.submit {
  background-color: #3C3C3C;
  color: white;
  float: right;
  font-family: inherit;
  font-size: 0.75em;
  margin-right: 81px;
  padding: 6px;
  min-width: 105px;
  text-transform: uppercase;
  text-align: center;
}
#submit,
#submitSend,
#submitEdit {
  margin-right: 5px;
  float: left;
  background-color: #3C3C3C !important;
  min-width: 120px;
}
#submitRegistration {
  float: left;
}
#submitEdit {
  margin-left: 320px;
}
#cancelRegistration {
  margin-right: 20px;
  display: none;
}
.log-reg-container .info,
#organizationEditForm .info {
  color: #3C3C3C;
  font-size: 0.8em;
  font-weight: bold;
  position: absolute;
  left: 460px;
  top: 30px;
}
#organizationEditForm .info {
  left: 450px;
}
.log-reg-container.sidebar-c .mainError .error {
  margin-top: -10px;
  padding-top: 12px;
}
.gtcContent h2 {
  margin-bottom: 1.2em;
}
#applicationForm div.input.submit {
  margin-top: 2em;
}
#applicationForm label,
#organizationEditForm label,
form.genericForm label {
  margin-bottom: 7px;
  font-weight: bold;
}
#applicationForm div.input,
#organizationEditForm div.input {
  margin-bottom: 15px;
}
#applicationForm h3 {
  font-weight: bold;
}
.inputTable input {
  margin: 0px !important;
  width: auto !important;
}
.inputTable td {
  background-color: #EFEFEF;
  border: 3px solid #FFF;
}
.inputTable td.function {
  text-align: center;
  vertical-align: middle;
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
  font-weight: bold;
  padding: 0.55em 0em;
}
.inputTable th {
  background-color: #646464;
  color: white;
  text-align: left;
  height: 26px;
  min-width: 130px;
  max-width: 130px;
  line-height: 1em;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: normal;
  border: 3px solid #FFF;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
  vertical-align: middle;
}
.inputTable tr.wide th {
  max-width: inherit !important;
}
.inputTable tr.wide input.text,
.inputTable tr.wide textarea {
  width: 96% !important;
  display: block;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}
.addRemRow {
  width: auto;
  float: right;
  margin-right: -150px;
  margin-top: -26px;
}
.addRowButton {
  padding-left: 20px;
  background: url("../img/addRow.png") 0 no-repeat;
  display: block;
}
.removeRowButton {
  padding-left: 20px;
  background: url("../img/remRow.png") 0 no-repeat;
  margin-top: 16px;
  display: block;
}
.removeRowButton.hidden {
  display: block;
  visibility: hidden;
}
textarea {
  float: none;
  background-color: #EFEFEF;
  border: none;
  padding: 5px;
}
.tableContainer {
  width: auto;
}
.chzn-container-single .chzn-single div b {
  background: url("../img/arrowsSprite.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 100%;
  width: 100%;
}
.chzn-container-single .chzn-single div {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
}
#registrationForm input.text,
#registrationForm input.password,
#organizationEditForm input.text,
#organizationEditForm input.password,
#applicationForm input.text,
#applicationForm input.password,
#applicationForm textarea,
form.genericForm input.text,
form.genericForm input.password {
  width: 420px;
}
#applicationForm textarea {
  padding: 0.5em;
  resize: vertical;
  min-height: 92px;
}
#registrationForm .chzn-container,
#registrationForm .chzn-drop,
#organizationEditForm .chzn-container,
#organizationEditForm .chzn-drop,
#applicationForm .chzn-container,
#applicationForm .chzn-drop {
  width: 440px !important;
}
#registrationForm .chzn-container-single .chzn-search input,
#organizationEditForm .chzn-container-single .chzn-search input,
#applicationForm .chzn-container-single .chzn-search input {
  width: 381px !important;
}
span.customCheckbox {
  background-color: #EFEFEF;
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0px;
  overflow: hidden;
  margin-right: 0.7em;
}
span.customCheckbox input {
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  filter: alpha(opacity=0);
  /* internet explorer */
  -khtml-opacity: 0;
  /* khtml, old safari */
  -moz-opacity: 0;
  /* mozilla, netscape */
  opacity: 0;
  /* fx, safari, opera */
  position: absolute;
}
span.customCheckbox .indicator {
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: #3C3C3C;
  display: none;
}
span.customCheckbox.checked .indicator {
  display: block;
}
div.input.radio label,
div.input.checkbox label {
  cursor: pointer;
  margin-bottom: 0.7em;
  font-weight: normal !important;
}
div.radioButtonsWrapper {
  margin-bottom: 1em;
}
p.success {
  background: url("../img/cMark.png") 0 no-repeat;
  padding-left: 35px;
  min-height: 33px;
  width: 90%;
  padding-top: 19px;
  margin-top: -8px;
}
#submitChecklist {
  float: left;
  margin-top: 20px;
}
.checklist-name {
  margin-top: 20px;
}
form.checklistForm .checklist-name:first-child {
  margin-top: 0;
}
.genericButton {
  background-color: #3C3C3C;
  color: white;
  float: right;
  font-family: inherit;
  font-size: 0.75em;
  margin-right: 81px;
  padding: 6px;
  width: 105px;
  text-transform: uppercase;
}
a.genericButton {
  float: none;
  margin-right: inherit;
  color: #FFF !important;
  text-decoration: none;
}
.org-field-name {
  margin-top: 1em;
  margin-bottom: 0.3em;
  font-weight: bold;
}
.textareaContainer {
  width: 440px !important;
}
span.questionDetails {
  display: block;
  color: #666;
  font-size: 0.9em;
  font-weight: normal;
  margin-top: 0.5em;
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
}
.textareaContainer textarea {
  min-width: 420px;
  resize: none !important;
}
.textareaContainer span.info {
  float: right;
  margin-top: -0.8em;
  font-size: 0.9em;
  display: block;
  margin-right: 0.5em;
}
.inputTable td.input.required,
.inputTable td.input.required input {
  /* background-color: lightcoral !important; */
}
.inputTable td.input.required input,
.inputTable td.input.required textarea {
  background-image: url('/img/requiredIcon.png');
  background-repeat: no-repeat;
  background-position: 97% 4px;
}
form#applicationForm div.input span.info.error,
form#organizationEditForm div.input span.info.error {
  padding: 3px 6px;
  display: block;
  clear: both;
  font-size: 0.9em;
}
form#applicationForm .textareaContainer div.input span.info.error {
  position: absolute;
  margin-top: 0.1em;
}
form#applicationForm div.input input.text,
form#applicationForm div.input textarea {
  margin-bottom: 0px;
}
div.input.submit span.info {
  display: inline-block;
  margin-top: 0.55em;
  margin-left: 0.2em;
  color: #666;
  font-size: 0.9em;
}
#applicationForm h3 {
  font-size: 1.25em;
  line-height: 1em;
  margin-bottom: 1em;
}
.oib-ajax-message {
  margin-bottom: 1em;
}
.textareaContainer {
  width: 620px !important;
}
.textareaContainer textarea {
  width: 600px !important;
}
/* ------------------------ */
.mainContent.registration {
  max-width: 1100px !important;
}
.log-reg-container {
  width: auto;
  max-width: 650px;
  float: left;
  margin-right: 20px;
}
.regInstructions {
  margin-top: 95px;
  float: left;
  width: 390px;
  padding-left: 6px;
}
.regInstructions h1 {
  margin-bottom: 15px;
}
.instructionsLink {
  position: absolute;
  right: -200px;
  font-weight: bold;
  z-index: 1000;
}
.instructionsLink a {
  display: block;
  margin-bottom: 0.3em;
}
form.genericForm .info {
  display: block;
  font-size: 0.9em;
  clear: both;
  margin-top: -14px;
}
.inputTable td {
  vertical-align: top;
}
#applicationForm .inputTable textarea {
  min-height: 38px !important;
  height: 38px;
  width: 100% !important;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  resize: none !important;
}
textarea.autosizejs {
  -webkit-box-sizing: border-box !important;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box !important;
  /* Firefox, other Gecko */
  box-sizing: border-box !important;
  /* Opera/IE 8+ */
}
div.bottomMarker {
  clear: both;
  display: block;
  width: 100px;
  height: 1px;
}
div.counter.small {
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
}
div.counter.secondary {
  display: none;
}
div.secondaryCounter {
  display: none;
  margin-top: 0px !important;
  color: #555 !important;
}
div.counter.loading,
div.secondaryCounter.loading {
  visibility: hidden !important;
}

div.counter.secondary {
  position: relative;
  margin-top: 80px;
  margin-left: 32px;
}

body > .mainContent {
  margin-left: 380px;
}
.sidebar {
  width: 226px;
}
.sidebar ul.links a:hover,
.sidebar ul.links a.selected {
  background-color: #3C3C3C;
  color: #FFF;
}

ul.applications h2 {
  margin-bottom: 1.35em;
  font-size: 1.8em;
}

ul.applications > li > dl > dt {
  font-size: 1.4em;
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
  margin-bottom: 0.5em;
  font-weight: bold;
}
ul.applications > li > dl > dt > a {
  padding: 0.2em;
}
ul.applications > li > dl > dd > a {
  display: block;
  font-size: 1em;
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
  font-weight: bold;
  margin-bottom: 0.1em;
  color: #3c3c3c;
  padding: 0.2em;
  display: inline-block;
}
ul.applications > li > dl > dd {
  margin-bottom: 2em;
  color: #3c3c3c;
}
ul.applications > li > dl > dd > small {
  text-transform: uppercase;
  font-size: 0.75em;
  display: block;
  margin-left: 0.2em;
}
ul.applications > li > dl > dd > small > span {
  border-right: 1px solid #999;
  margin-right: 0.2em;
  padding-right: 0.4em;
  display: inline-block;
}
ul.applications > li > dl > dd > small > span.last-child {
  border-right: none;
}
ul.applications > li > dl > dd > a:hover,
ul.applications > li > dl > dt > a:hover {
  background-color: #3C3C3C;
  color: #FFF;
  text-decoration: none;
}
ul.applications > li > dl > dd > small > a {
  padding: 0.2em 0.6em;
  display: inline-block;
  margin-left: -0.6em;
}
ul.applications > li > dl > dd > small > a:hover {
  background-color: #3C3C3C;
  color: #FFF;
  text-decoration: none;
}
form div.input label span.required,
form dt span.required,
form div.radioButtonsWrapper span.required {
  color: #ef2929;
  font-size: 20px;
  font-family: Helvetica, Arial, sans-serif, serif;
}
body .mainContent.registration {
  padding-left: 80px;
  margin-left: 340px;
  border-left: 2px solid #3C3C3C !important;
}
a.documentationButton {
  margin-top: 3px;
  text-transform: uppercase;
  font-size: 0.8em !important;
  display: inline-block !important;
  font-family: rambla !important;
  background: url('/img/documentation.png') 6px center no-repeat;
  padding-left: 36px !important;
  padding-right: 8px !important;
  line-height: 30px;
}
a.documentationButton:hover {
  background: url('/img/documentationHover.png') 6px center no-repeat;
}
ul.iconButtons {
  display: block;
  margin-top: 3px;
}
ul.iconButtons > li {
  display: inline-block !important;
  min-height: 16px;
  float: none;
  width: auto !important;
  margin-right: 1.2em;
}
ul.iconButtons > li > a {
  display: inline-block !important;
  float: none;
  padding: 4px 6px 4px 28px !important;
  background: 6px center no-repeat;
  font-size: 14px;
}
ul.iconButtons > li > a.edit {
  background-image: url('/img/iconButtons/edit.png');
}
ul.iconButtons > li > a.delete {
  background-image: url('/img/iconButtons/remove.png');
}
ul.iconButtons > li > a.pdf,
ul.iconButtons > li > a.word {
  background-image: url('/img/iconButtons/download.png');
}
ul.iconButtons > li > a:hover,
ul.iconButtons > li > a.delete.active {
  background-color: #3C3C3C;
  text-decoration: none !important;
  color: #FFF;
}
ul.iconButtons > li > a.edit:hover {
  background-image: url('/img/iconButtons/editWhite.png');
}
ul.iconButtons > li > a.delete:hover,
ul.iconButtons > li > a.delete.active {
  background-image: url('/img/iconButtons/removeWhite.png');
}
ul.iconButtons > li > a.word:hover,
ul.iconButtons > li > a.pdf:hover {
  background-image: url('/img/iconButtons/downloadWhite.png');
}
ul.applications a.applicationSubmitButton,
ul.applications a.downloadPdfButton {
  text-transform: uppercase;
  font-size: 0.94em !important;
  color: #FFF !important;
  background-color: #3C3C3C;
  padding: 0.35em 0.6em !important;
  position: absolute;
  margin-top: 41px;
  margin-left: 320px;
  z-index: 200;
}
ul.applications a.downloadPdfButton {
  margin-left: 335px;
}
ul.applications a.applicationSubmitButton.disabled {
  cursor: default;
}
div.miniPopup {
  display: none;
  margin: 0px !important;
  padding-bottom: 9px !important;
  background: url('/img/miniPopupTriangle.png') center bottom no-repeat;
  position: absolute;
  z-index: 1000;
  width: 160px !important;
}
div.miniPopup .miniPopupContent {
  margin: 0px !important;
  padding: 12px !important;
  background-color: #969696;
  width: 136px !important;
  color: #FFF;
  text-align: center;
  font-size: 14px;
}
div.miniPopup .miniPopupContent .buttons {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
div.miniPopup .miniPopupContent .buttons a {
  text-transform: uppercase;
  font-size: 1.6em;
  color: #3C3C3C;
  width: 49.5%;
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
}
div.miniPopup .miniPopupContent .buttons.single a {
  width: 100%;
}
div.miniPopup .miniPopupContent .buttons a:hover {
  color: #FFF;
  text-decoration: none !important;
}
div.miniPopup .miniPopupContent .buttons a.confirm {
  border-right: 1px solid #3C3C3C;
}
div.miniPopup.applicationDelete {
  margin-top: -144px !important;
  margin-left: -45px !important;
}
div.miniPopup.applicationSubmit {
  margin-left: 260px !important;
  margin-top: -150px !important;
  width: 260px !important;
}
div.miniPopup.applicationSubmit .miniPopupContent {
  width: 236px !important;
}
div.miniPopup.applicationSubmit.notice {
  margin-left: 310px !important;
  margin-top: -150px !important;
  width: 160px !important;
}
div.miniPopup.applicationSubmit.notice.organization {
  margin-top: -137px !important;
  width: 160px !important;
}
div.miniPopup.applicationSubmit.notice .miniPopupContent {
  width: 136px !important;
}
.ui-datepicker .ui-datepicker-title {
  width: 74% !important;
  margin-left: 13% !important;
  margin-right: 13% !important;
}

.autoWidth {
  width: auto;
}

.mainContent.registration #submitRegistration {
  width: auto;
}
ul.applications > li > h2 {
  width: 500px;
}
.regInstructions {
  line-height: 1.25em;
  color: #333;
}
.instructionsPage {
  width: 590px;
}
.instructionsPage p {
  line-height: 1.25em;
  color: #333;
}
.instructionsPage p a {
  font-weight: bold;
}
.iconButtons > li > a.pdf {
  visibility: hidden;
}
.sidebar .sidebarInfo {
  color: #ef2929;
  margin-top: 50px;
}

.sidebar .sidebarInfo + .sidebarInfo {
  margin-top: 16px;
}

.forgotPasswordLink {
  display: block;
  width: 180px;
  text-align: right;
  margin-bottom: 1em;
  font-size: 0.8em;
  float: left;
}
.sidebar div.input input.password {
  margin-bottom: 10px;
}

.forgotPasswordInfo {
  font-size: 0.8em;
  margin-bottom: 1em;
  display: none;
}

#submitForgotPassword,
#cancelForgotPassword {
  display: none;
  float: left;
  width: auto !important;
  margin-left: 6px;
  margin-right: 6px;
  min-width: 80px !important;
}
table.totalApplications td input.text {
  width: 50px !important;
  text-align: center;
}

/* rok za prijavu boxes */

.mainContentTitle {
/*  position: absolute;*/
}

.mainContentTitle.dashboard {
  height: 93px;
}

.mainContentTitle .box {
  background-color: #BB0000;
}

.mainContentTitle .box {
  color: #FFFFFF;
  font-weight: bold;
  margin-left: 0px !important;
  max-height: 93px;
  padding: 6px;
  position: absolute;
  text-align: center;
  width: 128px;
  z-index: 1020;
  height: 90px;
}

.mainContentTitle .box large {
    display: block;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 4px;
    margin-top: 4px;
}

.mainContentTitle .box.box2 {
/*    margin-top: 113px !important;*/
  margin-left: 148px !important;
}

.box2 span.first {
    margin-bottom: 4px;
}
.box2 span {
    display: block;
    font-size: 1.4em;
    line-height: 1.12em;
    margin-top: 2px;
}

.appMessage {
  position: absolute;
  margin-top: -50px;
  color: #BB0000;
  font-family: rambla, Helvetica, Arial, Verdana, sans-serif, serif;
  font-size: 1.2em;
  line-height: 1.2em;
}

.sidebar .sidebarInfo.autosave {
  color: #008800;
}

.sidebar .sidebarInfo.autosave p {
  display: none;
}

.sidebar .sidebarInfo.autosave p.error {
  color: #EF2929;
}

.sidebar .sidebarInfo.autosave p.success {
  color: green;
}

span.cellValidationError {
  display: block;
  width: 170px;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  min-height: 20px;
  background: #EF2929;
  color: #FFF;
  text-align: center;
  line-height: 1.3em;
  font-size: 14px;
  padding: 0.5em;
  float: none;
  position: absolute;
  top: 0px;
  margin-top: -70px;
  left: 50%;
  margin-left: -85px;
  z-index: 5000;
  cursor: default;

  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}

span.cellValidationError:after {
  display: block;
  width: 19px;
  height: 15px;
  content: ' ';
  overflow: hidden;
  background: url('/img/tooltipArrowDown.png') left top no-repeat;
  position: absolute;
  bottom: -15px;
  left: 75px;
}

table.inputTable td.input {
  cursor: text;
}

table.inputTable td.input div.input {
  margin-bottom: 0px !important;
  position: relative;
}

form#applicationForm .chzn-container {
  margin-bottom: 0px;
}

div.input.eventLocationsCustom {
  margin-top: -0.5em;
}

a.eventLocationCustomTrigger {
  display: inline-block;
  font-size: 0.9em;
  margin-top: -0.7em;
  position: relative;
  float: left;
  margin-left: 300px;
}