BODY {
     background-color:#330;
}
.podloga {
     	background-image: url(../images/bioplanet.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 783px;
	height: 180px;
}
.podloga2 {
     	background-image: url(../images/bioplanet2.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga3 {
     	background-image: url(../images/bioplanet3.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga4 {
     	background-image: url(../images/bioplanet4.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga5 {
     	background-image: url(../images/bioplanet5.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga6 {
     	background-image: url(../images/bioplanet6.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga7 {
     	background-image: url(../images/bioplanet7.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga8 {
     	background-image: url(../images/bioplanet8.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga9 {
     	background-image: url(../images/bioplanet9.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga10 {
     	background-image: url(../images/bioplanet10.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.podloga11 {
     	background-image: url(../images/bioplanet11.jpg);
	 background-position: 100% 0%;
	background-repeat: no-repeat;
	width: 780px;
	height: 180px;
}
.okvir {
	border: 1px solid #000;
	border-right: outset  #ccc 3px;
	border-bottom: outset  #ccc 3px;
	}
	a.okvir {
	border: 1px solid #000;
	border-right: outset  #ccc 3px;
	border-bottom: outset  #ccc 3px;
	}
	a.okvir:hover {
	border: 1px solid #000;	
	border-right: outset #ccc 3px;
	border-bottom: outset  #ccc 3px;
	}
 A.white {
 	display: block;
 width: 111px;
  height: 20px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
    COLOR: #330;
	background-COLOR: #9C6;
	    padding-top: 5px;
  	TEXT-DECORATION: none;
	TEXT-TRANSFORM: UPPERCASE;
}
 A.white:hover {
 	display: block;
 width: 111px;
  height: 20px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
		vertical-align: middle;
		    padding-top: 5px;
		COLOR: #6F6;
	background-COLOR: #030;
	TEXT-DECORATION: none;
	TEXT-TRANSFORM: UPPERCASE;
}
 .whiteAktivan {
 		display: block;
 width: 111px;
  height: 20px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
		vertical-align: middle;
		    padding-top: 5px;
		COLOR: #6F6;
	background-COLOR: #030;
	TEXT-DECORATION: none;
	TEXT-TRANSFORM: UPPERCASE;
}
A.footer2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
	font-style: normal;
	font-weight: bold;
COLOR: #CCC;
padding-left: 2px;
padding-right: 2px;
		TEXT-DECORATION: none;
		TEXT-TRANSFORM: none;
}
A.footer2:hover {
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	padding-left: 2px;
    padding-right: 2px;
	COLOR: #FFF;
	text-align: right;
	TEXT-DECORATION: underline;
    TEXT-TRANSFORM: NONE;
}
A.footer3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
	font-style: normal;
	font-weight: normal;
COLOR: #CCC;
padding-left: 2px;
padding-right: 2px;
		TEXT-DECORATION: none;
		TEXT-TRANSFORM: none;
}
A.footer3:hover {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-left: 2px;
    padding-right: 2px;
	COLOR: #FFF;
	text-align: right;
	TEXT-DECORATION: underline;
    TEXT-TRANSFORM: NONE;
}

 A.tekst {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
    COLOR: #666;
   	TEXT-DECORATION: none;
	TEXT-TRANSFORM: NONE;
}
 A.tekst:hover {
font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	COLOR: #000;
	TEXT-DECORATION: underline;
	TEXT-TRANSFORM: NONE;
} 
td{
font-family: Arial,Helvetica,sans-serif; font-size:12px;color: #333
}
.sadrzaj {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.naslov {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
		font-style: normal;
	font-weight: bold;
		padding-top: 3px;
    padding-bottom: 3px;
	COLOR:#060;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: NONE;
}
.naslov2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
		font-style: normal;
	font-weight: bold;
			COLOR: #060;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: NONE;
}
.naslov3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
		font-style: italic;
	font-weight: bold;
			COLOR: #0C0;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: NONE;
}
.naslov4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
		font-style: normal;
	font-weight: bold;
			COLOR: #090;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: NONE;
}
.vazno {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
		font-style: italic;
	font-weight: bold;
		padding-top: 3px;
    padding-bottom: 3px;
	COLOR: #060;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: NONE;
}
.vazno2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
		font-style: normal;
	font-weight: normal;		   
	COLOR: #060;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: NONE;
}
.vazno3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
		font-style: normal;
	font-weight: bold;		   
	COLOR: #060;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: uppercase;
}
.podebljano {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
		font-style: normal;
	font-weight: bold;
		COLOR: #333;
		TEXT-DECORATION: NONE;
    TEXT-TRANSFORM: NONE;
}
.tab1 {
 	padding-left: 40px;
	font-size:14px;
    }
	.tab2 {
 	padding-left: 20px;
    }
.footer {
font-family: Arial, helvetica;
vertical-align: middle;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	padding-left: 3px;
    padding-right: 3px;
	 padding-bottom: 5px;
	  padding-top: 5px;
	COLOR: #ccc;
		border-top: 3px solid black;	
	TEXT-DECORATION: none;
    TEXT-TRANSFORM: NONE;
}
A.navigacija {
 	display: block;
 width: 214px;
  height: 25px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
    COLOR: #7D3F00;
	background-COLOR: #FFE4CA;
	padding-left: 10px;
	    padding-top: 5px;
		border-BOTTOM: 1px dashed #fFF;
  	TEXT-DECORATION: none;
	TEXT-TRANSFORM: uppercase;
}
 A.navigacija:hover {
 	display: block;
 width: 214px;
  height: 25px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
text-align: left;
padding-left: 10px;
		vertical-align: middle;
		    padding-top: 5px;
			border-BOTTOM: 1px dashed #fFF;
		COLOR: #7D3F00;
	background-COLOR: #FED;
	TEXT-DECORATION: none;
	TEXT-TRANSFORM: uppercase;
}
 .navigacijaAktivan {
 		display: block;
 width: 214px;
  height: 25px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
		vertical-align: middle;
		    padding-top: 5px;
			border-BOTTOM: 1px dashed #fFF;
		COLOR: #7D3F00;
	background-COLOR: #FED;
	TEXT-DECORATION: none;
	TEXT-TRANSFORM: uppercase;
}
A.RED {
 	display: block;
 width: 214px;
  height: 25px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
    COLOR: #6F6;
	background-COLOR: RED;
	padding-left: 10px;
	    padding-top: 5px;
		border-BOTTOM: 1px dashed #fFF;
  	TEXT-DECORATION: none;
	TEXT-TRANSFORM: uppercase;
}
 A.RED:hover {
 	display: block;
 width: 214px;
  height: 25px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
text-align: left;
padding-left: 10px;
		vertical-align: middle;
		    padding-top: 5px;
			border-BOTTOM: 1px dashed #fFF;
		COLOR: #6F6;
	background-COLOR: #600;
	TEXT-DECORATION: none;
	TEXT-TRANSFORM: uppercase;
}
 .REDAktivan {
 		display: block;
 width: 214px;
  height: 25px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-align: CENTER;
	padding-left: 5px;
	padding-RIGHT: 5px;
			vertical-align: middle;
		    padding-top: 5px;
			border-BOTTOM: 1px dashed #fFF;
		COLOR: #FFEBE1;
	background-COLOR: #600;
	TEXT-DECORATION: none;
	TEXT-TRANSFORM: uppercase;
}
#pDiv2 {
	position:absolute;
	left:-224px;
	top:-63px;
	width:217px;
	height:132px;
	z-index:1;
	}