* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: url(/images/bg.gif) left top #ffe3f8; color: #000; font-family: Arial, Helvetica; font-size: 12px;}
a { color: #0059ac; text-decoration: none; }
a:hover { color: #ac0061; text-decoration: underline; }
#main { width: 960px; margin: 0 auto; background: url(/images/bgmain.gif) center top repeat-y; min-height: 100%; }
#header, #oglasi, .topjoin { position: relative; width: 940px; margin: 0 auto; }
#footer { position: relative; width: 940px; margin: 0 auto; text-align: center; padding-top: 10px;}
#footer p { width: 850px; margin: 0 auto; padding-bottom: 10px; }
.navlinks { padding-left: 50px; background: url(/images/bg_nav.jpg) top no-repeat; height: 45px;}
.navlinks div { float: left; display: inline; height: 35px; background: url(/images/bg_nav.gif) left no-repeat;}
.navlinks a { display: inline-block; height: 35px; line-height: 34px; font-size: 16px; font-weight: bold; text-align: center; background: url(/images/bg_navr.gif) right no-repeat; padding: 0 9px; }

ul.profili { list-style: none; width: 900px; margin: 0 auto; }
ul.profili li { position: relative; height: 155px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
ul.profili li img.scr { float: left; display: inline; width: 180px; padding: 4px; border: solid 1px #eee;}
ul.profili li h4 { margin-left: 210px; margin-bottom: 10px; font-size: 26px; color: #8b0079; }
ul.profili li .kontakt { position: absolute; z-index: 10; width: 230px; top: 2px; right: 0;}
ul.profili li p.desc { margin-left: 210px; font-size: 14px;}
ul.profili li .hot { position: absolute; top: 110px; right: 0; background: url(/images/info.gif) top left no-repeat; width: 250px; height: 35px; padding: 2px 0 0 0; text-align: center;}
ul.profili li .hot strong { color: #89005d; }

.infobox ol { font-size: 16px; }
.infobox strong { color: #c40093; }

#solo {height: 500px; width: 940px; margin: 0 auto; padding-top: 40px; background: url(/images/bg_single.gif) no-repeat;}
#ko {float: left; display: inline; width: 340px; height: 100%; margin-left: 20px;}
#kako {float: left; display: inline; width: 340px; height: 100%; margin-left: 20px; background: url(/images/bg_solo2.gif) top no-repeat;}
#fon {float: left; display: inline; width: 190px; height: 100%; margin-left: 20px;}
#kako ol {margin-left: 30px; width: 300px; font-size: 14px; padding-top: 40px;}
#kako ol li { margin-bottom: 4px; }
#kako strong { color: #9c0063;}
#ko img.scr { float: left; display: inline; width: 180px; padding: 4px; border: solid 1px #eee; clear: both; margin-bottom: 10px;}
#ko h4 { margin-bottom: 10px; font-size: 26px; color: #8b0079; }
#ko p.desc { clear: both; font-size: 14px;}

ul.refs {list-style: none; font-size: 16px; font-weight: bold; width: 900px; margin: 10px auto;}
ul.refs li {float: left; display: inline; margin: 0 0 5px 0; padding-left: 20px; width: 245px; line-height: 1em;}
h3.subtitles {text-align: center; margin-bottom: 10px;}

.rulers { position: relative; width: 940px; margin: 0 auto; }
.introclip { position: absolute; width: 426px; height: 130px; top: 40px; left: 282px; font-size: 18px; text-align: center;}
.introclip p { margin-bottom: 8px; }
.introclip strong { font-size: 20px; font-weight: bold; color: #9a0095;}
.titles { width: 940px; margin-top: 10px; height: 50px; background: url(/images/titles.gif) no-repeat; }
.titles h2 { text-indent: 300px; font-size: 24px; font-style: italic; padding-top: 21px; }
.texts { font-size: 16px; position: relative; width: 940px; margin: 0 auto; }
.texts p { padding: 5px; }
img.xxx {display: block; }
.mreza { background-color: #ffe2f3; border-top: solid 4px #82bde9; border-bottom: solid 4px #82bde9; color: #000;}
.mreza ul li a { color: #00318c; }
.mreza ul li { border: solid 2px #075dad; background-color: #c1e5ff; }
.mreza h3 { color: #222;}
.size32 { font-size: 32px; }
.size24 { font-size: 24px; }
.size16 { font-size: 16px; }
ul.archiv { list-style: none; margin: 0 auto 10px auto; width: 940px; height: 25px; text-align: center; font-size: 18px; font-weight: bold;}
ul.archiv li { float: left; display: inline; margin-left: 5px; width: 30px; background-color: #e4f5ff; border: 1px solid #2e78bb; text-align: center; padding: 0 5px; height: 25px; line-height: 25px;}
ul.archiv li.ar { width: 150px; margin-left: 140px; border: none; background-color: transparent;}
ul.archiv li a { height: 100%; display: inline-block; color: #ad260c; text-decoration: none; padding: 0 5px; }
ul.sections {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	width: 420px;
}
ul.sections a {
	font-size: 16px;
	font-weight: bold;
}
ul.sections li {
	margin: 0.2em 3px 0.2em 5px;
	padding: 0;
}
h3 {
	text-align: center;
	font-size: 24px;
	margin: 5px auto;
}

.centered { text-align: center; }
.cleared:after, .refs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleared, .refs { display: inline-block; }
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
.cleared, .refs {display: block;}
/* End hide from IE-mac */