﻿/* All pages */
body {background-image: url(../img/bcg.jpg);background-repeat: repeat-x;margin-top: 0px;background-color: #FFFFFF;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;}
a:link {text-decoration: none; color:#ff0063;}
a:visited {text-decoration: none; color:#ff0063;}
a:hover {text-decoration: underline; color:#ff0063;}
a:active {text-decoration: none; color:#ff0063;}
div#container{width:980px;margin:0 auto;}
div#header{position:relative;width:980px; height:180px; position:relative;}
div#sadrzaj{position:relative; width:980px; text-align:left;}
div#sadrzaj_left {width: 205px; float: left;}
div#sadrzaj_right {width: 760px; float: right;}
div#footer{clear:both;width:100%; padding:10px 0px 10px 0px; color:#999999;}
img#logo {position:absolute; top:35px; left:0px;}
img#slogan {position:absolute; right:0px; top:67px;}
div#cart_head { position:absolute; right:0px; top:44px; width:225px; height:40px; text-align:right;}
div#news_head { position:absolute; right:240px; top:44px; width:500px; height:40px; text-align:left;}
.cart_head_font {color:#ff0063; font-size:36px; margin-left:4px; margin-right:4px;}
div#navigacija {position:absolute; right:0px; top:10px; font-size:11px; color:#999999;}
div#navigacija a:link { color:#999999; }
div#navigacija a:active { color:#999999; }
div#navigacija a:visited { color:#999999; }
div#navigacija a:hover { color:#333333; }
div#kategorije {position:absolute; right:-5px; bottom:22px; font-size:12px; font-weight:bold; height:25px; padding-top:5px; padding-bottom:5px;}
div#kategorije a:link { color:#ff0063; margin-left:10px; padding:5px; height:25px; }
div#kategorije a.:active { color:#ff0063; margin-left:10px; padding:5px; height:25px; }
div#kategorije a:visited { color:#ff0063; margin-left:10px; padding:5px; height:25px; }
div#kategorije a:hover { color:#FFFFFF; background-color:#ff0063; text-decoration:none; }
div#register_l{width:350px; float:left;}
div#register_r{width:350px; float:right;}
.clear{clear:both;}
.margin_bottom{margin-bottom:15px;}
.margin_bottom_5{margin-bottom:5px;}
.margin_top{margin-top:15px;}
.left{float:left;}
.right{float:right;}
.relative {position:relative;}
h1{font-size:30px; color:#ff0063; font-weight:normal; margin:0px; border-bottom:solid 2px #90DCF4; padding-bottom:10px;} 
h2{font-size:11px; color:#ff0063; margin:0px; text-decoration: underline;} 
.detaljnije { background-image:url(/assets/img/detaljnije.gif); background-repeat:no-repeat; background-position:right; color:#7F7F7F; padding-bottom:5px; padding-top:5px; padding-right:25px; font-weight:bold; float:right;}
ul#detaljnije2 {list-style-type:none; padding: 0px;margin: 0px;}
ul#detaljnije2 li {background-image: url(/assets/img/detaljnije.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 24px; padding-bottom:10px; padding-top:5px; line-height:16px;}
.cart_btn {position:absolute; bottom:10px; right:10px;}
.kupi { background-image:url(/assets/img/kupi.gif); background-repeat:no-repeat; background-position:right; color:#7F7F7F; padding-bottom:5px; padding-top:5px; padding-right:25px; font-weight:bold; float:right; margin-left:15px;}
.img{border:solid 15px #ff0063; margin-bottom:15px; }
.box {background-color:#FFF; padding:15px; margin-bottom:15px;}
.box_p {background-color:#ff0063; padding:15px; margin-bottom:15px; color:#FFFFFF;}
.box_b {background-color:#14A7D1; padding:15px; margin-bottom:15px; color:#FFFFFF;}
.fader{opacity:0;display:none;}
.newsticker {list-style-type: none;border: 1px dashed #CCC;padding: 10px;margin: 0;height:42px;font-size:18px;color: #CCC;}
fieldset{border: 1px solid #CCC;}
legend{color: #fff;background: #14A7D1;border: 4px solid #FFFFFF;padding: 10px;} 
label{ display:block; margin-bottom:3px; margin-top:6px;}
input {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
input:hover { background:#F9F9F9; border:2px solid #14A7D1; color:#333333;}
input:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}
select {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
select:hover { background:#F9F9F9; border:2px solid #14A7D1; color:#333333;}
select:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}
textarea {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
textarea:hover { background:#F9F9F9; border:2px solid #14A7D1; color:#333333;}
textarea:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}
.color_FFF{color:#FFF;}
a.color_FFF{color:#FFF;}
a.color_FFF:link{color:#FFF;}
a.color_FFF:active{color:#FFF;}
a.color_FFF:visited{color:#FFF;}
a.color_FFF:hover{color:#fff;}
.subtitle {font-size:9px; color:#666; font-weight:bold;}
.title {font-size:10px; font-weight:bold;}
.list {border-bottom:solid 1px #EBEBEB; margin-bottom:10px; padding-bottom:10px;}
.novost_img {border:solid 1px #09F; margin-right:10px;}
/* END: All pages */
/* Homepage */
img#izdvojeno {width:342px; float:left;}
div#slide{padding-top:15px; height:27px; padding-bottom:5px; clear:both; text-align:right;}
.slide_link {margin-left:10px; padding:5px; background-color:#ff0063; font-weight:bold;}
a.slide_link:link { color: #FFFFFF;}
a.slide_link:active { color:#FFFFFF;}
a.slide_link:visited { color:#FFFFFF;}
a.slide_link:hover { color:#FFFFFF; background-color:#333333; text-decoration:none; }
div#homebox_icons {position:absolute; top:-35px; left:15px; width:44px;}
div#homebox_newsletter {width:389px; height:132px; float:right; position:relative; background-image:url(/assets/img/home_box_newsletter.jpg);}
.homebox_newsletter_label{color:#FFFFFF; position:absolute; left:12px; bottom:45px;}
div#homebox_register{width:445px; height:112px; background-color:#F0F0F0; margin-right:15px; float:right; padding:10px;}
div#homebox_register_l{width:246px; float:left;}
div#homebox_register_r{float:right; width:175px;}
#newsletter_b { width: 67px; height: 53px; margin: 0; padding: 0; border: 0; position:absolute; bottom:4px; right:92px; background: transparent url(/assets/img/home_box_newsletter_b.jpg) no-repeat center top; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}
#newsletter_t {border:2px solid #A53472; padding:2px; background:#A53472; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; position:absolute; bottom:20px; left:12px; width:190px;}
#newsletter_t:hover { background:#A53472; border:2px solid #ffffff; color:#333333;}
#newsletter_t:focus {background:#fff; border:2px solid #ffffff; color:#A53472;}
/* Homepage: Slider */
div#homeEventsOverflower{ float:left; width: 9045px;}
.homeEvents{float: left;overflow: hidden;position: relative;width: 980px;}
.homeEventGroup{float: left;width: 1005px;}
.homeBox{border:solid 5px #DAF3F8; width:121px;  height:155px; padding:10px; float:left; margin-right:15px; margin-bottom:15px; position:relative;}
.homePetiBox{padding-right: 0;}
.homeBox img{border: 2px solid #DAF3F8;margin-bottom:10px;}
.homeBox h3{font-size: 11px;margin: 0;}
.homeBox h3 a{color: #14A7D1; text-decoration: none; }
.homeBox h3 a:hover{ color: #14A7D1; text-decoration:underline;}
.homeBox h4{color: #CB1418;font-size: 11px;font-weight: normal;	margin: 0;}
/* Homepage: Brends */
.infiniteCarousel {width: 960px; height:53px;position: relative;margin-bottom:10px;margin-top:15px;padding:10px;background-image:url(/assets/img/scroller_bg.gif);}
.infiniteCarousel .wrapper { width: 880px; overflow: auto; height: 73px; margin: 0 39px; position: absolute;top: 0;}
.infiniteCarousel ul a img { border:solid 1px #EBEBEB; float:left; margin-right:10px;}
.infiniteCarousel .wrapper ul {width: 840px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}
.infiniteCarousel ul li {display:block;float:left;padding-right:20px; padding-top:10px;height: 50px;width: 200px;}
.infiniteCarousel li:hover img {border-color: #CCC;}
.infiniteCarousel .arrow {display: block;height: 36px;width:40px;background: url(/assets/img/arrow.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 20px;cursor: pointer;outline: 0;}
.infiniteCarousel .forward {background-position: 0 0;right: 0; border-left:solid 1px #EBEBEB; }
.infiniteCarousel .back {background-position: 0 -72px;left: 0; border-right:solid 1px #EBEBEB;}
.infiniteCarousel .forward:hover {background-position: 0 -36px;}
.infiniteCarousel .back:hover {background-position: 0 -108px;}
/* Homepage: Tab */
div#tabs{width:566px; float:right; background-color: #A8E1F2; padding:4px; height:200px; overflow:hidden;}
.tabbed_content{width:574px;}
.tabs {height: 62px;position: relative;}
.tabs .moving_bg {padding: 15px;background-color:#ff0063;background-image:url(../img/arrow_down_green.gif);position:absolute;width:111px;z-index:29;left:0;padding-bottom:29px;	background-position:bottom;background-repeat:no-repeat;}
.tabs .tab_item {display:block;float:left;padding:15px;width:112px;color:#ffffff;font-weight:bold;font-size:12px;text-align: center;z-index: 30;position: relative;cursor: pointer;}
.tabbed_content .slide_content {overflow:hidden;padding:10px 0 20px 20px;position:relative;width:544px;}
.tabslider {width:2536px;}
.tabslider ul {float:left;width:524px;margin:0px;padding:0px;list-style:none;margin-right:20px;}
.tabslider ul li {padding-bottom:7px;}
/* END: Homepage */
/* Katalog prikaz */
div#katalog_left{width:185px; float: left;}
div#katalog_left_prikaz{width:205px; margin-right:15px; float: left;}
div#katalog_right{width:790px; float:right;}
div#katalog_middle{width:200px; float: left;}
div#katalog_right_prikaz{width: 545px; float:right;}
div#katalog_prikaz{margin-left:10px; margin-bottom:10px; height:26px;}
div.katalog_pagination{float:left; color:#FFFFFF; height:26px; font-size:12px; }
div.katalog_pagination a{color:#fff; padding:5px 6px 6px 6px; background-color:#14A7D1; display:block; float:left; margin-right:5px; border:1px solid #fff; font-weight:bold;}
div.katalog_pagination a:hover{text-decoration:none; background-color:#ff0063; color:#fff; border:1px solid #fff;}
div.katalog_pagination strong{color:#14A7D1; padding:6px; display:block; float:left; margin-right:5px;}
.katalog_list {border-bottom:solid 1px #EBEBEB; height:65px; margin-bottom:10px;}
.katalog_img {border:solid 2px #09F; margin-right:10px;}
ul.display {float: left;width: 790px;margin: 0;padding: 0;list-style: none;}
ul.display li {float: left;width: 770px;padding: 10px 0;background: #FFFFFF;margin:0;border:solid 5px #DAF3F8;margin-bottom:10px;margin-left:10px;position:relative;}
ul.display li a {color: #ff0063;text-decoration: none;}
ul.display li h2 {text-decoration:none;font-size:14px;}
ul.display li .content_block {padding: 0 10px;}
ul.display li .content_block p {font-size: 10px;}
ul.display li .content_block a img{padding: 5px;border: 2px solid #ff0063;background: #fff;	margin: 0 10px 0 0;	float: left;}
ul.thumb_view li{width: 177px;height:220px;margin-left:10px;margin-bottom:10px;position:relative;}
ul.thumb_view li h2 {display: inline;text-decoration:none;font-size:14px;}
ul.thumb_view li p{	display: none;}
ul.thumb_view li .content_block a img {	margin: 0 0 10px;}
a.switch_thumb {width: 122px; margin-right:15px;height: 26px;line-height: 26px;padding: 0;display: block;background: url(/assets/img/switch.gif) no-repeat;outline: none;text-indent: -9999px;float:left;}
a:hover.switch_thumb {filter:alpha(opacity=75);	opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
a.swap { background-position: left bottom; }
div.social{
	padding-bottom:8px;border-bottom: solid 2px #90DCF4; height:20px; margin-bottom:8px;
}
/* END: Katalog prikaz */



a:focus {outline: none;}
#panel {background:#57C4E5;	height: 25px;padding:15px;display: none;color:#FFFFFF; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;}
.slide {margin: 0;padding: 0;border-top: solid 2px #57C4E5;background: url(/assets/img/btn-slide.gif) no-repeat center top;filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;}
.btn-slide {background: url(/assets/img/white-arrow.gif) no-repeat right -50px;text-align: center;width: 140px;height: 23px;padding: 10px 10px 0 0;margin: 0 auto;display: block;	text-decoration: none;}
.active {background-position: right 12px;}
h2.number {	font-size: 40px;color: #ff0063;	float: left;margin-right: 15px;	margin-left:20px;margin-top:-5px;height:70px;text-decoration:none;font-weight:normal;}
.comment-box { clear:both;}

div#slideshow {
	width: 980px; height: 329px; padding: 0px 0 0 0px;
	overflow: hidden;  
	position: relative; z-index: 5;
}


	div#slideshow img {
	border: none;
	}

	div#slideshow ul#nav {
		display: none;
		list-style: none;
		position: absolute; bottom: 15px; right: 0px; z-index: 15;
		width: 125px;
	}
		div#slideshow ul#nav li#prev {
			float: left; margin: 0 0 0 20px;
			display: inline;
		}
		div#slideshow ul#nav li#next {
			float: right; margin: 0 20px 0 0;
			display: inline;
		}
		div#slideshow ul#nav li a {
			display: block; width: 31px; height: 31px; text-indent: -9999px;
		}
			div#slideshow ul#nav li#prev a {
				background: url(/assets/img/prev.png);
			}
			div#slideshow ul#nav li#next a {
				background: url(/assets/img/next.png);
			}

	div#slideshow ul#slides {
		list-style: none; margin:0px; padding:0px;
	}
		div#slideshow ul#slides li {
			margin:0px; padding:0px;
		}

a {outline: none; }