*{margin:0;padding:0;}
body{background:#fff url(/gfx/repro_body.png) repeat-x top center;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;font-size:13px;color:#333;}
a{text-decoration:none;border-bottom:1px dotted #000;color:#000;}
a:hover{text-decoration:none;}
h1,h2,h3{margin:10px 0;font-family:Capitals;}
h3.fensi{background:#333399 url(http://static.babilon.ba/gfx/h3plava.png) repeat-x center center;padding:5px;color:#fff;font-variant:small-caps;}
img{vertical-align:middle;border:0;}
td{vertical-align:top;padding:5px;}
ul{list-style-type:none;}
input{border:1px solid #ddd;padding:5px;margin:5px 0;background:#fff url(/gfx/input.png) repeat-x top center;}
textarea,select{border:1px solid #ddd;padding:5px;margin:5px 0;}
input:hover,textarea:hover,select:hover{border:1px solid #999;}

#heder{margin:0 auto;width:980px;background:transparent;}
#okvir{margin:0 auto;width:980px;-moz-border-radius:8px;-webkit-border-radius:8px;}
#sadrzaj{width:980px;min-height:300px;margin-top:30px;}
#futer{margin:0 auto;padding:20px;background:#fff url(http://static.babilon.ba/gfx/dole.jpg) no-repeat top center;}

#meni{width:960px;padding:0 10px;height:39px;}
#meni li{display:block;float:left;}
#meni li a{display:block;float:left;font-size:14px;font-weight:bold;padding:13px;border:none;text-transform:uppercase;}
#meni li a:hover{background:#244386;color:#fff;}

#meni ul li ul{position:absolute;top:139px;display:none;z-index:10;}
#meni ul li ul li{float:none;}
#meni ul li ul li a{float:left;display:block;background:#333399;min-width:100px;text-align:center;}

#mini{margin-top:71px;float:right;}
#mini li{float:left;}
#mini a{display:block;background:#000;color:#ddd;padding:6px;margin-right:5px;text-decoration:none;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;}
#mini a:hover{color:#fff;}

#lijevo{float:left;width:250px;}
#lijevo .box h2{background:transparent url(/gfx/l.h2.png) no-repeat;position:relative;color:#fff;left:-19px;padding:3px 0 15px 20px;width:239px;margin:0;}

#desno{float:right;width:700px;}
#desno .box img{max-width:680px;}
.box{padding:10px;margin-bottom:10px;background:#fff;border:1px solid #ddd;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;border-radius: 0.5em;-moz-box-shadow: 0 0 0.5em #ddd;-webkit-box-shadow: 0 0 0.5em #ddd;box-shadow: 0 0 0.5em #ddd;}

#galerija img{margin:5px;border:4px solid #fff;-moz-box-shadow: 0 0 0.5em #ccc;-webkit-box-shadow: 0 0 0.5em #ccc;box-shadow: 0 0 0.5em #ccc;max-width:180px;height:135px;}
#galerija img:hover{-moz-box-shadow: 0 0 1em #ccc;-webkit-box-shadow: 0 0 1em #ccc;box-shadow: 0 0 1em #ccc;}
#galerija a{text-decoration:none;border:0;}

#novosti img{margin:1px;border:2px solid #ededed;}

.slika{border:10px solid #ddd;}

.proizvodi{width:100%;border:0;border-collapse:collapse;}
.proizvodi td{border-bottom:1px dashed #ddd;vertical-align:middle;}
.proizvodi .slika{border:2px solid #ddd;}

.lista{border:1px solid #ededed;border-collapse:collapse;}
.lista li{border-bottom:1px solid #ededed;}
.lista li a{border:none;padding:5px;border-left:4px solid #ededed;background:#fff url(/gfx/li.a.png) repeat-y top right;display:block;text-decoration:none;}
.lista li a:hover{border-left:4px solid #333399;padding-left:15px;}

.korpa{border:1px solid #ddd;width:100%;border-collapse:collapse;margin:10px 0;}
.korpa td{border:1px solid #ddd;text-align:center;background:#eee url(/gfx/td.png) repeat-x top center;vertical-align:middle;}

#heder .crna{background:#000;color:#fff;padding:5px;margin:0 5px;display:block;float:left;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-radius-bottomleft:8px;-webkit-border-radius-bottom-right:8px;border-radius-bottom-left:8px;border-radius-bottom-right:8px;}

.dugme{background:#333399 url(/gfx/dugme.png) repeat-x top center;color:#fff;font-weight:bold;padding:5px;margin:5px 0;-moz-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;border:1px solid #333399;}
.dugme:hover{background:#333399 url(/gfx/dugme.hover.png) repeat-x top center;border:1px solid #333399;}

.dugmex{background:#ff0000 url(/gfx/dugmex.png) repeat-x top center;color:#fff;font-weight:bold;padding:5px;margin:5px 0;-moz-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;border:1px solid #cc0000;}
.dugmex:hover{background:#ff0000 url(/gfx/dugmex.hover.png) repeat-x top center;border:1px solid #ff0000;}

.info{text-align: center; padding: 5px; color:#545454;margin:5px auto;font:12px/1.5 "Lucida Grande", Verdana, sans-serif;}
.siva{background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.plava{ background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.zelena{ background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.zuta{ background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.crvena{ background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

.kalkulacije{border:1px solid #000;width:100%;border-collapse:collapse;font-size:12px;font-family:Verdana;}
.kalkulacije td{border:1px solid #ddd;text-align:center;background:#eee url(/gfx/td.png) repeat-x top center;vertical-align:middle;padding:2px;}
.kalkulacije input{border:0;padding:5px;width:40px;text-align:center;font-size:12px;background:#fff;}
.kalkulacije input:hover{}

.tabela .formular{border:1px solid #000;border-collapse:collapse;}
.tabela .formular td{border:1px solid #000;text-align:center;}
.tabela .siva{border:1px solid #fff;width:100%;border-collapse:collapse;font-size:12px;font-family:Verdana;}
.tabela .siva td{border:1px solid #fff;background:#333;padding:2px;text-align:center;vertical-align:middle;}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(http://static.babilon.ba/gfx/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

#loading{position:fixed;top:50%;left:50%;z-index:1104;}

#kontakt{border:0;width:100%;}
#kontakt img{border:4px solid #ddd;}
#kontakt td{width:25%;}
