#header {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 2%; }
  #header #headerholder {
    width: 98%;
    margin: 0 auto; }
    #header #headerholder #logo {
      width: 13%;
      height: auto;
      float: left;
      margin: 0 auto;
      margin-right: 2%;
      /*background: blue;*/ }
      #header #headerholder #logo img {
        width: 90%;
        height: auto; }
    #header #headerholder #headercenter {
      width: 68%;
      height: auto;
      margin: 0 auto;
      float: left; }
      #header #headerholder #headercenter #naslov {
        width: 100%;
        height: 130px;
        float: left;
        margin: 0 auto;
        border-bottom: 1px solid #039ac7;
        /*background: red;*/ }
        #header #headerholder #headercenter #naslov h1 {
          font-family: 'Josefin Sans';
          padding: 0 auto;
          padding-top: 30px;
          text-align: center;
          color: #585959; }
        #header #headerholder #headercenter #naslov h2 {
          font-family: 'Josefin Sans';
          padding-top: 5px;
          text-align: center;
          color: #585959; }
      #header #headerholder #headercenter #menu {
        width: 100%;
        height: 80px;
        float: left;
        margin: 0 auto;
        /*background: maroon;*/ }
        #header #headerholder #headercenter #menu ul {
          width: 100%;
          height: 80px;
          margin: 0 auto;
          float: left;
          /*background: greenyellow;*/ }
          #header #headerholder #headercenter #menu ul li {
            width: 11%;
            height: 45px;
            margin: 0 1.6%;
            padding-top: 35px;
            font-size: 13pt;
            float: left;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            color: #585959;
            font-family: 'Josefin Sans';
            /*background: darkturquoise;*/ }
          #header #headerholder #headercenter #menu ul :hover {
            color: #039ac7;
            border-bottom: 1px solid #039ac7; }
    #header #headerholder #headerright {
      width: 17%;
      height: auto;
      float: left;
      margin: 0 auto;
      /*background: fuchsia;*/ }
      #header #headerholder #headerright #podaci {
        width: 100%;
        height: 75%;
        float: left;
        /*background: yellow;*/ }
        #header #headerholder #headerright #podaci p {
          font-family: 'Josefin Sans';
          padding: 4px;
          text-align: center;
          color: #585959; }
      #header #headerholder #headerright #mail_face_insta {
        width: 50%;
        height: auto;
        float: left;
        margin: 0 auto;
        margin-left: 25%;
        /*background: green;*/ }
        #header #headerholder #headerright #mail_face_insta .icon {
          width: 27%;
          height: auto;
          float: left;
          margin-left: 5%;
          /*background: purple;*/ }
          #header #headerholder #headerright #mail_face_insta .icon img {
            width: 100%;
            height: auto; }
        #header #headerholder #headerright #mail_face_insta #menu-button {
          width: 27%;
          height: auto;
          float: left;
          margin-left: 5%;
          /*background: yellow;*/
          display: none; }
          #header #headerholder #headerright #mail_face_insta #menu-button img {
            width: 100%;
            height: auto; }

#footer {
  width: 100%;
  height: auto;
  float: left;
  background: #6a6a6a;
  /*background: green;*/ }
  #footer #footerleft {
    width: 30%;
    height: auto;
    float: left;
    /*background: pink;*/ }
    #footer #footerleft p {
      font-family: 'Josefin Sans';
      padding: 6%;
      text-align: center;
      color: #ffffff; }
  #footer #footercenter {
    width: 40%;
    height: 280px;
    float: left;
    /*background: red;*/ }
    #footer #footercenter #mapa {
      width: 90%;
      height: 240px;
      padding-top: 4.5%;
      padding-left: 5%;
      float: left; }
  #footer #footerright {
    width: 30%;
    height: auto;
    float: right;
    margin: 0 auto;
    /*background: yellow;*/ }
    #footer #footerright #sat {
      width: 10%;
      height: auto;
      margin: 0 auto;
      margin-top: 20px; }
    #footer #footerright img {
      width: 100%;
      height: auto; }
    #footer #footerright #radno-vreme {
      width: 100%;
      height: 90px;
      float: right;
      /*background: purple;*/ }
      #footer #footerright #radno-vreme h3 {
        font-family: 'Josefin Sans';
        text-align: center;
        color: #ffffff; }
      #footer #footerright #radno-vreme p {
        font-family: 'Josefin Sans';
        text-align: center;
        color: #ffffff; }
    #footer #footerright #footer-logo {
      width: 22%;
      height: auto;
      float: right;
      margin: 0 auto;
      margin-right: 38.5%;
      /*background: aqua;*/ }
      #footer #footerright #footer-logo img {
        width: 100%;
        height: auto; }

#copyright {
  width: 100%;
  height: auto;
  float: left;
  border-top: 1px solid #898a8a;
  background: #585959; }
  #copyright p {
    font-family: 'Oswald';
    padding: 0 auto;
    text-align: center;
    color: white; }

@media only screen and (max-width: 1000px) {
  #header #headerholder #logo {
    width: 100% !important;
    height: 100px !important;
    float: none !important;
    margin: 0 auto !important; }
    #header #headerholder #logo img {
      width: 40% !important;
      float: left !important;
      margin: 0 auto !important;
      margin-left: 30% !important;
      margin-bottom: 5% !important; }
  #header #headerholder #headercenter {
    width: 100% !important;
    float: left !important; }
    #header #headerholder #headercenter #naslov {
      width: 100% !important;
      height: auto !important;
      border-bottom: none !important; }
      #header #headerholder #headercenter #naslov h1 {
        font-size: 22pt !important;
        padding-top: 0 !important; }
      #header #headerholder #headercenter #naslov h2 {
        padding-top: 3% !important;
        font-size: 17pt !important; }
    #header #headerholder #headercenter #menu {
      display: none !important; }
  #header #headerholder #headerright {
    width: 100% !important;
    float: left !important; }
    #header #headerholder #headerright #podaci {
      display: none !important; }
    #header #headerholder #headerright #mail_face_insta {
      width: 100% !important;
      float: left !important;
      margin-top: 5% !important;
      margin-left: 0 !important; }
      #header #headerholder #headerright #mail_face_insta .icon {
        width: 10% !important;
        margin-left: 12% !important; }
      #header #headerholder #headerright #mail_face_insta #menu-button {
        width: 10% !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 12% !important;
        float: right !important; }

  #menumob {
    display: block !important;
    position: fixed !important;
    top: 0 !important; }

  #o-nama-naslov {
    width: 100% !important;
    float: left !important;
    margin-top: 5% !important;
    height: auto !important; }
    #o-nama-naslov h1 {
      padding: 10px 30px !important;
      font-size: 35pt !important;
      top: 0% !important;
      transform: translateY(0%) !important; }
    #o-nama-naslov .ikonice {
      margin-top: 3% !important;
      margin-bottom: 3% !important; }

  #o-nama {
    width: 100% !important;
    height: auto !important;
    float: left !important; }
    #o-nama p {
      padding: 10px 30px !important;
      top: 0% !important;
      transform: translateY(0%) !important; }

  #doktori {
    width: 100% !important;
    height: auto !important;
    float: left !important; }
    #doktori p {
      padding: 10px 30px !important;
      top: 0% !important;
      transform: translateY(0%) !important; }

  #doktori-naslov {
    width: 100% !important;
    float: left !important;
    margin-top: 5% !important;
    height: auto !important; }
    #doktori-naslov h1 {
      padding: 10px 30px !important;
      font-size: 35pt !important;
      top: 0% !important;
      transform: translateY(0%) !important; }
    #doktori-naslov .ikonice {
      margin-top: 3% !important;
      margin-bottom: 3% !important; }

  #eeg-naslov {
    width: 100% !important;
    float: left !important;
    margin-top: 5% !important;
    height: auto !important; }
    #eeg-naslov h1 {
      padding: 10px 30px !important;
      font-size: 35pt !important;
      top: 0% !important;
      transform: translateY(0%) !important; }
    #eeg-naslov .ikonice {
      margin-top: 3% !important;
      margin-bottom: 3% !important; }

  #eeg {
    width: 100% !important;
    height: auto !important;
    float: left !important; }
    #eeg p {
      padding: 10px 30px !important;
      top: 0% !important;
      transform: translateY(0%) !important; }

  #vaskularna-hirurgija {
    width: 100% !important;
    height: auto !important;
    float: left !important; }
    #vaskularna-hirurgija p {
      padding: 10px 30px !important;
      top: 0% !important;
      transform: translateY(0%) !important; }
    #vaskularna-hirurgija #vidi-jos-button {
      width: 40% !important; }
      #vaskularna-hirurgija #vidi-jos-button p {
        padding: 0 !important; }

  #vaskularna-hirurgija-naslov {
    width: 100% !important;
    float: left !important;
    margin-top: 5% !important;
    height: auto !important; }
    #vaskularna-hirurgija-naslov h1 {
      padding: 10px 30px !important;
      font-size: 35pt !important;
      top: 0% !important;
      transform: translateY(0%) !important; }
    #vaskularna-hirurgija-naslov .ikonice {
      margin-top: 3% !important;
      margin-bottom: 3% !important; }

  #ultrazvuk {
    width: 100% !important;
    height: auto !important;
    float: left !important; }
    #ultrazvuk p {
      padding: 10px 30px !important;
      top: 0% !important;
      transform: translateY(0%) !important; }

  #ultrazvuk-naslov {
    width: 100% !important;
    float: left !important;
    margin-top: 5% !important;
    height: auto !important; }
    #ultrazvuk-naslov h1 {
      padding: 10px 30px !important;
      font-size: 35pt !important;
      top: 0% !important;
      transform: translateY(0%) !important; }
    #ultrazvuk-naslov .ikonice {
      margin-top: 3% !important;
      margin-bottom: 3% !important; }

  #kucne-posete-krace {
    width: 100% !important; }
    #kucne-posete-krace p {
      padding-left: 35% !important;
      float: left !important; }
    #kucne-posete-krace #down-button {
      width: 3% !important;
      margin-left: 2% !important; }

  #novi-pacijenti-krace p {
    padding-left: 35% !important;
    float: left !important; }
  #novi-pacijenti-krace #down-button {
    width: 3% !important;
    margin-left: 2% !important; }

  #footerleft {
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid #898a8a; }
    #footerleft p {
      padding: 0 !important; }

  #footercenter {
    width: 100% !important;
    float: none; }
    #footercenter #mapa {
      margin-top: 2% !important; }

  #footerright {
    width: 100% !important;
    float: none; }
    #footerright #footer-logo {
      display: none; } }
@media only screen and (max-width: 1350px) {
  #eeg-naslov h1 {
    font-size: 30pt !important; } }
@media only screen and (max-width: 1000px) {
  #eeg-naslov h1 {
    font-size: 20pt !important; } }
html, a, h1, h2, ul, li, h3, body {
  margin: 0;
  padding: 0; }

p, h1, h2, h3, li {
  font-family: 'Ubuntu'; }

#wrapper {
  width: 100%;
  height: 100%; }
  #wrapper #menu-mob {
    display: none;
    width: 70%;
    height: auto;
    float: right;
    margin-top: 5%;
    /*background: green;*/ }
    #wrapper #menu-mob ul {
      width: 100%;
      height: auto;
      margin: 0 auto;
      float: right;
      /*background: blue;*/ }
      #wrapper #menu-mob ul li {
        text-align: center;
        width: 100%;
        height: 40px;
        padding-top: 20px;
        text-align: center;
        border-bottom: 1px solid white;
        background: #898a8a; }
      #wrapper #menu-mob ul a {
        text-decoration: none;
        list-style: none;
        color: white; }
  #wrapper #slideshow {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin: 0 auto;
    margin-top: 20px; }
    #wrapper #slideshow img {
      width: 100%;
      height: auto;
      overflow: hidden; }
      #wrapper #slideshow img .overimg {
        position: absolute;
        top: 80%;
        left: 20%;
        overflow: hidden; }
  #wrapper #o-nama-naslov {
    width: 45%;
    height: 450px;
    float: left;
    /*background: green;*/ }
    #wrapper #o-nama-naslov h1 {
      padding: 30px;
      text-align: center;
      color: #585959;
      font-size: 40pt;
      position: relative;
      top: 40%;
      transform: translateY(-50%); }
    #wrapper #o-nama-naslov .ikonice {
      width: 15%;
      height: auto;
      margin: 0 auto;
      margin-top: 100px; }
      #wrapper #o-nama-naslov .ikonice img {
        width: 100%;
        height: auto; }
  #wrapper #o-nama {
    width: 55%;
    height: 450px;
    float: right;
    background: #6cceeb; }
    #wrapper #o-nama p {
      padding: 50px;
      text-align: justify;
      color: #ffffff;
      position: relative;
      top: 46%;
      transform: translateY(-50%); }
      #wrapper #o-nama p img {
        width: 10px;
        height: auto; }
  #wrapper #doktori {
    width: 55%;
    height: 450px;
    float: left;
    background: #57c3e4; }
    #wrapper #doktori p {
      padding: 30px;
      text-align: justify;
      color: #ffffff;
      position: relative;
      top: 47%;
      transform: translateY(-50%); }
      #wrapper #doktori p img {
        width: 10px;
        height: auto; }
  #wrapper #doktori-naslov {
    width: 45%;
    height: 450px;
    float: right;
    /*background: yellow;*/ }
    #wrapper #doktori-naslov h1 {
      padding: 30px;
      text-align: center;
      color: #585959;
      font-size: 40pt;
      position: relative;
      top: 40%;
      transform: translateY(-50%); }
    #wrapper #doktori-naslov .ikonice {
      width: 10%;
      height: auto;
      margin: 0 auto;
      margin-top: 100px; }
      #wrapper #doktori-naslov .ikonice img {
        width: 100%;
        height: auto; }
  #wrapper #eeg-naslov {
    width: 45%;
    height: 450px;
    float: left;
    /*background: red;*/ }
    #wrapper #eeg-naslov h1 {
      padding: 30px;
      text-align: center;
      color: #585959;
      font-size: 40pt;
      position: relative;
      top: 40%;
      transform: translateY(-50%); }
    #wrapper #eeg-naslov .ikonice {
      width: 10%;
      height: auto;
      margin: 0 auto;
      margin-top: 110px; }
      #wrapper #eeg-naslov .ikonice img {
        width: 100%;
        height: auto; }
  #wrapper #eeg {
    width: 55%;
    height: 450px;
    float: right;
    background: #42b9dd; }
    #wrapper #eeg p {
      padding: 30px;
      text-align: justify;
      color: #ffffff;
      position: relative;
      top: 47%;
      transform: translateY(-50%); }
      #wrapper #eeg p img {
        width: 10px;
        height: auto; }
  #wrapper #hirurgija-holder {
    width: 100%;
    height: auto;
    float: left;
    /*background: green;*/ }
    #wrapper #hirurgija-holder #vaskularna-hirurgija {
      width: 55%;
      min-height: 450px;
      float: left;
      background: #2dafd5; }
      #wrapper #hirurgija-holder #vaskularna-hirurgija h3 {
        font-style: italic;
        padding-left: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #ffffff;
        color: #ffffff; }
      #wrapper #hirurgija-holder #vaskularna-hirurgija p {
        padding: 0px 30px;
        text-align: justify;
        color: #ffffff; }
        #wrapper #hirurgija-holder #vaskularna-hirurgija p img {
          width: 10px;
          height: auto; }
      #wrapper #hirurgija-holder #vaskularna-hirurgija #vidi-jos-button {
        width: 20%;
        height: 50px;
        float: left;
        margin-left: 30px;
        margin-top: 20px;
        margin-bottom: 10px;
        border-radius: 10px;
        background: white;
        cursor: pointer; }
        #wrapper #hirurgija-holder #vaskularna-hirurgija #vidi-jos-button p {
          text-align: center;
          color: #039ac7; }
          #wrapper #hirurgija-holder #vaskularna-hirurgija #vidi-jos-button p:hover {
            color: #6cceeb; }
      #wrapper #hirurgija-holder #vaskularna-hirurgija #ostatak-texta {
        width: 100%;
        height: auto; }
        #wrapper #hirurgija-holder #vaskularna-hirurgija #ostatak-texta h4 {
          padding-left: 30px;
          margin-top: 20px;
          color: #ffffff; }
    #wrapper #hirurgija-holder .vise {
      display: block; }
    #wrapper #hirurgija-holder .manje {
      display: none; }
    #wrapper #hirurgija-holder #vaskularna-hirurgija-naslov {
      width: 45%;
      height: 450px;
      float: right;
      /*background: blue;*/ }
      #wrapper #hirurgija-holder #vaskularna-hirurgija-naslov h1 {
        padding: 30px;
        text-align: center;
        color: #585959;
        font-size: 40pt;
        position: relative;
        top: 40%;
        transform: translateY(-50%); }
      #wrapper #hirurgija-holder #vaskularna-hirurgija-naslov .ikonice {
        width: 10%;
        height: auto;
        margin: 0 auto;
        margin-top: 100px; }
        #wrapper #hirurgija-holder #vaskularna-hirurgija-naslov .ikonice img {
          width: 100%;
          height: auto; }
  #wrapper #ultrazvuk {
    width: 55%;
    height: 450px;
    float: right;
    background: #039ac7; }
    #wrapper #ultrazvuk p {
      padding: 30px;
      text-align: justify;
      color: #ffffff;
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      #wrapper #ultrazvuk p img {
        width: 10px;
        height: auto; }
  #wrapper #ultrazvuk-naslov {
    width: 45%;
    height: 450px;
    float: left;
    /*background: blue;*/ }
    #wrapper #ultrazvuk-naslov h1 {
      padding: 30px;
      text-align: center;
      color: #585959;
      font-size: 40pt;
      position: relative;
      top: 40%;
      transform: translateY(-50%); }
    #wrapper #ultrazvuk-naslov .ikonice {
      width: 10%;
      height: auto;
      margin: 0 auto;
      margin-top: 100px; }
      #wrapper #ultrazvuk-naslov .ikonice img {
        width: 100%;
        height: auto; }
  #wrapper #kucne-posete-krace {
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 1px solid #898a8a;
    background: #585959; }
    #wrapper #kucne-posete-krace p {
      float: left;
      padding-left: 30px;
      color: white;
      /*background: coral;*/ }
    #wrapper #kucne-posete-krace #down-button {
      width: 0.7%;
      height: auto;
      float: left;
      margin-left: 1%;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      /*background: yellow;*/ }
      #wrapper #kucne-posete-krace #down-button img {
        width: 100%;
        height: auto; }
  #wrapper #kucne-posete-duze {
    display: none;
    width: 100%;
    height: auto;
    float: left;
    margin: 0 auto;
    background: #4bbddf; }
    #wrapper #kucne-posete-duze h2 {
      padding-left: 30px;
      padding-top: 20px;
      padding-bottom: 15px;
      color: #ffffff; }
    #wrapper #kucne-posete-duze p {
      padding-left: 30px;
      color: #ffffff; }
      #wrapper #kucne-posete-duze p img {
        width: 10px;
        height: auto; }
  #wrapper #novi-pacijenti-krace {
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 1px solid #898a8a;
    background: #585959; }
    #wrapper #novi-pacijenti-krace p {
      float: left;
      padding-left: 30px;
      color: white;
      /*background: aqua;*/ }
    #wrapper #novi-pacijenti-krace #down-button {
      width: 0.7%;
      height: auto;
      float: left;
      margin-left: 1%;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      /*background: greenyellow;*/ }
      #wrapper #novi-pacijenti-krace #down-button img {
        width: 100%;
        height: auto; }
  #wrapper #novi-pacijenti-duze {
    display: none;
    width: 100%;
    height: auto;
    float: left;
    margin: 0 auto;
    background: #4bbddf; }
    #wrapper #novi-pacijenti-duze h2 {
      padding: 20px 20px 20px 30px;
      color: #ffffff; }
    #wrapper #novi-pacijenti-duze h3 {
      font-style: italic;
      padding-left: 30px;
      padding-top: 10px;
      color: #ffffff;
      color: #ffffff; }
    #wrapper #novi-pacijenti-duze p {
      text-align: justify;
      padding: 0 30px 0 50px;
      color: #ffffff; }
      #wrapper #novi-pacijenti-duze p img {
        width: 10px;
        height: auto; }

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