* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: url(/images/2bg.gif) left top repeat-x #fff; color: #000; font-family: Arial, Helvetica; font-size: 12px;}
a { color: #1969b8; text-decoration: none; }
a:hover { color: #c00065; text-decoration: underline; }

#header { width: 960px; height: 100px; margin: 0 auto; background: url(/images/2bghead.gif) left top no-repeat;}
#header div { padding-top: 30px; }
#header div p { text-align: center; color: #fff; }
#main { margin: 0 auto; min-height: 100%; padding-top: 15px; }

#footer { position: relative; width: 905px; 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; padding-top: 10px; margin: 0 auto; text-align: center; }
ul.profili li { float: left; display: inline; height: 250px; width: 300px; border: 1px solid #000; text-align: center; margin: 0 0 4px 4px; }
ul.profili li img { display: block; width: 300px; height: 250px;}

ul.opcije { height: 24px; width: 940px; margin: 0 auto;}
ul.opcije li { float: right; display: inline; width: 120px; margin-left: 5px; background: url(/images/2bgopcije.gif) top no-repeat; text-align: center;}
ul.opcije li a { display: block; height: 100%; line-height: 24px; font-weight: bold;}
#profil { margin: 0 auto; padding-top: 20px; width: 960px; background: url(/images/2bgprofil.gif) top left no-repeat;}
#profil .profl { float: left; display: inline; width: 330px; margin-left: 20px; }
#profil .profl p { text-align: center; }
#profil .profr { float: right; display: inline; width: 570px; margin-right: 20px; }
#profil .profl .profpic { background: url(/images/2bgprofimg.gif) top left no-repeat; width: 330px; height: 280px; position: relative;}
#profil .profl .profpic .thumbover { position: absolute; width: 300px; top: 0; left: 0; }
#profil .profl .profpic img { display: block; padding: 15px; }
#profil .profr h4 { font-size: 16px; color: #16658a;}
#profil .profr hr { border: none 0; border-top: 1px solid #8cc5df; height: 1px; margin-bottom: 10px; }
#profil .profr p { margin-bottom: 8px; }
#profil .upoznajme { background: url(/images/2upoznajme.gif) no-repeat; width: 305px; height: 60px; margin: 10px auto;}
.profdole { margin: 0 auto; width: 960px; height: 13px; font-size: 4px; background: url(/images/2bgprofdole.gif) no-repeat;}
#profil .inbox { }
#profil .inbox ul { list-style: none; background-color: #f2f8fb;}
#profil .inbox ul li { border-bottom: 1px solid #ccc; padding: 5px; min-height: 60px; position: relative;}
/*\*/
* html #profil .inbox ul li {
height: 60px;
}
/**/
#profil .inbox ul li .tinypic { height: 50px; width: 60px; float: left; display: inline; padding: 5px; background-color: #baccf0;}
#profil .inbox ul li h4 { margin-left: 80px; }
#profil .inbox ul li h4 span { color: #000; }
#profil .inbox ul li p { margin: 0 0 2px 80px; }
#profil .inbox .fullmsg { clear: both; padding: 10px; }
#profil .inbox .openfullmsg { display: block; position: absolute; top: 5px; right: 5px; background: url(/images/2bgfullmsg.gif) no-repeat; }
#profil .inbox .kako { padding: 5px; margin: 5px; background-color: #fff; border: 1px solid #aaa;}
#profil .inbox .kako h5 { text-align: center; font-size: 16px; color: #c20012;}
#profil .inbox .kako p { margin: 0 0 5px 10px; }
#profil .inbox .kako strong { color: #c20012; }
#profil .inbox .kako span { font-size: 18px; }
.uploadbox { position: absolute; width: 1000px; top: -20px; left: -40px; padding: 10px; z-index: 10; background-color: #dce8ff; border: 1px solid #333;}
.uploadbox p { text-align: center; padding: 5px; background-color: #fafafa; border: 1px solid #999; margin: 10px; font-size: 14px;}
.uploadbox #save_thumb { display: block; width: 300px; padding: 2px; background-color: #baccf0; border: 1px solid #000; color: #000; font-size: 16px; font-weight: bold; margin-top: 10px;}



.uslovi { width: 500px; height: 250px; overflow: auto; }
.koliko { font-size: 24px; text-align: center; margin: 20px auto; color: #006600;}
h1 { font-size: 30px; color: #333; margin-bottom: 20px;}
h2 { margin: 0 auto 15px auto; width: 600px; border: 1px solid #cccccc; background: url(/images/2bgh2.gif) top repeat-x; color: #1172d0; text-align: center; height: 35px; line-height: 35px;}
h2 {    -moz-border-radius-topleft:4px;
   -moz-border-radius-topright:4px;
   -webkit-border-top-left-radius:4px;
   -webkit-border-top-right-radius:4px;
   -moz-border-radius-bottomleft:4px;
   -moz-border-radius-bottomright:4px;
   -webkit-border-bottom-left-radius:4px;
   -webkit-border-bottom-right-radius:4px;
}
.pretraga, .smsinfo { border: 2px solid #bbdbff; font-weight: bold; padding: 2px; background-color: #fff; width: 500px; margin: 10px auto; text-align: left; }
.pretraga div, .smsinfo div { background-color: #eee; height: 42px; line-height: 42px; text-indent: 10px; }
.pretraga div span, .smsinfo div span { font-size: 30px; color: #f00; text-decoration: underline; }
.pretraga h3, .smsinfo h3 { height: 37px; line-height: 37px; background: url(/images/2bgh3.gif) right no-repeat; font-size: 24px; color: #fff; margin: 5px; text-indent: 10px;}
.pretraga h3 span, .smsinfo h3 span { background: url(/images/2bgh3span.gif) left no-repeat; float: left;}
.pretraga label {font-size: 18px; font-weight: bold; display: inline-block; width: 100px; text-indent: 10px;}
.pretraga input { padding: 2px; font-size: 14px; display: inline-block; margin-bottom: 5px; }
.pretraga select { font-size: 14px; display: inline-block; margin-bottom: 5px; }
.pretraga .regbut { width: 290px; display: block; margin: 20px auto; padding: 0;}
.smsinfo p { font-size: 12px; padding: 2px 10px; margin-bottom: 10px;}
.smsinfo p strong { font-size: 18px; color: #cc0000;}
.smsinfo p b { font-size: 16px; }
.smsinfo p span { font-size: 24px; }
.smsinfo hr { border: none 0; border-top: 1px solid #8cc5df; height: 1px; margin-bottom: 10px; }

.bigbuttons { height: 80px; text-align: center; margin: 10px auto;}
.register { display: inline-block; margin-right: 20px; height: 70px; width: 320px; background: url(/images/2registrujsebig.gif) no-repeat;}
.logbutton { display: inline-block; height: 70px; width: 320px; background: url(/images/2ulogujse.gif) no-repeat;}

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

#loginbox { margin: 15px auto; width: 650px; background: url(/images/2bglogbox.gif) top no-repeat;}
#loginbox .error { font-size: 16px; font-weight: bold; padding: 10px; text-align: center; color: #b80000;}
#loginbox h2 { background: none; border: none; }
#loginbox form { display: block; border: none; }
#loginbox form label { display: inline-block; width: 250px; text-align: right; padding-right: 20px; font-size: 16px; font-weight: bold; color: #1172d0; margin-bottom: 10px;}
#loginbox form input { display: inline-block; width: 250px; border: 1px solid #000; background-color: #fff; padding: 2px; font-size: 14px;}
#loginbox form input.ulog { display: block; width: 200px; margin: 5px auto; padding: 2px; font-size: 16px; font-weight: bold; border: 1px solid #000; background-color: #1172d0; color: #fff; }
#loginbox .logboxdole { background: url(/images/2bglogboxdole.gif) top no-repeat; font-size: 4px; height: 9px; width: 650px;}

#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;}

.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;
}

.login_label, .login_input, .login_error  {
  padding:10px;
  color:#000;
  text-align:left;
  float:left; 
  width:100px;
  font-size:20px;
  color:#64355A;
}

.login_input {
  width:200px;
}

.login_error {
  width:250px;
  color:#F00;
}

.login_input input {
  width:100%;
}
#login {
  background:#123;
}


.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 */