body { background: #fff url(bg.png) repeat; margin: 0; }


#container{ position:relative; }
header{ }
    #status-bar{ height:20px; background:gray; display:none; }
    #nav-bar{ position:relative; height:44px; background:#d6d6d6; /* Safari 4+, Chrome 1-9 */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5031e), to(#e797a2)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c5031e, #e797a2); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c5031e, #e797a2); }
        #nav-bar-icon{ position:absolute; top:5px; right:8px; display:block; width:22px; height:22px; padding:6px; }
        #nav-bar-icon img{ position:relative; top:-2px; }
    #back{ position:absolute; top:5px; left:10px; text-decoration:none; padding:16px 0 0; font:bold 10px/20px Arial; color:#fff; background:url(00-arrow.png) no-repeat 50% 0; }
footer{ position:fixed; bottom:0; left:0; width:100%; height:49px; /* Safari 4+, Chrome 1-9 */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#888)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #e6e6e6, #888); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #e6e6e6, #888); }
    footer ul{ list-style:none; margin:0; padding:0; }
    footer li{ width:25%; height:49px; float:left; text-align:center; }
    footer a{ display:block; width:100%; padding-top:30px; height:19px; font:bold 10px/19px Arial; text-decoration:none; color:#000; }
    footer a:hover{ color:#666; }
    footer a:visited{ color:#000; }



#main{ /* background:#fff; */ margin:2% 2% 61px; }

#logo{ display:block; padding:30px 5px 0; margin:0 auto; }

/* COLORS

0a5ca5 - blue
ffaf18 - yellow
c5021d - red

*/

a{ color:#0a5ca5; }

h1{ text-align:center; font:bold 16px/44px Arial; color:#fff; margin:0; text-shadow: 0 1px 1px #222; }
h2 { font:bold 14px/20px Arial; }
p{ font:12px Arial; }
#content ul{ margin-left:20px; padding-left:0; }
#content li{ font:12px Arial; }
#content ul ul{ padding-bottom:10px; }

#main nav ul{ list-style:none; margin:2% 0; padding:0; overflow:hidden; }
#main nav li{ width:100%; margin:6% 0 0; }
#main nav a{ display:block; text-decoration:none; font:bold 1.2em Arial; text-align:center; vertical-align:middle; color:#0a5ca5; color:#fff; padding:5%; text-shadow: 0 1px 1px #222; }


/* template 1 */

.laws{ list-style:none; width:96%; padding:4% 2%; overflow:hidden; }
.laws li{ font-size:13px; border-bottom:1px solid #ccc; padding:0.5em 0; }
.laws li a{ color:#000; text-decoration:none; background:url(arrows-blue.png) no-repeat 100% 70%; padding-right:15px; }
.laws em{ color:#666; }

.seminar-number{ float:right; background:#C5021D; color:#fff; padding:5px; font:bold 12px Arial; }

/* template 2 */

.books{ list-style:none; width:96%; padding:4% 2%; overflow:hidden; }
.books li{ float:left; width:100%; border-bottom:1px solid #ccc; padding:15px 0; vertical-align:top; line-height:1.2em; }
.books img{ float:left; margin:0 15px 10px 0; }
.books a{ display:block; color:#000; text-decoration:none; background:url(arrows-red.png) no-repeat 100% 50%; padding-right:15px; }
.books .short{ font-size:12px; }


/* template 3 */

.buttons{ list-style:none; margin:0; padding:7% 0 0; }
.buttons li{ display:block; margin-top:3%; vertical-align:middle; font-size:1.1em; }
.buttons a{ display:block; background:#fff; text-align:center; text-decoration:none; padding:5%; color:#0a5ca5; background-color:#6b207f; color:#fff; font-weight:bold; }
.buttons span{ display:block; font-size:0.5em; font-weight:normal; }

#calc{ padding-top:7%; }
#calc li{ font-size:1.1em; margin-top:3%; }
#calc a{ display:block; background:url(../img/plava.png) no-repeat 0 0; background-size:100% 100%; text-align:center; text-decoration:none; padding:5%; text-shadow: 0 1px 1px #222; color:#fff; }

/* template 4 */

.online-izdanje{ float:left; list-style:none; width:96%; padding:4% 2% 50px; }
.online-izdanje li{ float:left; width:42%; padding:4% 4%; overflow:hidden; }
.online-izdanje a{}
.online-izdanje img{ text-align:center; width:100%; display:block; }


/* template text */

#content{ width:90%; padding:0 5%; }


/* calculator */

.calc{ list-style:none; margin:0; padding:0; }
.calc li{ float:left; width:40%; margin:2%; border:1px solid red; padding:2%; }

/* kontakt */

#gmaps{ width:100%; height:300px; }


.uc{ text-transform:uppercase; }


.tel{ color:#0066EE; padding:5px 0; }


table.contact{ width:100%; margin:2% 0; border-collapse:collapse; }
table.contact td, table.contact th{ padding:3% 2%; font:normal 1.3em Arial; }
table.contact th{ width:auto; text-align:left; }