/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url(bg/back.png) repeat-x #A0A0A0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/****************

    STRUCTURE

****************/

#container{ width:973px; margin:0 auto; /**/ -webkit-box-shadow: 0px 0px 10px  #000000; -moz-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #000000; behavior: url(/css/PIE.htc); }
    #header{ /**/ height:256px; position:relative; background:url(bg/headb.png) no-repeat 0 0; }
        #navigation{ height:82px; position:absolute; bottom:0; width:100%; }
    #main{ float:left; background-color:#fff; background-image:url(bg/mainback.jpg); background-repeat:repeat-y; background-position:right; border-bottom:solid 1px #C1C1C1;}
        #content{ /**/ height:100%; float:left; width:672px; padding:0 30px 30px 30px; }
        #sidebar{ float:right; width:241px; }
    #extra{height:265px; clear:both; width:969px; border-top:solid 10px #FAC300; padding:9px 0 0 4px; position:relative; }
    #footer{ position:relative; clear:both; /**/ height:30px; background:#000; position:relative; padding:70px 0 0 35px; }

/****************

    TEXT

****************/

h1{ font:bold 16px Tahoma; color:#2E2E2E; padding:30px 0 13px 0; background:url(bg/h1line.png) no-repeat 0 100%; }
h1 span{ border-left:solid 7px #FBC700; padding-left:15px; }
h2{ font:bold 16px Tahoma; color:#2E2E2E; }
h3{}
h4{}
h5{}
h6{}
p{ font:normal 12px/1.7em Tahoma; color:#3E3E3E; padding-top:20px; }

/****************

    LINKS

****************/

a{ color:#999; font:normal 12px Tahoma; }
a:hover{ color:#555; text-decoration:none; }

#footer a{ color:#ddd; }
#footer a:hover{ color:#ddd; text-decoration:none; }

/****************

    IMAGES

****************/

/*#content img{ margin:20px 20px 10px 0; border:solid 1px #848484; float:left; }*/

/****************

    LISTS

****************/

ul, ol, dl{}
    dt{}
    dd, li{}

/****************

    TABLES

****************/

table{ font:normal 12px Tahoma; width:100%; margin-top:10px; }
    thead, tbody, tfoot{}
        th, td{ /*width:85px;*/ }



/****************

    FORMS

****************/

fieldset{}
    legend{}
    select{}
        option{}
    label{}
    input, textarea{}
        .submit{}

.login-form{ display: none; position: absolute; z-index: 1000; right: 14px; top: 115px; }

/*
usefull classes
*/
.clear{ width:100%; clear:both; height:1%; font-size:1px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
.city{ font:normal 10px Arial; text-transform:uppercase; padding-left:70px; padding-top:8px; color:#404040; }
.city a{ color:#404040; text-decoration:none; }  
.temperature{ font:normal 14px Arial;  padding-left:70px; color:#404040; }
.temperature a{ color:#404040; text-decoration:none; }
/* footer */
.sovab{ width:151px; height:63px; position:absolute; top:20px; right:35px; background-image:url(bg/sovab.png); }
.info{ width:138px; height:42px; position:absolute; top:20px; left:35px; background-image:url(bg/info.jpg); }
#footer p{ display:block; font:normal 10px Tahoma; color:#aaa; padding-top:0; }

/* sidebar */
#sidebar .sidebarBanner{ padding:36px 0 44px 11px; width:220px; height:300px; }
#sidebar li{ background-image:url(bg/sidelibck.png); width:223px; height:31px; list-style:none; text-align:right; padding:12px 18px 0 0; }
#sidebar a{ font:bold 13px "Trebuchet MS"; color:#FBC700; text-decoration:none; height:24px; display:block; }
.litem1{ background:url(bg/litem1.png) no-repeat 10px 50%; }
.litem2{ background:url(bg/litem2.png) no-repeat 10px 50%; }
.litem3{ background:url(bg/litem3.png) no-repeat 10px 50%; }
.litem4{ background:url(bg/litem4.png) no-repeat 10px 50%; }
.litem5{ background:url(bg/litem3.png) no-repeat 10px 50%; }
.litem6{ background:url(bg/litem6.png) no-repeat 10px 50%; }

/* header */
.logo span, .heading span{ display:none; }
.logo{ width:171px; height:153px; position:absolute; top:15px; left:25px; }
.logo a{ background:url(bg/logo.png) no-repeat; width:171px; height:153px; display:block; }
.heading{ background:url(bg/govorite.png) no-repeat; width:232px; height:47px; position:absolute; left:163px; top:113px; }
#header-nav{ position:absolute; top:5px; right:10px; z-index:1500; }
#header-nav ul{ float:none; list-style:none; }
#header-nav li{ float:none; color:#fff; }
#header-nav a{ display:block; text-align:center; font:bold 14px/35px Tahoma; text-decoration:none; background:url(bg/header-nav-link.png) no-repeat 0 0; color:#fff; width:198px; height:35px; padding:4px 0; }
#header-nav .selected a, #header-nav a:hover{ background:url(bg/header-nav-hover.png) no-repeat 0 0;  }
#header img{ position:absolute; right:205px; bottom:39px; height:170px; }
#header .weather{ position:absolute; top:132px; right:73px; width:120px; }
#header .weather img{ position:absolute; height:65px; left:0; top:0; }

/* extra */
#extra img{ position:absolute; z-index:10; border-top:solid 1px #767676; top:0; left:0; }
#extra-boxes{ position:absolute; z-index:11; top:9px; text-align:right; width:969px; }
#extra-boxes ul{ width:969px; float:left; }
#extra-boxes li{ padding:15px 19px 0 0;  list-style:none; float:left;  margin-left:10px; width:223px; height:223px; background-image:url(bg/box.png); }
#extra-boxes h3{ font:bold 17px Tahoma; color:#787878; padding-bottom:11px; }
#extra-boxes p{ font:normal 11px/1.4em Tahoma; color:#787878; padding-top:11px; overflow:hidden; height:169px; padding-left:5px; }
#extra-boxes a{ font:normal 11px/1.4em Tahoma; color:#787878; text-decoration:underline; }
#extra-boxes a:hover{ text-decoration:none; }

/* news list */
.news-list{ float:left; width:672px; }
.news-list li{ float:left; width:100%; list-style:none; margin-top:5px; padding:8px 0 0 0; background:url(bg/round-top.png) no-repeat 0 0; }
.news-item{ float:left; padding:0 10px 8px; background:url(bg/round-bottom.png) no-repeat 0 100%; width:652px; }
.read-more{ float:right; display:block; background:url(bg/opsirnije.png) no-repeat 0 0; width:105px; height:21px; margin-top:10px; }
.read-more span{ text-indent:-9999px; }
.date{ float:right; color:#7C7C7C; font:normal 11px Tahoma; }
.news-list span{ float:right; }
.news-date{ color:#7C7C7C; font:normal 11px Tahoma; padding-top:5px; float:right; }
#news-image{ padding-right: 20px; float:left; }

/* clear */
.clear{ clear:both; }


.subheader{ font:normal 10px Tahoma; color:#666; display:block; }


/* fotogalerija */
.gallery{ float:left; clear:left; list-style:none; margin-right:-10px; padding:15px 0 30px; }
#content .gallery{ padding-left:0; }
.gallery li{ float:left; }
.gallery img{ margin:0 10px 10px 0; border:1px solid #eee; padding:2px; display:block; width:83px; height:62px; }
 /* new */
 .gallery-new{ clear:left; list-style:none; margin-right:-10px; padding:15px 0 30px; }
 .gallery-new li{ float:left; margin-bottom:30px; width:100%; }
 .gallery-new img{ float:left; margin-right:20px; }
 .gallery-new .img-title{ font-weight:bold; display:block; margin-bottom:10px; }
 .gallery-new .img-opis{ }
 .gallery-new .img-dl{ display:block; margin-top:10px; }
 .gallery-new .comments-reply-to{ vertical-align:bottom; }
 .img-dodaj{ display:block; width:105px; height:21px; background:url(bg/dodaj_sliku.png) no-repeat 0 0; }
 .img-form input{ width:300px; padding:2px; }
 .img-form textarea { width:300px; padding:2px; display:block; }
 .img-form .img-save{ width:100px; padding:0; }

/* login etc. */
#umbMemberControlsLogin { color:#3E3E3E; font:12px/1.7em Tahoma; padding-top:20px; }
#umbMemberControlsLogin ul{ list-style:none; }
#umbMemberControlsLogin li{ float:left; width:210px; clear:left; }
#umbMemberControlsLogin label{ float:left; width:80px; padding-top:5px; padding-right:10px; text-align:right; }
#umbMemberControlsLogin input{ margin-top:2px; width:104px; padding:2px; float:left; }

table { color:#3E3E3E; font:12px/1.7em Tahoma; padding-bottom:20px; }
td input, td textarea{ padding:2px; }

#umbMemberControlsSignUp{ color:#3E3E3E; font:12px/1.7em Tahoma; padding-top:20px; }
#umbMemberControlsSignUp ul{ list-style:none; }
#umbMemberControlsSignUp li{ float:left; width:260px; clear:left; }
#umbMemberControlsSignUp label{ float:left; width:130px; padding-top:5px; padding-right:10px; text-align:right; }
#umbMemberControlsSignUp input{ margin-top:2px; width:100px; padding:2px; float:left; }


.pagingWithoutNumbers{ clear:both; width:100%; text-align:center; }

.comments-list{ padding:20px 0; color:#666; list-style-position:inside; }
	ul.comments-list{ padding:5px 0 5px 20px; list-style:none; }
.comments-list li{ border-bottom:1px solid #ddd; padding:10px 0; font:normal 18px Arial; }
	ul.comments-list li{ margin-bottom:5px; border:1px solid #ddd; padding:0 5px 5px; background:#eee; }
.comments-author{ font:italic bold 12px Arial; }
.comments-date{ color:#999; font-size:11px; padding-left:5px; }
.comments-text{ display:block; font:normal 12px Arial; padding-top:5px; }

.comments-reply-to{ display:block; text-align:right; font-size:11px; }
.comments-reply-to a{ font-size:11px; }

#komentiraj textarea{ width:666px; margin-bottom:10px; border:1px solid #ccc; padding:2px; }

.forma th, .forma td{ vertical-align:top; padding:1px; }
.forma input, .forma textarea{ width:300px; }
.forma .submit{ width:auto; }

/* sidebar login */

.sideLoginForm{ width:201px; background:url(bg/big-back.png) no-repeat 0 0; height:303px; padding:10px 20px; position:relative; }
.login-form .sideLoginForm{ width:170px; height:auto; padding:15px 10px; background:#A49D9D; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 10px 10px; behavior: url(/PIE.htc); }
.sideLoginForm p{ font:normal 13px Tahoma; color:#e5e5e5; padding-top:5px; }
.sideLoginForm td input{ width:180px; height:27px; border:none; background:url(bg/input-back.png) no-repeat top right; padding-left:5px; margin-left:10px; }

.login-form .sideLoginForm input{ margin-left:0; }
.sideLoginForm th{ width: 241px; text-align:right; font:normal 12px Tahoma; color:#e5e5e5; }
.sideLoginForm .submit{ margin:10px 0 0 48px; width:109px;  }
.sideLoginForm .upitnik{ padding-left:30px; padding-top:5px; padding-bottom:5px; background:url(bg/upitnik.png) no-repeat 0 10px; margin-left:12px; }
#sidebar .sideLoginForm .zab-loz a{ font-weight:normal; padding-left:35px; }
#sidebar .sideLoginForm .zab-loz{ margin-top:10px; }
.zapamti{ padding-left:32px; }
.loginPoruka{ /*position:absolute; top:248px;*/}
.loginPoruka p{ color:Red; padding:0; }

.upitnik a, .zab-loz a{ color:#fff; }

.welcome{ width:201px; background:url(bg/small-back.png) no-repeat 0 0; height:111px; padding:10px 20px; }

.welcome p{ font:normal 13px Tahoma; color:#e5e5e5; }
.welcome input{ margin-top:10px; margin-left:35px; }

.pass-retr{ width:201px; background:url(bg/big-back.png) no-repeat 0 0; height:303px; padding:10px 20px; }
.pass-retr p{ font:normal 13px Tahoma; color:#e5e5e5; padding-top:5px; }
.pass-retr label{ font:normal 14px Tahoma; color:#e5e5e5; padding-top:5px; }
.pass-retr td input{ width:180px; height:25px; border:none; background:url(bg/input-back.png) no-repeat 0 0; padding-left:5px; }
.pass-retr .submit{ background:none; margin-left:37px; }
.pass-retr .forma{ margin-top:5px; }

.login-form .sideLoginForm td input, .login-form .pass-retr td input[type="text"]{ width:160px; margin:0; padding-right:3px; background:url(bg/input-back-small.png) no-repeat top right; }

.login-form .welcome, .login-form .pass-retr{ width:170px; height:auto; background:#A49D9D; padding:10px; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 10px 10px; behavior: url(/PIE.htc); }

#sidebar .forma{ margin-left:-6px; }
#sidebar .forma tr td span{ padding-left:12px; display:block; }


.validationControl { display:block; }

.lokacije{ color:#3E3E3E; font:12px/1.7em Tahoma; padding-top:20px; }

#online-upis{ width:100%; padding:8px 0 0 0; background:#f0f0f0; }
#online-upis caption{ caption-side: top; font-size:16px; padding: 0.5em 0; }
#online-upis td{ padding:10px 0 0 25px; width:auto; }
#online-upis select{ width:400px; }
#online-upis .submit{ padding:20px 0 15px; }

#divTecajHeader{ background:#FBD021; }
#divTecajHeader p{ padding-top:0; padding:10px;  color:#000; }
.cijena-tecaja{ font-size:11px; font-weight:bold; color:#707070; }

.tecaj-detalji, .tecaj-test{ margin:0; padding:0; }
.tecaj-detalji td, .tecaj-test td{ width:auto; padding:2px 0 2px 10px; color:#000; font-size:11px;  }
.tecaj-detalji tr.odd, .tecaj-test.odd{ background:#d8d8d8; }
.tecaj-detalji tr.even, .tecaj-test.even{ background:#f0f0f0; }

.tecaj-test{ margin-top:15px; }
.tecaj-test th{ background:#F9CC1D; font-weight:bold; padding:3px 5px; }
.tecaj-test td{ padding:5px; }
.shortInput input{ width:13px;  }
.shortInput label{ padding-left:10px; }

.tecaj-izbor p{ padding-top:10px; }

.odgovori{ display:block; margin-top:20px; }
.odgovori input{ margin-right:8px; }
.odgovori label{ font:14px Tahoma; color:#000; }

.btnIduce{ background:#F9CC1D; padding:3px; font:bold 12px Tahoma; color:#000; border:1px solid #000; cursor:pointer; width:auto; margin-top:10px; }
.btnPrekini{ background:#000; padding:3px; font:bold 12px Tahoma; color:#fff; border:0; cursor:pointer; width:100px; }


.online-upis{ margin-top:0; }
.online-upis td{ width:auto; }
.online-upis td:first-child{ width:150px; }

.book-purchase th{ font:bold 11px Tahoma; background:#f0f0f0; border-bottom:1px solid #999; padding:5px; vertical-align:middle; text-align:right; }
.book-purchase td{ border-bottom:1px solid #eee; font:normal 11px Tahoma; padding:5px; text-align:right; }
.book-purchase td:first-child, .book-purchase th:first-child{ text-align:left; }
.book-purchase tr:hover td{ background:#eee; }

.book-purchase a{ text-decoration:none;padding:0 5px; font-weight:bold; }

#lipsum p {font-size:10px;}

#content ul{ font:normal 12px/1.7em Tahoma; color:#3E3E3E; padding-left:12px; }

#sidebar .social a{display:block; width:35px; height:35px; float:left; margin-left:11px; margin-bottom:20px; padding-top:0; margin-right:11px; }
#sidebar .social p{ font:bold 13px "Trebuchet MS"; color:#2E2E2E; padding:0 0 10px 11px; }


/* testiranje */

.onlineTestNew li{list-style:none; font:normal 12px Tahoma; width:100%; margin-top:5px; padding:8px 0 15px 0; background:url(bg/round-top.png) no-repeat 0 0; }
.onLineTestDiv{ padding:0 10px 8px 15px; background:url(bg/round-bottom.png) no-repeat 0 100%; width:652px; }
.onLineTestDiv-odgovori{padding-left:20px;}

/* prikaz netocnih odgovora */

.online-test-errors th, .online-test-errors td{ border-bottom:1px solid #ddd; padding:5px; }
.online-test-errors thead th{ background:#eee; font-weight:bold; font-style:italic; }
.online-test-errors tbody td{ font-weight:bold; }
.online-test-errors tbody td:first-child{ color:red; font-weight:normal; }




.izlet{ width:auto; }
.izlet td{ padding:1px 20px 1px 0; }







































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */