body {
  font-family: DrgSans,sans-serif;
}

.dc-login {
  display: block;
}

a:link, a:visited {color: #008ed3;}
a:hover {color: #7eb712;}

#site {
  width: 1060px
}

#page {
  width: 750px
}

#site-top-1 {
  padding: 2px 0;
}

#site-top img {
  margin: 0 8px;
}

#site-top-1 img {
  width: 1044px;
  padding: 0 8px;
}

#menu-cistilci li {
  padding: 10px 15px;
}
#menu-cistilci .menu-selected {
  padding: 10px 15px;
}

#menu-cistilci li ul {
  margin-top: 10px;}

.novice-top {
  padding: 8px 3px 8px 10px;
}

.dc-login a:link, .dc-login a:visited {
  color: #222;
  font-size: 1.4em;
  font-weight: normal;
}

.dc-login a:hover {
  color: #7eb712;
}


/* Ankete */

.poll-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px;
  color: #008ed3;
  padding-bottom: 8px;
  border-bottom: 3px solid #008ed3;
}


.poll-data-submit input {
  font-size: 1.2em;
  font-weight: bold;
  color: #008ed3;
  padding: 2px 10px 2px 6px;
}

.poll-data-submit input:hover {
  color: #72a610;
}

/**** PRVA STRAN ****/
#cistilci-prva {
  display: flex;
  gap: 1rem;
}

#cistilci-prva #levo {
  width: 30%;
}
#cistilci-prva #desno {
  width: 70%;
}

#cistilci-prva img {
  width: 100%;
  height: auto;
}


/* Novice */
.novice-top {
  font-size: 1.8em;
  color: #7eb712;
  color: #333;
  padding: 0;
  font-weight: 500;
  background-color: transparent;
  border-left: 0;
  box-shadow: none;
}

.novice-top:first-letter {
  color: #008ed3;
}

.novica-naslov {
  border-bottom: 2px solid #333;
}

.novica-naslov h1 {
  color: #333;
  font-weight: 500;
}

.novica-naslov h1:first-letter {
  color: #008ed3
}

.novica-body {
  line-height: 1.4em;
}

.dc-login {
  color: #222;
  font-weight: 500;
  padding: 8px;
  background-color: transparent;
  border-left: 0;
  box-shadow: none;
}

.dc-login a:link {
  font-weight: 500;
  color: #7eb712;
}

.dc-login a:link:hover {
  color: #008ed3;
}


/* menu čistilci */
/* rd: #b60635 mo: #008ed3 zelena: #7eb712 #6fa110 */

#menu-cistilci {
  padding: 1rem 0;
  display: flex;
}
#menu-cistilci ul {
  list-style:none;
  padding: 0;
  margin: 0;
}
#menu-cistilci li {
  float:left;
  vertical-align:middle;
  padding: 8px;
}

#menu-cistilci li a {
  font-size: 15px;
  font-weight: 500;
  color: #444;
  text-transform: uppercase;
}

#menu-cistilci a:hover {
  border-bottom: 1px dotted white;
}

#menu-cistilci li:hover a {
  /*background-image: linear-gradient(rgba(255, 255, 255, .1) 10%, transparent 100%, transparent);*/
  color: #008ed3;
}

#menu-cistilci .menu-selected {
  padding: 8px;
}

#menu-cistilci .menu-selected a {
  color: #008ed3;
}

#menu-cistilci img {
  vertical-align: middle;
}

/* 2. nivo */
#menu-cistilci li ul {
  z-index: 1000;
  position: absolute;
  display: none;
  margin-top: 8px;
  margin-left: -10px;
  background-color: #fcfcfc;
  filter: drop-shadow(0 0 2px #ddd);
}

#menu-cistilci li:hover > ul {
  display: block;
}
#menu-cistilci li li {
  position:relative;
  display:block;
  float:none;
  min-width:150px;
}

#menu-cistilci li li a:link, #menu-cistilci li li a:visited {
  color: #444;
}

#menu-cistilci li li a:hover {
  color: #008ed3;
}

/* 3. nivo */
#menu-cistilci li li ul{
  position:absolute;
  top:-8px;
  margin-left: 0px;
  left: 100%;
  z-index: 1000;
}

/***  FOOTER  ****/
#site-bottom {
  background-color: transparent;
  color: #555;
  padding-top: 1rem;
}

#site-bottom a {
  color: #555;
  font-weight: 400;
  line-height: 2em;
}

#site-bottom a:hover {
  color: #aaa;
}

#site-bottom .podcrtano {
  box-shadow: none;
  padding: 6px 0;
}

/*****  Gumbi v vsebini  *****/
.gumbi-okvir {
  padding: 1rem;
}

.gumbi-okvir li {
  display: inline;
  padding: 8px 0;
}

.gumbi-okvir li a {
  margin-top: 1rem;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #0F405B;
  padding: 6px 16px;
  border-radius: 20px;
  text-transform: capitalize;
}

.gumbi-okvir li a:hover {
  background-color: #0F405B;
  color: #fff;
  transition: background-color 500ms linear;
}