@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
div, span, p, tr, th, td, input, select, textarea, option, iframe, ul, li, font { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #8d8d8d; font-weight: normal; text-decoration: none; }
a{ color: #d70f00; text-decoration: none; }
a:hover{ color: #696969; text-decoration: none; }
body { padding: 0px; margin: 0px; height: auto; }
body { background: url("img/bg/body.png") no-repeat center top; }
body.naslovnica, body.home { background: url("img/bg/body.png") no-repeat center top, url("img/bg/pattern.png") repeat-x 0 0 #fff; }
body.low-bg { background: url("img/bg/body-low.png") no-repeat center top;}

.clear_both { clear: both; font-size: 1px; height: 0; }
.wrapper {width: 960px; margin: 0 auto;}
input[type="submit"], input[type="button"] { height: 32px; color: #6d6d6d; background: url('img/bg/search-button.png') repeat-x; border: 1px solid #d7d7d7; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px; cursor: pointer; }
input[type="submit"]:hover, input[type="button"]:hover { color: #d70f00; }
div.date { color: #d70f00; background: url('img/icons/clock.png') no-repeat left center; padding-left: 24px; }

#header { padding-top: 30px; height: 450px; }
#header .logo { width: 575px; height: 75px; background: url("img/logo.png") no-repeat; display: inline-block; margin-right: 40px; vertical-align: top; }

#header .languages { width: 340px; height: 65px; display: inline-block; vertical-align: top; text-align: right; padding-top: 10px; }
#header .languages a { color: #a5a5a5; font-weight: 300; display: inline-block; padding: 5px 6px; border: solid 1px #a5a5a5; font-size: 11px; }
#header .languages a:hover, #header .languages a.selected { color: #ffffff; border-color: #ffffff; }
#header .languages a.last { margin-left: 10px; }

#header .menu { height: 45px; line-height: 45px; font-size: 16px; width: 960px; }
#header .menu a { margin: 0 15px; color: #ebebeb; display: inline-block; float: left; font-size: 17px; font-weight: 600; }
#header .menu a:hover,#header .menu a.selected { background: url('img/bg/menu_item_hover.png') repeat-x bottom left; }
#header .menu a.first { margin-left: 0; }

.content { margin: 40px 0; }
.content img.thumb { margin: 5px; border: 1px solid #e6e6e6; }
.content .side-left, .content .side-right { display: inline-block; vertical-align: top; }
.content .side-left { width: 670px; margin-right: 20px; }
.content .side-right { width: 265px; }
.content .side-right .box { width: 263px; border: 1px solid #f5f5f5; box-shadow: 0 0 8px 1px #ddd; margin-bottom: 20px; }
.content .side-right .box h5 { background: #f8f8f8; margin: 0; padding: 5px; font-size: 16px; font-weight: 300; color: #2d2d2d; }
.content .side-right .box .info { padding: 5px; }


.page-title { font-size: 24px; color: #4d4d4d; margin-bottom: 20px; line-height: 32px; font-weight: 600; background: url('img/bg/page_title.png') no-repeat center left; padding-left: 20px; }

.footerWrap { width: 100%; height: 70px; line-height: 70px; background: #f5f5f5; }
.footerWrap .footer { color: #8d8d8d; margin: 0 auto; width: 960px; position: relative; }
.footerWrap .footer span { color: #d70f00; margin: 0 10px; display: inline-block; }
.footerWrap .footer .social-logos { position: absolute; right: 20px; top: 10px; }

.home-koncerti-box-title { color: #ffffff; padding-left: 46px; width: 83px; height: 40px; line-height: 40px; margin-left: 20px; background: url('img/bg/home-koncerti-box-title.png') no-repeat 20px center #d70f00; cursor: pointer; }
.home-koncerti-box { padding: 19px; width: 920px; margin-bottom: 23px; height: 116px; background: url('img/bg/home-koncerti-box.png') repeat-x #f5f5f5; border: solid 1px #ebebeb; }
.home-koncerti-box h1 { color: #4d4d4d; font-size: 20px; font-weight: 300; margin: 0; height: 32px; overflow: hidden; }
.home-koncerti-box .info { height: 75px; overflow: hidden; }

.home-box-news { width: 225px; height: 330px; border: solid 1px #d6d6d6; display: inline-block; vertical-align: top; margin: 40px 13px 38px 0; background: #ffffff; }
.home-box-news.last { margin-right: 0; }
.home-box-news .text { height: 99px; overflow: hidden; padding: 10px 20px 0 20px; margin-bottom: 16px; }
.home-box-news h2 { color: #4d4d4d; font-size: 18px; font-weight: 300; margin: 0; }
.home-box-news .more a { display: block; height: 30px; line-height: 30px; padding: 0 20px; border-top: solid 1px #d6d6d6; background: url('img/bg/arrow_right.png') no-repeat 205px center; color: #4d4d4d; }
.home-box-news .more a:hover { color: #d70f00; }

h3.events { font-size: 22px; font-weight: 300; margin: 20px 0 5px 0; color: #4d4d4d; }

.home-box-events { width: 465px; height: 156px; overflow: hidden; display: inline-block; vertical-align: top; margin: 20px 20px 0 0; }
.home-box-events.last { margin-right: 0; }
.home-box-events .img { width: 198px; height: 148px; padding: 4px; background: url('img/bg/home-events-img-box.png') no-repeat; display: inline-block; }
.home-box-events .info { width: 235px; height: 155px; margin-left: 20px; display: inline-block; vertical-align: top; overflow: hidden; }
.home-box-events .info h4 { color: #4d4d4d; font-weight: 300; font-size: 18px; margin: 0; }
.home-box-events .info .contentWrapper { height: 106px; overflow: hidden; margin-bottom: 15px; }

.slider { margin-top: 0; }
.claim { font-size: 16px; color: #2d2d2d; height: 45px; line-height: 45px; background: url('img/bg/header-text.png') repeat-x; padding: 0 20px; }

.contactTable td.title { text-align: right; }
.contactTable input[type="text"], .contactTable textarea { width: 295px; border: 1px solid #e6e6e6; padding: 5px; border-radius: 5px; }

article { width: 448px; padding: 0;	border-radius: 5px; background-color: #f8f8f8; border: 1px solid #e6e6e6; }
article p { margin: 0; padding: 10px; background-color: #f8f8f8; font-size: 13px; color: #6d6d6d; font-weight: 400; }
article p a { font-size: 13px; color: #2d2d2d; font-weight: 400; transition: all .2s linear; }
.linkovi article p a { float: right; padding-right: 25px; background: url('img/link_icon_gray.png') no-repeat scroll right center; }
article p a:hover { font-size: 13px; color: #d70f00; }
article p:nth-child(even) { background-color: #fff; }
article p:first-child { border-radius: 5px 5px 0 0; }
article p:last-child { border-radius: 0 0 5px 5px; }

.news-box { padding: 19px; width: 632px; margin-bottom: 20px; border: 1px solid #f5f5f5; box-shadow: 0 0 8px 1px #ddd; }
.news-box h3 { color: #4d4d4d; font-size: 20px; font-weight: 300; margin: 0; }

.popup-box { background: #ffffff; padding: 20px; color: #000000; }
.popup-box div { color: #000000; }

.box-grid a div { color: #d70f00; }
.box-grid a div:hover { color: #696969; }
.box-grid div { text-align: center; margin: 10px 20px; border: 1px solid #f5f5f5; box-shadow: 0 0 8px 1px #ddd; padding: 10px 10px; }
.box-grid div:hover { box-shadow: 0 0 8px 1px #afafaf; }
.single-image { margin: 3px 10px 0 0; border: 1px solid #f5f5f5; box-shadow: 0 0 8px 1px #ddd; }
ul.ansamblList { list-style: none; }
a.ansamblLink, a.ansamblLink li { color: #d70f00; font-weight: bold; font-size: 14px; }
a.ansamblLink:hover, a.ansamblLink li:hover { color: #696969; }
a.ansamblLink li i { font-weight: normal; }
.no-margin { margin: 0; }