/***********************************************************/
/* onkat.css ivan basic, jul-dec 2010 */
/* najzgodniji link za boje:   http://www.w3schools.com/html/html_colornames.asp */



/* stranica je centrirana*/
/* potrosio sam ceo dan dok sam ovo uspeo da provalim (stil "page") */
/* da ne zaboravim: zbog IE, ne sme u zaglavlju da stoji ono text/css */

/* sama stranica, pa sad... */

.elakolije {
	color: white;
	-text-decoration: none;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

#page {

	/* sirina stranice */
	width: 975px;

	/* margin: 50 auto; */
	/* stranica odmaknuta samo od gornje strane */
	margin-top: -38px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;

	padding-top: 60px;
	border-top-left-radius: 65px;


	/* tanka siva linija sa obe strane tj sa bilo kojih strana */
	border-left-color: white;
	border-left-width: 0px;
	border-left-style: solid;

	border-right-color: white;
	border-right-width: 0px;
	border-right-style: solid;

	border-top-color: white;
	border-top-width: 0px;
	border-top-style: solid;

	border-bottom-color: white;
	border-bottom-width: 0px;
	border-bottom-style: solid;

	/* pozadinska boja za stranu */
	background: white;

}

/* svako polje u tabeli i svako input polje */
TD {
	font-family: Arial;
	font-size: 10pt;
}

INPUT {
	font-family: Arial;
	font-size: 10pt;
}






img {
	border: none;
}

.tabela {

	border-collapse: collapse;
	width: 75%;
}

.tabela td {
	border: 1px solid black;
}

.barkod {
	width: 16%;
	text-align: center;
	padding: 5px;
}

.naziv {
	padding-left: 10px;
	text-align: left;
	white-space: nowrap;
}

.cena {
	width: 14%;
	text-align: center;
	padding: 5px;
}

.datum {
	text-align: center;
	width: 14%;
	padding: 5px;
}

.vreme_unosa {
	text-align: center;
	padding: 5px;
}

.zaglavlje {
	background-color: green;
	color: white;
	text-align: center;
	font: 30px;
}

#treca_strana {
	width: 710px;
	height: 500px;
	margin-top: -35px;
	margin-left: -170px;
	text-align: left;
}

#treca_strana a {
	text-decoration: none;
	color: white;

}

#pretraga {
	width: 910px;
	height: 750px;
	margin-top: -35px;
	margin-left: 30px;
	text-align: left;
}

/***********************************************************/
/* online.css ivan basic, jul 2010 */
/* najzgodniji link za boje:   http://www.w3schools.com/html/html_colornames.asp */



/* stranica je centrirana*/
/* potrosio sam ceo dan dok sam ovo uspeo da provalim (stil "page") */
/* da ne zaboravim: zbog IE, ne sme u zaglavlju da stoji ono text/css */
body {
	/*text-align:center;*/
}

/* slika umnozena na pozadini */
#strana {
	/*background-image: url(slike_uni/pozadina.jpg);*/
	/*background:	#736F6E;*/
}

.veleprodaja {
	text-decoration: none;
	color: black;

}

a {
	color: black;

}

.elakolije {
	color: white;
	-text-decoration: none;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

#online_prijava {
	margin-left: 180px;
}

#online_registracija {
	margin-left: 120px;
}

/* sama stranica, pa sad... */
#page {

	/* sirina stranice */
	width: 975px;

	/* margin: 50 auto; */
	/* stranica odmaknuta samo od gornje strane */
	margin-top: -38px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;

	padding-top: 20px;
	border-top-left-radius: 20px;
	box-shadow: -5px 5px 5px #888888;


	/* tanka siva linija sa obe strane tj sa bilo kojih strana */
	border-left-color: white;
	border-left-width: 0px;
	border-left-style: solid;

	border-right-color: white;
	border-right-width: 0px;
	border-right-style: solid;

	border-top-color: white;
	border-top-width: 0px;
	border-top-style: solid;

	border-bottom-color: white;
	border-bottom-width: 0px;
	border-bottom-style: solid;

	/* pozadinska boja za stranu */
	background: white;

}

/* svako polje u tabeli i svako input polje */
TD {
	font-family: Arial;
	font-size: 10pt;
}

INPUT {
	font-family: Arial;
	font-size: 10pt;
}


/* gornji linkovi */
.gornji_linkovi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: not bold;

}

/* jos ga ne koristim */
.sitnije {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/* crvena poruka */
#poruka {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: red;
	font-weight: bold;
}



/***********************************************************/
/* skrolovanje u ogranicenom prostoru, za tabelarne preglede u sredini*/
.skrolovanje {
	background-color: white;
	/*width:650px;*/
	height: 500px;
	overflow: auto;
}

/***********************************************************/
/* pozadinska boja sa strane*/
.skrolovanje_sa_leve_strane {
	width: 160px;
	height: 460px;
	background-color: #E9F2E9;
	overflow: auto;
	-moz-border-radius: 5px 5px 5px 5px;
}

.skrolovanje_sa_desne_strane {
	width: 190px;
	height: 460px;
	background-color: #E9F2E9;
	overflow: auto;
	-moz-border-radius: 5px 5px 5px 5px;
}



/***********************************************************/
/* */
/* TABELARNI PREGLEDI */
/* mislim da sam koristio http://www.somacon.com/p141.php  */
/* */
/***********************************************************/

/***********************************************************/
.sa_leve_strane a {
	text-decoration: none;
	color: black;
	font-size: 8pt;

	display: block;
}

table.sa_leve_strane {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	border-color: black black black black;
}

table.sa_leve_strane th {
	font-size: 8pt;
	/*background-color: ;*/
}

table.sa_leve_strane td {
	padding: 0px 1px 0px 1px;
	font-size: 8pt;
	background-color: white;
	max-width: 125px;
}



table.sa_leve_strane td.oznacen {
	background-color: #CC0000;
	font-weight: bold;
	color: white;
}

table.sa_leve_strane a.oznacen {
	background-color: #CC0000;
	font-weight: bold;
	color: white;
}

/***********************************************************/
.sa_desne_strane a {
	text-decoration: none;
	color: black;
	font-size: 8pt;
}

table.sa_desne_strane {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	border-color: black black black black;
	width: 165px;
}

table.sa_desne_strane th {
	font-size: 8pt;
	/*background-color: ;*/
}

table.sa_desne_strane td {
	padding: 0px 1px 0px 1px;
	font-size: 8pt;
	background-color: white;
	max-width: 95px;
}

table.sa_desne_strane td.oznacen {
	background-color: #CC0000;
	color: black;
	font-weight: bold;
}

/***********************************************************/
.puni_po_sredini a {
	text-decoration: none;
	color: black;
	font-size: 9pt;
}

table.puni_po_sredini {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	border-color: black black black black;
	width: 570px;
}

table.puni_po_sredini th {
	font-size: 8pt;
	background-color: #006B24;
	color: white;
}

table.puni_po_sredini td {
	padding: 0px 2px 0px 2px;
	font-size: 8pt;
	background-color: white;
	max-width: 300px;
}

/* mislim da ovo ne radi  ne, samo stoji*/
table.puni_po_sredini td.oznacen {
	background-color: red;
	max-width: 70px;
	padding: 0px 1px 0px 8px;
}

/* kolone u sredini koje se unose, TD  */
table.puni_po_sredini td.oko_kom {
	background-color: #DDEBDD;
	padding: 0px 0px 0px 0px;
}

table.puni_po_sredini td.oko_pak {
	background-color: #BCD7BC;
	/*DarkSeaGreen pa svetlije*/
	padding: 0px 0px 0px 0px;
}

/* kolone u sredini koje se unose, INPUT  */
input.sam_kom {
	padding: 0px 0px 0px 0px;
	background-color: #DDEBDD;
	max-width: 70px;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	border: 0px;

}

input.sam_pak {
	padding: 0px 0px 0px 0px;
	background-color: #BCD7BC;
	/*DarkSeaGreen pa svetlije*/
	max-width: 70px;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	border: 0px;

}

/***********************************************************/
.korpa_po_sredini a {
	text-decoration: none;
	color: black;
	font-size: 8pt;
}

table.korpa_po_sredini {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	border-color: black black black black;
	width: 570px;
}

table.korpa_po_sredini th {
	font-size: 8pt;
	background-color: SandyBrown;
}

table.korpa_po_sredini td {
	padding: 0px 2px 0px 2px;
	font-size: 8pt;
	background-color: Khaki;
	max-width: 300px;
}





/***********************************************************/
/* moja tabela za testiranje preuzeto sa*/
/* http://www.somacon.com/p141.php   */
/* zgodno kad zelim da znam gde se trosi prostor, sve se oboji  */
table.pozadinska {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: separate;
	background-color: yellow;
}

table.pozadinska th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: red red red red;
	background-color: lightblue;
	-moz-border-radius: 8px 8px 8px 8px;
}

table.pozadinska td {
	border-width: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: red red red red;
	background-color: lightblue;
	-moz-border-radius: 8px 8px 8px 8px;
}

/***********************************************************/
/* forme su mi gutale po jedan red a ne znam kako */
/* ovo je resilo deo problema i jos uvek ne znam kako   */
/* vidi:  http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/   */

.skracena_forma {
	clear: left;
	margin: 0;
	padding: 0px 0 0px 0;
	padding-left: 0px;
	height: 20px;
}

#mesto_za_sliku {
	margin-top: 10px;
	position: absolute;

}

input.submit {
	outline: none;
}