html {
  height: 100%; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 0.80em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
  height: 100%; }

strong {
  font-weight: 600; }

a {
  color: #0057AF;
  text-decoration: none; }

a:hover {
  color: #AF0000;
  border-bottom: 1px dotted #AF0000; }

hr {
  border: 1px dotted #d7d7d7;
  border-width: 1px 0 0;
  height: 0; }

p {
  margin: 0; }

p.datum {
  font-weight: bold;
  float: left;
  padding-right: 0.5em; }

#footer {
  display: none;
  width: 976px;
  margin: 0px auto 10px auto;
  font-size: 0.9em; }

#wrapper {
  height: 100%;
  width: 976px;
  margin: 0px auto;
  display: table;
  border: 1px solid #d7d7d7;
  background-color: white; }

#lijevo {
  float: left;
  background-color: white; }

#header, #navigacija {
  width: 140px;
  margin: 10px 0 0 10px; }

#navigacija .closed {
  display: none; }
#navigacija span {
  display: none; }
#navigacija a {
  color: black; }
#navigacija a:hover {
  color: #AF0000;
  border-bottom: none; }
#navigacija h2 {
  display: none; }
#navigacija p {
  margin-left: 15px; }
#navigacija p.izbornik {
  margin: 10px 0 5px 15px;
  font-weight: 700;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.2em; }
#navigacija ul {
  line-height: 130%;
  list-style: none;
  margin: 0 0 0 1.2em;
  padding: 0; }
#navigacija #trazi {
  margin-top: 10px; }
#navigacija input#id_trazi {
  border: 0px solid #d7d7d7;
  border-bottom: 0px solid #d7d7d7;
  width: 80px;
  height: 21px;
  color: black;
  background-color: white;
  float: left;
  margin-left: -2px;
  font-weight: 600;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.2em; }
#navigacija input#submit_trazi {
  background: url("search_25.png") no-repeat center;
  height: 24px;
  width: 25px;
  border: 0px solid #d7d7d7;
  border-bottom: 0px solid #d7d7d7;
  border-left: 0px;
  float: left; }
#navigacija #trazi label {
  display: none; }
#navigacija #trazi .errorlist {
  display: none; }
#navigacija #sn {
  margin-top: 3em;
  float: left; }
#navigacija a#facebook {
  margin-left: 2px;
  margin-right: 3px; }

h2, h3 {
  font-size: 100%;
  border-bottom: 1px solid #d7d7d7;
  margin-top: 5px;
  font-weight: 600;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.2em;
  margin-bottom: 5px;
  float: left;
  width: 100%;
  color: black; }
  h2 a, h3 a {
    color: black; }

.obrub {
  border: 1px solid #d7d7d7; }

#naslovnica {
  margin-left: 150px; }
  #naslovnica .zk {
    float: left;
    width: 470px;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    border-right: 1px dotted #d7d7d7;
    border-left: 1px dotted #d7d7d7; }
    #naslovnica .zk #zbivanja {
      float: left;
      margin-bottom: 10px; }
  #naslovnica #casopisi {
    float: left;
    width: 150px;
    padding: 0;
    margin-left: 10px;
    margin-top: 10px; }
  #naslovnica #odjeci {
    float: left;
    width: 130px;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 10px;
    border-right: 1px dotted #d7d7d7;
    border-left: 1px dotted #d7d7d7;
    border-left: none; }
    #naslovnica #odjeci p {
      line-height: 130%;
      font-size: 85%; }
    #naslovnica #odjeci p.datum {
      font-weight: normal; }
    #naslovnica #odjeci p.novine {
      font-weight: 600; }
    #naslovnica #odjeci p.naslov {
      padding-top: 5px;
      font-weight: normal; }
  #naslovnica .casopis {
    width: auto;
    height: 250px; }
  #naslovnica p.novine,
  #naslovnica p.datum {
    padding-top: 0; }
  #naslovnica .odjek p.naslov a {
    font-weight: normal;
    font-size: 1.1em;
    font-family: "Open Sans", sans-serif; }

.clanak,
.sadrzaj {
  float: left;
  width: 540px;
  margin: 10px 0 10px 0;
  padding: 0 10px 0 10px;
  border-right: 1px dotted #d7d7d7;
  border-left: 1px dotted #d7d7d7;
  min-height: 768px;
  height: 100%;
  z-index: 1000; }
  .clanak .rubrika,
  .sadrzaj .rubrika {
    border-bottom: 1px dotted #d7d7d7; }
  .clanak ul,
  .sadrzaj ul {
    color: black; }
    .clanak ul a,
    .sadrzaj ul a {
      color: #0057AF; }
  .clanak a.slika,
  .sadrzaj a.slika {
    float: left; }
  .clanak #slika,
  .sadrzaj #slika {
    float: right;
    margin-left: 10px;
    margin-top: 5px; }
  .clanak p.organizator a,
  .sadrzaj p.organizator a {
    color: black; }
  .clanak p.organizator a:hover,
  .sadrzaj p.organizator a:hover {
    color: #AF0000; }

.sadrzaj .ogranci {
  float: left; }

.odjek,
.zbivanje {
  width: 100%;
  float: left;
  margin: 5px 0 5px 0;
  padding-bottom: 0px;
  border-bottom: 1px dotted #d7d7d7; }
  .odjek .slika img,
  .zbivanje .slika img {
    border: 1px solid #d7d7d7; }

.ime,
.naslov {
  color: #AF0000;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  padding: 0.2em 0 0.2em 0;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 0; }

h1.naslov {
  font-size: 1.4em;
  font-weight: 700;
  padding-bottom: 10px; }

h3.naslov {
  color: black;
  margin-bottom: 0.3em;
  padding-top: 0.3em;
  padding-bottom: 0; }

h4.glavno {
  margin-bottom: 0; }

h4.naslov {
  margin: 0 0 0.3em 0;
  border-bottom: 1px dotted #d7d7d7;
  font-size: 1.1em;
  font-weight: bold;
  color: black;
  clear: both;
  padding: 0; }

.podaci {
  padding: 0 0 0.4em 0;
  font-size: 0.95em; }

.slika {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px; }

.knjiga {
  float: left;
  height: 310px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 145px;
  font-size: 0.95em; }
  .knjiga .autor {
    font-weight: 600;
    font-size: 0.9em;
    clear: both; }
  .knjiga img {
    border: 1px solid #d7d7d7; }

.slika.lijevo {
  float: left;
  margin: 0; }

.dstupac {
  float: left;
  width: 230px;
  margin-left: 10px;
  margin-top: 10px; }
  .dstupac p {
    margin-bottom: 10px; }
  .dstupac p.broj {
    font-weight: bold;
    margin-top: 5px; }
  .dstupac .knjiga p {
    margin-bottom: 0; }

.link {
  cursor: pointer; }

.sz,
.so {
  font-family: Arial;
  font-size: 80%;
  color: #a8a8a8; }

ul {
  clear: both;
  margin: 0;
  color: #AF0000;
  list-style: square;
  padding-left: 15px;
  margin-bottom: 10px; }
  ul li.meni {
    list-style: none;
    padding-left: 0;
    cursor: pointer;
    margin: 0.2em 0 0.2em 0;
    border-bottom: 1px dotted #d7d7d7;
    color: black; }
  ul a {
    color: black; }
  ul span {
    color: black; }

.dstupac ul li ul {
  display: none; }

.clanak .organizator {
  padding-top: 0.5em;
  clear: both; }
.clanak .podaci {
  font-weight: 600;
  padding: 0.4em 0px 5px;
  margin-bottom: 10px;
  border-top: 1px dotted #d7d7d7;
  border-bottom: 1px dotted #d7d7d7; }
  .clanak .podaci p {
    margin-bottom: 0; }
.clanak .nadnaslov {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  border: none; }
  .clanak .nadnaslov p {
    margin: 0; }
.clanak .naslov {
  clear: both; }
.clanak .podnaslov {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  border: none;
  font-style: italic;
  font-weight: normal; }
.clanak .autor {
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  border: none; }
.clanak p {
  margin-bottom: 10px; }
.clanak .tekst {
  clear: both;
  margin-top: 15px;
  line-height: 1.5em; }
.clanak img {
  max-width: 540px;
  height: auto; }
.clanak .vijenac img {
  height: auto; }
.clanak ul a span {
  color: #0057AF; }
.clanak #slike ul {
  padding-left: 0; }
.clanak #slike li {
  float: left;
  list-style: none; }
  .clanak #slike li .slika {
    margin-left: 0;
    margin-right: 1em; }
  .clanak #slike li a:hover {
    border-bottom: none; }

.opis p {
  margin-bottom: 10px; }

.listaClanak {
  width: 100%;
  margin: 5px 0 5px 0;
  border-bottom: 1px dotted #d7d7d7;
  float: left;
  width: 380px;
  margin-left: 160px; }
  .listaClanak p.slika {
    float: left;
    margin-left: -160px; }
  .listaClanak .nadnaslov {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    border: none; }
  .listaClanak .naslov {
    padding-bottom: 0; }
  .listaClanak .podnaslov {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    border: none; }
  .listaClanak .autor {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    border: none;
    font-weight: bold;
    margin-top: 0; }

/*
//.kolo.listaClanak,
.vijenac.listaClanak {
	width: 100%;
	margin-left: 0;
}
*/
#tekst p {
  margin-bottom: 15px; }
#tekst img {
  max-width: 540px;
  height: auto; }
#tekst h3 {
  border: none; }

#knjiga .opis p {
  margin-bottom: 15px;
  margin-top: 1.1em; }
#knjiga .ocjeneiprikazi p {
  margin-bottom: 15px;
  margin-top: 1.1em; }
#knjiga p.autor a {
  color: black;
  font-weight: 600; }
#knjiga #autori {
  margin-top: 15px; }
#knjiga .naslov {
  padding-bottom: 0; }
#knjiga .podnaslov {
  border: none;
  color: #AF0000;
  font-size: 1.1em; }
#knjiga .napomena {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dotted #d7d7d7;
  font-size: 0.9em;
  line-height: 1.42em; }
#knjiga .priredio {
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 10px;
  clear: both; }
#knjiga div.autor {
  margin-bottom: 1em;
  border-bottom: 1px dotted #d7d7d7;
  float: left; }

.velicina {
  font-size: 10px; }

.pagination {
  float: left;
  width: 100%;
  margin: 20px 0px 10px; }

.knjige .knjiga {
  width: 125px;
  height: 270px;
  margin-right: 10px;
  margin-bottom: 10px; }
  .knjige .knjiga .slika {
    float: left;
    margin-left: 0; }
  .knjige .knjiga .cijena {
    font-size: 0.9em; }
  .knjige .knjiga p {
    line-height: 1.3em; }

#ogranci .knjige .knjiga {
  height: 300px; }

#autorKnjige .knjiga {
  height: auto;
  width: 230px; }
  #autorKnjige .knjiga p.slika {
    margin-right: 10px;
    margin-left: 0;
    float: left; }

.casopis {
  float: left;
  height: 220px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 20px;
  width: 125px; }
  .casopis p.broj {
    font-size: 85%; }
  .casopis p.slika {
    margin: 0; }

.impresum p.inaslov {
  margin-top: 10px;
  margin-bottom: 0px;
  font-weight: 600;
  clear: both; }

#omatici p {
  line-height: 1.5em;
  margin-bottom: 10px;
  width: 100%;
  float: left; }

img.lijevo {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

/*
.podaci {
//border-top: 1px dotted $boja-border;
//border-bottom: 1px dotted $boja-border;
padding: 0.4em 0 5px 0;
margin-bottom: 10px;
font-weight: 600;
}
 */
table {
  margin: 10px 0 10px 0; }
  table th, table td {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px dotted #d7d7d7;
    vertical-align: top;
    padding-right: 1em; }
  table th {
    text-align: left; }

table.dvorana th {
  text-align: right; }
table.dvorana td {
  width: 13em;
  text-align: right; }
table.dvorana td.prvo {
  text-align: left; }

#odjek #tekst {
  padding-top: 5px;
  border-top: 1px dotted #d7d7d7; }
#odjek p.novine a {
  color: black; }

#galerija p.datum {
  width: 100%;
  border-bottom: 1px dotted #d7d7d7;
  margin-bottom: 1em; }
#galerija p.slika {
  float: left;
  margin-left: 0;
  margin-right: 10px; }

#rezultati {
  float: left;
  width: 540px;
  margin: 10px 0 10px 0;
  padding: 0 10px 0 10px;
  border-right: 1px dotted #d7d7d7;
  border-left: 1px dotted #d7d7d7; }
  #rezultati h2.naslovnica {
    cursor: pointer; }
  #rezultati .rezultati {
    width: 100%;
    height: auto;
    float: left; }
  #rezultati span.desno {
    float: right; }
  #rezultati .casopis p.broj {
    margin-bottom: 0.5em; }
  #rezultati #vijenac, #rezultati #kolo, #rezultati #hr {
    margin-left: 0;
    padding-left: 0;
    border: none;
    min-height: 0; }
  #rezultati .listaClanak {
    margin-left: 80px;
    padding-bottom: 10px; }
  #rezultati .listaClanak p.slika {
    margin-left: -80px; }
  #rezultati .knjiga p.slika {
    margin-right: 10px; }

#e-kontakt {
  margin-top: 1em;
  margin-bottom: 1em; }

#prodaja .knjiga {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
  font-size: 1.0em; }
  #prodaja .knjiga .autor {
    clear: inherit !important; }
  #prodaja .knjiga .slika {
    float: left;
    margin-left: 0;
    margin-right: 20px; }
  #prodaja .knjiga .naslov {
    clear: none;
    margin-bottom: 0; }
  #prodaja .knjiga .podnaslov {
    font-style: normal; }
  #prodaja .knjiga .podaci {
    border: none; }
  #prodaja .knjiga #podaci {
    float: left; }
  #prodaja .knjiga ul {
    list-style: none;
    font-weight: normal;
    margin-top: 4em; }
    #prodaja .knjiga ul a {
      color: black; }
  #prodaja .knjiga p.akcija {
    margin-top: 2em;
    float: left;
    width: 50%; }
    #prodaja .knjiga p.akcija strong {
      color: #AF0000;
      font-size: 1.1em; }
#prodaja .popis .knjiga {
  width: 125px;
  height: 270px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 0.95em; }
  #prodaja .popis .knjiga .slika {
    float: left;
    margin-left: 0; }
  #prodaja .popis .knjiga .cijena {
    font-size: 0.9em; }
  #prodaja .popis .knjiga p {
    line-height: 1.3em;
    margin-bottom: 0; }
#prodaja #tekst, #prodaja #popis {
  width: 100%;
  float: left; }
  #prodaja #tekst .cijena, #prodaja #popis .cijena {
    text-align: right; }

#zoom {
  display: none;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: url(overlay.png) repeat;
  text-align: center;
  z-index: 2000; }
  #zoom p {
    text-align: right;
    margin-right: 40px;
    cursor: pointer; }
    #zoom p .opis {
      text-align: left;
      margin-left: 2em;
      width: 95%; }
  #zoom #content {
    position: relative; }
    #zoom #content .slika {
      float: none;
      margin: 0;
      cursor: pointer; }
    #zoom #content p.opis {
      text-align: center;
      font-weight: bold;
      text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
      text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;
      text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      font-size: 1.1em; }
  #zoom #prev, #zoom #next, #zoom #close {
    font-size: 2em;
    line-height: 3em;
    padding: 2em;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
  #zoom #close {
    padding-right: 3em;
    padding-top: 10px;
    padding-bottom: 10px; }
  #zoom #prev {
    position: absolute;
    top: 50%;
    left: 2.5em; }
  #zoom #next {
    position: absolute;
    top: 50%;
    right: 1em; }
  #zoom #prev:hover, #zoom #next:hover, #zoom #close:hover {
    color: #AF0000; }

#o {
  margin-bottom: 10px;
  border-bottom: 1px dotted #d7d7d7; }
  #o p {
    margin-bottom: 10px; }

.acijena span {
  color: #AF0000; }

p.desno {
  text-align: right;
  font-family: "Open Sans Condensed";
  font-weight: bold;
  font-size: 1.1em; }
  p.desno a {
    color: black; }
  p.desno a:hover {
    color: #AF0000; }

#tekst .vijenac img,
.tekst .vijenac img {
  width: 540px;
  height: auto; }
#tekst h2, #tekst h3,
.tekst h2,
.tekst h3 {
  border-bottom: none; }

.podupiratelj {
  padding-top: 0.5em; }
  .podupiratelj a {
    padding-right: 1em; }

#ogranakInfo .adresa {
  margin-top: 0.8em; }

#clan input, #clan select {
  width: 100%; }
#clan h3 {
  border-bottom: none; }
#clan input#id_pozivnica,
#clan input#id_potvrda_pravila {
  width: auto; }

#clanak .vijenac p img {
  width: 540px;
  height: auto; }

#ogranak .knjiga {
  width: 125px; }

.knjige .naslov,
#knjige .naslov {
  clear: both; }

#casopisi .casopis p.slika.lijevo {
  position: relative; }
  #casopisi .casopis p.slika.lijevo span {
    text-transform: uppercase;
    position: absolute;
    top: 120px;
    left: 0;
    color: #FFF;
    display: block;
    background: #af0000cc;
    padding: 0.5em;
    width: 138px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em; }

#obavijestistr p.datum {
  float: none;
  }