@charset "utf-8";
/* CSS Document */

body { background:#777777 url(images/background.gif) repeat-x; margin:0px; padding:0px; }

.ajax-loader { background:url(images/preloader.gif) no-repeat; width:400px; height:30px; margin:15px 0 0 0; }
.center { text-align:center; }


#container { width:940px; margin:0 auto; position:relative; }
#header { float:left; width:100%; height:150px; background:url(images/header_background.gif) no-repeat; margin:0 0 0 -40px; }
#logo { float:left; margin:60px 0 0 40px; }

#nav { float:left; width:100%; height:35px; margin:5px 0; }
#nav ul { float:right; margin:0px; padding:0px; list-style:none; }
#nav ul li { float:left; margin:0 2px 0 2px; position:relative; height:35px; }

#nav ul li:hover, #nav ul li.active { background:url(images/menu_back_left.gif) no-repeat; }
#nav ul li.spacer { float:left; width:1px; height:35px; background:url(images/nav_spacer.gif) left 13px no-repeat; }
#nav ul li a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#00ff33; text-decoration:none; text-transform:uppercase; display:block;
height:25px; padding:10px 10px 0 10px; float:left;}
#nav ul li:hover a, #nav ul li.active a { background:url(images/menu_back_right.gif) top right no-repeat; color:#000000; }

#nav li ul { position:absolute; padding:18px 0; width:400px; display:none; top:35px; left:0px; height:20px; float:left; }
#nav li:hover ul, #nav li.active ul { display:block; }
#nav li:hover li, #nav li.active li  { background:none; margin:0px; height:33px; }
#nav li:hover li a, #nav li.active li a { background:none; font-size:11px; color:#000000; display:inline; padding:0px; margin:0 10px 0 10px; }
#nav li li a:hover, #nav li.active li a:hover { text-decoration:underline; } 

#content { float:left; width:100%; margin:45px 0 0 0; position:relative; z-index:100; }
#content .background { float:left; border:1px solid #303030; border-bottom:10px solid #303030; font-size:0px; }

#main, #main_prodajna_mjesta { float:left; width:480px; background:#cccccc; margin:-140px 0 0 310px; padding:30px; line-height:20px; border-top:1px solid #e7e7e7; display:inline; }
#main_prodajna_mjesta { margin:10px 0 0 310px; }
#main_prodajna_mjesta h2 { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; color:#474747; }
#main h1, #main_prodajna_mjesta h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#1b1b1b; font-weight:normal; margin:5px 0 25px 0; }
#main h1 a { text-decoration:none; }
#main h1 a:hover { text-decoration:underline; }
#main p, #main_prodajna_mjesta p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1b1b1b; padding:0px; margin:15px 0 15px 0; }
#main_prodajna_mjesta p { line-height:22px; margin-top:0px; }
#main a { color:#1b1b1b; }
#main .logo { float:right; margin:-30px -30px 0 0; width:184px; height:89px; display:inline; }
#main .fl_left { float:left; width:100%; }
#main .date p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1b1b1b; margin:0px; padding:0px; }
#main .magazin { float:left; width:100%; margin:0 0 0 0; }
.magazin img, .magazin img.last { border:1px solid #000000; margin:0 26px 20px 0; }
.magazin img.last { margin-right:0px; }
#main ul { list-style:square; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1b1b1b; margin:0 0 0 40px; padding:0px; }

#kontakt { float:left; width:480px; background:#cccccc; margin:-140px 0 0 310px; padding:30px; line-height:20px; border-top:1px solid #e7e7e7; display:inline; z-index:100; position:relative; }
#kontakt h2, #kontakt_form h2  { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; margin:0px; text-transform:uppercase; display:inline; font-weight:bold; }
#kontakt .spacer { float:left; width:100%; height:2px; background:url(images/spacer.gif) repeat-x; margin:25px 0 25px 0; }
#kontakt .info_left { float:left; width:200px; padding:0 0 0 20px; }
#kontakt .info_right { float:left; width:200px; }
#kontakt .info_right p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; margin:0px; }

#kontakt_form { float:left; width:460px; background:#cccccc; margin:25px 0 0 310px; padding:30px 30px 30px 50px; line-height:20px; border-top:1px solid #e7e7e7; display:inline; }
#kontakt_form form { margin:20px 0 0 0; padding:0px; float:left; }
#kontakt_form label { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1b1b1b; padding:0 0 0 1px; }
#kontakt_form input { width:190px; border:1px solid #b9b9b9; font-size:11px; padding:5px; margin:0 0 12px 0; color:#666666; }
#kontakt_form textarea { width:190px; height:150px; border:1px solid #b9b9b9; font-size:11px; padding:5px; font-family:Arial, Helvetica, sans-serif; color:#666666;  }
#kontakt_form .submit { background:#5e5e5e; color:#ffffff; text-transform:uppercase; font-size:11px; width:120px; font-family:Arial, Helvetica, sans-serif;
margin:30px 0 0 80px;}
#kontakt_form .left { float:left; width:240px; }
#kontakt_form .right { float:left; width:210px; }
#kontakt_form .mssg,{ float:left; width:420px; background:#FFF; border:1px solid #b9b9b9; padding:10px; background:#f1f1f1; margin:15px 0 0 0; }
#kontakt_form .mssg p, { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

#pokloncek { float:left; margin:0 0 40px 0; }
#pokloncek .left { float:left; width:200px; }
#pokloncek form { margin:5px 0 0 0; padding:0px; float:left; }
#pokloncek label { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1b1b1b; padding:0 0 0 1px; }
#pokloncek input { width:190px; border:1px solid #b9b9b9; font-size:11px; padding:5px; margin:0 0 12px 0; color:#666666; }
#pokloncek .submit { background:#5e5e5e; color:#ffffff; text-transform:uppercase; width:120px; font-size:11px; float:left; margin:20px 0 0 350px; border:0px; }
#pokloncek p.small { font-size:11px; font-weight:bold; margin:0px; }
#pokloncek .box { float:left; width:205px; background:#e6e6e6; border:1px solid #b9b9b9; margin:15px 0 0 35px; padding:10px 15px 15px 15px; display:inline; } 
#pokloncek table { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1b1b1b; background:#ffffff; text-align:center; 
border-color: #bdbdbd; border-width: 0 0 1px 1px; border-style: solid; }
#pokloncek th { background:#e6e6e6; border-color:#bdbdbd; border-width: 1px 1px 0 0; border-style: solid; }
#pokloncek td { border-color:#bdbdbd; border-width: 1px 1px 0 0; border-style: solid; }
#pokloncek .table_input { border:none; width:40px; margin:0px; height:17px; font-size:11px; padding:3px 0 0 0; text-align:center; color:#1b1b1b; }

#pokloncek .mssg,{ float:left; width:450px; background:#FFF; border:1px solid #b9b9b9; padding:10px; background:#f1f1f1; margin:10px 0 0 0; }
#pokloncek .mssg p, { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }


#drop_menu { float:left; width:480px; background:#89e350; margin:-140px 0 0 310px; padding:30px; line-height:20px; border-top:1px solid #c7f2ac; height:100px; display:inline; }
#drop_menu .label { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333333; text-transform:uppercase; font-weight:bold; float:left; width:220px; margin:13px 0 0px 0; }
ul.select { float:left; margin:10px 0 10px 0; padding:0px; list-style:none; width:240px; position:relative; z-index:100px; }
ul.select li { float:left; position:relative; }
ul.select li a { background:#ffffff url(images/select_back.gif) right no-repeat; display:block; width:230px; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3b3b3b; text-decoration:none; text-transform:uppercase; padding:5px 0 0 10px; }

ul.select li ul { list-style:none; position:absolute; margin:0px; padding:0px; border-top:3px solid #cccccc; display:none; left:0px; top:30px; z-index:100; }
/* ul.select li:hover ul { display:block; }*/
ul.select li li a { background:#ffffff; }
ul.select li li a:hover { background:#d2ffb6; }

.spacer { float:left; width:100%; height:2px; background:url(images/spacer.gif) repeat-x; margin:10px 0 30px 0; }

#footer { float:left; width:100%; height:190px; background:url(images/footer.gif) repeat-x; margin:30px 0 0 0; }
#footer .inner { width:940px; margin:15px auto; }
#footer .fl_left { float:left; }
#footer .fl_right { float:right; }
#footer p { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0px; padding:0px; color:#00ff33; }
#footer a { color:#00ff33; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#poklon { width:91px; height:111px; position:absolute; z-index:0; top:485px; left:940px; }
#poklon a { display:block; width:91px; height:111px; background: url(images/pokloncek.gif) no-repeat; }
#poklon a:hover { background: url(images/pokloncek_hover.gif) no-repeat; }