@import url(reset.css);


/* General
---------------------------------------------------- */
body {
	font-family:Helvetica, Arial, sans-serif;
	background:#1f83be;
	background:#1f83be url(../images/bgr.jpg) top center no-repeat;
	}
	a {
		color:#fff; text-decoration:none;
		}
	
	.box {
		position:relative;
		padding:10px; margin-bottom:17px;
		background:rgba(255,255,255,0.4);
		-moz-box-shadow: 0 0 1px #38b0e1;
		-webkit-box-shadow: 0 0 1px #38b0e1;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
		}
		
		.leftColumn {
			float:left;
			width:490px;
			}
		.rightColumn {
			float:right;
			width:490px;
			}
			
		.tripleColumn{
			float:left;
			width:1013px;
			overflow:hidden;
			margin-right:10px;
			}
			.tripleColumn img{
				width:311px; height:187px;
				}
			.tripleColumn .box{
				float:left;
				margin-right:12px;
				padding:7px;
				}
		.last{
			margin-right:0px;
			}
	h1{padding:10px 0px;
		color:#fff; font-size:33px; font-weight:bold;
		}
	h1.topHeading,
	h2.topHeading{
		padding:10px 50px 10px 20px;
		color:#fff; font-size:33px; font-weight:bold;
		}
	h2.topHeading{
		font-size:30px;
		}
	h2.nobgd{
		color:#fff; font-size:30px; 
		padding:25px 30px;
		}
	h3.titleRight {
		text-align:right;
		}
	img.titleIllustration {
		position:absolute; right:-80px; top:-90px; z-index:200;
		}
	img.titleIllustration2 {
		position:absolute; right:-165px; top:-100px; z-index:200;
		}
	img.IllustrationContent {
		position:absolute; left:-20px; top:-100px; z-index:200; float:none !important;
		background:none !important;
		}
		img.bottomLeft {
			bottom:-49px; left:-142px; top:auto;
			}
	img.video {
		position:absolute; left:-20px; top:-80px; z-index:200; float:none !important;
		background:none !important;
		}
	img.leftbottomFish {
		position:absolute; left:-90px; top:877px; z-index:200;
		}
	img.leftbottomFish2 {
		position:absolute; left:-90px; top:700px; z-index:200;
		}
	img.leftmiddleFish {
		position:absolute; left:-90px; top:455px; z-index:200;
		}
	img.rightmiddleFish {
		position:absolute; right:-66px; top:200px; z-index:200;
		}
	img.rightbottmFish {
		position:absolute; right:-66px; top:200px; z-index:200;
		}
	img.topleftFish {
		position:absolute; left:-114px; top:1390px; z-index:200;
		}
	img.bottomleftFish {
		position:absolute; left:-114px; top:1688px; z-index:200;
		}
	img.inplayerFish {
		position:absolute; left:-90px; top:335px; z-index:200;
		}
	img.middleh2Fish {
		position:absolute; right:-66px; top:-187px; z-index:200;
		}
	img.titleIllustration3 {
		position:absolute; right:-160px; top:-150px; z-index:200;
		}
	img.titleIllustration4 {
		position:absolute; right:-160px; top:-150px; z-index:200;
		}
		
	a.buttonLarge {
		padding:15px 60px;
		font-size:18px; text-decoration:none; color:#197fd1;
		background: #fffbf7;
		background-image: -moz-linear-gradient(100% 100% 90deg, #d0d0d0, #f7f7f7);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#d0d0d0));
		border:#5489a6 solid 1px;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
		}
		div.buttonHolder{
			height: 50px;
			}
		.rightButton {
			position:absolute; top:10px; right:10px;
			}
		.leftButton {
			position:absolute; top:10px; left:10px;
			}
		.middleButton {
			position:absolute; top:10px; left:362px;
			}
	a.buttonMid {
		display:block;
		height:33px; width:138px;
		font-size:14px; text-decoration:none; color:#3291c4; font-family:Arial, Helvetica, sans-serif;
		background: #fffbf7;
		background-image: -moz-linear-gradient(100% 100% 90deg, #e8e8e8, #ffffff);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e8e8e8));
		border:#5c8eab solid 1px;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
		}
		a.buttonMid span {
			display:block;
			padding-left:46px;
			line-height:33px;
			}
			a.twitterButton,
			a.facebookButton {
				position:absolute; top:20px; right:20px;
				}
				a.twitterButton span {
					background:url(../images/icon-twitter.png) 11px -39px no-repeat;
					}
				a.facebookButton span {
					color:#53659b;
					background:url(../images/icon-fb-like.png) 14px 7px no-repeat;
					}
				
	
	.content {
		padding:30px;
		}
	.doubleBox {
		padding:20px;
		}
		.content h2 {
			margin: 10px 0 10px 0px;
			font-size:26px;
			color:#fff;
		}
		.content h3 {
			margin-bottom:9px;
			font-size:24px; color:#fff;
			}
			.content h3.references {
				margin-bottom:0;
				}
			.content h3.imageTitle {
				clear: left;
				float: left;
				color:#004E97;
				margin: 0 257px 5px 10px;
				}
			.content h3.fixedTitle {
				position: absolute;
				top: 240px;
				left: 399px;
			}
			.content h3.otherTitles {
				padding-top:18px;
				}
		.content h4 {
			margin-bottom:10px;
			font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold;
			}
		.content p {
			margin-bottom: 0px;
			font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#eeeeee; line-height:normal;
			}
			.content p.postDate {
				padding: 0;
				margin: 2px 0 7px 0;
				color: #004E97;
			}
			.content p.center {
				text-align:center;
			}
		.innerContent p,
		.doubleBox p {
			color:#fefefe;
			}
			
		.imageText h3{
			margin-bottom: 0;
			}
		.imageText P{
			margin-bottom: 10px;
			}

		.content em {
			font-style:italic;
			}

		.content .leftColumn,
		.content .rightColumn {
			width:450px
			}

		.content dl,
		.content ul {
			font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fefefe; line-height:normal;
			}
		.content dl {
			margin: 10px;
			}
			.content dd {
				margin: 4px 0 7px 20px;
			}
		
		.content ul.normal {
			margin: 10px 0 10px 30px;
			list-style-type: circle;
			}
			.content ul.normal li {
				list-style-type: circle;
			}
		.content ul.listFloat {
			margin:10px 0 10px 10px;
			}
			.content ul.listFloat li {
				float:left;
				width:30%;
			}
		
		.content div.formula {
			float:left;
			padding:5px 10px;
			text-align:center;
		}
				
		.content table.priceTable {
			width: 430px;
			padding: 10px;
			border-collapse: separate;
			border-spacing: 2px;
		}	
			.content table.priceTable tr th {
				background-color: #B3AF52;
				color: #fff;
				border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
				padding: 7px;
				text-align: left;
				font-weight: bold;
			}
			.content table.priceTable tr.blueRow td, .content table.priceTable tr.whiteRow td {
				background-color: #5489A6;
				color: #fff;
				border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
				padding: 7px;
			}
			.content table.priceTable tr.whiteRow td {
				background-color: #fff;
				color: #5489A6;
			}
			
		.innerContent img {
			padding:8px; margin-bottom:10px;
			background:rgba(255,255,255,0.2);
			border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
			}
			img.leftAlign {
				float:left; clear:left;
				margin-right:30px;
				}
			img.leftAlignTop {
				float:left; clear:left;
				margin-right:30px;
				margin-top: 15px;
				}
			img.rightAlign {
				float:right; clear:right;
				margin-left:30px;
				}
		
		
	.ui-tabs .ui-tabs-hide {
		display:none;
		}
	
	#mainWrapper {
		position:relative;
		width:100%; height:3000px;
		}
	
	
		/* Static bottom elements */
		.bottomStones {
			position:absolute; left:0; bottom:270px; z-index:1; overflow:hidden;
			width:100%; height:491px;
			text-align:center;
			}
		#corals {
			position:absolute; left:0; bottom:0; overflow:hidden; z-index:2;
			width:100%; height:1181px;
			}
			#corals img {
				position:absolute; bottom:0;
				}
			#corals img.left {
				left:0;
				}
			#corals img.right {
				right:0;
				}
				
		
		
		#wrap {
			position:relative; z-index:5;
			width:1000px;
			margin:0 auto;
			}
			
		#footer{
			text-align:center;font-size:11px; color:#2a96d8;
			width:100%;
			position:absolute;
			bottom:13px;
			z-index:3;
			}
			#footer .left{
				float:left;
			}
			#footer .right{
				float:right;
			}
			#footer_inner{
				width:1000px;
				margin:0 auto;
			}

/* Top
---------------------------------------------------- */			
#top {
	position:relative;
	height:166px;
	}
	
		a.logo {
			display:block;
			position:absolute; left:0; top:10px;
			width:263px; height:57px;
			}
	#top div {
		position:absolute; right:0; top:83px;
		width:980px;
		}
		#top ul {
			overflow:hidden;
			height:46px;
			padding:0px;
			background: #fffbf7;
			background-image: -moz-linear-gradient(100% 100% 90deg, #ececec, #ffffff);
			background-image: -o-linear-gradient(top, #ececec, #ffffff);
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ececec));
			border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
				text-align: center;
			}
			#top ul li {
				/*float:left;*/
				width:auto;
				line-height:46px;
					display: inline-block;
				}
				#top ul li a {
					/*margin:0 11px;*/
					margin:0 10px;
					/*padding: 0 15px;
					padding: 0 13px;*/
					padding: 0 12px;
					display:block;
					color:#2a96d8; font-size:12px; font-weight:bold; text-decoration:none;
					}
					#top ul li:first-child a {
						/*margin-right: 20px;*/
						margin: 0;
					}
					#top ul li a:hover,
					#top ul li a.current{
						color:#000;
						}
					
					#top ul li.srb a,
					#top ul li.eng a {
						display:block;
						width:26px; height:19px;
						margin:14px 0 0 20px;
						background:url(../images/flags.png) 0 0 no-repeat;
						}
					#top ul li.eng a {
						margin:14px 19px 0 10px;
						background-position:0 -49px;
						}
						#top ul li.selectedLang a {
							margin-top:11px;
							border:#dadada solid 3px;
							}

/* Header Scroller
---------------------------------------------------- */	

#header {
	}
	.topPane {
		position:relative;
		height:344px;
		padding:4px;
		position:relative;
		background:#fff;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
		}
		.topPane div {
			position:relative;
			}
			.topPane div img {
				position:absolute; left:0; top:0; z-index:1;
				}
			.topPane div .title1 {
				position:relative; z-index:5; top:63px;
				padding:5px 10px 0 37px;
				color:#fff; font-size:36px; font-weight:normal;
				background:url(../images/header-title-bgr.png) 0 0 repeat-y;
				}
			.topPane div .title2 {
				position:relative; z-index:5; top:80px;
				padding-right:200px;
				color:#fff; font-size:24px; font-weight:normal; text-align:right;
				}
		ul.tabNav {
			position:absolute; bottom:0; left:50%; z-index:10;
			width:185px; height:30px;
			margin-left:-104px; padding:15px 0 0 42px;
			background:url(../images/header-nav-bgr.png) center bottom no-repeat;
			}
			ul.tabNav li {
				float:left;
				width:auto;
				margin-right:8px;
				}
				ul.tabNav li a {
					display:block;
					width:22px; height:22px;
					text-indent:-9999px;
					background:url(../images/header-nav-item.png) 0 -22px no-repeat;
					}
					ul.tabNav li.ui-state-active a {
						background-position:0 0;
						}


.pagination {
	padding:7px 0;
	text-align:center;
	background:rgba(239,239,239,0.5);
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	}
	.pagination a,
	.pagination small {
		display:inline-block;zoom:1; *display:inline;
		padding:0 8px;
		color:#157eb6; font-size:18px; text-align:center;
		}
	.pagination small {
		line-height:30px;
		background:url(../images/pagination-bgrs.png) 1px -113px no-repeat;
		}
		.pagination a.prevPage,
		.pagination a.nextPage {
			margin:0 10px;
			}
		.pagination a span {
			display:inline-block;zoom:1; *display:inline;
			font-size:12px;
			background-image:url(../images/pagination-bgrs.png); background-repeat:no-repeat;
			}
			.pagination a.prevPage span {
				padding-left:20px;
				text-align:left;
				background-position: -8px 13px;
				}
			.pagination a.nextPage  span{
				padding-left:0; padding-right:20px;
				text-align:right;
				background-position: 81px -46px;
				}



/* Special box styles */
.articleList ul li {
	overflow:hidden;
	padding:30px 0;
	background:url(../images/article-separator.png) bottom center no-repeat;
	}
	.articleList ul li:last-child {
		padding-bottom:0;
		background:none;
		}
	.articleList ul li img {
		float:left;
		padding:8px; margin-right:30px;
		background:rgba(255,255,255,0.2);
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
		}
	.articleList ul li h4 {
		margin-top:3px;
		}
		a.moreLink {
			float:right;
			width:auto;
			margin-top:10px; padding-left:12px;
			text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fefefe;
			background:url(../images/more-arrow.png) 0 3px no-repeat;
			}
			
.withImageOut{
	float:left;
	width:760px;
	overflow:hidden;
	}
	.smalGallery{
		padding:15px 0px;
		overflow:hidden;
		}
	.smalGallery li{
		float:left;
		padding-right:14px;
		}
	.smalGallery li img{
		width:223px; height:160px;
		}
	.smalGallery li.last{
		padding-right:0px;
		}
.videoPlayer{
	overflow:hidden;
	padding:8px;
	}
	.videoPlayer a{
		width:69px; height:586px;
		text-indent:-9999px;
		}
	.videoPlayer a.prevVideo{
		background:url(../images/prev.png) 0 0 no-repeat;
		}
	.videoPlayer a.nextVideo{
		background:url(../images/next.png) 0 0 no-repeat;
		}
	.videoPlayer img{
		margin:0 10px;
		}
	.videoPlayer a,
	.videoPlayer img{
		float:left;
		}
	.videoList ul li{
		overflow:hidden;
		position:relative;
		}
		.videoList ul li.box{
			padding:15px;
			}
		.videoList ul li h4{
			color:#FFF; font-size:26px; text-transform:uppercase; font-weight:bold;
			margin-bottom:15px;
			}
		.videoList ul li img{
			float:left;
			margin-right:25px;
			}
		.videoList .buttonMid{
			position:absolute; bottom:17px; right:30px;
			line-height:33px; text-align:center;
			}
		.videoList p{
			padding: 5px 0;
			}
			
			
.kontakt h3{
	padding:13px;
	color:#fff; font-size:24px;
	}
	.kontakt p{
		padding:0 50px 10px;
		font-family:Helvetica, Arial, sans-serif; font-size:14px;
		font-weight:bold;
		color:white;
		}
	.kontakt ul{
		padding:0 43px;
		}
	.kontakt ul li{
		padding:8px 14px;
		margin-bottom:8px;
		background:#fff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
		overflow:hidden;
		}
	.kontakt ul li textarea{
		font-family:Helvetica, Arial, sans-serif;font-size:14px; 
		float:left;
		width:100%; height:120px;
		border:none;
		}
	.kontakt ul li input{
		font-size:14px;font-family:Helvetica, Arial, sans-serif;
		backround:none; border:none!important;
		width:200px;
		}
	.kontakt ul li.sectionEnd{
		margin-bottom:20px;
		}
	.kontakt ul li.buttonsHold{
		background:none;
		padding:20px 0px;
		}
		.kontakt ul li.buttonsHold input{
			float:right;
			display:block;
			height:33px; width:138px;
			margin-left:13px;
			font-size:14px; text-decoration:none; color:#3291c4; font-family:Arial, Helvetica, sans-serif;
			background: #fffbf7;
			background-image: -moz-linear-gradient(100% 100% 90deg, #e8e8e8, #ffffff);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e8e8e8));
			border:#5c8eab solid 1px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
			cursor:pointer;
			}
			
	.kontakt label{
		color:#3291c4;font-size:14px;font-family:Helvetica, Arial, sans-serif;
		}
		.location div.mapHolder{
			width:455px;	
			padding:8px; 
			margin:0 auto 24px auto;
			background:rgba(255,255,255,0.2);
			border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
			overflow:hidden;
			}
		.location h2{
			margin-bottom: 6px;
			padding: 0 15px;
			color: white;
			font-weight: bold;
			}
		.location ul{
			margin-bottom:17px;
			color:#fff;font-size:18px; 
			padding:0 15px;
			}
		.employes{
			padding:15px 30px;
			}
			.employes h3{
				margin-bottom:15px;
				font-size:24px; font-weight:bold; color:#fff;
				}
		
.sideTabs div {
	position:relative;
	height:393px;
	overflow:hidden;
	}
	.sideTabs ul {
		display:none;
		}
	.sideTabs div img {
		position:absolute; top:0; left:0; z-index:1;
		}
	.sideTabs div p {
		position:relative; top:33px; z-index:5;
		padding:10px 20px;
		font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:normal;
		background:rgba(30,131,193,0.5);
		}
	.akcija {
		display:block; position:absolute; right:-10px; bottom:-9px; z-index:100;
		width:217px; height:217px;
		text-indent:-9999px;
		background:url(../images/stripe-akcija.png) 0 0 no-repeat;
		}

ul.sale li.box p {
	height: 50px;
	}

.saleBox p {
	font-size: 16px;
	margin: 10px 0;
	}
	
.innerSideTabs {
	position:relative;
	width:460px; height:383px;
	padding:4px;
	position:relative;
	background:#fff;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	}
	.rightColumn .innerSideTabs {
		float:right;
		}
	.leftColumn .innerSideTabs {
		float:left;
		margin-left:20px;
		}
		
	.innerSideTabs ul {
		display:block;
		}
		
/* shop */

.shopMeny{
	height:83px;
	background:url(../images/shopmeny_bg.jpg) 0 0 repeat-x;
	border-radius:5px 5px 12px 12px; -moz-border-radius:5px 5px 10px 10px; -webkit-border-radius:5px 5px 12px 12px;
	}
	.shopMeny div{
		text-align:left;
		line-height:52px;
		overflow:hidden;
		}
	.shopMeny div a{
		width:auto;
		float:left;
		color:#329fdc; font-size:18px; font-weight:bold;
		padding:0 17px;
		}
	.shopMeny ul{
		padding-left:34px;
		overflow:hidden;
		line-height:28px;
		}
		.shopMeny ul li{
			float:left;
			}
		.shopMeny ul li a{
			display:inline-block;zoom:1; *display:inline;
			margin-right:25px;
			color:#329fdc; font-size:12px; font-weight:bold;
			}
		.shopMeny ul li.active a,
		.shopMeny ul li a:hover{
			background:url(../images/active_border.jpg) bottom left repeat-x;
			}
	.shopMeny div a.active,
	.shopMeny div a:hover{
		background:url(../images/shopmany_active.jpg) 0 0 repeat-x;
		}
	.shopMeny h2{
		float:left;
		font-size:24px; color:#329fdc;font-weight:bold;
		padding-left:17px;
		width:240px;
		}
.cart{
		overflow:hidden;
		}		
.cart h3{
	display:inline-block;zoom:1; *display:inline;
	padding-right:48px;
	font-size:33px;
	background:url(../images/cart.png) center right no-repeat;
	}
	.cart table{
		width:100%;
		margin-bottom:15px;
		}
	.cart table p{
		color:#fff; font-size:18px; font-weight:bold;
		padding-right:30px; margin-bottom:0px;
		}
		.cart table td{
			border-bottom:1px solid #fff;
			vertical-align:middle;
			padding:4px 0px;
			}
		.cart table td.remove a{
			float:right;
			display:inline-block;zoom:1; *display:inline;
			width:44px; height:35px;
			color:#3897ce; font-weight:bold;
			background:url(../images/remove_btn.png) 0 0 no-repeat;
			text-indent:-9999px;
			}
			
.checkoutSuccess{
	text-align:center;
	}
			
input.submitCart{
		float:right;
		width:193px; height:51px;
		padding:0 20px 0px 60px;
		background:url(../images/cart_button.png) 0 0 no-repeat;
		color:#197fd1; font-size:12px; font-weight:bold;
		border:none;
		cursor:pointer;
	}


ul.katalog{
	overflow:hidden;
	}
	ul.katalog li{
		width:447px; height:188px;
		position:relative;
		float:left;
		overflow:hidden;
		margin:0px 34px 17px 0px;
		}
	ul.katalog li.last{
		margin-right:0px;
		}
	ul.katalog li h3{
		color:#fff; font-weight:bold;
		font-size:24px; padding-bottom:16px;
		}
	ul.katalog li b{
		color:#fff; font-size:18px; font-weight:bold; line-height:35px;
		}
	ul.katalog li p{
		color:#fefefe;font-weight:14px;
		height:97px; overflow:hidden;
		margin-bottom:13px;
		line-height: 20px;
		}
	ul.katalog li.box{
		padding:15px 18px;
		position:relative;
		}
	ul.katalog li a.buttonMid{
		float:right;
		line-height:35px;text-align:center;
		}
	ul.katalog li .katalogBoxBottom{
		position:absolute;
		right:15px;
		bottom:15px;
		width:280px;
	}
	div.imgMask{
		float:left;
		position:relative;
		width:150px;height:186px;
		margin-right:20px;
		}
		div.imgMask span{
			display:block;
			width:150px; height:186px;
			position:absolute; top:0px; left:0px;
			background:url(../images/img_mask.png) 0 0 no-repeat;
			z-index:100;
			}
		div.imgMask img{
			width:140px; height:173px;
			position:absolute;top:5px; left:5px;
			z-index:50;
			}
.sertifikati {
	height:353px;
	}
	.sertifikati p {
		color:#004e97;
		}
		.sertifikati ul {
			overflow:hidden;
			padding:25px 0 0 0;
			}
			.sertifikati ul li {
				float:left;
				width:143px;
				text-align:center;
				}
				.sertifikati ul li a {
					display:block;
					padding-left:55px; margin-top:15px;
					text-align:left; line-height:20px; font-size:14px; font-family:Arial, Helvetica, sans-serif;
					background:url(../images/icon-zoom.png) 35px 0 no-repeat;
					}

.twitterBox{
	padding-left: 30px;
	}
			
.facebookBox h3 {
	height:20px;
	margin-bottom:20px;
	text-indent:-9999px;
	background:url(../images/facebook-title.png) 0 0 no-repeat;
	}
	
.shopBox {
	padding:30px 10px;
	}
	.shopBox h3 {
		padding-top:2px; margin:0 20px 20px;
		background:url(../images/shop-title-bgr.png) 210px 0 no-repeat;
		}
	.shopBox p {
		margin:0 20px;
		}
		.shopBox ul {
			overflow:hidden;
			padding:30px 5px 0 5px;
			}
			.shopBox ul li {
				float:left;
				width:153px;
				text-align:center;
				background:url(../images/shop-list-bgr.png) center 10px no-repeat;
				}
				.shopBox ul li a {
					display:block;
					}
					.shopBox ul li span {
						display:block;
						height:150px;
						}
					.shopBox ul li img {
						max-width:160px; height:auto;
						}
					.shopBox ul li h4 {
						margin-top:10px;
						font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;
						}

.socialButtons {
	position:absolute; top:20px; right:20px;
	}	
	.socialButtons li {
		float:left;
		}
		.socialButtons li a {
			display:block;
			height:22px;
			text-indent:-9999px;
			}
			.socialButtons li.twitterButton a {
				width:25px;
				margin-right:20px;
				background:url(../images/icon-twitter.png) 0 0 no-repeat;
				}
			.socialButtons li.facebookButton a {
				width:97px;
				background:url(../images/facebook-title.png) 0 0 no-repeat;
				}
	
/* home page box */

.home p{
	color:#fefefe;
	margin-bottom:0;
}

ul.content_list {
	margin-top: 10px;
}

ul.content_list li, ul.content_list_left li {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fefefe; line-height:normal;
	list-style-type: circle;
	margin: -10px 0 10px 210px;
	}
ul.content_list_left li {
	margin-left: 30px;
	}
	
ul.left li {
	margin: 0 0 10px 25px;
	}

/* google map */

#map {
	width:453px;
	height:345px;
}

/* gallery menu*/
.galleryMenu{
	background-image: url("../images/new-gallery_menu_bg.jpg");
	height:122px;
	}
.galleryMenu ul{
	line-height:29px; 	
	}
.galleryMenu ul.last{
	line-height:30px;
	margin-left: 80px;
	}
.galleryMenu ul li{
	z-index:300;
	}
img.galleryFish{
	right:-115px;
	top:440px;
	}
	
	
/* reference */
img.breadCrampFish{
	top:-120px;
	}
a.breadCramps, a.breadCramps_last{
	background: url("../images/icons/seashell.png") right no-repeat;
	padding: 0 32px 0 7px;
	font-weight:bold;
	}
a.breadCramps_last{
	background: none;
	color:#329FDC;
	}


/* video */
div.videoHolder{
	background: none;
    border: none;
	width:828px;
	margin:0 auto;
	padding: 0px 77px;
	}
	div.videoHolder a.nextButton{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 69px;
		height: 564px;
		cursor: pointer;
		background:url(../images/next.png) 0 0 no-repeat;
		}
	div.videoHolder a.prevButton{
		position: absolute;
		top: 10px;
		left: 10px;
		width: 69px;
		height: 564px;
		cursor: pointer;
		background:url(../images/prev.png) 0px 0 no-repeat;
		}
		div.videoHolder a.disabledButton,
		div.videoHolder a.disabledButton:hover,
		div.videoHolder a.disabledButton:active{
			cursor: default;
			background-position:bottom left;
			}
img.videoFish{
	left:-120px;
	}
	
	
/* bonus paddings and margins */
.smallBottom{
	padding-bottom:15px;
	}
a.bigTop{
	margin-top:40px;
	}
img.newProductsFish{
	top:800px;
	}
	
	
/* contact */
p.contactBox{
	margin-top:20px
	}
	
	
/* pozadine za akvarijum */
.shortMeny, .galleryNav{
	height:51px;
	padding-left:10px;
	text-align:center;
	}
	
.galleryNav {
	padding-left:70px;
	}
	
.galleryNav div a{
	padding:0 24px;
	}
	
.shortMeny div a{
	padding: 0 14px;
}

img.starfish {
	right: -65px;
	top: -100px;
	}
	
	
/* shop button */
div.shopButton{
	background-image: url("../images/top-buttons.png");
	position:absolute;
	top: -1px;
	right:0;
	height:35px;
	width:213px;
	z-index:10;
	}
	div.shopButton a{
		line-height:27px;
		margin-left:15px;
		padding-bottom: 2px;
		color:#2a96d8; font-size:12px; font-weight:bold; text-decoration:none;
		}
		
		div.shopButton a.shop {
			background-image: url("../images/shop-icon.png");
			background-repeat: no-repeat;
			padding-left: 22px;
			}
			
		div.shopButton a.clean {
			background-image: url("../images/clean-icon.png");
			background-repeat: no-repeat;
			padding-left: 20px;
			}
			
		div.shopButton a.sale {
			background-image: url("../images/sale-icon.png");
			background-repeat: no-repeat;
			padding-left: 21px;
			}
			
	div.shopButton a:hover, 
	div.shopButton a.current{
		color:#000;
		}
div.sale {
	background-position: 0;
	width: 100px;
	right: 320px;
	}
	div.sale a{
		margin-left:18px;
	}
div.clean {
	background-position: -100px;
	width: 210px;
	right: 112px;
	}
	
/* eco icon */
img.akvarijumEcoIcon {
	margin: 427px 0 0 370px;
	}
	
	
/* sliding boxes */
.boxgrid{ 
	width: 311px; 
	height: 187px;
	float:left;
	
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0;
		padding:0;
		border: 0;
	}
	.boxgrid p{ 
		padding: 10px 0 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{
	float: left; 
	position: absolute; 
	background: #000; 
	top:197px;
	left:0;
	
	height: 60px; 
	width: 311px; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.boxcaptionVisible{
		top:160px;
	}

.captionHolder{
	width: 311px;
	height: 173px;
	padding:7px;
	position:absolute;
	overflow:hidden
	}
	
.captionMediumHight {
	height: 70px;
}
	.captionMediumHight p {
		padding-top: 5px;
	}

.captionMaxHight {
	height: 90px;
}
	.captionMaxHight p {
		padding-top: 5px;
	}	
	
/* gallery  pagination*/
.pagination a.gallerySelected {
	line-height:30px;
	background:url(../images/pagination-bgrs.png) 1px -113px no-repeat;
}

/*------------------- twitter -----------------------------*/


#twitter_t {
   width: 445px;
   height: 34px;
   /*background-image:url("your top image");*/
}

#twitter_m {
   width: 415px;
   padding: 0 15px;
   /*background:url("your middle image")  0 0 repeat-y;*/
}

   #twitter_container {
       min-height:45px;
       height:auto !important;
       height:40px;
       padding-bottom:10px;
   }

       #twitter_update_list {
           width: 415px;
           padding: 0;
           overflow: hidden;
           font-family: Georgia;
           font-size: 14px;
           font-style: italic;
           color: #31353d;
           line-height: 16px;
           font-weight:bold;
       }

       #twitter_update_list li {
           width: 415px;
           list-style: none;
       }

       #twitter_update_list li a {
           color: #5f6d76;
           border-bottom: dotted 1px;
           text-decoration: none;
       }

       #twitter_update_list li a:hover {
           color: #31353d;
           background: #d3f1f9;
       }

#twitter_b {
   width: 445px;
   height: 29px;
   /*background-image:url("your bottom image");*/
}

/*--------------- new styles -------------------*/

ul.katalog li.sale {
	padding: 15px 23px;
}

	ul.katalog li.sale p.doubleRow {
		margin-top: -20px;
		}

ul.novinski-isecci {
	clear: left;
	padding-top: 1em;
}
	ul.novinski-isecci li {
		float: left;
		padding: 0 14px;
	}
	ul.novinski-isecci h4 {
		width: 206px;
		text-align: center;
	}

.novinski-isecci-text {
	clear: left;
	padding-top: 1em;
}

.otherService p {
	margin-top:20px;
	font-size: 16px;
	color: #fff;
}

.otherService ul {
	font-size: 16px;
}

.top-nav {
	display:none;
	/*
	//TODO:
	position:absolute; left:390px; top:10px; z-index:200; float:none !important;
	background:none !important;
	*/
	}
.top-social {
	display:none;
	/*
	//TODO:
	position:absolute; left:425px; top:19px; z-index:200; float:none !important;
	background:none !important;
	*/
}

.testimonialsText {
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
}

a.innerLink {
	text-decoration: underline;
}
	a.innerLink:hover {
		color:#197fd1;
	}

.side-buttons {
	position: absolute;
	position: fixed;
	top: 340px;
	left: 0;
	width: 87px;
	height: 182px;
	text-transform: uppercase;
	background: url('../images/side-buttons-back.png') no-repeat;
	z-index: 200;
}
	.side-buttons a {
		display: block;
		margin-top: 30px;
		width: 70px;
		height: 22px;
		line-height:1.3;
		font-size: 9px;
		font-weight: bold;
		text-align: center;
	}
	.side-buttons a:hover {
		opacity:.8;
		text-decoration:underline;
	}
	.side-buttons-komentari {
		padding: 44px 5px 0;
		background: url('../images/side-buttons-komentari.png') center top no-repeat;
	}
	.side-buttons-video {
		padding: 35px 5px 0;
		background: url('../images/side-buttons-video.png') center top no-repeat;
	}
	.side-buttons-facebook-left {
		padding: 47px 5px 0;
		background: url('../images/side-buttons-facebook.png') center top no-repeat;
		margin-top: 20px!important;
	}

.side-buttons-social {
	position: absolute;
	position: fixed;
	top: 190px;
	right: 0;
	width: 86px;
	height: 259px;
	background: url('../images/side-buttons-social-back.png') no-repeat;
	z-index: 200;
}
	.side-buttons-facebook {
		margin-top: 18px;
		margin-left: 24px;
		height: 62px;
	}
	.side-buttons-googleplus {
		margin-top: 21px;
		margin-left: 22px;
		height: 62px;
	}
	.side-buttons-twitter {
		margin-top: 20px;
		margin-left: 20px;
		height: 62px;
	}
	
	#fancybox-wrap, #fancybox-title{
		width: auto !important;
		height: 60px;
	}

.facebookBox .fb_iframe_widget iframe{
	margin: -28px -4px;
}