.naslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #75868d;
	font-weight: bolder;
}

.naslovCrveni {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f86062;
	font-weight: bolder;
	margin-top: -20px;
}

.dalje {
	padding-top: 10px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f86062;
	font-weight: bold;
	text-decoration: underline;
}

.tekst1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #333333;
}

.tekstLevo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818590;
}
a.tekstLevo:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818590;
	text-decoration: underline;
}
a.tekstLevo:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818590;
	text-decoration: underline;
}
a.tekstLevo:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
a.tekstLevo:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}





.tekstDesno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8197A3;
}
a.tekstDesno:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8197A3;
	text-decoration: underline;
}
a.tekstDesno:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8197A3;
	text-decoration: underline;
}
a.tekstDesno:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
a.tekstDesno:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8197A3;
	text-decoration: underline;
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f86062;
	text-decoration: underline;
	
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f86062;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f86062;
	text-decoration: underline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f86062;
	text-decoration: underline;
}


a.tekst1:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
a.tekst1:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
a.tekst1:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-decoration: underline;
}
a.tekst1:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}




.slikaLevo {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 5px;
}
.slikaDesno {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
}

.kontejner {
	CLEAR: both;
	MARGIN-LEFT: 0px;
	WIDTH: 200px;
	MARGIN-RIGHT: 0px;
	margin-top: 5px;
}



#padding {
	padding: 6px;
	}

.paddingSlika {
	margin-top: 20px;
	margin-bottom: 20px;
	}

#pretraga .tekst {
	width: 170px;
	border: 1px solid #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 17px;
}
#pretraga .btn {
	border: 1px solid #006699;
	background-color: #FFFFFF;
	color: #006699;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.all {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	MIN-HEIGHT: 100%;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	WIDTH: 840px;
	PADDING-TOP: 0px;
	POSITION: relative;
	border: 1px solid #E8E8E8;
	background-color: #FFFFFF;
}
 HTML .all {
	HEIGHT: 100%
}

HTML {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	HEIGHT: 100%
}
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	HEIGHT: 100%;
	background-image: url(../bg.png);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

#levo {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 350px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}

#desno {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 366px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#desnoKontakt {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 500px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levoKontakt {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 484px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}


#desnoMasine {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1066px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levoMasine {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1050px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}

#desnoProizvodi {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 5116px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levoProizvodi {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 5100px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}


#desnoProizvodi1 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 4616px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levoProizvodi1 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 4600px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}


#desno2 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 366px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levo2 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 350px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}


#desno25 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 516px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levo25 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 500px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}



#desno3 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 666px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levo3 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 650px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}


#desno4 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 866px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levo4 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 850px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}



#desno8 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1616px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levo8 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1600px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}



#desno6 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1466px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levo6 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1450px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}

#desno66 {
	FLOAT: right;
	MARGIN-LEFT: 0px;
	WIDTH: 618px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1266px;
	padding: 6px;
	border: 1px solid #f0f0f0;
	background-color: f8f7fc;
}

#levo66 {
	FLOAT: left;
	MARGIN-LEFT: 0px;
	WIDTH: 180px;
	MARGIN-RIGHT: 0px;
	margin-top: 6px;
	height: 1250px;
	padding: 6px;
	padding-left: 25px;
	padding-top: 22px;	
	border: 1px solid #eae8e9;
	background-color: #f1f0f1;
}

#glavni {
	CLEAR: both;
	MARGIN-LEFT: 0px;
	WIDTH: 850px;
	MARGIN-RIGHT: 0px;
	margin-top: 0px;
}



#TabelaPortfolio {
	position: static;
	left: auto;
	top: auto;
	height: auto;
	width: 280px;
	float: none;
	clear: both;
	overflow: visible;
	margin-bottom: 20px;
	}
#TabelaSlika {
	padding: 2px;
	float: left;
	height: auto;
	width: 70px;

	}
#TabelaTxt {
	padding-top: 0px;
	padding: 2px;
	text-align: left;
	float: right;
	height: auto;
	width: 200px;

	}


.GlavnaTabela {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #DFE3E2;
	border-left-color: #DFE3E2;
	}









#menu {
	list-style-type:none;
	padding:0;
	margin:0;
	width:160px;
	position:relative;
	top:0px;
	left:0px;
	border:1px solid #fff;
	border-width:0 1px 1px;
	z-index:100;
}
#menu ul {list-style-type:none; padding:0; margin:0;}

/* pozadina u rasklopljenom  meniju */
#menu li {float:left; background:#f1f0f1; position:relative; border-top:1px solid #fff;}

/* pozadina u normalnom meniju */
#menu li.sub {background:#dae1e5;}


/* slova u glavnom meniju */
#menu li, #menu li a {display:block; color:#8f9fa7; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:24px; width:160px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}


/* preko u rasklopljenom meniju */
#menu li.hover {color:#75868d; z-index:500;}
#menu li.click {color:#75868d;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

/* pozadina u rasklopljenom meniju */
#menu li.click ul li.fly {background: #ebe9eb url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {background:#ebe9eb;}
