/* 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,strong,sub,sup,tt,var,b,u,i,center,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;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}


/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Arial,Helvetica,serif;background:#cacccd url(../images/bg-main.jpg) repeat-x 0 0;color:#84878E;padding:0 0 2em;text-align:center;}
a {color:#8DD8F8;}
a:hover {text-decoration:underline;}
p {margin:0 0 0.8em 0;}
button {cursor:pointer;}
h1,h2,h3 {color:#4cb7db;font-weight:normal;}
h1 {color:#FFFFFF;font-size:1.4em;margin:15px 0 10px 0; padding:8px 0 0px 5px; background:#afa710 url(../images/naslov-ozadje.jpg) repeat-x 0 0; height:24px  }
h2 {font-size:1.5em;margin:10px 0 8px 0;}
h3 {font-size:1.2em;font-weight:bold;}
h4 {font-size:1.1em;color:#000;}
ul li  {list-style-type:disc;margin:0 0 6px 15px;padding:0px;}
hr {background:#c29d1b;color:#c29d1b;border:none;height:2px;border-bottom:1px solid #ebd266;}
address {font-style:normal;}

/* basic layout */
#site {background:#FFFFFF;font-size:1.2em;width:950px;margin:0 auto;text-align:left;}
#header {position:relative;background-color:#333333;height:63px;width:957px;}
#body {float:left;width:100%;background:#FFFFFF url(../images/body-bg.jpg) repeat-y 0 0;padding:0px 0 0 0 ! important;padding:0px 0 0 0;}
#content {float:left;width:605px;padding:0 25px 0 25px; ! important;padding:0px 25px 0 25px;}
#homebanner {float:left;width:920px; background-color:#e6e6e6;padding:15px ! important;padding:15px 18px 15px 19px;}
#sponzors {float:right;width:365px;padding:0px 0 0 0 ! important;padding:0px 0 0 0; }

#content.home {padding-top:24px;}
#content.wide {width:860px;}
#sidebar,#sidebar-home {float:left;width:274px;padding:0px 0 15px 0;}
#footer {float:left;padding:5px 10px 0 20px !important;padding:5px 10px 10px 20px;width:920px;height:100px;background-color:#FFFFFF; }


#news ul li {width:580px; background:none; list-style-image:none; list-style:none; background-image:none; border-bottom:1px solid #CCCCCC; padding:10px 0;}
#news ul li img {float:left; margin-right:10px;}
#news ul li span {color:#999;}
#news ul li span.newsArchiveTitle {color:#000; font-weight:bold;}
#news ul li p {color:#333;}

.newsList li {width:580px; background:none; list-style-image:none; list-style:none; background-image:none; border-bottom:1px solid #CCCCCC; padding:10px 0;}
.newsList li img {float:left; margin-right:10px;}
.newsList li span {color:#999;}
.newsList li span.newsArchiveTitle {color:#000; font-weight:bold;}
.newsList li p {color:#333;}


/*NAVIGATION
--------------------------------*/
ul#navigation {z-index:1000;width:900px;height:24px;position:absolute;bottom:0; padding-left:40px;}
ul#navigation li {margin:0;list-style-type:none;float:left;text-align:center;position:relative; font-size:16px}
ul#navigation li a {color:#FFFFFF;text-decoration:none;padding:4px 20px 1px 20px;height:16px;width:110px;display:block;}
ul#navigation li:hover a,ul#navigation li a.selected {color:#ECE529;}
ul#navigation li ul {display:none;}

ul#navigation li:hover ul {display:block;}
ul#navigation li ul {width:190px;position:absolute;}
ul#navigation li ul li {background-color:#2e1f12;border:none;text-align:left;}
ul#navigation li:hover ul li a {background:none;color:#FFFFFF;font-size:13px;padding:4px 10px 1px 10px;height:20px;width:130px;}
ul#navigation li ul li a:hover {background:none;color:#8DD8F8;}
ul#navigation li ul li a {padding:5px 20px 2px 20px;}

#header strong {position:absolute;top:10px;left:100px;font-size:2em;color:#ba602d;font-weight:normal;}
#header ul.links {position:absolute;top:10px;right:100px;}
#header ul.links li {float:left;list-style-type:none;margin:0;}
#header ul.links li.last a {border:none;}
#header ul.links li a {color:#ba602d;font-size:.9em;border-right:1px solid #ba602d;padding:0 6px 0 0;height:.9em;line-height:.9em;margin:0 6px 0 0;}

/*#header .logo {background:url(../images/logo.gif) no-repeat 0 0;display:block;height:75px;width:68px;text-indent:-9999px;position:absolute;top:2px;left:-35px;}*/
#header .logo {background:url(../images/logo.gif) no-repeat 0 0;display:block;height:103px;width:87px;text-indent:-9999px;position:absolute;top:0px;left:-43px;}

#sidebar h2 {color:#84878e;font-size:1.1em;margin:15px 0 10px 0; padding:8px 0 0px 5px; background:#e6e6e6 url(../images/sidebar-naslov.jpg) repeat-x 0 0; height:23px;}
#sidebar li {padding:5px 5px; border-bottom:1px #CCCCCC solid;}
#sidebar li span { color:#000000; font-size:0.9em;}
#sidebar a {color:#4CB7DB;}
#sidebar h3 a {color:#4CB7DB;}



/* FOOTER
------------------------------- */
#footer li {float:left;list-style:none;margin:0;}
#footer li.webdesign {float:right;}
#footer li.legal {margin:0 5px 0 0;padding:0 5px 0 10px;/*border-right:1px solid #999;*/}
#footer li,#footer a {padding:0 2px;color:#999;font-size:.9em;}
#footer span {padding:0 15px;}
#footer .nl {text-decoration:none;}
#footer li a:hover {text-decoration:none;}

#sponzorji {width:100%;margin:0px 0 20px 0; padding-top:15px;float:left;height:31px;border-top: 1px #EEE solid;}
#sponzorji li {float:left;margin:0 30px 0 35px;}
#sponzorji li.last {margin:0;}



/*TABLES
------------------------------ */
table {margin:0 0 10px;width:100%;}
table td {border-bottom:1px solid #4CB7DB;padding:3px 10px 3px 5px;}
table td.center {text-align:center;}
table th { background-color:#8DD8F8;padding:3px 10px 3px 5px;color:#FDFDAD;font-weight:normal;}
table th.left {text-align:left;}


/**************Galerija*****************/

#content.thumbs{display:block; display:inline;}
#content div.thumbs ul li{float:left;width:84px;height:60px;text-align:center;background:none; list-style-image:none; list-style-type:none}
#content.thumb{	padding:2px;background:#f9f9f9;	border:1px solid #aaa;}


/*MISC
------------------------------ */
.fll {float:left;}
.flr {float:right;}

/* DEVELOPMENT
------------------------------ */
.hidden {display:none;}


/* HACKS
------------------------------ */
.clear,ul#navigation,#site,.products li,#footer,.product-details,.breadcrumbs,#progress {display:inline-block;}
.clear:after,#navigation:after,#site:after,.products li:after,#footer:after,.product-details:after,.breadcrumbs:after,#progress:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}