*{margin:0;padding:0;}
body{background:#ccc url(/gfx/body.png) repeat-x top center;font-family:"Droid Sans",Helvetica,Arial,sans-serif;font-size:13px;color:#000;}
a{text-decoration:none;font-weight:bold;color:#333;}
a:hover{color:#000;}
h1,h2,h3{margin:10px 0;}
h1,h2,h3 a{border:0;}
h3 a:hover{color:#333399;}
h3.fensi{background:#ffff00 url(http://static.babilon.ba/gfx/h3plava.png) repeat-x center center;padding:5px;color:#000;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 #ccc;padding:5px;margin:5px 0;background:#ededed url(/gfx/input.png) repeat-x top center;}
textarea,select{border:1px solid #ccc;padding:5px;margin:5px 0;}

#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;}
#dole{margin-top:20px;background:#c0c0c0 url(/gfx/gradient.eee.png) repeat-x top center;border-top:1px solid #aaa;}
#futer{margin:0 auto;width:960px;padding:20px;}
#futer ul li{float:left;}
#futer ul li a{display:block;float:left;font-weight:bold;padding:0 5px;}

#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:11px;border:none;color:#fff;text-transform:uppercase;text-shadow: 0em 0.1em #000;}
#meni li a:hover{background:#000 url(/gfx/gradient.000.png) repeat-x top center;color:#fff;}

#meni ul li ul{margin:0;padding:0;position:absolute;display:none;top:139px;z-index:999;}
#meni ul li ul li{float:none;display:inline;}
#meni ul li ul li a{float:left;display:block;clear:both;width:150px;background:#000 url(/gfx/gradient.000.png) repeat-x top center;text-decoration:none;font-size:14px;padding:5px;color:#fff;white-space:nowrap;border-bottom:1px solid #000;}
#meni ul li ul li a:hover{color:#fff;background:#999;}

#mini{margin-top:72px;float:right;}
#mini li{float:left;}
#mini a{font-weight:normal;display:block;background:#000;color:#ccc;padding:7px;margin-right:5px;text-decoration:none;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background:#000 url(/gfx/gradient.000.png) repeat-x top center;}
#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 #ccc;
-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;border-radius: 0.5em;
-moz-box-shadow: 0 0 0.5em #aaa;-webkit-box-shadow: 0 0 0.5em #aaa;box-shadow: 0 0 0.5em #aaa;
border:1px solid #ddd;}

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

#novosti img{margin:1px;}

#mrvice a{text-transform:uppercase;font-size:14px;margin-bottom:10px;}

.proizvodi{width:100%;border:0;border-collapse:collapse;border:1px solid #000}
.proizvodi td{border:1px solid #000;vertical-align:middle;}

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

.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;}

.lista2 ul li{border-bottom:1px solid #ededed;}
.lista2 ul li a{background:transparent url(/gfx/tackica.png) no-repeat left center;padding:5px 5px 5px 16px;margin-left:10px;border:0;display:block;color:#666;}
.lista2 ul li a:hover{background:transparent url(/gfx/tackica.plava.png) no-repeat left center;font-weight:bold;color:#000;}

.korpa{border:1px solid #000;width:100%;border-collapse:collapse;margin:10px 0;}
.korpa td{border:1px solid #000000;text-align:left;padding:5px;vertical-align:middle;}
.korpa td.naslov{padding:5px;margin:0;background:#000;color:#fff;font-weight:bold;text-align:center;}

.sedou{-moz-box-shadow: 0 0 0.5em #ccc;-webkit-box-shadow: 0 0 0.5em #ccc;box-shadow: 0 0 0.5em #ccc;}

/*.dugme{background:#f1db33 url(/gfx/dugme.png) repeat-x top center;color:#000;font-weight:bold;padding:5px;margin:5px 0;-moz-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;border:1px solid #ffff00;}
.dugme:hover{background:#f1db33 url(/gfx/dugme.hover.png) repeat-x top center;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;border-radius: 0.5em;-moz-box-shadow: 0 0 0.5em #ccc;-webkit-box-shadow: 0 0 0.5em #ccc;box-shadow: 0 0 0.5em #ccc;}*/

.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;}

.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 #000;background:#fff;padding:2px;text-align:center;vertical-align:middle;}
.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:#000;padding:2px;text-align:center;vertical-align:middle;}

.tipsy { padding: 5px; 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; }

.center{text-align:center;}

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

/* Shop */

#artikal{width:100%;}
#artikal .slika{border:5px solid #ddd;}
#artikal a{border:0;}

.artikal{width:158px;height:160px;float:left;margin:5px;}
.artikal a{border:0;}
.artikal img{border:5px solid #ddd;}
.artikal p{text-align:center;font-weight:bold;}
.artikal p.cijena{text-align:center;font-weight:bold;color:#ff0000;font-size:16px;}

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


#gallery{position:relative;height:350px;width:500px;margin-bottom:10px;}
#gallery a{float:left;position:absolute;}
#gallery a img{border:none;}
#gallery a.show{z-index:500}
#gallery .caption{z-index:600;background-color:#000;color:#ffffff;height:100px;width:100%;position:absolute;bottom:0;}
#gallery .caption .content{margin:5px}
#gallery .caption .content h3{margin:0;padding:0;color:#1DCCEF;}

#slider-wrapper {
    background:#ddd;
    width:480px;
    height:360px;
    padding:10px;
}

#slider {
	position:relative;
    width:480px;
    height:360px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
    border:10px solid #ddd;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:220px;
	bottom:-20px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/gfx/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/gfx/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}