@charset "utf-8";

body {

	margin: 0px;

	padding: 0px;

	font-family: Tahoma;

	font-size: 10px;

	color: #333333;

	text-decoration: none;

}

Iframe {

	background-color: #F4F4F4;

}



html, body, #osnova {

	background-image: url(img/GreenField.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 100%;

}

a:link {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: underline;

}

a:active {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: underline;

}

a:visited {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-decoration: underline;

}

a:hover {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #F9A122;

	text-decoration: underline;

}

.click_here a:link {

}

.click_here a:visited {

}

.click_here a:active {

}

.click_here a:hover {

	background-image: url(img/button01.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}

.control_menu {

	background-image: url(img/control_menu.png);

	background-repeat: no-repeat;

	background-position: center top;

}

.control_menu a:link {

	display: block;

	height: 45px;

	width: 135px;

}

.control_menu a:active {

	display: block;

	height: 45px;

	width: 135px;

}

.control_menu a:visited {

	display: block;

	height: 45px;

	width: 135px;

}

.control_menu a:hover {

	display: block;

	height: 45px;

	width: 135px;

	background-image: url(img/control_menu_hover_1.png);

	background-repeat: no-repeat;

	background-position: left top;

}

.control_menu1 a:link {

	display: block;

	height: 45px;

	width: 134px;

}

.control_menu1 a:active {

	display: block;

	height: 45px;

	width: 134px;

}

.control_menu1 a:visited {

	display: block;

	height: 45px;

	width: 134px;

}

.control_menu1 a:hover {

	display: block;

	height: 45px;

	width: 134px;

	background-image: url(img/control_menu_hover_2.png);

	background-repeat: no-repeat;

	background-position: left top;

}

.contro2_menu1 a:link {

	display: block;

	height: 45px;

	width: 135px;

}

.contro2_menu1 a:active {

	display: block;

	height: 45px;

	width: 135px;

}

.contro2_menu1 a:visited {

	display: block;

	height: 45px;

	width: 135px;

}

.contro2_menu1 a:hover {

	display: block;

	height: 45px;

	width: 135px;

	background-image: url(img/control_menu_hover_3.png);

	background-repeat: no-repeat;

	background-position: left top;

}

.control_menu_bottom a:link {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.control_menu_bottom a:active {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.control_menu_bottom a:visited {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.control_menu_bottom a:hover {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #FF6600;

	text-decoration: underline;

}

.menu_bottom {

	background-image: url(img/menu_bottom.png);

	background-repeat: no-repeat;

	background-position: center top;

}



.green_bcg {

	background-image: url(img/green_bcg.png);

	background-repeat: no-repeat;

	background-position: center center;

}



.control_menu_bottom {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 25px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.blue_bcg {

	background-image: url(img/blue_bcg.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.purple_bcg {

	background-image: url(img/purple_bcg.png);

	background-repeat: no-repeat;

	background-position: center center;

	padding-top: 20px;

	padding-left: 50px;

	padding-right: 20px;

	padding-bottom: 20px;

}

.bcg_contact_us {

	background-image: url(img/bcg_contact_us.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.bcg_careers {

	background-image: url(img/bcg_careers.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.bcg_corporate {

	background-image: url(img/bcg_corporate.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.bcg_privacy {

	background-image: url(img/bcg_privacy_middle.png);

	background-repeat: repeat-y;

	background-position: center center;

}

.bcg_friends {

	background-image: url(img/bcg_friends2.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.contact_us a:link {

	display: block;

	height: 20px;

	width: 80px;

}

.contact_us a:active {

	display: block;

	height: 20px;

	width: 80px;

}

.contact_us a:visited {

	display: block;

	height: 20px;

	width: 80px;

}

.contact_us a:hover {

	display: block;

	height: 20px;

	width: 80px;

	background-image: url(img/menu_bottom_02.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.careers a:link {

	display: block;

	height: 20px;

	width: 76px;

}

.careers a:active {

	display: block;

	height: 20px;

	width: 76px;

}

.careers a:visited {

	display: block;

	height: 20px;

	width: 76px;

}

.careers a:hover {

	display: block;

	height: 20px;

	width: 76px;

	background-image: url(img/menu_bottom_03.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.corporate a:link {

	display: block;

	height: 20px;

	width: 80px;

}

.corporate a:active {

	display: block;

	height: 20px;

	width: 80px;

}

.corporate a:visited {

	display: block;

	height: 20px;

	width: 80px;

}

.corporate a:hover {

	display: block;

	height: 20px;

	width: 80px;

	background-image: url(img/menu_bottom_04.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.privacy a:link {

	display: block;

	height: 20px;

	width: 70px;

}

.privacy a:active {

	display: block;

	height: 20px;

	width: 70px;

}

.privacy a:visited {

	display: block;

	height: 20px;

	width: 70px;

}

.privacy a:hover {

	display: block;

	height: 20px;

	width: 70px;

	background-image: url(img/menu_bottom_05.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.friends a:link {

	display: block;

	height: 20px;

	width: 83px;

}

.friends a:active {

	display: block;

	height: 20px;

	width: 83px;

}

.friends a:visited {

	display: block;

	height: 20px;

	width: 83px;

}

.friends a:hover {

	display: block;

	height: 20px;

	width: 83px;

	background-image: url(img/menu_bottom_06.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.blue_bcg_food {

	background-image: url(img/blue_bcg_food.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.naslov {

	font-family: Tahoma;

	font-size: 16px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 40px;

}

.text {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 50px;

	padding-bottom: 0px;

	padding-left: 40px;

}

.parola {

	font-family: Tahoma;

	font-size: 14px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 40px;

	font-style: italic;

}

.bcg_about_us {

	background-image: url(img/bcg_about_us.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.blue_bcg_healthy {

	background-image: url(img/blue_bcg_healthy2.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.text1 {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 40px;

}

.green_bcg_store {

	background-image: url(img/green_bcg_store.png);

	background-repeat: no-repeat;

	background-position: center center;

}

.text2 {

	font-family: Tahoma;

	font-size: 9px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 20px;

}

.text2 a:link {

	font-family: Tahoma;

	font-size: 9px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 20px;

}

.textprivacy {

	font-family: Tahoma;

	font-size: 10px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 50px;

	padding-bottom: 0px;

	padding-left: 40px;

}

.textnews {

	font-family: Tahoma;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 50px;

	padding-bottom: 0px;

	padding-left: 40px;

	background-color: #F4F4F4;

}

.newsletter_bcg {

	background-image: url(img/bcg_newsletter.gif);

	background-repeat: no-repeat;

	background-position: center top;

}

.healthy_test {
	display: block;
	background-image:url(img/healthy_test_box2.jpg);
	height: 600px;
	width: 500px;
	margin-top: 35px;
	margin-left: 35px;
	float: left;
}

.healthy_tid {
	display: block;
	background-image:url(img/healthy_tid_box2.jpg);
	height: 600px;
	width: 330px;
	margin-top: 35px;
	margin-right: 60px;
	float: right;
}

.navcontainer {
	display: block;
	width: 950px;
	height: 90px;
}

.nav {
	padding: 0;
	margin: 0;
}

.nav a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 8px;
	padding-right: 8px;
	color: #000;
	line-height: 26px;
	font-size:9px;
}

.nav a:hover {
	background-color:#FE5;
	padding-top: 7px;
	padding-bottom: 7px;
}

.topnav {
}

.topnav a {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	line-height: 40px;
	font-size:13px;
}

.topnav a:hover {
	background-color:#F93;
	padding-top: 17px;
	padding-bottom: 17px;
}

.mainbox {
	display: block;
	width: 610px;
	height: 360px;
	background-color:#FFF;
	border: 5px solid #F60;
}

.productbox {
	display: block;
	width: 300px;
	height: 566px;
	margin-left: 5px;
	float: right;
	background-color:#ee9c32;
	border: 5px solid #F60;
}

.productbox h1 {
	margin-top: 10px;
	text-align: center;
	font-size: 30px;
	font-weight:90;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #FFF;
}

.connectbox {
	display: block;
	width: 610px;
	height: 180px;
	margin-top: 15px;
	background-color:#FFF;
	border: 5px solid #F60;
}

.productgallery {
	display: block;
	padding: 7px;
	width: 925px;
	height: 540px;
	background-color:#FFF;
	border: 5px solid #F60;	
}

.productgallery h1 {
	font-size: 16px;	
}

a span {
	display: none;
}

a:hover span {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

span {
	position: relative;
}

	#slider{
		text-align: left;
		padding: 0px;
		}
		
	#slider h3 {
		margin: 0px;
	}
	
	#slider h4 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#slider ul, #slider li{
		margin: 0;
		padding-left: 0px;
		list-style:none;
	}
	
	#slider li {
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:300px;
		height:600px;
		text-align: left;
		font-size: 13px;
		overflow:hidden;
		}
		
				
#prevBtn { 
	display:block;
	width:30px;
	height:20px;
	position:relative;
	left: -175px;
	bottom: 320px;
	}	
	
#nextBtn{ 
	display:block;
	width:30px;
	height:20px;
	position:relative;
	left: 175px;
	top: -340px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:50px;
	background:url(img/btn_prev.gif) no-repeat 0 0;
	text-decoration: none;
	}	
#nextBtn a{ 
	background:url(img/btn_next.gif) no-repeat 0 0;
	text-decoration: none;
	}