/*//////////////////////////// UREJEVALNIK ////////////////////////////*/
body.cke_editable {
  font-family: "Verdana";
  font-size: 14px;
  line-height: 1.5em; }
  body.cke_editable a {
    color: #E12A26 !important; }

/*//////////////////////////// GLOBAL (margins itd) ////////////////////////////*/
.laboratorijOpis ol,
.cke_editable ol,
.node-type-stran #katedre-container ol,
.node-type-news .novica-content ol,
.node-type--tudijski-program #katedre-container ol,
.node-type-posamezni-programi #katedre-container ol,
#posamezni-programi-container ol,
.projektiOpis ol,
.projektiList ol,
.aboutMainSectionLi ol,
.projektOpis ol,
.description-stuff ol,
.kako-do-nas-container .text ol,
#predmeti-stats-container .intro ol,
#eventOpis ol {
  line-height: 1.5em;
  padding-left: 60px; }
  .laboratorijOpis ol li,
  .cke_editable ol li,
  .node-type-stran #katedre-container ol li,
  .node-type-news .novica-content ol li,
  .node-type--tudijski-program #katedre-container ol li,
  .node-type-posamezni-programi #katedre-container ol li,
  #posamezni-programi-container ol li,
  .projektiOpis ol li,
  .projektiList ol li,
  .aboutMainSectionLi ol li,
  .projektOpis ol li,
  .description-stuff ol li,
  .kako-do-nas-container .text ol li,
  #predmeti-stats-container .intro ol li,
  #eventOpis ol li {
    line-height: 1.5em;
    margin-top: 10px; }
.laboratorijOpis ul:not(.news-gallery),
.cke_editable ul:not(.news-gallery),
.node-type-stran #katedre-container ul:not(.news-gallery),
.node-type-news .novica-content ul:not(.news-gallery),
.node-type--tudijski-program #katedre-container ul:not(.news-gallery),
.node-type-posamezni-programi #katedre-container ul:not(.news-gallery),
#posamezni-programi-container ul:not(.news-gallery),
.projektiOpis ul:not(.news-gallery),
.projektiList ul:not(.news-gallery),
.aboutMainSectionLi ul:not(.news-gallery),
.projektOpis ul:not(.news-gallery),
.description-stuff ul:not(.news-gallery),
.kako-do-nas-container .text ul:not(.news-gallery),
#predmeti-stats-container .intro ul:not(.news-gallery),
#eventOpis ul:not(.news-gallery) {
  list-style-type: none;
  line-height: 1.5em; }
  .laboratorijOpis ul:not(.news-gallery) li,
  .cke_editable ul:not(.news-gallery) li,
  .node-type-stran #katedre-container ul:not(.news-gallery) li,
  .node-type-news .novica-content ul:not(.news-gallery) li,
  .node-type--tudijski-program #katedre-container ul:not(.news-gallery) li,
  .node-type-posamezni-programi #katedre-container ul:not(.news-gallery) li,
  #posamezni-programi-container ul:not(.news-gallery) li,
  .projektiOpis ul:not(.news-gallery) li,
  .projektiList ul:not(.news-gallery) li,
  .aboutMainSectionLi ul:not(.news-gallery) li,
  .projektOpis ul:not(.news-gallery) li,
  .description-stuff ul:not(.news-gallery) li,
  .kako-do-nas-container .text ul:not(.news-gallery) li,
  #predmeti-stats-container .intro ul:not(.news-gallery) li,
  #eventOpis ul:not(.news-gallery) li {
    line-height: 1.5em;
    list-style-type: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin-top: 10px;
    background-image: url("../images/rect_red.png");
    background-repeat: no-repeat;
    background-position: 0% 10px;
    padding-left: 20px;
    /*a {
				color: #333;
		}
		
		a:hover {
				color: #E12A26;
		}*/ }
.laboratorijOpis ul.projektiList,
.cke_editable ul.projektiList,
.node-type-stran #katedre-container ul.projektiList,
.node-type-news .novica-content ul.projektiList,
.node-type--tudijski-program #katedre-container ul.projektiList,
.node-type-posamezni-programi #katedre-container ul.projektiList,
#posamezni-programi-container ul.projektiList,
.projektiOpis ul.projektiList,
.projektiList ul.projektiList,
.aboutMainSectionLi ul.projektiList,
.projektOpis ul.projektiList,
.description-stuff ul.projektiList,
.kako-do-nas-container .text ul.projektiList,
#predmeti-stats-container .intro ul.projektiList,
#eventOpis ul.projektiList {
  padding-left: 0; }
.laboratorijOpis a,
.cke_editable a,
.node-type-stran #katedre-container a,
.node-type-news .novica-content a,
.node-type--tudijski-program #katedre-container a,
.node-type-posamezni-programi #katedre-container a,
#posamezni-programi-container a,
.projektiOpis a,
.projektiList a,
.aboutMainSectionLi a,
.projektOpis a,
.description-stuff a,
.kako-do-nas-container .text a,
#predmeti-stats-container .intro a,
#eventOpis a {
  color: #E12A26; }
  .laboratorijOpis a:hover,
  .cke_editable a:hover,
  .node-type-stran #katedre-container a:hover,
  .node-type-news .novica-content a:hover,
  .node-type--tudijski-program #katedre-container a:hover,
  .node-type-posamezni-programi #katedre-container a:hover,
  #posamezni-programi-container a:hover,
  .projektiOpis a:hover,
  .projektiList a:hover,
  .aboutMainSectionLi a:hover,
  .projektOpis a:hover,
  .description-stuff a:hover,
  .kako-do-nas-container .text a:hover,
  #predmeti-stats-container .intro a:hover,
  #eventOpis a:hover {
    text-decoration: underline; }

.projektiList ul li a,
.list-katedra ul li a,
.aboutMainSectionLi ul li a {
  color: #333; }
.projektiList ul li a:hover,
.list-katedra ul li a:hover,
.aboutMainSectionLi ul li a:hover {
  color: #E12A26;
  text-decoration: none; }

ul.projektiList {
  list-style-type: none;
  line-height: 1.5em; }
  ul.projektiList li {
    line-height: 1.5em;
    list-style-type: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin-top: 10px;
    background-image: url("../images/rect_red.png");
    background-repeat: no-repeat;
    background-position: 0% 10px;
    padding-left: 20px; }
    ul.projektiList li a {
      color: #333; }
    ul.projektiList li a:hover {
      color: #E12A26;
      text-decoration: none; }

h1, h2, h3 {
  margin-top: 15px;
  margin-bottom: 15px; }
  h1 .naslov-test, h2 .naslov-test, h3 .naslov-test {
    margin-bottom: -8px; }

h1.glavni-naslov {
  margin: 0;
  font-size: 27px;
  font-weight: 100;
  text-transform: uppercase;
  font-family: "Klavika-Regular";
  color: #333333;
  background-image: url(../images/bullet-heading.png);
  background-repeat: no-repeat;
  background-position: 0px 10px !important;
  padding-left: 26px;
  line-height: 1.2em;
  display: block; }

.no-data {
  font-style: italic;
  font-family: "Verdana";
  font-size: 14px;
  color: #333; }

.page-raziskave .main .container {
  margin: 0 auto; }

@media screen and (max-width: 1279px) {
  /*#RazseznostiRaziskav, #RaziskovalnaPodrocja, #RaziskovalniProjekti, #SeminarjiKonference, */
  #novica-main-container,
  #flexContainerOsebje, #katedre-main-container {
    margin-left: 56px;
    margin-right: 56px; }

  .page-raziskave .main .container:not(#projekt-wrap-ul-medium) {
    margin-left: 56px;
    margin-right: 56px; }

  	/*.normal-px-footer-menu {
  			padding-left: 56px;
   			padding-right: 56px;
  	}
  	
  	#footer-info {
  			height: 170px;
  			
  			.footer-info-flexbox {
  					margin-top: 27px;
  			}
  	}*/ }
@media screen and (max-width: 400px) {
  /*#RazseznostiRaziskav, #RaziskovalnaPodrocja, #RaziskovalniProjekti, #SeminarjiKonference,*/
  #novica-main-container, #flexContainerOsebje, #katedre-main-container, #frontpage-footer .container {
    margin-left: 10px;
    margin-right: 10px; }

  .page-raziskave .main .container {
    margin-left: 10px !important;
    margin-right: 10px !important; }

  #studij-main-container .container {
    margin-left: 10px !important;
    margin-right: 10px !important; } }
/*//////////////////////////// GLOBAL TABELE ////////////////////////////*/
table:not(.fri-tabela):not(.ui-datepicker-calendar) {
  border: 0px solid transparent;
  position: relative;
  margin: 20px 0px 25px 20px;
  z-index: 11;
  width: calc(100% - 40px); }
  table:not(.fri-tabela):not(.ui-datepicker-calendar) td {
    padding: 5px 5px; }
  table:not(.fri-tabela):not(.ui-datepicker-calendar) tr {
    position: relative;
    z-index: 12; }
    table:not(.fri-tabela):not(.ui-datepicker-calendar) tr:hover td {
      background-color: #e2e2e3; }
  table:not(.fri-tabela):not(.ui-datepicker-calendar) tr:not(:first-child) td {
    border-top: 1px solid #e2e2e3; }
  table:not(.fri-tabela):not(.ui-datepicker-calendar):before {
    content: " ";
    z-index: -1;
    position: absolute;
    top: -17px;
    left: -20px;
    width: calc(100% + 34px);
    height: calc(100% + 30px);
    border: 3px solid #f2f2f2; }

/*//////////////////////////// NOVICE FRONTPAGE ////////////////////////////*/
#happeningNow #latest-news-news {
  -webkit-flex: 2;
  -moz-flex: 2;
  -o-flex: 2;
  -ms-flex: 2;
  flex: 2; }
  #happeningNow #latest-news-news .left-news {
    float: left; }
  #happeningNow #latest-news-news .right-news {
    float: left;
    width: calc(100% - 380px); }
  #happeningNow #latest-news-news .news-row > a {
    float: left; }
  #happeningNow #latest-news-news .news-row .news-text {
    float: left; }
  #happeningNow #latest-news-news .news-slika {
    width: 340px;
    height: 193px;
    background-position: center;
    background-size: cover; }
  #happeningNow #latest-news-news .news-text {
    margin-left: 15px;
    width: calc(100% - 163px); }
#happeningNow .region-main-page-events, #happeningNow #latest-news-calendar {
  -webkit-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  -ms-flex: 1;
  flex: 1; }
#happeningNow #latest-news-calendar .events-row {
  height: 92px; }
  #happeningNow #latest-news-calendar .events-row:first-child {
    margin-bottom: 13px; }
  #happeningNow #latest-news-calendar .events-row .events-text {
    float: left;
    height: 71px;
    width: calc(100% - 88px); }
  #happeningNow #latest-news-calendar .events-row .events-date {
    float: left; }
#happeningNow #latest-news-calendar .moreText {
  position: absolute; }

@media screen and (max-width: 800px) {
  #happeningNow #latest-news-news .right-news {
    width: calc(100% - 20px);
    margin-left: 0px;
    margin-top: 20px; } }
@media screen and (max-width: 1150px) {
  #latest-news-calendar .events-container-mobile {
    padding-bottom: 50px; }

  #happeningNow #latest-news-calendar .moreText {
    bottom: 0px; }

  #latest-news-calendar {
    margin-left: 0px; }

  #happeningNow > .flex-row {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

  #latest-news-news {
    -webkit-flex: 1 1 auto !important;
    -moz-flex: 1 1 auto !important;
    -o-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
    #latest-news-news .rightp {
      -webkit-flex: 1 !important;
      -moz-flex: 1 !important;
      -o-flex: 1 !important;
      -ms-flex: 1 !important;
      flex: 1 !important; }

  .region-main-page-events, #latest-news-calendar {
    -webkit-flex: 0 0 auto !important;
    -moz-flex: 0 0 auto !important;
    -o-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important; }
    .region-main-page-events .moreText, #latest-news-calendar .moreText {
      margin-top: 0; }

  #latest-news-calendar .events-container-mobile .events-row {
    width: 50%;
    float: left; } }
@media screen and (max-width: 620px) {
  #latest-news-calendar .events-container-mobile {
    padding-bottom: 50px; }
    #latest-news-calendar .events-container-mobile .events-row {
      width: 100%;
      float: none; }

  #happeningNow #latest-news-calendar .moreText {
    bottom: 0px; } }
@media screen and (max-width: 400px) {
  #happeningNow {
    margin-left: 10px;
    margin-right: 10px; } }
/*//////////////////////////// RAZISKAVE ////////////////////////////*/
.raziskave {
  display: flex;
  display: -moz-box-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-left: -22px;
  margin-top: 17px; }

.raziskave-info {
  -webkit-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 22px; }
  .raziskave-info .gumb {
    position: absolute;
    bottom: 30px;
    left: 20px; }

@media screen and (max-width: 1279px) {
  .raziskave-heading-text {
    height: 68px; }

  .raziskave-info-content {
    min-height: 250px; } }
@media screen and (max-width: 850px) {
  .raziskave-info-content {
    min-height: 300px; } }
@media screen and (max-width: 620px) {
  .raziskave {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -30px; }

  .raziskave-heading-text {
    height: auto; }

  .raziskave-info-content {
    min-height: 0; }

  .raziskave-info {
    margin-top: 30px;
    -webkit-flex: none;
    -moz-flex: none;
    -o-flex: none;
    -ms-flex: none;
    flex: none; }
    .raziskave-info:first-child {
      margin-top: 47px; } }
/*//////////////////////////// RAZISKOVALNA PODROCJA ////////////////////////////*/
#RaziskovalnaPodrocja .moreArrowButton {
  float: right;
  padding-top: 14px; }

.raziskovalnaPodrocja-main:not(.hidden) {
  display: flex;
  display: -moz-box-flex;
  display: -ms-flexbox;
  display: -webkit-flex; }
  .raziskovalnaPodrocja-main:not(.hidden) .content {
    -webkit-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .raziskovalnaPodrocja-main:not(.hidden) .slika {
    -webkit-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-position: center;
    background-size: cover; }
  .raziskovalnaPodrocja-main:not(.hidden) .title a {
    color: white; }

#raziskovalnaPodrocja-Meni {
  display: flex;
  display: -moz-box-flex;
  display: -ms-flexbox;
  display: -webkit-flex; }
  #raziskovalnaPodrocja-Meni .item .responsive-menu-text {
    display: none; }

#raziskovalnaPodrocja-Meni > .item {
  -webkit-flex: 1;
  -moz-flex: 1;
  -o-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media (max-width: 1100px) {
    #raziskovalnaPodrocja-Meni > .item {
      -webkit-flex: auto;
      -moz-flex: auto;
      -o-flex: auto;
      -ms-flex: auto;
      flex: auto; } }

.podrocja-wrap {
  display: flex;
  display: -moz-box-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.podrocja-wrap #raziskovalnaPodrocja-Meni .item:hover {
  cursor: pointer; }

@media screen and (min-width: 1101px) {
  #raziskovalnaPodrocja-Meni .item {
    display: block !important; }
    #raziskovalnaPodrocja-Meni .item .responsive-menu-text {
      display: none; }

  .raziskovalnaPodrocja-main .content {
    display: block !important; }
  .raziskovalnaPodrocja-main .slika {
    display: block !important; } }
@media screen and (min-width: 620px) and (max-width: 1100px) {
  #RaziskovalnaPodrocja .moreArrowButton {
    display: none; }

  .podrocja-wrap {
    height: 500px;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .podrocja-wrap .raziskovalnaPodrocja-main {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -o-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      width: calc(100% - 263px); }
      .podrocja-wrap .raziskovalnaPodrocja-main .content {
        display: block !important;
        -webkit-flex: none;
        -moz-flex: none;
        -o-flex: none;
        -ms-flex: none;
        flex: none; }
      .podrocja-wrap .raziskovalnaPodrocja-main .slika {
        display: block !important;
        -webkit-flex: 1;
        -moz-flex: 1;
        -o-flex: 1;
        -ms-flex: 1;
        flex: 1; }
    .podrocja-wrap #raziskovalnaPodrocja-Meni {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -o-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 260px;
      margin-top: 0; }
      .podrocja-wrap #raziskovalnaPodrocja-Meni .item {
        width: 260px;
        height: auto;
        margin: 0 0px 0px 0;
        padding: 15px;
        display: block !important; }
        .podrocja-wrap #raziskovalnaPodrocja-Meni .item .responsive-menu-text {
          display: none; }
      .podrocja-wrap #raziskovalnaPodrocja-Meni .active {
        padding-top: 20px;
        margin-right: -10px; } }
@media screen and (min-width: 620px) and (max-width: 850px) {
  .podrocja-wrap #gumbBelPodrocja {
    display: none; } }
@media screen and (max-width: 620px) {
  #RaziskovalnaPodrocja .moreArrowButton {
    display: none; }

  .podrocja-wrap {
    display: block; }
    .podrocja-wrap #gumbBelPodrocja {
      display: none; }
    .podrocja-wrap .raziskovalnaPodrocja-main {
      -webkit-flex: none;
      -moz-flex: none;
      -o-flex: none;
      -ms-flex: none;
      flex: none;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -o-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      display: none;
      height: auto; }
      .podrocja-wrap .raziskovalnaPodrocja-main .content {
        -webkit-flex: none;
        -moz-flex: none;
        -o-flex: none;
        -ms-flex: none;
        flex: none; }
      .podrocja-wrap .raziskovalnaPodrocja-main .slika {
        -webkit-flex: none;
        -moz-flex: none;
        -o-flex: none;
        -ms-flex: none;
        flex: none;
        height: 194px; }
      .podrocja-wrap .raziskovalnaPodrocja-main .title {
        display: none !important; }
      .podrocja-wrap .raziskovalnaPodrocja-main .podrocjaDots {
        display: none; }
      .podrocja-wrap .raziskovalnaPodrocja-main .sub-text {
        margin-top: 0; }
      .podrocja-wrap .raziskovalnaPodrocja-main .content .sub-text {
        margin-top: 15px; }
    .podrocja-wrap #raziskovalnaPodrocja-Meni {
      -webkit-flex: none;
      -moz-flex: none;
      -o-flex: none;
      -ms-flex: none;
      flex: none;
      display: block;
      margin-top: 0; }
      .podrocja-wrap #raziskovalnaPodrocja-Meni .item {
        margin: 0;
        height: auto;
        width: 100%;
        border-bottom: 4px solid #b4221e;
        padding-right: 50px; }
        .podrocja-wrap #raziskovalnaPodrocja-Meni .item.clicked {
          padding: 0;
          cursor: default; }
          .podrocja-wrap #raziskovalnaPodrocja-Meni .item.clicked .title {
            display: block;
            padding: 20px 50px 20px 20px; }
          .podrocja-wrap #raziskovalnaPodrocja-Meni .item.clicked .responsive-menu-text {
            background-color: #333333; }
            .podrocja-wrap #raziskovalnaPodrocja-Meni .item.clicked .responsive-menu-text ul {
              margin: 0;
              list-style: none;
              padding: 10px 20px 20px 20px; }
              .podrocja-wrap #raziskovalnaPodrocja-Meni .item.clicked .responsive-menu-text ul li {
                margin-top: 10px;
                background-image: url("../images/rect_red.png");
                background-repeat: no-repeat;
                background-position: 0% 14px;
                padding-left: 20px; }
                .podrocja-wrap #raziskovalnaPodrocja-Meni .item.clicked .responsive-menu-text ul li a {
                  color: #fff;
                  font-family: 'Verdana';
                  font-size: 14px;
                  text-decoration: none; }
                  .podrocja-wrap #raziskovalnaPodrocja-Meni .item.clicked .responsive-menu-text ul li a:hover {
                    color: #e12a26; }
      .podrocja-wrap #raziskovalnaPodrocja-Meni .active {
        padding-top: 20px;
        background-image: url("../images/bela_puscica.png");
        background-position: calc(100% - 20px) 20px;
        background-repeat: no-repeat; } }
/*//////////////////////////// POSAMEZNI PREDMET ////////////////////////////*/
#predmeti-stats-container {
  width: 820px; }
  #predmeti-stats-container .intro {
    line-height: 1.5em; }
  #predmeti-stats-container .spletna-ucilnica-label, #predmeti-stats-container .urnik-label {
    text-transform: uppercase; }
  #predmeti-stats-container .link-button {
    display: block;
    line-height: 19px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #333333;
    border-radius: 2px;
    background-color: white;
    color: #333333;
    font-family: 'Klavika-Bold';
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    #predmeti-stats-container .link-button:hover {
      cursor: pointer;
      color: white;
      background-color: #333333; }
  #predmeti-stats-container .dots {
    margin-top: 7px;
    margin-bottom: 15px;
    background-image: linear-gradient(to right, #cecfce 30%, rgba(255, 255, 255, 0) 0%);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    height: 2px; }

#predmeti-stats-container .stats {
  margin-top: 30px;
  position: relative; }
  #predmeti-stats-container .stats .dots-stats {
    width: 100%;
    position: absolute;
    background-image: linear-gradient(to right, #cecfce 30%, rgba(255, 255, 255, 0) 0%);
    background-size: 8px 2px;
    background-repeat: repeat-x;
    height: 2px; }
    #predmeti-stats-container .stats .dots-stats.dots1 {
      top: calc(50% - 10px); }
    #predmeti-stats-container .stats .dots-stats.dots21 {
      top: calc(50% - 10px); }
    #predmeti-stats-container .stats .dots-stats.dots2, #predmeti-stats-container .stats .dots-stats.dots3, #predmeti-stats-container .stats .dots-stats.dots4, #predmeti-stats-container .stats .dots-stats.dots22 {
      display: none; }
  #predmeti-stats-container .stats .content {
    display: flex;
    display: -moz-box-flex;
    display: -ms-flexbox;
    display: -webkit-flex; }
    #predmeti-stats-container .stats .content .item {
      -webkit-flex: 1;
      -moz-flex: 1;
      -o-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      position: relative; }
      #predmeti-stats-container .stats .content .item .image {
        position: relative;
        text-align: center;
        background-image: url("../images/ellipse_op.png");
        background-repeat: no-repeat;
        width: 104px;
        height: 104px;
        margin: 0 auto; }
        #predmeti-stats-container .stats .content .item .image .data1 {
          position: absolute;
          width: 100%;
          z-index: 99;
          top: 20px; }
          #predmeti-stats-container .stats .content .item .image .data1 .stUr {
            font-family: "Klavika-Regular";
            font-size: 40px;
            line-height: 40px;
            color: #333333; }
          #predmeti-stats-container .stats .content .item .image .data1 .ure {
            font-size: 30px;
            margin-top: -10px;
            font-family: "Klavika-Light"; }
      #predmeti-stats-container .stats .content .item .data2 {
        font-family: "Klavika-Light";
        font-size: 20px; }

@media screen and (max-width: 1160px) {
  #predmeti-stats-container {
    width: 100%; } }
@media screen and (min-width: 400px) and (max-width: 850px) {
  #predmeti-stats-container .stats .dots-stats.dots1 {
    top: calc(25% - 20px); }
  #predmeti-stats-container .stats .dots-stats.dots2 {
    display: block;
    top: calc(75% - 20px); }
  #predmeti-stats-container .stats .content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #predmeti-stats-container .stats .content .item {
      -webkit-flex: 1 1 50%;
      -moz-flex: 1 1 50%;
      -o-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%;
      margin-bottom: 20px; } }
@media screen and (max-width: 399px) {
  #predmeti-stats-container .stats .dots-stats.dots1 {
    top: calc(25% - 95px); }
  #predmeti-stats-container .stats .dots-stats.dots2 {
    display: block;
    top: calc(50% - 95px); }
  #predmeti-stats-container .stats .dots-stats.dots3 {
    display: block;
    top: calc(75% - 95px); }
  #predmeti-stats-container .stats .dots-stats.dots4 {
    display: block;
    top: calc(100% - 95px); }
  #predmeti-stats-container .stats .dots-stats.dots21 {
    display: block;
    top: calc(55% - 95px); }
  #predmeti-stats-container .stats .dots-stats.dots22 {
    display: block;
    top: calc(105% - 95px); }
  #predmeti-stats-container .stats .content {
    display: block; }
    #predmeti-stats-container .stats .content .item {
      -webkit-flex: 1;
      -moz-flex: 1;
      -o-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 20px; } }
#predmeti-stats-container .predmet-header {
  border-bottom: 4px solid #e12a26;
  background-color: #f2f2f2;
  font-size: 14px;
  font-family: "Verdana";
  padding: 0;
  margin: 0;
  list-style: none;
  display: table; }
  #predmeti-stats-container .predmet-header .item {
    display: inline-block;
    line-height: 56px;
    width: 20%;
    padding: 0 15px;
    display: table-cell;
    height: 100%;
    vertical-align: middle; }
  #predmeti-stats-container .predmet-header .sifra-predmeta-label, #predmeti-stats-container .predmet-header .kreditne-tocke-label {
    padding-right: 5px; }

@media screen and (max-width: 974px) {
  #predmeti-stats-container .predmet-header .item {
    width: 49%; } }
@media screen and (max-width: 570px) {
  #predmeti-stats-container .predmet-header .item {
    width: calc(100% - 30px); } }
.node-type-posamezni-predmet #predmeti-stats-container .heading-article {
  margin-top: 40px; }

/*//////////////////////////// MORE BUTTON ////////////////////////////*/
.CKEditorMoreButton {
  display: none; }

.show-more-data {
  margin-top: 10px;
  display: inline-block;
  border-top: 1px solid #e2e2e3;
  padding-top: 3px;
  overflow: hidden; }
  .show-more-data .text {
    color: #545454;
    float: left;
    font-family: 'Klavika-Regular';
    font-size: 14px;
    text-transform: uppercase;
    height: 30px;
    display: flex;
    align-items: flex-end;
    padding-right: 10px; }
  .show-more-data .image {
    float: left;
    height: 30px;
    background-image: url(../images/more-down.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 15px;
    animation: all 0.2s ease;
    -moz-animation: all 0.2s ease;
    -webkit-animation: all 0.2s ease;
    -ms-animation: all 0.2s ease;
    -o-animation: all 0.2s ease; }
  .show-more-data .image-nh {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-position: center center; }
  .show-more-data:hover {
    cursor: pointer; }
    .show-more-data:hover .image-h {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
    .show-more-data:hover .image-nh {
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

/*//////////////////////////// VSE NOVICE ////////////////////////////*/
#news-taxonomy {
  border: 4px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: padding 0.3s linear;
  -moz-transition: padding 0.3s linear;
  -o-transition: padding 0.3s linear;
  -ms-transition: padding 0.3s linear;
  transition: padding 0.3s linear; }
  #news-taxonomy input[type="checkbox"] {
    display: none; }
  #news-taxonomy input[type="checkbox"] + label span.span-check {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url("../images/checkbox_unchecked.png") no-repeat left top; }
  #news-taxonomy input[type="checkbox"] + label {
    color: #AFAFAF; }
  #news-taxonomy input[type="checkbox"]:checked + label span.span-check {
    background: url("../images/checkbox_checked.png") left top no-repeat; }
  #news-taxonomy input[type="checkbox"]:checked + label {
    color: black; }
  #news-taxonomy .term {
    display: inline-block;
    margin-right: 40px;
    padding: 15px 15px 0px 15px; }
  #news-taxonomy .term-name {
    font-weight: normal;
    font-family: 'Verdana';
    font-size: 12px;
    padding-left: 10px;
    vertical-align: middle; }
  #news-taxonomy .label-container {
    display: table-cell;
    padding: 15px 15px 0px 15px;
    width: 70px;
    font-weight: normal;
    font-family: 'Verdana';
    font-size: 12px; }
  #news-taxonomy .show-all {
    display: none;
    position: absolute;
    right: 10px;
    font-family: "Klavika-Regular";
    font-size: 14px;
    color: #5d5d5d;
    bottom: 10px;
    text-decoration: underline;
    cursor: pointer; }
  #news-taxonomy .term-container {
    display: table-cell; }

.news-list-container .news-text p {
  display: inline; }
.news-list-container .kategorija {
  color: #7f7f7f;
  background-color: #f2f2f2;
  padding: 2px 4px;
  font-family: "Verdana";
  font-size: 10px;
  margin-right: 4px; }

/*//////////////////////////// RAZISKOVALNI PROJEKTI ////////////////////////////*/
#projekti-taxonomy {
  position: relative;
  border: 4px solid #f1f1f1;
  margin-bottom: 20px; }
  #projekti-taxonomy #projekti-taxonomy-menu {
    padding: 10px 15px; }
  #projekti-taxonomy #projekti-taxonomy-expand {
    -webkit-transition: padding 0.3s linear;
    -moz-transition: padding 0.3s linear;
    -o-transition: padding 0.3s linear;
    -ms-transition: padding 0.3s linear;
    transition: padding 0.3s linear;
    border-top: 4px solid #f1f1f1;
    display: none;
    padding-bottom: 15px; }
    #projekti-taxonomy #projekti-taxonomy-expand .term-column {
      width: 33%;
      float: left; }
    #projekti-taxonomy #projekti-taxonomy-expand .term {
      padding: 15px 15px 0px 15px; }
      #projekti-taxonomy #projekti-taxonomy-expand .term.term-child {
        margin-left: 28px; }
    #projekti-taxonomy #projekti-taxonomy-expand .term-name {
      font-weight: normal;
      font-family: 'Verdana';
      font-size: 12px;
      padding-left: 10px;
      vertical-align: top;
      display: inline-block;
      width: calc(100% - 30px);
      margin-top: 1px; }
    #projekti-taxonomy #projekti-taxonomy-expand .term-top .term-name {
      font-weight: bold; }
  #projekti-taxonomy input[type="checkbox"] {
    display: none; }
  #projekti-taxonomy input[type="checkbox"] + label span.span-check {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url("../images/checkbox_unchecked.png") no-repeat left top;
    vertical-align: top; }
  #projekti-taxonomy input[type="checkbox"] + label {
    color: #AFAFAF; }
  #projekti-taxonomy input[type="checkbox"]:checked + label span.span-check {
    background: url("../images/checkbox_checked.png") left top no-repeat; }
  #projekti-taxonomy input[type="checkbox"]:checked + label {
    color: black; }
  #projekti-taxonomy .show-all {
    display: none;
    position: absolute;
    right: 10px;
    font-family: "Klavika-Regular";
    font-size: 14px;
    color: #5d5d5d;
    bottom: 10px;
    text-decoration: underline;
    cursor: pointer; }

.show-all-expand {
  padding-bottom: 30px !important; }

.raziskovalni-projekti-page .search-wrap, .bilatelarni-partnerji-page-p .search-wrap {
  width: 145px;
  border-bottom: solid #F2F2F2 1px;
  float: left; }
  .raziskovalni-projekti-page .search-wrap .input-search, .bilatelarni-partnerji-page-p .search-wrap .input-search {
    border: 0;
    width: 120px; }
  .raziskovalni-projekti-page .search-wrap img, .bilatelarni-partnerji-page-p .search-wrap img {
    margin-top: 2px; }
.raziskovalni-projekti-page .tag-filter-wrap, .bilatelarni-partnerji-page-p .tag-filter-wrap {
  float: right; }
  .raziskovalni-projekti-page .tag-filter-wrap .tag-filter-label, .bilatelarni-partnerji-page-p .tag-filter-wrap .tag-filter-label {
    color: #AFAFAF;
    font-family: 'Verdana';
    font-size: 12px;
    margin-right: 10px; }
  .raziskovalni-projekti-page .tag-filter-wrap .tag-filter-expand, .bilatelarni-partnerji-page-p .tag-filter-wrap .tag-filter-expand {
    background: url("../images/arrow_expand.png") no-repeat;
    background-position: 100% 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle; }
.raziskovalni-projekti-page .projektiList, .bilatelarni-partnerji-page-p .projektiList {
  font-family: "Klavika-Light";
  padding-top: 0; }
  .raziskovalni-projekti-page .projektiList .title-wrap, .bilatelarni-partnerji-page-p .projektiList .title-wrap {
    margin-bottom: 3px; }
  .raziskovalni-projekti-page .projektiList .projekt-title, .bilatelarni-partnerji-page-p .projektiList .projekt-title {
    font-family: "Klavika-Regular";
    font-size: 18px;
    color: #5d5d5d; }
    .raziskovalni-projekti-page .projektiList .projekt-title:hover, .bilatelarni-partnerji-page-p .projektiList .projekt-title:hover {
      color: #E12A26; }
  .raziskovalni-projekti-page .projektiList .kategorija, .bilatelarni-partnerji-page-p .projektiList .kategorija {
    color: #7f7f7f;
    background-color: #f2f2f2;
    padding: 2px 4px;
    font-family: "Verdana";
    font-size: 10px;
    margin-right: 4px; }
  .raziskovalni-projekti-page .projektiList .sifra, .bilatelarni-partnerji-page-p .projektiList .sifra {
    font-size: 16px;
    color: #999999; }
  .raziskovalni-projekti-page .projektiList .datum, .bilatelarni-partnerji-page-p .projektiList .datum {
    font-size: 16px;
    color: #999999; }

.bilatelarni-partnerji-page-p ul li {
  padding: 5px; }
  .bilatelarni-partnerji-page-p ul li .sifra {
    float: right; }
    .bilatelarni-partnerji-page-p ul li .sifra:hover {
      cursor: pointer; }
  .bilatelarni-partnerji-page-p ul li:hover {
    background-color: #f6f6f6; }
  .bilatelarni-partnerji-page-p ul li .partnerji-hidden-data {
    max-height: 0px;
    opacity: 0.0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .bilatelarni-partnerji-page-p ul li .partnerji-hidden-data.show {
    max-height: 1100px;
    opacity: 1.0; }

#projekti-date-filter {
  font-family: "Klavika-Regular";
  font-size: 14px;
  margin-bottom: 30px;
  text-align: right;
  color: #5d5d5d; }
  #projekti-date-filter .filter {
    text-transform: lowercase; }
  #projekti-date-filter span:hover {
    cursor: pointer; }

.projekti-date-filter-selected {
  text-decoration: underline; }

.rotate-90deg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/*//////////////////////////// RAZISKOVALNI PROJEKT (NODE) ////////////////////////////*/
.raziskovalni-projekt-node .heading-article.main-heading ul li {
  font-family: "Klavika-Medium" !important;
  text-transform: none; }
.raziskovalni-projekt-node .grayDots {
  margin-top: 5px; }
.raziskovalni-projekt-node .projekt-content div {
  margin-bottom: 4px; }
.raziskovalni-projekt-node .projekt-label {
  font-family: "Verdana";
  font-size: 14px; }
.raziskovalni-projekt-node .projektiList {
  padding-top: 0; }

/*//////////////////////////// POSAMEZNA NOVICA ////////////////////////////*/
.novica-kategorije {
  margin-bottom: 25px; }
  .novica-kategorije .kategorija {
    color: #7f7f7f;
    background-color: #f2f2f2;
    padding: 5px 10px;
    font-family: "Verdana";
    font-size: 11px;
    margin-right: 10px; }

.novica-item .grayDots {
  margin-top: 12px !important; }

.novica-content .news-quote {
  width: 360px;
  float: left;
  padding: 30px;
  background-color: #f2f2f2;
  border-bottom: 4px solid #e12a26;
  margin: 50px 50px 50px 0; }
  .novica-content .news-quote .quote {
    font-family: "Klavika-LightItalic";
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 20px; }
    .novica-content .news-quote .quote .quote-red {
      color: #e12a26; }
  .novica-content .news-quote .author {
    font-family: "Klavika-Light";
    font-size: 16px;
    text-align: right; }

@media screen and (max-width: 620px) {
  .novica-content .news-quote {
    width: calc(100% - 60px);
    float: none;
    margin-left: 0;
    margin-right: 0; } }
/*//////////////////////////// DOGODKI (vsi) ////////////////////////////*/
#dogodki-taxonomy, #katedre-taxonomy, #seminarji-taxonomy {
  position: relative;
  border: 4px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 30px;
  -webkit-transition: padding 0.3s linear;
  -moz-transition: padding 0.3s linear;
  -o-transition: padding 0.3s linear;
  -ms-transition: padding 0.3s linear;
  transition: padding 0.3s linear; }
  #dogodki-taxonomy input[type="checkbox"], #katedre-taxonomy input[type="checkbox"], #seminarji-taxonomy input[type="checkbox"] {
    display: none; }
  #dogodki-taxonomy input[type="checkbox"] + label span.span-check, #katedre-taxonomy input[type="checkbox"] + label span.span-check, #seminarji-taxonomy input[type="checkbox"] + label span.span-check {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url("../images/checkbox_unchecked.png") no-repeat left top; }
  #dogodki-taxonomy input[type="checkbox"] + label, #katedre-taxonomy input[type="checkbox"] + label, #seminarji-taxonomy input[type="checkbox"] + label {
    color: #AFAFAF; }
  #dogodki-taxonomy input[type="checkbox"]:checked + label span.span-check, #katedre-taxonomy input[type="checkbox"]:checked + label span.span-check, #seminarji-taxonomy input[type="checkbox"]:checked + label span.span-check {
    background: url("../images/checkbox_checked.png") left top no-repeat; }
  #dogodki-taxonomy input[type="checkbox"]:checked + label, #katedre-taxonomy input[type="checkbox"]:checked + label, #seminarji-taxonomy input[type="checkbox"]:checked + label {
    color: black; }
  #dogodki-taxonomy .term, #katedre-taxonomy .term, #seminarji-taxonomy .term {
    display: inline-block;
    margin-right: 40px;
    padding: 15px 15px 0px 15px; }
  #dogodki-taxonomy .term-name, #katedre-taxonomy .term-name, #seminarji-taxonomy .term-name {
    font-weight: normal;
    font-family: 'Verdana';
    font-size: 12px;
    padding-left: 10px;
    vertical-align: middle; }
  #dogodki-taxonomy .label-container, #katedre-taxonomy .label-container, #seminarji-taxonomy .label-container {
    display: table-cell;
    padding: 15px 15px 0px 15px;
    width: 70px;
    font-weight: normal;
    font-family: 'Verdana';
    font-size: 12px; }
  #dogodki-taxonomy .show-all, #katedre-taxonomy .show-all, #seminarji-taxonomy .show-all {
    display: none;
    position: absolute;
    right: 10px;
    font-family: "Klavika-Regular";
    font-size: 14px;
    color: #5d5d5d;
    bottom: 10px;
    text-decoration: underline;
    cursor: pointer; }
  #dogodki-taxonomy .term-container, #katedre-taxonomy .term-container, #seminarji-taxonomy .term-container {
    display: table-cell; }

#vsi-dogodki .event-title a, #posamezni-dogodek .event-title a {
  display: inline-block; }
#vsi-dogodki .ajax-dogodki, #posamezni-dogodek .ajax-dogodki {
  margin-bottom: 20px; }
#vsi-dogodki .dogodki-opis, #posamezni-dogodek .dogodki-opis {
  margin-left: 25px;
  position: relative;
  float: left;
  height: 71px;
  width: calc(100% - 95px); }
#vsi-dogodki .kategorija, #posamezni-dogodek .kategorija {
  color: #7f7f7f;
  background-color: #f2f2f2;
  padding: 2px 4px;
  font-family: "Verdana";
  font-size: 10px;
  margin-right: 4px; }
#vsi-dogodki .text-button, #posamezni-dogodek .text-button {
  padding: 10px 50px;
  border: 4px solid #f1f1f1;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  #vsi-dogodki .text-button:hover, #posamezni-dogodek .text-button:hover {
    cursor: pointer;
    background-color: #f1f1f1; }

#vsi-dogodki .dogodki-hour, #posamezni-dogodek .dogodki-hour, #latest-news-calendar .dogodki-hour, .dogodki-podstrani .dogodki-hour {
  font-family: "Klavika-Light";
  font-size: 18px;
  color: #7f7f7f; }
#vsi-dogodki .date-single-top, #posamezni-dogodek .date-single-top, #latest-news-calendar .date-single-top, .dogodki-podstrani .date-single-top {
  font-size: 26px;
  font-family: "Klavika-Bold"; }
#vsi-dogodki .date-top, #posamezni-dogodek .date-top, #latest-news-calendar .date-top, .dogodki-podstrani .date-top {
  margin-top: 4px; }
#vsi-dogodki .date-middle, #posamezni-dogodek .date-middle, #latest-news-calendar .date-middle, .dogodki-podstrani .date-middle {
  font-family: "Klavika-Light";
  line-height: 9px; }
#vsi-dogodki .date-top, #vsi-dogodki .date-middle, #vsi-dogodki .date-bottom, #posamezni-dogodek .date-top, #posamezni-dogodek .date-middle, #posamezni-dogodek .date-bottom, #latest-news-calendar .date-top, #latest-news-calendar .date-middle, #latest-news-calendar .date-bottom, .dogodki-podstrani .date-top, .dogodki-podstrani .date-middle, .dogodki-podstrani .date-bottom {
  font-size: 18px; }
  #vsi-dogodki .date-top .dan, #vsi-dogodki .date-middle .dan, #vsi-dogodki .date-bottom .dan, #posamezni-dogodek .date-top .dan, #posamezni-dogodek .date-middle .dan, #posamezni-dogodek .date-bottom .dan, #latest-news-calendar .date-top .dan, #latest-news-calendar .date-middle .dan, #latest-news-calendar .date-bottom .dan, .dogodki-podstrani .date-top .dan, .dogodki-podstrani .date-middle .dan, .dogodki-podstrani .date-bottom .dan {
    font-family: "Klavika-Bold"; }
  #vsi-dogodki .date-top .mesec, #vsi-dogodki .date-middle .mesec, #vsi-dogodki .date-bottom .mesec, #posamezni-dogodek .date-top .mesec, #posamezni-dogodek .date-middle .mesec, #posamezni-dogodek .date-bottom .mesec, #latest-news-calendar .date-top .mesec, #latest-news-calendar .date-middle .mesec, #latest-news-calendar .date-bottom .mesec, .dogodki-podstrani .date-top .mesec, .dogodki-podstrani .date-middle .mesec, .dogodki-podstrani .date-bottom .mesec {
    font-family: "Klavika-Light"; }

.dogodki-podstrani .date {
  background-image: url("../images/calander-hompage.png"); }

.prihajajoci-dogodki-gumb, .pretekli-dogodki-gumb, .preglej-dogodke-gumb {
  margin-left: 4px;
  margin-top: 5px; }
  .prihajajoci-dogodki-gumb .label:hover, .pretekli-dogodki-gumb .label:hover, .preglej-dogodke-gumb .label:hover {
    color: #e12b26; }
  .prihajajoci-dogodki-gumb span.more, .pretekli-dogodki-gumb span.more, .preglej-dogodke-gumb span.more {
    padding-right: 5px !important; }
  .prihajajoci-dogodki-gumb .projektiMeni, .pretekli-dogodki-gumb .projektiMeni, .preglej-dogodke-gumb .projektiMeni {
    float: none !important; }

.datepicker-container .ui-datepicker th {
  text-transform: uppercase; }

/*//////////////////////////// LABORATORIJI (vsi) ////////////////////////////*/
#katedre-taxonomy {
  position: relative;
  -webkit-transition: padding 0.3s linear;
  -moz-transition: padding 0.3s linear;
  -o-transition: padding 0.3s linear;
  -ms-transition: padding 0.3s linear;
  transition: padding 0.3s linear; }
  #katedre-taxonomy .term {
    width: calc((100% / 3) - 40px);
    margin-right: 0;
    vertical-align: top; }
  #katedre-taxonomy .term-name {
    font-weight: normal;
    font-family: 'Verdana';
    font-size: 12px;
    padding-left: 10px;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 30px);
    margin-top: 3px; }
  #katedre-taxonomy .label-container {
    vertical-align: top; }
  #katedre-taxonomy .show-all {
    display: none;
    position: absolute;
    right: 10px;
    font-family: "Klavika-Regular";
    font-size: 14px;
    color: #5d5d5d;
    bottom: 10px;
    text-decoration: underline;
    cursor: pointer; }

@media screen and (max-width: 620px) {
  #katedre-taxonomy .term {
    width: calc(100% - 40px); }
  #katedre-taxonomy .label-container {
    display: block; }

  #projekti-taxonomy #projekti-taxonomy-expand .term-column {
    width: 100%; } }
/*//////////////////////////// KAKO DO NAS ////////////////////////////*/
#kako-do-nas-gmaps {
  width: 100%;
  height: 300px;
  margin-bottom: 30px; }

.kako-do-nas-container {
  margin-right: 20px; }
  .kako-do-nas-container .menu {
    height: 120px;
    width: 100%;
    display: table;
    text-align: center;
    table-layout: fixed;
    margin-left: -3px; }
    .kako-do-nas-container .menu .item-cell {
      display: table-cell;
      vertical-align: top; }
      .kako-do-nas-container .menu .item-cell .responsive-small-content {
        margin-bottom: 20px;
        display: none; }
      .kako-do-nas-container .menu .item-cell .item {
        height: 120px;
        background-color: #f2f2f2;
        border-bottom: 4px solid #e12a26;
        position: relative;
        margin-left: 3px; }
        .kako-do-nas-container .menu .item-cell .item .image {
          height: 90px;
          line-height: 90px; }
          .kako-do-nas-container .menu .item-cell .item .image img {
            vertical-align: middle; }
        .kako-do-nas-container .menu .item-cell .item .image-hover {
          display: none; }
        .kako-do-nas-container .menu .item-cell .item .title {
          position: absolute;
          font-family: "Klavika-Light";
          font-size: 21px;
          bottom: 8px;
          right: 5px;
          left: 5px; }
        .kako-do-nas-container .menu .item-cell .item .black-dots {
          display: none;
          position: absolute;
          height: 30px;
          background-image: url("../images/black_dots.png");
          background-repeat: no-repeat;
          width: 2px;
          left: 50%;
          bottom: -28px; }
    .kako-do-nas-container .menu .item-cell.hovered .item {
      background-color: #e12a26;
      cursor: pointer; }
      .kako-do-nas-container .menu .item-cell.hovered .item .image-hover {
        display: inline; }
      .kako-do-nas-container .menu .item-cell.hovered .item .image-normal {
        display: none; }
      .kako-do-nas-container .menu .item-cell.hovered .item .black-dots {
        display: block; }
    .kako-do-nas-container .menu .item-cell:nth-of-type(5) .image {
      height: 70px;
      line-height: 70px; }
  .kako-do-nas-container .content {
    margin-top: 45px;
    width: 100%;
    font-family: "Verdana";
    font-size: 14px; }
  .kako-do-nas-container .more-info-label {
    margin-top: 30px;
    margin-bottom: 15px; }
  .kako-do-nas-container .more-info-spacing {
    margin-bottom: 10px; }
  .kako-do-nas-container .more-info-link div {
    display: inline-block;
    padding: 9px 25px 7px 25px;
    border: 1px solid #E12A26;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #E12A26;
    font-family: "Klavika-Bold";
    font-size: 14px;
    text-transform: uppercase; }
    .kako-do-nas-container .more-info-link div:hover {
      color: white;
      background-color: #E12A26; }

@media screen and (max-width: 850px) {
  .kako-do-nas-container .menu {
    height: 600px;
    width: 160px;
    display: block;
    float: left; }
    .kako-do-nas-container .menu .item-cell {
      display: block; }
      .kako-do-nas-container .menu .item-cell .responsive-small-content {
        display: none; }
      .kako-do-nas-container .menu .item-cell .item {
        border-bottom: none;
        border-right: 4px solid #e12a26;
        margin-left: 0;
        margin-bottom: 3px; }
        .kako-do-nas-container .menu .item-cell .item .black-dots {
          display: none; }
    .kako-do-nas-container .menu .item-cell.hovered .black-dots {
      display: none !important; }
  .kako-do-nas-container .content {
    margin-top: 0;
    margin-left: 20px;
    width: calc(100% - 180px);
    float: left;
    height: 600px;
    overflow-y: auto; } }
@media screen and (max-width: 620px) {
  .kako-do-nas-container .menu {
    height: auto;
    width: 100%;
    display: block;
    float: none;
    margin-left: 0; }
    .kako-do-nas-container .menu .item-cell {
      display: block;
      text-align: left; }
      .kako-do-nas-container .menu .item-cell .responsive-small-content {
        display: block; }
      .kako-do-nas-container .menu .item-cell .item {
        border-bottom: 4px solid #e12a26;
        border-right: none;
        margin-left: 0;
        margin-bottom: 3px;
        height: 60px; }
        .kako-do-nas-container .menu .item-cell .item .image {
          height: 60px;
          line-height: 60px;
          display: inline-block;
          float: right;
          margin-right: 10px; }
        .kako-do-nas-container .menu .item-cell .item .title {
          display: inline-block;
          vertical-align: middle;
          line-height: 60px;
          float: left;
          margin-left: 10px;
          position: relative;
          bottom: auto;
          right: auto;
          left: auto; }
        .kako-do-nas-container .menu .item-cell .item .black-dots {
          display: none; }
    .kako-do-nas-container .menu .item-cell.hovered .black-dots {
      display: none !important; }
  .kako-do-nas-container .content {
    display: none; } }
/*//////////////////////////// NEWSLETTER ////////////////////////////*/
/* NODE */
.newsletter-node .mail-meta {
  margin-bottom: 20px; }
  .newsletter-node .mail-meta .vsebina-label {
    margin-top: 15px; }
  .newsletter-node .mail-meta .grayDots {
    margin-top: 10px; }

.mail-inline-block-unsubscribe .label, .mail-inline-block-unsubscribe .message {
  display: inline-block;
  line-height: 1.5em;
  color: #545454;
  font-style: italic; }
.mail-inline-block-unsubscribe .unsubscribe {
  margin-left: 10px;
  padding: 4px 10px;
  border: none;
  /*background-color: white;*/
  color: #545454;
  font-family: 'Klavika-Bold';
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #545454;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .mail-inline-block-unsubscribe .unsubscribe:hover {
    cursor: pointer;
    color: white;
    background-color: #333333; }
.mail-inline-block-unsubscribe .mail {
  margin-left: 10px;
  border: none;
  height: 30px;
  width: 200px;
  font-family: "Verdana";
  padding-left: 5px;
  color: #545454;
  border-bottom: solid #F2F2F2 1px; }

/* BLOCK */
.mail-inline-block {
  margin: 20px 0px;
  background-color: #f2f2f2;
  padding: 5px 10px;
  color: #545454;
  line-height: 50px;
  text-align: center;
  border-bottom: 4px solid #E12a26; }
  .mail-inline-block .label {
    display: inline-block;
    line-height: 1.5em;
    color: #545454;
    font-style: italic; }
  .mail-inline-block .subscribe {
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    line-height: 23px;
    padding: 4px 10px;
    border: none;
    /*background-color: white;*/
    color: #545454;
    font-family: 'Klavika-Bold';
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #545454;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .mail-inline-block .subscribe:hover {
      cursor: pointer;
      color: white;
      background-color: #333333; }
  .mail-inline-block .mail {
    margin-left: 10px;
    border: none;
    height: 30px;
    width: 200px;
    font-family: "Verdana";
    padding-left: 5px;
    color: #545454; }
  .mail-inline-block div {
    display: inline; }
  .mail-inline-block br {
    display: none; }

/* CONFIRM PAGE */
.page-newsletter-confirm input[type="submit"] {
  padding: 4px 10px;
  border: 1px solid #333;
  border-radius: 2px;
  background-color: white;
  color: #333333;
  font-family: 'Klavika-Bold';
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .page-newsletter-confirm input[type="submit"]:hover {
    cursor: pointer;
    color: white;
    background-color: #333333; }
.page-newsletter-confirm #edit-cancel {
  margin-left: 10px;
  color: #333; }
.page-newsletter-confirm .success {
  font-weight: bold; }

/*//////////////////////////// OVERRIDES ////////////////////////////*/
a[href]:hover {
  color: #E12A26; }

h1 a {
  color: #333333 !important; }

/*# sourceMappingURL=general.css.map */