body {margin: 0 0 0 0;padding: 0;font-family: Arial, Sans-serif;color:#6a6a6a;text-align: left;background: url("images/iza.gif") top left repeat-x;font-size: 14px;font-weight: normal;}
img {border: 0;}

#menu {FLOAT: left; WIDTH: 100%; BACKGROUND-IMAGE: url(images/bg2.gif);}
#menu UL {FONT: 14px Times,Serif; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#menu LI {PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(images/left1.jpg) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#menu A {PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(images/right1.jpg) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 9px; COLOR: #FFD400; PADDING-TOP: 5px; TEXT-DECORATION: none}
#menu A {FLOAT: none}
#menu A:hover {COLOR: #FFFFFF}

#submenu {FLOAT: left; WIDTH: 1100px; BACKGROUND-IMAGE: url(images/bg2.gif);}
#submenu UL {FONT: 12px Arial; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
#submenu LI {PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}
#submenu A {PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 9px; COLOR: #FFD400; PADDING-TOP: 5px; TEXT-DECORATION: none}
#submenu A {FLOAT: none}
#submenu A:hover {COLOR: #FFFFFF;}

#group4sp {position:relative; float:left; clear:both; width:1100px; height:50px; background:transparent;}
#group4 {position:relative; float:left; clear:both; width:1100px; height:50px; background-color:#DECD9E; font-family:arial,sans-serif; font-size:10px;}
#logo {position:relative; float:left; width:300px; height:50px; background-color:#DECD9E; font-size:10px;}
#logo img {position:relative; left:20px; border:0}
#sbarsp {position:relative; float:left; width:780px; height:60px; background:transparent;}
#sbar {position:relative; float:left; left:10px; top:10px; width:760px; height:50px; background-color:transparent; font-family:arial,sans-serif; font-size:10px;}
#sbar .search {position:relative; float:right; right:5px; top:5px; z-index:101;}
#sbar .search p {float:left; margin:0}
#sbar .search input {float:left;  font-size:14px;}
#sbar .search .sbox {width:200px; height:16px; margin-left:3px; margin-top:1px; color:#8B4513; border:solid 1px #808000; background:#FFFFF0;}
#sbar .search .sbtn {margin-left:4px; margin-top:0; border:0;}
#sbar .search label {float:left;  font-size:14px; margin-right:3px; margin-top:4px; color:#8B4513;}

#sitemain {position:relative; clear:both; width:1100px; background-color:transparent; font-size:16px;}

#imgbox {position:relative; float:left; clear:both; width:1100px; height:200px; BACKGROUND: url("images/knjige_top.jpg") no-repeat left top; font-size:10px;}
#imgbox1 {position:relative; float:left; clear:both; width:1100px; height:200px; BACKGROUND: url("images/knjige_top_g.jpg") no-repeat left top; font-size:10px;}
#imgbox3 {position:relative; float:left; clear:both; width:1100px; height:200px; BACKGROUND: url("images/knjige_top_w.jpg") no-repeat left top; font-size:10px;}
#imgbox4 {position:relative; float:left; clear:both; width:1100px; height:200px; BACKGROUND: url("images/knjige_top_r.jpg") no-repeat left top; font-size:10px;}
#imgbox2 {position:relative; float:left; clear:both; width:1100px; height:35px; background: url("images/lbg.jpg") repeat; font-size:18px; font-family:arial; color:#FFD400; padding-top:10px; font-weight:bold}
#imgbox_sk {position:relative; float:left; clear:both; width:1100px; height:200px; BACKGROUND: url("images/knjige_top_sk.jpg") no-repeat left top; font-size:10px;}
#sredina {position:relative; float:left; clear:both; width:1100px; background-color:#DECD9E; font-size:14px;}
#sredina .spc {padding:5px 5px 5px 5px;}
#sredina .ttl {position:relative; font-family:arial,sans-serif; font-size:20px; font-weight:bold; color:#006400; left:5px;  padding:5px 5px 0 0;}
#sredina .imag {position:relative; float:left; margin:0; padding:5px 5px 0;}
#sredina .imag img {border:0;}
#sredina .txt {position:relative; font-family:arial,sans-serif; font-size:16px; color:#000000; left:5px;  padding:5px 5px 0 0;}
#footer {position:relative; align:center; clear:both; width:1100px; height:24px; background: url("images/lbg.jpg"); font-family:arial,sans-serif; font-size:12px; color:#F7E796;}
#footer .tag {position:relative; text-align:center; left:0px; top:5px; clear:both;}
#footer .tag a:link, a:visited {text-decoration:none; color:#F7E796;}
#footer .tag a:visited {text-decoration:none; color:#F7E796;}
#footer .tag a:hover {text-decoration:none;color:#FFFFFF;}

#groupsp {position:relative; float:left; clear:both; width:1100px; height:230px; background:transparent; font-size:1px; } 
#group {position:relative; float:left; clear:both; width:1100px; height:230px; background-color:transparent; font-size:10px;}
#box1sp {position:relative; float:left; width:550px; height:220px; background:transparent; font-size:1px;} 
#box1 {position:relative; float:left; left:5px; top:5px; width:535px; height:220px; background-color:#FFFFF0; font-family:arial; font-size:14px; color:#A52A2A;}
#box1 .lb {position:relative; float:left; background: url("images/dot1.gif") 0 100% repeat-x; width:100%;height:220px;}
#box1 .lr {position:relative; float:left; background: url("images/dot1.gif") 100% 0 repeat-y; width:100%;height:220px;}
#box1 .lt {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-x; width:100%;}
#box1 .ll {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-y; width:100%;height:220px;}
#box1 .ttl {position:relative; height:20px; text-align:left; font-weight:bold; font-size:18px;background:transparent; font-family:arial; padding-bottom: 10px; padding-left: 30px;}
#box1 .ttl p {position:relative; margin:0; padding:0; left:5px; top:3px;}
#box1 .ttl a {text-decoration:none; color:#8B4513;}
#box1 .bod {position:relative; color:#808000; background:transparent; height:150px; font-family:arial; font-size:14px; margin:0; padding:3px 5px; text-align:left;}
#box2sp {position:relative; float:left; width:550px; height:220px; background:transparent; font-size:1px; } 
#box2 {position:relative; float:left; left:0px; top:5px; width:535px; height:220px; background-color:#FFFFF0; font-family:arial; font-size:14px;}
#box2 .lb {position:relative; float:left; background: url("images/dot1.gif") 0 100% repeat-x; width:100%;height:220px;}
#box2 .lr {position:relative; float:left; background: url("images/dot1.gif") 100% 0 repeat-y; width:100%;height:220px;}
#box2 .lt {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-x; width:100%;}
#box2 .ll {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-y; width:100%;height:220px;}
#box2 .ttl {position:relative; height:20px; text-align:left; font-weight:bold; font-size:18px;background:transparent; font-family:arial; padding-bottom: 10px; padding-left: 30px;}
#box2 .ttl p {position:relative; margin:0; padding:0; left:5px; top:3px;}
#box2 .ttl a {text-decoration:none; color:#8B4513;}
#box2 .bod {position:relative; color:#808000; background:transparent; height:150px; font-family:arial; font-size:14px; margin:0; padding:3px 5px; text-align:left;}
#box2 .bod p {position:relative; margin:0; padding:30; left:5px; top:3px;}

#group2 {position:relative; float:left; clear:both; width:1100px; height:230px; background-color:transparent; font-size:10px;}
#box3sp {position:relative; float:left; width:550px; height:230px; background:transparent; font-size:1px; } 
#box3 {position:relative; float:left; left:5px; top:0px; width:535px; height:220px; background-color:#FFFFF0; font-family:arial; font-size:14px;}
#box3 .lb {position:relative; float:left; background: url("images/dot1.gif") 0 100% repeat-x; width:100%;height:220px;}
#box3 .lr {position:relative; float:left; background: url("images/dot1.gif") 100% 0 repeat-y; width:100%;height:220px;}
#box3 .lt {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-x; width:100%;}
#box3 .ll {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-y; width:100%;height:220px;}
#box3 .ttl {position:relative; height:20px; text-align:left; font-weight:bold; font-size:18px;background:transparent; font-family:arial; padding-bottom: 10px; padding-left: 30px;}
#box3 .ttl p {position:relative; margin:0; padding:0; left:5px; top:3px;}
#box3 .ttl a {text-decoration:none; color:#8B4513;}
#box3 .bod {position:relative; color:#808000; background:transparent; height:150px; font-family:arial; font-size:14px; margin:0; padding:3px 5px; text-align:left;}
#box4sp {position:relative; float:left; width:550px; height:180px; background:transparent; font-size:1px; } 
#box4 {position:relative; float:left; left:0px; top:0px; width:535px; height:220px; background-color:#FFFFF0; font-family:arial; font-size:14px;}
#box4 .lb {position:relative; float:left; background: url("images/dot1.gif") 0 100% repeat-x; width:100%;height:220px;}
#box4 .lr {position:relative; float:left; background: url("images/dot1.gif") 100% 0 repeat-y; width:100%;height:220px;}
#box4 .lt {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-x; width:100%;}
#box4 .ll {position:relative; float:left; background: url("images/dot1.gif") 0 0 repeat-y; width:100%;height:220px;}
#box4 .ttl {position:relative; height:20px; text-align:left; font-weight:bold; font-size:18px;background:transparent; font-family:arial; padding-bottom: 10px; padding-left: 30px;}
#box4 .ttl p {position:relative; margin:0; padding:0; left:5px; top:3px;}
#box4 .ttl a {text-decoration:none; color:#8B4513;}
#box4 .bod {position:relative; color:#808000; background:transparent; height:150px; font-family:arial; font-size:14px; margin:0; padding:3px 5px; text-align:left;}

#box5 {position:relative; float:left; clear:both; width:1100px;  background-color:transparent; font-family:arial; font-size:14px;}
#box5 .boxsp {position:relative; background:transparent; font-size:1px;}
#box5 .box {position:relative; font-size:1px; left:5px; top:10px;}
#box5 h2 {position:relative;  top:5px; left:30px; font-family:arial; font-size:18px; font-weight:bold; text-align:left; color:#8B4513; margin:0;}
#box5 p {position:relative; top:15px; left:12px; padding-right:45px; font-family:arial; font-size:14px; font-weight:normal; text-align:left; color:#808000; margin:0;}
#box5 .ttl a {text-decoration:none; color:#8B4513; font-size: 14px; padding-left: 40px}

#itsthetable{padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}
TABLE {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #f3f5f7; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; WIDTH: 100%; COLOR: #5A3C12; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse}
TABLE a {COLOR: #8B4513; TEXT-DECORATION: none}
TABLE a:visited {COLOR: #777777}
TABLE a:hover {COLOR: #FF0000}
TABLE CAPTION {PADDING-BOTTOM: 10px; FONT: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: left}
TABLE THEAD TH {FONT: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 10px; COLOR: #fff; PADDING-TOP: 10px; TEXT-ALIGN: left}
TABLE TBODY {FONT: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; BORDER-RIGHT: #eaecee 1px solid; BORDER-LEFT: #eaecee 1px solid}
TABLE THEAD {BORDER-RIGHT: #eaecee 1px solid; BORDER-LEFT: #eaecee 1px solid; BACKGROUND-IMAGE: url(images/bg2.gif);}
TABLE TBODY TD {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; repeat-x; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left; border-bottom: 1px solid #808000;}
TABLE TBODY TH {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #EA141C repeat-x; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left; COLOR: #fff;}
TABLE TBODY TR {BACKGROUND: #F8F4E8}
TABLE TBODY TR.odd {BACKGROUND: #fff}
TABLE TBODY TR:hover {BACKGROUND: #F1E9D4; COLOR: #111}

.sbox {FONT: 16px Arial,Serif; margin-left:3px; margin-top:1px; color:#000000; border:solid 1px #808000; background:#FFFFF0;}
.cbox {FONT: 11px Arial,Serif; margin-left:3px; margin-top:1px; color:#000000; border:solid 1px #808000; width: 15px; text-align: right;}
.about {TEXT-ALIGN: left; color: #8B4513; padding-left: 50px; padding-right: 50px; padding-top: 20px; padding-bottom: 20px;}
.cart {TEXT-ALIGN: left; color: #8B4513;  padding-top: 20px;}
.total {text-align: right; padding-top: 20px; padding-right:130px; color: #FF0000; font-weight: bold;}
.message {TEXT-ALIGN: center; color: #FF0000; font-weight:bold;}
.message-window {width: 80%; font-size: 14px; font-weight:bold; TEXT-ALIGN: center; color: #FF0000; background: #F7E796; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; border: 1px solid #808000;}
.copyright {position:relative; align:center; clear:both; width:1100px; font-family:verdana,arial,sans-serif; font-size:9px; color:#000;}
.stranica {width: 900px; font-size:16px; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 20px; font-weight: bold; text-align: left; color:#8B4513;}
#stranica {width: 900px; font-size:16px; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 20px; font-weight: bold; text-align: left; color:#8B4513;}
#stranica1 {position:relative; font-size:14px; padding-right: 30px; padding-top: 3px; font-weight: bold; text-align: right; color:#8B4513;}
#stranica2 {position:relative; font-size:12px; tepadding-top: 60pxxt-align: center; color:#8B4513;}
#stranica a:link {position:relative; color:#8B4513; margin:0; text-decoration: none}
#stranica a:visited {position:relative; color:#777777; margin:0;}
#stranica a:hover {position:relative; color:#FF0000; margin:0;, text-decoration: none; background: #FFFFFF;}
.header-brown {FONT: 16px Arial,Serif; color:#FFFFFF; font-weight: bold; text-align: center;}
.sq {color: #009900; text-decoration: none; font-weight: bold;}
.gf {background-color: #8B4513; color: #FFD400; font-weight: bold;}
#filtar {position:relative; float:left; width:1100px; height:35px; background: url("images/lbg.jpg") repeat; font-size:18px; font-family:arial; color:#FFD400; padding-top:10px; font-weight:bold}
#filtar a {text-decoration:none;color:#FFD400}
#filtar a:hover {COLOR: #FFFFFF}
.clear {clear: both;margin:0;padding:0;height: 0.1px;}
a:visited {COLOR: #444444}
.important-link {width: 1000px; font-size: 16px; font-weight:bold; TEXT-ALIGN: center; background: #F7E796; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; border: 2px solid #FF0000;}
#preview{position:absolute;	border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}
.body1{font-size: 12px; text-align:justify;padding-left: 20px; padding-right: 20px}
.body1 .naslov{font-size: 18px; font-weight: bold; padding-top: 10px;padding-bottom:10px}
.body1 .naslov1{font-size: 14px; font-weight: bold; padding-top: 10px;padding-bottom:10px}

.proizvod{font-size: 12px; text-align:left;padding-left: 40px; padding-right: 40px; padding-top:40px;padding-bottom:40px;}
.proizvod table {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: transparent; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 100% arial, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; WIDTH: 100%; COLOR: none; PADDING-TOP: 0px; BORDER-COLLAPSE: none}
.proizvod table a {COLOR: none; TEXT-DECORATION: none}
.proizvod table a:visited {COLOR: #5A3C12}
.proizvod table a:hover {COLOR: #5A3C12}
.proizvod table tbody {FONT: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; BORDER-RIGHT: #eaecee 0px solid; BORDER-LEFT: #eaecee 0px solid}
.proizvod table tbody td {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; repeat-x; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left; border-bottom: 0px solid #808000;}
.proizvod table tbody tr {BACKGROUND: transparent}
.proizvod table tbody tr.odd {BACKGROUND: transparent}
.proizvod table tbody tr:hover {BACKGROUND: transparent; COLOR: #5A3C12}

.order{font-size: 12px; padding-left: 40px; padding-right: 40px; padding-top:40px;padding-bottom:40px;}
.order table {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: transparent; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 100% arial, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; WIDTH: 600px; PADDING-TOP: 0px; BORDER-COLLAPSE: none}
.order table a {color:#0000FF;TEXT-DECORATION: none}
.order table a:visited {COLOR: #5A3C12}
.order table a:hover {COLOR: #FF0000;TEXT-DECORATION: underline}
.order table tbody {FONT: 14px Arial, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; BORDER-RIGHT: #808000 1px solid; BORDER-LEFT: #808000 1px solid;BORDER-TOP: #808000 1px solid;}
.order table tbody td {width:50%;PADDING-RIGHT: 5px; PADDING-LEFT: 5px; repeat-x; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: left; border-bottom: 1px solid #808000;}
.order table tbody tr {BACKGROUND: transparent}
.order table tbody tr.odd {BACKGROUND: transparent}
.order table tbody tr:hover {BACKGROUND: transparent; COLOR: #5A3C12}
.order table .input {width:200px}
.order .td-border {border-bottom: 0px solid #808000;}

.kosarica-header{width: 800px;}
.kosarica-header .tablica{font-size:14px; font-weight:bold; width:800px;padding-bottom:20px;color:#000000;BACKGROUND: transparent;}
.kosarica-header .tablica tbody {FONT: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; BORDER-RIGHT: #eaecee 0px solid; BORDER-LEFT: #eaecee 0px solid}
.kosarica-header .tablica td{text-align:center; width:200px;border-bottom: 0px solid #808000;BACKGROUND: transparent}
.kosarica-header .tablica td .on{color:#000000;BACKGROUND: transparent}
.kosarica-header .tablica td .off{color:#999999;BACKGROUND: transparent}
.kosarica-header .tablica tr {BACKGROUND: transparent}