/* Tickers */
div#content div.ticker dl a {
  color: #000;
}

div#content div.ticker a {
  display: block;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  position: relative;
  color: #fff;
  text-decoration: none;
}

div#content div.ticker span.ticker_overlay {
  background: transparent url(/css/img/carousel/ticker-back-hak.png) no-repeat 0 0;
  display: block;
  padding: 3px 0 3px 6px;
  position: absolute;
  width: 172px;
  height: 15px;
  top: 124px;
  left: 5px;
}

/* Carousel */
#contentArea #cover {
  height: 360px;
}
#contentArea ul.gallery {
  background-color: #f4f4e8;
  display: block;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  height: 300px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 540px;
}
  #contentArea ul.gallery li {
    background: none;
    background-color: #f4f4e8;
    display: block;
    float: left;
    height: 300px;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 540px;
  }
    #contentArea ul.gallery li.second,
    #contentArea ul.gallery li.second img,
    #contentArea ul.gallery li.third,
    #contentArea ul.gallery li.third img,
    #contentArea ul.gallery li.fourth,
    #contentArea ul.gallery li.fourth img {
      display: none;
    }
    #contentArea ul.gallery li.second div.sidebar,
    #contentArea ul.gallery li.third div.sidebar,
    #contentArea ul.gallery li.fourth div.sidebar {
      right: -175px;
    }
    #contentArea ul.gallery li img {
      display: block;
      height: 300px;
      width: 540px;
    }
    #contentArea ul.gallery li div.sidebar {
      background: transparent url(/css/img/carousel/sidebar-back-dark-2.png) repeat 0 0; 
      height: 300px;
      right: 0;
      position: absolute;
      top: 0;
      width: 175px;
    }
      #contentArea ul.gallery li div.sidebar h3 {
        background: transparent url(/css/img/carousel/sidebar-title-dark-2.png) no-repeat 0 0;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        height: 38px;
        margin: 0;
        padding: 8px 0 0 10px;
        width: 165px;
      }
      #contentArea ul.gallery li div.sidebar p {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        line-height: 14px;
        margin: 0 0 10px 10px;
        width: 148px;
      }
      #contentArea ul.gallery li div.sidebar a {
        color: #fff;
        font-weight: normal;
        text-decoration: underline;
      }
      #contentArea ul.gallery li div.sidebar a.underlink {
        font-weight: bold;
        padding-left: 10px;
	color: #ffd63d;
      }
        #contentArea ul.gallery li div.sidebar a:hover {
          color: #ccc;
          text-decoration: underline;
        }
	
	#contentArea ul.gallery li div.sidebar a.underlink:hover {
	  color: #fff;
	}


#contentArea ul.tabs {
  display: block;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  height: 60px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 540px;
}
  #contentArea ul.tabs li {
    background: #ffb300 url(/css/img/carousel/tabs-back.png) repeat-x 0 0;
    border-bottom: solid 4px #292b28;
    cursor: pointer;
    display: block;
    float: left;
    height: 49px;
    margin: 2px 2px 0 0;
    padding: 4px 8px 0 8px;
    width: 118px;
  }
    #contentArea ul.tabs li.fourth {
      width: 116px;
      margin-right: 0;
    }
    #contentArea ul.tabs li:hover {
      background-image: none;
    }
    #contentArea ul.tabs li.active {
      background: #ffb300 url(/css/img/carousel/tabs-active-2.png) no-repeat 0 0;
    }
      #contentArea ul.tabs li span {
        color: #000;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
      }
      #contentArea ul.tabs li p {
        color: #000;
        font-size: 11px;
        line-height: 12px;
        margin: 0;
        padding: 3px 0 0 0;
      }
      
/* Dorada postojećeg */
div#content ul.menuMain li a:hover {
  color: #555;
}

html{ background-color:#F5F5E9;}

h3.contest {
  margin: 0;
  padding: 5px 0 0 15px;
}

/* Novi sustav informacija na naslovnici */
div#homepage_notice {
	position: relative;
}
	div#homepage_notice div.pogodnosti {
		position: absolute;
		top: 240px;
	}
	div#homepage_notice h3 {
		background-position: 0 0;
		background-repeat: no-repeat;
		border-bottom: 1px solid #e5e5e5;
		display: block;
		height: 35px;
		text-indent: -10000px;
		width: 242px;
	}
		div#homepage_notice h3.izdvajamo {
			background-image: url(http://static1.hak.hr/images/h3-izdvajamo.png);
		}
		div#homepage_notice h3.pogodnosti {
			background-image: url(http://static1.hak.hr/images/h3-pogodnosti.png);
		}
	div#homepage_notice ul {}
		div#homepage_notice ul li {
			background: transparent url(http://static1.hak.hr/images/naslovna-strelica.png) no-repeat 6px 6px;
			display: block;
			list-style-type: none;
			padding: 0 0 7px 15px;
		}
			div#homepage_notice ul li a.label,
			div#homepage_notice ul li p.label {
				display: block;
				font-size: 15px;
				font-weight: normal;
				line-height: 18px;
				margin: 0;
				padding: 0;
			}
			div#homepage_notice ul li p.details {
				color: #696969;
				display: block;
				font-size: 11px;
				font-weight: normal;
				line-height: 15px;
				margin: 0;
				padding: 2px 0 0 2px;
			}