* {margin:0; padding:0}
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, 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: 12px;font-family: Tahoma, Verdana, Arial, sans-serif;vertical-align: baseline;}
html, body { height:100%}
body {background:#5bcafb url(../img/body_bg.jpg) repeat-x;color:#000;line-height:1.5em; /* for safari2 */position:relative;}
#index {background:#fff;color:#2a2;line-height:1.5em; /* for safari2 */position:relative;}
#wrapper {width: 960px; margin:0 auto; height:auto !important; min-height:100%; background: transparent url(../img/w_bg.png) repeat-y;border:0px solid #11486C}
#index #wrapper {width: 960px; margin:0 auto; height:auto !important; min-height:100%; background: transparent;border-left:0px solid #559955}

#header {width:960px; height: 193px; background:transparent url(../img/header_bg.jpg) 0 0 no-repeat; margin:0 auto}
#header {width:960px; height: 122px; background:transparent url(../img/cmyk_bg.gif) 0 0 no-repeat; margin:0}

#logo {width:289px; height: 121px; background:transparent url(../img/logo.jpg) bottom left no-repeat; margin:0 auto; float: left;}
#content { width:960px;margin:8px 0 0 0;height:auto; background:transparent url(../img/content_bg.jpg) 0 0; }
#sidebar { width:280px; float:right;border:0px solid #693;margin-right:17px; display: inline;}
#mainContent {width:630px;float:left }


#sidebar img {padding-left:1px; border: none}


#mainContent p {color:#fff; padding: 10px 15px 10px 20px;color:#555;line-height:26px; text-align: justify; font:12px/26px Tahoma, sans-serif}
#onama #mainContent p {color:#fff; padding: 10px 20px 10px 20px;color:#555;line-height:26px; text-align: justify; font:13px/27px Tahoma, sans-serif}

#mainContent p img{float:right;margin:5px 5px 5px 10px; border: 1px solid #aaa}
#footer {height:70px; background:transparent url(../img/footer_bg.jpg) 0 0 no-repeat; width: 960px; margin: 0 auto;color:#eee;text-align:left;line-height:15px;}
#language {height:159px; background:transparent; width: 380px; margin: 0 auto;color:#eee;text-align:center;line-height:15px;margin:0 auto}
#language a.srb span { position:absolute;top:-20px;left:10px}
#language a.eng span { position:absolute;top:-20px;left:25px}
#language a.srb, #language a.eng { width: 110px; height: 71px; display: inline; float: left; background: url(../img/zastave.jpg) 0 0; text-decoration: none;font-weight: bold; color: #177318;margin-left:50px; position: relative;}
#language a.srb:hover {background: url(../img/zastave.jpg) left bottom;}
#language a.eng:hover {background: url(../img/zastave.jpg) right bottom;}
#language a.eng {background: url(../img/zastave.jpg) right top;}
#footer p.copyright { color:#776;padding-left:25px;width:600px;text-align: center;line-height:25px; float: left;font-size:11px}
#footer p a{ color:#831;font:10px Tahoma, sans-serif}
#footer p.copyright a:hover{ color:#158; text-decoration: none;}
#footer p.desno{ width:290px; float: right;font:10px tahoma, sans-serif; text-transform: uppercase; display: inline; margin: 0 10px 0 0}
.push {height:50px}
:focus {outline: 0;}
#flash {width:900px; height: 200px; }
#flashContact {width:900px; height: 230px; }
#letter {width:325px;height:270px;float:left;border:0px solid #eee}
.kontakt #letter {width:410px;height:270px;float:left;border:0px solid #eee}
.kontakt #letter img { margin: 15px 0 0 0; border:1px solid #005500}

#txt {width:550px;height:300px;float:left;border:0px solid #eee}
.kontakt #txt {width:450px;height:300px;float:left;border:0px solid #eee}

#proizvodi #txt {width:280px;height:270px;float:left;border:0px solid #eee}
#proizvodi #txt strong {color:#003300; text-transform: uppercase;}
#txt p {font:12px/20px Verdana,Tahoma, sans-serif;color:#000; text-align: left;}

#gallery{ width: 600px; height: 450px; margin: 116px 0 0 211px; position: relative;}

#virtuale {margin:10px auto; width: 300px; height: 50px;color:#555;font-size:11px; text-align: center;}
#virtuale p {margin:10px auto; width: 300px; height: 50px;color:#555;font-size:11px; text-align: center;}

#boxes { width: 960px; height: 195px; position: relative;top:5px;border:0px solid red}
#boxA { width: 317px; height: 194px; float: left; background: url(../img/boxA_bg.gif) no-repeat;display:inline;}
#boxB { width: 318px; height: 194px; float: left; background:url(../img/boxB_bg3.gif) no-repeat; display:inline; position: relative; left: 2px; }
#boxC { width: 317px; height: 194px; float: right;background: url(../img/boxC_bg3.gif) no-repeat;display:inline;}

#top_bg {width:960px; height:28px; background: url(../img/top_bg.jpg) no-repeat; }

.box_sidebar { width:279px; position: relative }
.box_sidebar a img.hov { display: none; position: absolute; }
.box_sidebar a:hover img.hov { display: block; position: absolute; top:44px; left:1px}
#box_knjige, #box_casopisi, #box_rm, #box_flyer { width:279px; height:42px;}
#box_knjige { background: url(../img/box_knjige.jpg) 0 0 no-repeat;}
#box_casopisi { background: url(../img/box_casopisi.jpg) 0 0 no-repeat;}
#box_rm { background: url(../img/box_rm.jpg) 0 0 no-repeat;}
#box_flyer { background: url(../img/box_flyer.jpg) 0 0 no-repeat;}

.box_bottom { width:279px; background: url(../img/box_bottom.jpg) 0 bottom no-repeat;padding-bottom:5px}
#kontakt #mainContent address {height:181px}
#video {display:inline;float:right; margin:10px 30px;}
*#video {display:inline;float:right; margin:10px 25px}

/*---------------------------------------
                  HEADINGS              */
h1, h2, h3, h4, h5, h6 {padding:0.5em; margin:1px; border-left:0px solid #eee; background: transparent;color:#020; font-weight: bold; text-align: center;}
h1 { font-size:24px}
h2 { font-size:20px;color:#359}
h3 { font-size:16px; text-align: right;color:#00526F;padding-right:25px}
h4 { font-size:14px;clear: both;}
h5 { font-size:10px; clear: both;}
h6 { font-size:9px}


/*---------------------------------------
               TAGS                    */
address {}	
big {}
small {}	
span {}
p {font-size: 0.9em;margin: 0;padding: 0;color:#555/*line-height:1.4em;*/}
blockquote {border-left:10px solid #ddd;margin-left:10px;}
strong, b {font-weight: bold;}
em, i {font-style:italic;}

/*---------------------------------------
                  EXTRA                */
.clear {width:100%;clear:both; height:1px; margin:0; padding:0; font-size: 15px;line-height: 1px;}
.clear10 {width:100%;clear:both; height:10px; margin:0; padding:0; font-size: 15px;line-height: 1px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}

ul.box1 { float: left; width:130px; height: 75px; margin: 10px 0 0 25px; display: inline }
ul.box1 li { list-style: none;font:bold 11px/18px Tahoma, sans-serif;}
ul.box1 li a { color:#553}
ul.box1 li a:hover { color:#bb5500; text-decoration: none;}
#kese-eff { width:596px; height: 386px;margin: 20px 0 0 10px; display: inline;}
.fg img {}
.fg img{border: 2px solid #4F9BBF;padding: 2px;margin:7px 0 0 33px;display: inline;}
.fg a:hover.imglink img {background: #990000;border: 2px solid #990000;padding: 2px}
.fg a:hover.imglink {background: none;}
.fl { float: left;margin-right:10px}
.fr { float: right;margin-left:10px}
#eko-kese #mainContent {position: relative;}
#eko-kese #mainContent #novo { position: absolute; top: 0px; left: 10px; width: 230px; height: 90px; z-index: 1000}