/**** LAYOUT ****/

html, body, #wrap, #wrap2 {
    min-height: 100%;
    width:100%;
	height: 100%;
}

html>body, html>body #wrap, html>body #wrap2 {height: auto;}

* {
	margin:0;
	padding:0;
}

body {
	background:#1f3838 url(../images/bg.gif) repeat-x;
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.clear {clear:both;}

a img {border:none;}

#wrap, #wrap2 {
	width:960px;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -480px;
}

#wrap {background:url(../images/sidebar-bg.gif) 650px top repeat-y;}

#header-wrap {background:url(../images/bg.gif) repeat-x;}

#header {
	height:256px;
	background:url(../images/header.jpg) no-repeat;
	position:relative;
}

.tag {
	position:absolute;
	right:0;
	top:41px;
}

#container {
	background:url(../images/cont-bg.jpg) 259px top no-repeat;
	padding:40px 0 136px 0;
}

#wrap2 #container {background:url(../images/cont2-bg.jpg) 259px top no-repeat;}

#main {
	float:left;
	width:582px;
	font-size:13px;
	color:#fff;
}

#wrap2 #main {
	float:none;
	width:100%;
}

#sidebar {
	float:right;
	width:268px;
	color:#fff;
}

#footer {
	position:absolute;
	bottom:0;
	height:96px;
	width:100%;
	background:url(../images/footer-sponsors.gif) 708px top no-repeat;
}

#home #footer {background:none;}

#footer-inner {
	height:25px;
	background:#000;
	border-bottom:1px solid #4c6060;
	border-right:1px solid #4c6060;
	padding:0 17px;
	margin-top:56px;
}

/**** NAVIGATION ****/

a.logo {
	position:absolute;
	top:35px;
	left:0;
	height:176px;
	width:318px;
}

a.lang, a.lang:visited {
	position:absolute;
	right:0;
	line-height:27px;
	font-variant:small-caps;
	font-size:14px;
	color:#bdeeee;
	text-decoration:none;
	background:url(../images/lang-arrow.gif) left center no-repeat;
	padding-left:12px;
}

a.lang:hover {
	color:#fff;
}

ul#nav {
	list-style:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	right:0;
	top:171px;
}

ul#nav li {
	float:left;
}

ul#nav li a, ul#nav li a:visited {
	display:block;
	width:97px;
	background:url(../images/nav-l.gif) left top no-repeat;
	height:39px;
	line-height:39px;
	text-decoration:none;
	color:#e0e0e0;
	outline:none;
}

ul#nav li a.first {
	background:url(../images/nav-l-1st.gif) left top no-repeat;
}

ul#nav a span {
	background:url(../images/nav-bg.gif) top repeat-x;
	display:block;
	margin-left:6px;
	text-align:center;
	padding-right:6px;
}

ul#nav a.last span {
	background:url(../images/nav-bg-last.gif) right top no-repeat;
}

ul#nav li a:hover, ul#nav li a:hover span {
	background-position:left -39px;
	color:#fff;
}

ul#nav li a.last:hover span {
	background-position:right -39px;
}

ul#footer-nav {
	list-style:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	float:left;
	line-height:24px;
}

ul#footer-nav li {
	float:left;
}

ul#footer-nav a, ul#footer-nav a:visited {
	color:#e9f9f9;
	text-decoration:none;
	background:url(../images/footer-bull.gif) left 5px no-repeat;
	padding:0 6px 0 12px;
}

ul#footer-nav a:hover {
	color:#fff;
}

.nordnet {
	float:right;
	margin-top:7px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}

.nordnet a, .nordnet a:visited {
	text-decoration:none;
	color:#e9f9f9;
}

.nordnet a:hover {
	color:#fff;
}

.article a, .article a:visited, #sidebar a, #sidebar a:visited {
	color:#ff2953;
	border-bottom:1px solid #ff2953;
	text-decoration:none;
}

.article a:hover, #sidebar a:hover {
	text-decoration:underline;
}

/**** TYPOGRAPHY ****/

h1 {
	color:#a2f3f3;
	font-size:36px;
	border-bottom:1px solid #d22244;
	margin-bottom:38px;
	padding-top:20px;
}

h3 {
	font-size:15px;
	color:#a2f3f3;
	margin-bottom:20px;
	font-weight:normal;
	text-transform:uppercase;
}

h4 {
	font-size:20px;
	color:#a2f3f3;
	margin-bottom:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

.article {
	line-height:20px;
}

p {
	margin-bottom:20px;
	text-align:justify;
}

#sidebar p {font-size:13px; line-height:20px;}

blockquote {
	float:left;
	width:260px;
	font-style:italic;
	margin:0 20px 10px 0;
	padding:10px 20px;
	background:#596c6c;
}

.article strong, ol strong {
	font-weight:normal;
	color:#a2f3f3;
}

.ucesnici ul {
	padding:0 0 16px 20px;
	font-size:14px;
	line-height:20px;
	color:#ccc;
}

#sidebar .ucesnici a, #sidebar .ucesnici a:visited {
	color:#fff;
	text-decoration:none;
	border:none;
	outline:none;
}

#sidebar .ucesnici a:hover {
	border-bottom:1px solid #FF2953;
}

#sidebar .ucesnici li.active a {
	color:#a2f3f3;
}

#sidebar .ucesnici h4 a, #sidebar .ucesnici h4 a:visited {
	color:#a2f3f3;
}

#sidebar .ucesnici h4 a:hover {
	border:none;
}

/**** CONTENT ****/

.img-right {
	float:right;
	margin:3px 0 10px 20px;
}

.img-left {
	float:left;
	margin:3px 20px 10px 0;
}

.article img, #sidebar img {
	border-right:1px solid #4c6060;
	border-bottom:1px solid #4c6060;
}

.adresa {
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:22px;
	margin-bottom:20px;
	margin:0\9;
	clear:both;
}

.adresa span {
	display:block;
	margin-bottom:8px;
}

#sidebar .banners a {border-bottom:none; outline:none;}
#sidebar .banners a.facebook {width:228px; margin:0 auto 20px auto; display:block;}
#sidebar .banners a.facebook img {border:none;}

.thumbs {margin-right:-6px;}
.article .thumbs a {border:none; display:inline-block; margin:0 6px 10px 0;}
.thumbs a img {border:3px solid #4d6161;}

.klinike {
	margin-right:-12px;
}

.klinike a, .klinike a:visited {
	border:none;
	display:inline-block;
	color:#fff;
	line-height:normal;
	padding:4px 3px 3px 6px;
	background:#4d6161 url(../images/arrow.jpg) 158px 11px no-repeat;
	margin:0 12px 12px 0;
	float:left;
	outline:none;
	*float:none;
	*margin:0 8px 12px 0;
}

.klinike a strong {
	display:block;
	text-transform:uppercase;
}

.klinike a:hover {
	text-decoration:none;
	background-position:158px -28px;
}

.klinike img {border:none; margin:5px 0 0 -3px;}

.klinika .slike {
	margin-bottom:20px;
}

.takmicenja a, .takmicenja a:visited {
	border:none;
	display:inline-block;
	outline:none;
}

.takmicenja a img {border:none;}

ol {padding-left:20px; font-size:13px;}
ol li {margin-bottom:10px;}
.article ol li a, .article ol li a:visited {float:right; border:none;}

.izlagac {
	position:relative;
	overflow:auto;
}

.add {
	line-height:normal;
	float:left;
	margin:0 30px 30px 0;
}

#klasicari .add {
	line-height:20px;
}

.logo-link {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

.logo-link img {
	border:none;
	margin-bottom:20px;
	display:block;
}

.logo-link a, .logo-link a:visited {
	text-decoration:none;
	border:none;
	color:#1f3838;
	background:url(../images/link-l.gif) left top no-repeat;
	display:inline-block;
	height:29px;
	clear:both;
}

.logo-link a span {
	background:url(../images/link-bg.gif) right top no-repeat;
	margin:0 0 0 4px;
	padding:6px 10px 7px 6px;
	line-height:normal;
	display:block;
}

.logo-link a:hover {
	text-decoration:none;
	background-position:left -29px;
}

.logo-link a:hover span {
	background-position:right -29px;
}

.slike {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed #4d6161;
}
.slike iframe {
	height:142px;
	width:582px;
	clear:both;
	background:#4d6161;
}

.ucesnici {
	background:#122121;
	padding:20px 10px 4px 10px;
	border-right:1px solid #4c6060;
	border-bottom:1px solid #3e4e4e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom:10px;
}

#player {
	display:block;
	width:368px;
	height:296px;
	border:3px solid #666;
	margin-bottom:10px;
	background:#333;
}

.videos {margin-top:20px;}

#sidebar .videos a, #sidebar .videos a:visited {
	border:none;
	margin:0 auto 10px auto;
	display:block;
	outline:none;
	width:211px;
}

.klinika a.img-right, .klinika a.img-left, .klinika a.img-right:visited, .klinika a.img-left:visited {
	border:none;
}

.klinika a.img-right img, .klinika a.img-left img {
	border:3px solid #4d6161;
}

.images a {
	clear:both;
}

table.program {
	width:279px;
	float:left;
	margin:0 12px 30px 0;
}

table.program th {
	text-align:left;
	font-weight:bold;
	color:#a2f3f3;
	padding-bottom:10px;
}

table.program td {
	padding:6px 0;
	line-height:normal;
}

table.program strong {
	color:#fff;
	font-size:16px;
}

table.program td.time {
	color:#a2f3f3;
	font-weight:bold;
	padding-right:10px;
	white-space:nowrap;
	vertical-align:top;
	font-size:14px;
}

#sidebar a.guest, a.guest:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	border:none;
	outline:none;
	margin-bottom:20px;
}

#sidebar a.guest span {
	display:block;
	font-size:14px;
	color:#a2f3f3;
}

.logos {
	display:block;
	text-align:center;
}

#sidebar .logos a, #sidebar .logos a:visited {
	border:none;
	margin-bottom:28px;
	display:block;
}

#sidebar .logos img {border:none;}

/**** FORM ****/

form {
	width:360px;
	float:right;
}

label {
	display:inline-block;
	float:left;
	width:92px;
	text-align:right;
	clear:both;
	padding:2px 10px 0 0;
}

input.input, textarea {
	float:left;
	width:249px;
	margin-bottom:10px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#eee;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #4c6060;
	border-right:1px solid #4c6060;
	display:inline-block;
}

textarea {
	height:80px;
	overflow:auto;
}

fieldset {
	clear:both;
	display:block;
	border:none;
	text-align:right;
}

input.button {
	display:block;
	padding:3px 9px;
	float:right;
	*float:none;
	clear:both;
}

/**** ROTATOR ****/

#rotator {
	width:577px;
	height:265px;
	background:url(../images/rotator.gif);
	position: relative;
	overflow: hidden;
	padding:6px 0 0 6px;
	margin-bottom:20px;
}
.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	top: 6px;
	right: 2px;
	margin: 0;
	padding: 0;
	}
.jshowoff-slidelinks a {
	display: block;
	background:url(../images/rotator/link.gif);
	height:42px;
	width:165px;
	color: #8fa7a7;
	padding:22px 0 0 22px;
	margin-bottom:1px;
	text-decoration: none;
	outline: none;
	font-size: 10px;
	line-height: 16px;
	}
.jshowoff-slidelinks a.jshowoff-slidelink-3 {
	height:41px;
}
.jshowoff-slidelinks a span {
	display:block;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
}
.jshowoff-slidelinks a:hover span, .jshowoff-controls a:hover {
	color: #ddd;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-position:left -64px;
}
.jshowoff-slidelinks a.jshowoff-active span, .jshowoff-slidelinks a.jshowoff-active:hover span {
	color: #a2f3f3;
	}