/* Basics */
* {
	margin: 0;
	padding: 0;
	list-style: none;
}

img, fieldset { border: 0 }
a { outline: none }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
	background: url(/static/img/site_bg_newest.jpg) no-repeat #0c3c89;
	padding: 20px 0 35px;
}

a {
	color: #470a74;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 { color: #470a74; font-weight: normal }

.siteContainer {
	position: relative;
	width: 930px;
	margin: 0 auto;
}

h1 a {
		display: block;
		float: left;
		width: 630px;
		height: 142px;
		background: url(/static/img/slices.png) 0 -80px;
		margin: 0 0 25px 10px;
}

h1 a span { display: none }

.bottleSmall {
	display: block;
	width: 226px;
	height: 471px;
	background: url(/static/img/product_small.png) no-repeat 50% 0;
	margin: -25px 0 0 0;	
}

.product {
	display: block;
	width: 660px;
	height: 563px;
	background: url(/static/img/product_first_page.png) no-repeat 0 0;
}

.bonus {
	position: absolute;
	top: 350px;
	left: 180px;
	display: block;
	width: 173px;
	height: 338px;
	background: url(/static/img/bonus_left.png) no-repeat 0;
}

/* Languages */
.languages { float: right; margin: 60px 10px 0 0; }

.languages .languagesLeft {
	float: left;
	width: 16px;
	height: 32px;
	background: url(/static/img/slices.png) no-repeat -45px 0;
}

.languages .languagesRight {
	float: left;
	width: 16px;
	height: 32px;
	background: url(/static/img/slices.png) no-repeat -63px 0;
}

.languages ul {
	float: left;
	height: 26px;
	background: url(/static/img/languages_bg.png) repeat-x;
	padding: 6px 0 0 0;
}

.languages ul li {
	float: left;
	border-left: 1px solid #a6a6a6;
	padding: 2px 6px;
}

.languages ul li:first-child { border-left: none }

.languages ul li a {
	display: block;
	width: 21px;
	height: 16px;
}

.languages ul li a span { display: none }

.languages ul .si a { background: url(/static/img/slices.png) no-repeat 0 0 }
.languages ul .en a { background: url(/static/img/slices.png) no-repeat 0 -16px }
.languages ul .de a { background: url(/static/img/slices.png) no-repeat 0 -32px }
.languages ul .it a { background: url(/static/img/slices.png) no-repeat 0 -48px }
.languages ul .nl a { background: url(/static/img/slices.png) no-repeat 0 -64px }

.languages ul .si .selected { background: url(/static/img/slices.png) no-repeat -23px 0 }
.languages ul .en .selected { background: url(/static/img/slices.png) no-repeat -23px -16px }
.languages ul .de .selected { background: url(/static/img/slices.png) no-repeat -23px -32px }
.languages ul .it .selected { background: url(/static/img/slices.png) no-repeat -23px -48px }
.languages ul .nl .selected { background: url(/static/img/slices.png) no-repeat -23px -64px }

/* Navigation */
.navigation {
	float: left;
	width: 226px;
	margin: 16px 0 0 10px;
}

.navigation ul .firstLevel {
	width: 226px;
	height: 48px;
	background: url(/static/img/navigation_bg.png) no-repeat;
	margin: -16px 0 0 0;
}

.navigation ul .firstLevel a {
	display: block;
	width: 211px;
	height: 24px;
	color: #011b7e;
	font-size: 15px;
	text-decoration: none;
	padding: 8px 0 0 15px;
}

.navigation ul .firstLevelSelected {
	width: 226px;
	height: 48px;
	background: url(/static/img/navigation_bg.png) no-repeat;
	margin: -16px 0 0 0;
}


.navigation ul .firstLevelSelected a
{
	color: #fff;
	text-decoration: none;
	background: url(/static/img/navigation_hover_bg.png) no-repeat;
	display: block;
	width: 211px;
	height: 24px;
	font-size: 15px;
	padding: 8px 0 0 15px;

}
.navigation ul .firstLevel a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/navigation_hover_bg.png) no-repeat;
}


.navigation ul .secondLevelFirst {
	width: 226px;
	background: url(/static/img/navigation_open_bg.png) no-repeat;
	margin: -16px 0 0 0;
}

.navigation ul .secondLevelFirst a {
	display: block;
	width: 211px;
min-height: 24px;
height: auto !important;
	height: 24px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	padding: 8px 0 0 15px;
}

.navigation ul li ul {
	width: 226px;
}

.navigation ul .secondLevel {
	width: 226px;
min-height: 32px;
height: auto !important;
	height: 32px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
}

.navigation ul .secondLevel:last-child {
	width: 226px;
	height: 48px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
}

.navigation ul .secondLevel a {
	display: block;
	width: 190px;
min-height: 16px;
height: auto !important;
	height: 16px;
	color: #460a72;
	font-size: 15px;
	text-decoration: none;
	padding: 8px 8px 8px 28px;
	margin: 0;
	background: url(/static/img/slices.png) no-repeat 10px -621px;
}

.navigation ul .secondLevel a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/slices.png) no-repeat 10px -687px #460a72;
}

.navigation ul .secondLevel.selected a,
.navigation ul .secondLevel.selected a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/slices.png) no-repeat 10px -687px #460a72;
	display: block;
	width: 190px;
min-height: 16px;
height: auto !important;
	height: 16px;
	font-size: 15px;
	text-decoration: none;
	padding: 8px 8px 8px 28px;
	margin: 0;
}

.navigation ul .secondLevel {
	width: 226px;
min-height: 32px;
height: auto !important;
	height: 32px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
}

.navigation ul .secondLevel:last-child {
	width: 226px;
	height: 48px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
}

.navigation ul .secondLevel a {
	display: block;
	width: 190px;
min-height: 16px;
height: auto !important;
	height: 16px;
	color: #460a72;
	font-size: 15px;
	text-decoration: none;
	padding: 8px 8px 8px 28px;
	margin: 0;
	background: url(/static/img/slices.png) no-repeat 10px -621px;
}

.navigation ul .secondLevel a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/slices.png) no-repeat 10px -687px #460a72;
}

.navigation ul .secondLevel.selected a,
.navigation ul .secondLevel.selected a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/slices.png) no-repeat 10px -687px #460a72;
	display: block;
	width: 190px;
min-height: 16px;
height: auto !important;
	height: 16px;
	font-size: 15px;
	text-decoration: none;
	padding: 8px 8px 8px 28px;
	margin: 0;
}

.navigation ul .secondLevel.selected .thirdLevel {
	width: 226px;
min-height: 32px;
height: auto !important;
	height: 32px;
	background: #460a72;
	border-bottom: 1px solid #67318f;
	margin: 0;
}

.navigation ul .thirdLevel:last-child {
	width: 226px;
	height: 48px;
	background: #460a72;
	border-bottom: 1px solid #67318f;
	margin: 0;
}

.navigation ul .secondLevel.selected .thirdLevel a {
	display: block;
	width: 170px;
min-height: 16px;
height: auto !important;
	height: 16px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	padding: 8px 8px 8px 48px;
	margin: 0;
	background: url(/static/img/slices.png) no-repeat 30px -779px;
}

.navigation ul .secondLevel.selected .thirdLevel a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/slices.png) no-repeat 30px -779px #67318f;
}

.navigation ul .secondLevel.selected .thirdLevel.selected a,
.navigation ul .secondLevel.selected .thirdLevel.selected a:hover {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/slices.png) no-repeat 30px -687px #67318f;
	display: block;
	width: 170px;
min-height: 16px;
height: auto !important;
	height: 16px;
	font-size: 13px;
	text-decoration: none;
	padding: 8px 8px 8px 48px;
	margin: 0;
}

.navigation ul .blankElement {
	color: #fff;
	text-decoration: none;
	background: url(/static/img/navigation_bottom.png) no-repeat 0 0;
	display: block;
	width: 198px;
min-height: 16px;
height: auto !important;
	height: 16px;
	font-size: 15px;
	text-decoration: none;
	padding: 0 0 0 28px;
	margin: 0;
	margin: -1px 0 0 0;
}

.navigationShadow {
	width: 226px;
	height: 77px;
	background: url(/static/img/navigation_shadow.png) no-repeat;
	margin: -10px 0 0 0;
	margin: 0;
	background: none;
	height: 50px;
}

/* Content */
.content {
	float: right;
	width: 660px;
	margin: 0 10px 0 24px;
}


/* Article */
.content .articleTop {
	width: 660px;
	height: 18px;
	background: url(/static/img/slices.png) no-repeat 0 -337px;
}

.content .articleMiddle {
	width: 628px;
	min-height: 890px;
	height: auto !important;
	height: 890px;
	background: url(/static/img/article_bg.png) repeat-y;
	line-height: 18px;
	padding: 1px 16px;
}

.content .articleMiddle p {
	margin: 0 0 15px;
	text-align: justify;
}

.content .articleMiddle .shortContent {
	color: #000;
	font-weight: bold;
	font-size: 13px;
}

.content .articleMiddle img {
	border: 1px solid #D1D1D1;
	margin: 10px 0;
	padding: 3px;
}

.content .articleMiddle h2 {
	font-size: 22px;
	margin: 0 0 20px;
}

.content .articleMiddle li {
	margin: 0 0 15px 10px;
	padding: 0 0 0 25px;
	color: #000;
	font-size: 13px;
	background: url("/static/img/list.gif") no-repeat 0 6px;
}

/* Gallery */
.content .articleMiddle .photoGallery  {
	width: 628px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: url(/static/img/additional_content_bottom.gif) no-repeat 0 100%;
	border-top: 1px solid #d1d1d1;
}

.content .articleMiddle .photoGallery .bigImage  {
	border: none;
	margin: 0;
	padding: 4px 0 0 4px;
}

.content .articleMiddle .photoGallery .comment {
	color: #000;
	font-size: 13px;
	font-style: italic;
	padding: 3px 7px 15px 7px;
}

.content .articleMiddle .photoGallery .images {
	width: 620px;
	padding: 0 4px;
}

.content .articleMiddle .photoGallery .photoHolder  {
	width: 578px;
	float: left;
	height: 93px;
	overflow: hidden;
}

.content .articleMiddle .photoGallery .left  {
	display: block;
	width: 21px;
	float: left;
	height: 93px;
	background: url(/static/img/gallery_left.png) no-repeat 0 50%;
}

.content .articleMiddle .photoGallery .right  {
	display: block;
	width: 21px;
	float: left;
	height: 93px;
	background: url(/static/img/gallery_right.png) no-repeat 0 50%;
}

.content .articleMiddle .photoGallery .photoHolder ul {
	width: 578px;
	overflow: hidden;
	white-space: nowrap;
}

.content .articleMiddle .photoGallery .photoHolder #photoContainer li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
}

.content .articleMiddle .photoGallery .photoHolder ul li img { margin: 0 }

.content .articleMiddle h4 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px;
}

.content .articleMiddle .fileList .fileListContent {
	background: url("/static/img/additional_content_bottom.gif") 0 100% no-repeat;
	widows: 610px;
	padding: 0 9px 8px;
}

.content .articleMiddle .fileList li {
	background: url("/static/img/slices.png") no-repeat scroll 2px -628px transparent;
	font-size: 12px;
	margin: 0 0 5px 0px;
	padding: 0 0 0 18px;
}

.content .articleMiddle .fileListTop {
	background: url("/static/img/additional_content_top.gif") no-repeat;
	height: 13px;
	widows: 628px;
	font-size: 0;
}


.content .articleMiddle .fileList li span {
	color: #000;
	font-style: oblique;
}

.content .articleBottom {
	width: 660px;
	height: 18px;
	background: url(/static/img/slices.png) no-repeat 0 -356px;
}

/* Contact */
.contact {
	float: left;
	width: 240px;
}

.contact .contactTop {
	width: 240px;
	height: 27px;
	background: url(/static/img/contact_top.png) no-repeat;
}

.contact .contactMiddle {
	width: 198px;
	color: #011b7e;
	background: url(/static/img/contact_middle.png) repeat-y;
	padding: 0 21px;
}

.contact .contactMiddle .address {
	background: url(/static/img/slices.png) no-repeat 0 -387px;
	padding: 2px 0 6px 30px;
}

.contact .contactMiddle .phone {
	background: url(/static/img/slices.png) no-repeat 0 -473px;
	padding: 2px 0 6px 30px;
}

.contact .contactMiddle .email {
	background: url(/static/img/slices.png) no-repeat 0 -558px;
	padding: 2px 0 0 30px;
}

.contact .contactMiddle h4 {
	font-size: 14px;
	color: #470A74;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.contact .contactBottom {
	width: 240px;
	height: 27px;
	background: url(/static/img/contact_bottom.png) no-repeat;
}

/* News */
.news {
	float: left;
	width: 413px;
}

.news .newsTop {
	width: 413px;
	height: 27px;
	background: url(/static/img/news_top.png) no-repeat;
}

.news .newsMiddle {
	width: 371px;
	background: url(/static/img/news_middle.png) repeat-y;
	padding: 0 21px;
}

.news .newsMiddle img {
	float: left;
	border: 1px solid #d1d1d1;
	margin: 0 10px 0 0;
	padding: 3px;
}

.news .newsMiddle h3 {
	font-size: 19px;
	margin: 0 0 10px;
}

.news .newsMiddle h3 a { 
	text-decoration: none;
}

.news .newsMiddle p {
	float: left;
	width: 216px;
	color: #252524;
}

.news .newsBottom {
	width: 413px;
	height: 27px;
	background: url(/static/img/news_bottom.png) no-repeat;
}

/* Newsletter */
.newsletter {
	float: left;
	width: 277px;
}

.newsletter .newsletterTop {
	width: 277px;
	height: 27px;
	background: url(/static/img/newsletter_top.png) no-repeat;
}

.newsletter .newsletterMiddle {
	width: 235px;
	background: url(/static/img/newsletter_middle.png) repeat-y;
	padding: 0 21px;
}

.newsletter .newsletterMiddle label {
	float: left;
	width: 50px;
	text-align: right;
	padding: 0 5px 0 0;
	margin: 7px 0 0 0;
}

.newsletter .newsletterMiddle .textField {
	width: 170px;
	height: 20px;
	background: url(/static/img/slices.png) no-repeat 0 -310px;
	font-size: 13px;
	color: #000;
	border: 0;
	margin: 0 0 6px;
	padding: 6px 5px 0 5px;
}

.newsletter .newsletterMiddle .submitButton {
	width: 77px;
	height: 26px;
	background: url(/static/img/slices.png) no-repeat 0 -283px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	border: 0;
	text-align: center;
	cursor: pointer;
	margin: 5px 0 0 85px;
}

.newsletter .newsletterBottom {
	width: 277px;
	height: 27px;
	background: url(/static/img/newsletter_bottom.png) no-repeat;
}

.newsletter .newsletterMiddle .warning {
	color: #e23334;
	font-weight: bold;
	margin: 11px 0 0 0;
}



.contact .contactMiddle,
.newsletter .newsletterMiddle,
.news .newsMiddle {
	height: 115px;
}

/* Footer */
.footer .general {
	float: left;
	color: #fff;
	font-size: 11px;
	padding: 7px 0 0 10px;
}

.footer .general a {
	color: #fff;
	text-decoration: underline;
}

.footer .general a:hover { text-decoration: none }

.footer .facebookFan {
	display: block;
	float: right;
	height: 23px;
	color: #fff;
	font-family: "Arial Black", Gadget, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: -1px;
	background: url(/static/img/slices.png) 0 -252px;
	padding: 6px 0 0 35px;
	margin: 0 7px 0 0;
}

.footer .facebookFan span {
	display: block;
	width: 7px;
	height: 30px;
	float: right;
	background: url(/static/img/slices.png) -376px -252px;
	margin: -6px 0 0 3px;
}

.footer .facebookFan:hover {
	text-decoration: none;
}

.footer .srceSlovenije {
	display: block;
	float: right;
	background: url(/static/img/srce_slovenije.png) no-repeat 0 0;
	height: 30px;
	width: 180px;
	margin: 0 10px 0 0;
}

.footer .srceSlovenije span {
	display: none;
}

/* Breadcrumb */
.breacrumb {
	width: 618px;
	height: 33px;
	background: url(/static/img/breadcrumb_bg.png) no-repeat;
	font-size: 11px;
	color: #011b7e;
	margin: 0 0 7px;
	padding: 0 21px;
}

.breacrumb li {
	float: left;
	font-size: 11px;
	color: #011b7e;
	margin: 0 0 7px;
	background: url(/static/img/slices.png) no-repeat 0 -743px;
	padding: 0 10px;
	margin: 11px 0 0 0;
}

.breacrumb li a {
	color: #011b7e;
	text-decoration: none;
}

.breacrumb li a:hover {
	text-decoration: underline;
}