/*boje koriscene: 

ORANZ
svetlije			 	#ffcc66; 	- 255	204	102
intenzivnije			#ff8040; 	- 255	128	64
---------------------------------------------------------
ZELENA
bledo					#c4c486; 	- 196	196	134
---------------------------------------------------------
ZUTA
intenzivno				#FFCC33;
slabije					#FFFFCC;
---------------------------------------------------------
CRVENA
crvena malo i oranz		#FF4500;
---------------------------------------------------------
BELA
belo					#ffffff;		- 255	255	255



---------------------------------------------------------
LJUBICASTO
intenzivno ljubicasta 	#996099;		- 153	0	153
tamnije ljubicasta		#660066;		- 102	0	102
----------------------------------------------------------
SIVO
najtamnije				#999999
nijanse tamnije			#aaaaaa
nijanse tamnije			#bbbbbb
tamnije					#5C5C5C
jos malo tamnije		#cccccc
malo tamnije			#dddddd
najsvetlije				#eeeeee

----------------------------------------------------------
/*kraj -> boje koriscene */

/**/
body  {
	
	font: 11px Arial, Helvetica, sans-serif;
	background: #fff url(../slike/pozadine/vertikalna_pozadina_cele_stranice_01.jpg) repeat-y 50% 50%;
	margin: 0; 
	padding: 0;
	text-align: center; /* tcentriranje u IE 5 */
	color: #444444;
	/*padding: 100px; /*razmak od vrha stranice. Ovo je zamenjeno laznom slicicom visine 100px na pocetnoj stranici*/ 
	
}
a:link { 
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
}
a:visited { 
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
}
a:hover { 
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
	background: #ffcc66;
}
a:active {
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
}
.ocisti_float{
	clear:both; 
}
/**************************************************************/
h1{
	width: 630px;
	margin-top: 35px;
	padding-left: 25px; /*za njega ide poseban razmak od leve ivice, posto se on nalazi u posebnom div tagu van tekst taga*/
	margin-left: 0px; /*poemraj od ivice stranice*/
	margin-bottom: 45px;
	
	padding-top: 0px;
	padding-bottom: 10px;
	font: 38px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	
	/*text-transform: uppercase; /*velika slova*/
	color: #ff8040;
	font-weight: bold;
	text-align: left;
	/*background:red;*/
	/*border-bottom-style: double;
	border-left-style: double;
	border-color: orange;*/
	
	
	height: 30px;
	/*background: transparent url(../slike/pozadine/h1_background.png) no-repeat top left; */
	
}
h2{
	
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #ff8040; /*#ff8040;*/
	font-weight: bold;
	text-align: left;

}
h3{
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	
	color: green; /*#ff8040;*/
	font-weight: bold;
	
}
ol li {
	/*razmak posle svakog elementa koji se nalazi u numerisanoj listi*/
	padding: 0px 0px 10px 0px;
}

ul li {
	/*razmak posle svakog elementa koji se nalazi u ne numerisanoj listi*/
	padding: 0px 0px 10px 0px;
}


/**************************************************************/
div#container { 	
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff url(../slike/pozadine/shara_ispod_menija.jpg) repeat-x; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #ff8040;
	/*border-left: 2px solid #ffcc66;
	border-right: 2px solid #ffcc66;
	/* border-bottom: medium double orange; */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div#container_za_flash_intro_na_pocetnoj_strani { 
	text-align: center;
	width: 960px;
	height: 470px;
}

div#container_za_tekst { 
	/*background: blue;*/
	float:left;
	width:630px;
	padding: 0;
	margin: 0;
	margin-bottom: 850px; /*obezbedjuje da bude prostora do dna stranice posle containera. Ovo povecavaj ako sa desne strane "upadne" gore u tekst*/
}

div#tekst { 
	
	
	padding: 0;
	padding-left: 20px;
	padding-right: 40px;
	margin-left: 0px; /*pomerice ga od ivice spoljasnjeg container_za_tekst za XY pixela. Zbir svih pomeranja i sirine nesme preci container_za_tekst sirinu*/
}


div#tekst p:first-letter { 
/*	
	font-style:italic;
	font-family:Georgia, serif;
	font-size:5em;
	
	float:left;
	
	display:block;
	border:1px solid gray;
	
	
	margin-top:2px;
	margin-right:5px;
	margin-bottom:-5px;

	background:url(../slike/pozadine/firstletter.png);
*/
}

div#tekst img { 

	display:block;
	border:1px solid #ccc;
	background: white;
	padding: 10px;
}

div#tekst .slike_bez_okvira {
	
	border:0;
	padding: 0px;
	background: transparent;
	
}


div#uvodni_tekst_na_dnu_prve_stranice { 
	text-align: center;
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px 10px; /* razmak od desne ivice containera */
}

div#napomena { 
		/*OVIME SE YAVRSAVA TEKST I obavestenja_s_desne_strane: clear:both;*/
		clear:both; /*obezbedjuje da se ovaj elemenat vidi u potpunosti bey obyira koliki su tekst i obavestenja_s_desne_strane*/
		text-align: center;
		font: 10px Arial, Helvetica, sans-serif;
}
div#uslovi_koriscenja { 
		text-align: left;
		font: 10px Arial, Helvetica, sans-serif;
		background: #fff;
}
/****************************************************************/
/*prosirenje_s_desne_strane*/
/****************************************************************/
div#container_prosirenje_s_desne_strane { 
	/*maksimalna sirina stavki u desnom delu*/
	width: 320px; /*zbir ove sirine (container_prosirenje_s_desne_strane ) i sirine (container_za_tekst) mora biti manji ili jednak sa (container)*/
	
	float:right;
	background: #fff;
	
	position:relative;
	 top:-100px; /*120px i priljubljeno gore*/
	z-index: 1;
 

}
div#contaner_za_reklame_u_desnom_delu{
	float: right;
	width: 300px;
	
	background: #ffffff url("../slike/pozadine/sideBarShopItemBackgroundTop.jpg") top no-repeat;
   
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
}
div#contaner_za_reklame_u_desnom_delu h2{
	background: orange url(../slike/pozadine/orange_30px_h.jpg) repeat-x;
	color: #FFFFFF;
	
	font-weight: bold;
	
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;

}

div#zavrsetak_contaner_za_reklame_u_desnom_delu{
	
}

.contaner_za_reklame_drugih_sajtova_u_desnom_delu{
	float: right;
	width: 300px;
	background: #ffffff url("../slike/pozadine/sideBarJogaRSitemBackgroundTop.jpg") top no-repeat;
   
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;
}
.contaner_za_reklame_drugih_sajtova_u_desnom_delu h2{
	background: orange url(../slike/pozadine/orange_30px_h.jpg) repeat-x;
	color: #FFFFFF;
	
	font-weight: bold;
	
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;

}

.contaner_za_reklame_drugih_sajtova_u_desnom_delu h5{
	background: orange url(../slike/pozadine/orange_30px_h.jpg) repeat-x;
	color: #FFFFFF;
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style:italic;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;

}
/****************************************************************/
/*UserLogin*/
/****************************************************************/

div#userLogin_desno_container{
	float: right;
	width: 300px;
	
	background: #ffffff url("../slike/pozadine/sideBarLoginItemBackgroundTop.jpg") top no-repeat;
   
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #DDDDDD;

	
}

.loginFormButton{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 60px;
	
	width: 100px;
	
	font: 11px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align: center;
	color: gray;
	
	cursor:pointer;
	
	border : medium double #CCD9FF;
	
	padding: 1px 2px;
	background:#fffdbb;


}


.prored_i_ocisti_float_u_formularu_za_userLogin{
	padding: 0; 
	margin: 0;
	clear:both; 
	margin-bottom: 3px;
}
div#naslovObavestenjaUserLogin{

	background: orange url(../slike/pozadine/orange_30px_h.jpg);
	color: #FFFFFF;
	font-size: 14px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style:italic;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	
	
}
div#ulogovaniSteKaoContainer{
	width: 190px;
	border : medium double #eee;
	padding: 5px;
	padding-bottom: 15px;
	margin-bottom: 20px;

}


div#userLogin_desno_container .username {	
	float: left;
	width: 50px;
	text-align: right;
}

div#userLogin_desno_container .password {
	float: left;
	width: 50px;
	text-align: right;
}

div#userLogin_desno_container .usernameOnLoginForm {
	/*pravougaonik za login*/
	font: 11px Arial, Helvetica, sans-serif;
	float: left;
	width: 150px;
	background: #eee;
	border: 1px solid #ddd;
	margin-left: 10px;
}

div#userLogin_desno_container .passwordOnLoginForm{
	/*pravougaonik za password*/
	font: 11px Arial, Helvetica, sans-serif;
	float: left;
	width: 150px;
	background: #eee;
	border: 1px solid #ddd;
	margin-left: 10px;
}


div#userLoginError{
	width: 80%;
	color: white;
	background: #dd0033;
	padding: 10px;
	margin-left: 10px; 
}

div#userLoginError p{
	padding: 0; 
	margin: 0;
	padding-bottom: 5px;
}


/**************************************************************/
div#container_za_moje_oznake { 
			width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
			height: 100px;
			/*background: transparent url(../slike/pozadine/footer_bg.jpg) repeat-x; */
			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
			text-align: right; /* this overrides the text-align: center on the body element. */
			color: #5C5C5C; /*boja slova*/
			padding-top: 45px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
			
}
div#moje_oznake { 
		font: 10px Arial, Helvetica, sans-serif;
}
div#moje_oznake a:link { 
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
}
div#moje_oznake a:visited { 
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
}
div#moje_oznake a:hover { 
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
	background: #ffcc66;
}
div#moje_oznake a:active {
	text-decoration:none;
	color: #5C5C5C; /*boja slova*/
}

/**************************************************************/
div#container_za_meni { 
			width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
			height: 28px;
			background: orange url(../slike/menu/menu_bg.gif) repeat-x;
		
}
div#meni_na_pocetnoj{
	/*background: url(../slike/menu/menu_bg.gif) repeat-x; /*ovo je trakica koja se vidi u pozadini menija. Moze se zameniti sa slikom ako treba da se spoji sa banerom na vrhu*/
	
	/*border-bottom: 30px solid blue;*/
}
div#meni_na_ostalim_stranicama{
	/*background: url(../slike/menu/menu_bg.gif) repeat-x; /*ovo je trakica koja se vidi u pozadini menija. Moze se zameniti sa slikom ako treba da se spoji sa banerom na vrhu*/
	
	/*border-bottom: 30px solid blue;*/
}

/****************************************************************/
div#naziv_stranice_koja_se_gleda{
	font-variant: small-caps; /*small caps - mala velika slova*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	color: #5C5C5C; /*boja slova*/

}
/****************************************************************/
div#container_za_baner_na_vrhu { 
			width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		
}
div#baner{
	width: 960px;
	height: 221px;
}
div#baner_na_pocetnoj_stranici {
	width: 960px;
	height: 221px;
	background: url(../slike/pozadine/banner_background.jpg) no-repeat; 
}

div#baner_na_svim_ostalim_stranicama {
	width: 960px;
	height: 221px;
	background: url(../slike/pozadine/banner_background.jpg) no-repeat;
}

/****************************************************************/
/*dugme za upisi se*/
/****************************************************************/
div#dugme_u_prosirenju_desne_strane {
	margin : 0;
	margin-left: 0px;
	text-align: center;
}

div#dugme_upisi_se_u_tekstu {
	text-align: center; /*ponisteno*/
	padding-top: 30px;
	padding-left: 200px;
}
div#maska_na_vrhu_za_promenu_DTD_fajla {
 position:absolute;
 top:0;
 right:40%;
 width:200px;
 height: 14px;
 background: #f4f7ec url('../slike/pozadine/patern_pozadina.jpg');
 color: #fff; /*boja slova*/
}

/****************************************************************/
/*kontakt adrese*/
/****************************************************************/
div#kontakt_adrese {
		padding-left: 25px;
		background: #FFF2CC;
		border : medium double #CCD9FF;
}
div#plavo {
		padding-top: 0px;
		padding-bottom: 0px;
		background-color:#CCD9FF;
		margin : 0px 0px 0 0px;
}
div#svetlo_oranz_uz_plavo {	
		padding-top: 0px;
		padding-bottom: 0px;
		background-color:#FFF2CC;
		margin : 0px 0px 0 0px;
}
/****************************************************************/
/*potpis na dnu autorskih tekstova*/
/****************************************************************/
div#potpis {
		text-align: right;
		font: 12px Arial, Helvetica, sans-serif;
		background: #fff;
		color: #ff8040;
		font-style:italic;
}
/******************************************************************/
/*pitanja i odgovori*/
/******************************************************************/
#pitanja_i_odgovori ol {
			padding: 0 0 0 0;
			margin: 0 0 0 0;
}	
#pitanja_i_odgovori li {
			padding: 0 0 0 0;
			margin: 0 0 0 0;
}
.pitanje {
		margin-top:10px; /*ovime se postize razmak izmedju pitanja*/
		color:#003366;
		}
		
.odgovor { 
	/*obavezni deo*/

	/*nije obavezni deo*/
	/*background-image:url(../slike/pozadine/pozadina_odgovora.jpg);*/
		width:550px;
		background-color:#FFFFCC;
	
}
#change_language_holder {
	z-index: 1; 
	font: 70% Tahoma, Arial, Helvetica, sans-serif;
	color: #ccc;
	position: relative;
	top: 0px;
	left: 570px;
	
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 30px;
	 /* background: #0066cc url(../images/background/blue_30px_h.jpg) repeat-x; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
}

#change_language_holder div{ 
	width: 60px;
	position: relative;
	float: left;
	padding-left: 5px;
	padding-top: 1px;
	/* text-align:center; /*centrira naziv jezika ispod zastavice */
}

#change_language_holder p{ 
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#change_language_holder img{ 
	border: none;	
}

#change_language_holder a:link{ 
	color: #ccc;
	text-decoration: none;
}
#change_language_holder a:visited{ 
	color: #ccc;
	text-decoration: none;
}
#change_language_holder a:hover{ 
	color: #ccc;
	text-decoration: none;
}
#change_language_holder a:active{ 
	color: #ccc;
	text-decoration: none;
}
#leva_gore_sara {position:absolute; margin-left:-677px;left:50%; top:455px; z-index:1}

#desna_gore_sara {position:absolute; margin-left:460px;left:50%; top:175px; z-index:1}

/******************************************************************/
/*shop*/
/******************************************************************/
#shop_citat_na_pocetnoj_strani_shopa{
	padding-top: 20px;
	font-style:italic;
	font-size: 14px;
	
}

#shop_container_za_spisak_svih_proizvoda  {
	width: 450px;
	
	font-size: 14px;
	background: #FFFFCC;/* url(../slike/icons/upozorenje.png) no-repeat;*/
	
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 100px;
}

/*glavne stavke spiska proizvoda*/

#shop_container_za_spisak_svih_proizvoda  li {
	color: red; /*kruzic ispred glavne stavke*/
}

#shop_container_za_spisak_svih_proizvoda  li a{
	
	/*font-weight: bold; /*podebljaj glavne stavke*/
}

/*podstavke spiska proizvoda*/
#shop_container_za_spisak_svih_proizvoda  ul li li{
	color: orange; /*kruzic ispred podstavke stavke*/
}

#shop_container_za_spisak_svih_proizvoda  ul li li a{
	font-style:italic; /*podstavke ukoso tekst*/
}


/*ostalo*/
#shop_container_za_cene  {
			width: 500px;
			
}
.opis_proizvoda{
	background: #FFFFCC; /* url(../slike/icons/u_izradi.png) no-repeat;*/
	width: 440px;
	
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 20px;
	
}

.shop_natpis_cena{
	/*border : 1px solid #ffcc66;*/
	font: 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	font-weight: bold;
	color: orange;
}
.shop_cena_opis_cene{
	float: left;
	width: 80%;
	background: #ffcc88;
}
.shop_cena_cifra{
	float: right;
	width: 20%;
	background: #ffcc88;
	text-align: right;
	
}
.shop_cena_opis_cene_par{
	float: left;
	width: 80%;
	background: #ffeecc;
	
}
.shop_cena_cifra_par{
	float: right;
	width: 20%;
	background: #ffeecc;
	text-align: right;
	
}
.shop_cena_napomena{
	font-weight: bold;
	color: #ff8040;
}

/******************************************************************/
/*poruke o gresci */
/******************************************************************/

.obavestenje_tekst_u_izradi{
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
	font-style:italic;
	background: #FFFFCC url(../slike/icons/u_izradi.png) no-repeat;
	
	width: 500px;
	
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 60px;
	padding-right: 20px;
	
	margin-top: 30px;
	margin-bottom: 100px;
}
.proizvod_rasprodat{
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
	font-style:italic;
	background: #FFFFCC url(../slike/icons/smile.png) no-repeat;
	
	width: 500px;
	
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 60px;
	padding-right: 20px;
	
	margin-top: 30px;
	margin-bottom: 100px;
}



/******************************************************************/
/*RAZNO */
/******************************************************************/
.centriraj{
	text-align: center;
}
.siroko_400px{
	width: 400px;
}
.narandzasti_tekst{
	color: #ff8040;
}
.zeleni_tekst{
	color: green;
}
/*************************************************/
/*bookmark
/*************************************************/
#bookmarksContainer{
	display: block;
	border-top: 1px solid orange;
}

div#bookmarksContainer .bookmarkify  img{
	/*obezbedjuje normalan prikaz zbog ranije postavljenog bordera za slike*/
	display:inline;
	border:0;
	padding: 0px;
	
}