.clearfix:after {     content: ".";    display: block;    clear: both;    visibility: hidden;    line-height: 0;    height: 0; }
.clearfix {     display: inline-block; }
html[xmlns] .clearfix {     display: block; }
* html .clearfix {     height: 1%; }
.clear { clear: both; }


html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	margin:0;
	padding:12px 0 12px 0;
	height:100%;
	text-align:center;
	background:url(/i/l.png) center;
}

html>body,html>body#wrapper {
	height:auto;
}

form {
	margin:0;
	padding:0;
}

h2 {
	font:bold 24px Arial;
}

h3 {
	font:bold 18px Arial;
}

ul { list-style:none; margin:0; padding:0; }

div#wrapper {
	position:absolute;
	top:0;
	left:0;
}

div#wrapper {
	position:relative;
	width:996px;
	margin:0 auto;
	text-align:left;
}

html>body div#wrapper {
	width:996px;
}

#page {
	position:absolute;
	border:3px solid #e9e9e9;
	background-color:#fff;
}

#header {
	position:relative;
	display:inline;
	float:left;
	width:976px;
	height:120px;
	background:url(/i/h.png) repeat-x;
	margin:7px 7px 0 7px;
}

#header #logo {
	position:absolute;
	left:20px;
	top:31px;
	width:195px;
	height:57px;
	background-image:url(/i/c.png);
}

#header #logo a {
	display:block;
	width:100%;
	height:100%;
}

#header #banner {
	display:inline;
	float:right;
	width:728px;
	height:90px;
	margin:14px 14px 0 0;
	border:1px solid #006780;
}

#info {
	display:inline;
	position:relative;
	float:left;
	width:976px;
	background:url(/i/t.png);
	margin:1px 0 0 7px;
}

#info a {
	padding:0 0 0 8px;
	margin:0 20px 0 0;
	font:bold 11px Tahoma,Verdana,Arial;
	color:#fff;
	text-decoration:none;
	background:url(/i/s.gif) no-repeat;
}

#info a:hover {
	text-decoration:underline;
}

#info p {
	text-align:right;
	margin:0 16px 0 0;
	padding:0;
	text-transform:uppercase;
	font:normal 20px Tahoma;
	color:#fff;
	line-height:35px;
}

#info h1 {
	position:relative;
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:960px;
	background-image:url(/i/t.png);
	text-align:right;
	text-transform:uppercase;
	font:normal 20px Tahoma;
	line-height:35px;
	color:#fff;
}

div#left {
	display:block;
	float:left;
	width:160px;
	margin:5px 0 0 7px;
}

div#left div#statcounter a {
	font:bold 12px Arial;
	color:#595959;
	line-height:12px;
	text-decoration:none;
}




ul#menu {
	display:inline;
	margin:0 0 10px 0;
	width:160px;
	padding:0;
	list-style:none;
	float:left;
}

ul#menu li {
	display:inline;
	width:160px;
	margin:0;
	padding:0;
	text-align:left;
}

ul#menu li a,
ul#menu li.sel a {
	background:url(/i/m.png) 0 0 no-repeat;
}

ul#menu li a {
	position:relative;
	display:block;
	margin:0 0 1px 0;
	padding:8px 0 7px 32px;
	background-position:11px 0px;
	font:bold 11px Tahoma;
	line-height:15px;
	color:#fff;
	text-decoration:none;
}

ul#menu li.sel a { background-position:11px -30px; }
ul#menu li a:hover { background-position:11px -30px; }

ul#menu li.sub a,
ul#menu li.subSel a {
	position:relative;
	display:block;
	margin:0 0 1px 0;
	padding:1px 8px 1px 0;
	font:bold 10px Tahoma;
	line-height:14px;
	color:#fff;
	text-decoration:none;
	text-align:right;
	background:url(/i/sm.png) no-repeat;
}

ul#menu li.sub a { background-position:11px 0; }
ul#menu li.subSel a,ul#menu li.sub a:hover,ul#menu li.subSel a:hover { background-position:11px -16px; }
div#left ul#menu li a.a1 { background-color:#e6327d; }
div#left ul#menu li a.a2 { background-color:#f35d02; }
div#left ul#menu li a.a3 { background-color:#4899d2; }
div#left ul#menu li a.a4 { background-color:#70af2d; }
div#left ul#menu li a.a5 { background-color:#ffcc00; }
div#left ul#menu li a.a6 { background-color:#c8bd9f; }
div#left ul#menu li a.a7 { background-color:#66ccff; }

div#b1 { float:left; margin:5px 0 0 5px; padding:0; width:808px; border:1px solid #dfdec9; background-color:#fff; }
div#b2 { margin:1px; padding:2px 39px; background-color:#f8f8f1; }

div#c1,div#t1 { float:left; display:inline; border:1px solid #dfdec9; background-color:#fff; position:relative; }
div#c1 { margin:5px; }
div#c2, div#c2s, div#t2 { margin:1px; background-color:#f8f8f1; }
div#c2 { padding:12px 30px; }
div#c2s { padding:2px; }
div#c3, div#c3s { margin:1px; font:normal 11px Tahoma; color:#5a5a5a; min-height:600px; }
div#c3 { width:576px; }
div#c3s { width:801px; }
div#t1 { margin:5px 0 5px 0; }
div#t3 { width:160px; padding:12px 0; }

article h2 { margin:20px 0 0 0; font-size:32px; }
article p { margin:0; padding:2px 0; }
article p.first { margin:20px 0 0 0; }
article.joke { margin:0; padding:0 0 12px 0; font-size:17px; line-height:21px; }

footer, #footer { position:relative; float:left; display:inline; left:7px; bottom:6px; width:976px; height:35px; margin-top:6px; background-color:#008099; text-align:center; }
footer ul,#footer ul { position:relative; display:inline; list-style-type:none; font-size:1px; line-height:1px; left:1px; top:12px; margin:0; padding:0; }
footer ul li,#footer ul li { display:inline; margin:0; padding:0 18px; font-size:11px; line-height:11px; background:url(/i/d.gif) top right no-repeat; }
footer ul li.last,#footer ul li.last { background-image:none; }
footer ul li a,#footer ul li a { font:normal 11px Tahoma,Verdana,Arial; color:#fff; text-decoration:none; }
footer ul li a:hover,#footer ul li a:hover { text-decoration:underline; }
footer ul li a.sel,#footer ul li a.sel { color:#004e67; font-weight:bold; }
div#spc { position:absolute; bottom:0; left:0; margin-bottom:-15px; width:996px; }
div.clr { clear:both; font-size:1px; line-height:1px; }
.inl { display:inline; }
.hidden { display:none; }
.textPink { color:#cc115e; }
.textInput { height:16px; margin:0; padding:3px 2px 0 2px; border:1px solid #9a9a9a; font:bold 11px Tahoma; vertical-align:top; }
input.q { height:16px; margin:0; padding:3px 2px 0 2px; border:1px solid #9a9a9a; font:bold 11px Tahoma; }
input.b75,input.b75dis { font:bold 11px Tahoma; margin:0; padding:0 0 2px 0; width:75px; height:21px; background:url(/i/b75.png); background-position:0 0; border:none; color:#fff; }
input.b75dis { background-position:0 21px; color:#aaa; }
div.padd5 { margin:5px 0; }
div.padd20 { margin:20px 0; }
div.padd20C { margin:20px 0; text-align:center; }
div.padd5topC { margin:5px 0 0 0; text-align:center; }
div.padd12topC { margin:12px 0 0 0; text-align:center; }
div.padd20topC { margin:20px 0 0 0; text-align:center; }
p.m { font-size:12px; font-weight:bold; }
div.thanks { color:#008099; font:bold 14px Arial; border-top:1px solid; border-bottom:1px solid; border-color:#cc115e; padding:12px; background-color:#eeeee7; }
#friends { margin:12px 0; border:1px solid #dfdec9; font:bold 12px Tahoma; }
#friends div { margin:1px; padding:4px; background-color:#f8f8f1; }
#friends p { margin:0; padding:0; color:#006780; }
#friends ul { margin:8px 0 4px 0; padding:0; list-style:circle; color:#006780; }
#friends ul li { display:inline; }
#friends ul li a { text-decoration:none; color:#cc115e; display:block; padding:2px; }
#friends ul li a:hover { text-decoration:underline; background-color:#eeeee7; }

/* kolumna */
.tekst h2 { text-align:left; }
.tekst p { font:normal 12px Verdana; margin:0; padding:0; line-height:16px; }
.tekst p.potpis { margin:32px 0 0 0; padding:0; text-align:right; }
.tekst img.imgLeft { float:left; margin:12px 12px 12px 0; border:1px solid #028097; }
.tekst img.imgRight { float:right; margin:12px 0 12px 12px; border:1px solid #028097; }
div#arhiva { border:1px solid #cc115e;margin:0 0 12px 0; padding:8px; }
div#arhiva h3 { margin:0; padding:0; font-size:16px; }
div#arhiva ul { list-style-type:none; margin:8px 0 0 0; padding:0; }
div#arhiva ul li{font-weight:bold;color:#028097;line-height:16px}
div#arhiva a{color:#cc115e;text-decoration:none;font-weight:bold}
div#arhiva a:hover{text-decoration:underline}



/* lyrics */
div#navlist a { color:#595959; text-decoration:none; font-weight:bold; }
div#navlist a:hover { text-decoration:underline; }
div#navlist ul { color:#573d18; }

div#navlist img,div#navlist ul li img { width:10px; height:10px; border:none; vertical-align:-1px; }
div#navlist ul li a { color:#595959; font:bold 16px Tahoma; }
div#navlist ul li a.artist { color:#cb105f; }
div#navlist ul li a.song { color:#595959; }
div#navlist div#nav ul, div#nav ul li { text-align:center; }
div#navlist div#nav ul li { text-align:center; display:inline; }
div#navlist div#nav ul li a { float:left; width:45px; margin:1px; padding:4px;border:1px solid #cb105f; background-color:#fff; font:bold 16px Tahoma;color:#595959;text-decoration:none; }
div#navlist div#nav ul li.sel a { background-color:#cb105f; color:#fff; }
div#navlist div#nav ul li a:hover { color:#fff; background-color:#cb105f; text-decoration:none; }
div#navlist ul li { padding:5px 0; }
div#navlist p { margin:0; padding:20px 0 12px 0; color:#008099; font:bold 18px Arial; }
div#navlist h2 { margin:24px 0 8px 0; padding:0; }
div#navlist h2 a { padding:0; margin:20px 0 5px 0; color:#cb105f; font-size:22px; }
div#navlist h3 { margin:0; padding:20px 0 12px 0; font:normal 32px Arial; color:#777; }
div#navlist h4 { margin:0; padding:20px 0 5px 0; color:#008099; font:bold 16px Arial; }
div#navlist h4.l { padding:0; }
div#navlist h3 a,div#navlist h4 a { color:#cb105f; }

p.biography { font:normal 12px Arial; line-height:14px; color:#555; margin:20px 0; padding:2px 8px; border:1px solid #e0e0e0; }
p.biography strong { color:#008099; }

h3.songList { margin:0; padding:20px 0 12px 0; font:normal 32px Arial; color:#777; }
ul.songList li a { display:inline-block; padding:4px; color:#777; font:normal 20px Tahoma; text-decoration:none; }
ul.songList li strong { color:#008099; font-weight:normal; }
ul.songList li a:hover,
ul.songList li a:hover strong { background-color:#008099; color:#fff; }
ul.songList li a.video { display:inline; margin-left:20px; }
ul.songList li a.video:hover { background:none; }
ul.songList li img { width:17px; height:16px; border:none; vertical-align:-1px; }



#searchbar { text-align:left; margin:16px 0px; padding:0px; color:#cc115e; font-size:14px; }
#searchbar h2 { color:#666; }
#searchbar .textInput { font-size:16px; height:24px; padding:2px 4px; color:#444; }
#searchbar p { color:#008099;font-size:12px; }
#searchbar label { cursor:pointer; font-weight:bold; }
#searchbar input.radio { cursor:pointer; }

div#song { margin:0 0 10px 0; }
div#song div#icons{margin:0px 0px 20px 0px;padding:0px}
div#song div#icons #p{width:32px;background:#dad7bf url(/i/p.gif) center no-repeat}
div#song div#icons #m{width:32px;background:#dad7bf url(/i/m.gif) center no-repeat}
div#song div#icons #f{width:32px;background:#dad7bf url(/i/f.gif) center no-repeat}
div#song div#icons #e{width:32px;background:#dad7bf url(/i/e.gif) center no-repeat}
div#song div#icons #y{width:48px;background:#dad7bf url(/i/y.gif) center no-repeat}
div#song div#icons #u{width:125px;background:#dad7bf url(/i/y.gif) 5px 2px no-repeat;text-align:right;padding:0px 6px 0px 0px;font-weight:bold;color:#008099}

div#song h2 { margin:0px; padding:0; font-size:25px; }
div#song h2 a { color:#008099; text-decoration:none; }
div#song h2 a:hover { text-decoration:underline; }
div#song h3 { margin:0px; padding:0; font:bold 32px Arial; color:#888; }
.fb-like { margin:20px 0 0 0; }
div#song p.text { margin:20px 0 0 0; padding:0 10px; font-size:16px; }
.bottom { font-size:14px; margin:20px 0 0 0; padding:10px 5px; }
.bottom p { margin:2px 0 0 0; padding:10px 5px; }
.bottom a { color:#008099; text-decoration:none; font-weight:bold; }
.bottom a:hover { text-decoration:underline; }
.credits { font-weight:bold; border-width:0 1px 1px 0; border-style:solid; border-color:#dfdec9; background-color:#fdfdf5; }
.songFooter { font-weight:bold; border-width:0 1px 1px 0; border-style:solid; border-color:#dfdec9; background-color:#fdfdf5; }
.contributor { margin:20px 0 0 0; font-size:14px; border-width:0 1px 1px 0; border-style:solid; border-color:#dfdec9; background-color:#fdfdf5; }

.artistFooter { color:#cb105f; font-size:20px; padding:8px; border-width:0 1px 1px 0; border-style:solid; border-color:#dfdec9; background-color:#fdfdf5; }
.artistFooter a { color:#008099; text-decoration:none; font-weight:bold; font-size:15px; }
.artistFooter a:hover { text-decoration:underline; }

div#youtube { margin:20px 0 0 0;padding:8px;text-align:center;border:1px solid #cc115e;background-color:#f0f0d0; }
div#youtube object, div#youtube embed { margin:0px;padding:0px;display:block;margin:0px auto; }
div#youtube object { border:1px solid #595959; }
div#youtube a{color:#cb105f;text-decoration:none;font-weight:bold}
div#youtube a:hover{text-decoration:underline}
div#youtube textarea{border:1px solid #9A9A9A;font:bold 11px Tahoma;width:350px;height:80px}
div#youtube div#sl{float:left;text-align:left;width:200px}
div#youtube div#sr{float:right;text-align:right}
input.b,textarea.c{font-size:13px;font-family:Tahoma;color:#573d18;border:1px solid #cb105f}
input.b{width:520px;height:16px;font-weight:bold}
textarea.c{width:570px;height:300px}

/* vic dana */
ul.jokeArchive { list-style:none; margin:0; padding:0; }
ul.jokeArchive li { margin:0 0 1px 0; padding:0; text-align:left; }
ul.jokeArchive li a { color:#595959; text-decoration:none; font-size:15px; font-weight:bold; }
ul.jokeArchive li a:hover { text-decoration:underline; }
ul.jokeArchive li a em { font-style:normal; color:#888; font:bold 13px Arial; }

form#ocijeni{font-weight:bold}
form#ocijeni input.radio{margin:0px;padding:0px;height:13px;vertical-align:text-bottom}
form#ocijeni label{margin:0px;padding:2px;line-height:11px}
div#bar{position:relative;border:1px solid #977d58;width:300px;height:20px;background-color:#f0f0d0;margin:4px auto}
div#bar div#g{position:absolute;left:0px;height:20px;background-color:#cb105f;border-right:1px solid #573d18}
div#bar div#t{position:absolute;left:0px;width:300px;text-align:center;font-weight:bold;color:#fff;font-size:17px}

/* recepti */
h3.blue{color:#008099;margin:20px 0px 8px 0px}
/*
ul.categories{list-style-type:none;margin:0px 0px 0px 4px;padding:0}
ul.categories li a{color:#cc115e;text-decoration:none;font-weight:bold;font-size:12px}
ul.categories li a:hover{text-decoration:underline}
*/
ul.inline-cats,ul.inline-cats li{list-style-type:none;margin:20px 0px 0px 0px;padding:0px;text-align:center}
ul.inline-cats li{text-align:center;display:inline;background-color:#fff}
ul.inline-cats li a{float:left;margin:1px;padding:4px 20px;border:1px solid #cb105f;font:bold 12px Tahoma;color:#595959;text-decoration:none}
ul.inline-cats li.sel a{background-color:#cb105f;color:#fff}
ul.inline-cats li a:hover{color:#fff;background-color:#cb105f;text-decoration:none}
ul.recepti{list-style-type:none;margin:0px;padding:0px;font-size:11px;line-height:14px}
ul.recepti li{margin-bottom:12px;color:#888888}
ul.recepti a{font-size:12px;font-weight:bold;color:#008099;text-decoration:none}
ul.recepti a:hover{text-decoration:underline}
ul#sastojci{margin:0px 0px 0px 12px;padding:0px;font-size:13px;font-family:Tahoma;list-style:none}
p#priprema{margin:0px 0px 0px 12px;font-size:13px;font-family:Tahoma}
ul#sastojci strong,p#priprema strong{display:block;font-weight:bold;margin:6px 0px 0px 0px}
ul#sastojci em,p#priprema em{display:block;font-style:normal;font-weight:bold;font-size:12px;font-family:Verdana;margin:8px 0px 0px 0px}

/* prehrana */

p.restorani { font-size:20px; }
ul.restorani li { padding:4px 8px; color:#cb105f; font-size:20px; font-weight:normal; }
ul.restorani li.grad { padding:16px 0 0 0; }
ul.restorani li a { color:#008099; text-decoration:none; font-size:15px; padding:0 0 0 20px; }
ul.restorani li a:hover { text-decoration:underline; }
ul.restorani li.grad a { font-size:20px; padding:0 0 0 20px; }

.restoran h3 { margin:0; padding:10px 30px 0 30px;  }
.restoran p.h { font-weight:bold; font-size:14px; padding:20px 8px 0 8px; color:#008099; }
.restoran p { font-size:16px; padding:10px 20px 0 20px; }
.restoran p a { color:#cb105f; text-decoration:none;  }
.restoran p a:hover { text-decoration:underline; }

.cjenik,.info { list-style:none; width:350px; margin:0 0 0 30px; padding:0 0 0 10px; clear:both; }
.cjenik li { margin:4px 0; border-bottom:1px solid #eee; }
.info li { margin:4px 0; }
.cjenik em { float:right; width:60px; font-style:normal; font-weight:bold; text-align:right; }



/* tips & tricks */
ul.tips { list-style-type:none; margin:0; padding:0; }
ul.tips a { color:#cb105f; font-weight:bold; }
ul.tips a span { font-size:10px; }
ul.tips p { margin:0; padding:0; font-size:10px; color:#99885D; font-weight:bold; }
ul.tips li { margin-bottom:8px; }
ul.groups { list-style-type:none; margin:0; padding:0; }
ul.groups a{color:#573d18;font-weight:bold}
div#tips a{color:#595959;text-decoration:none}
div#tips a:hover{text-decoration:underline}
table#keys td { font:normal 12px 'Courier New'; border:1px solid #d1bd8b;vertical-align:top;padding:1px 4px}
table#keys td.w { font:bold 11px Tahoma; }
table#keys td span { color:#ff8844;font:bold 10px Tahoma; }
div#tips h3,div#tip h3 { text-align:left; margin:0 0 4px 0; color:#595959; }
div#tips h4,div#tip h4 { text-align:left; font-size:14px;margin:0 0 4px 0; padding:0; color:#cb105f; }
div#tips h5,div#tip h5 { text-align:left; font-size:10px;margin:0 0 32px 0; padding:0; color:#cb105f; }
div#tip { margin:0; padding:0; }
div#tip a { color:#cb105f; text-decoration:none; }
div#tip a:hover { text-decoration:underline; }
div#tip ul { text-align:left;margin:5px 0 16px 36px; padding:0; line-height:13px; font-size:11px; }
div#tip ul li{padding:2px 0px}
div#tip textarea { margin:8px 0 0 0; overflow:scroll; width:540px; font:normal 11px 'Courier New',Courier,Tahoma,Verdana; line-height:12px; border:1px solid #cb105f; }
div#tip p { text-align:left; margin:14px 20px 0 20px; padding:0; }
div#tip p.note, div#tip p.reg { font-size:10px; margin:20px 40px 0 20px; font-weight:bold; color:#99885D; }
div#tip p.note strong, div#tip p.reg strong { color:#573d18; }
div#tip p.reg { margin:20px 40px 30px 20px; }
div#tip hr.hr { margin:0; }

/* igrice */
ul.games { text-align:center; margin:12px; padding:0; font-size:14px; list-style:none; }
ul.games li { margin:4px; padding:0 4px; }
ul.games a { color:#008099; text-decoration:none; font-weight:bold; }
ul.games a:hover { text-decoration:underline; }

/* kontakt */
a.lnk { color:#cb105f; font-weight:bold; text-decoration:none; }
a.lnk:hover { text-decoration:underline; }

/* kineske poslovice */
ul.poslovice {
	list-style:none;
	margin:20px 0;
	padding:0;
}