/* 
CSS Design by TRING d.o.o.
Telefon: +387 35 706 988
http://www.tring.ba
E-mail: tring@tring.ba 
*/

body               {
                      margin:5px 0 0px 0;
					  padding:0px;
					  background:url(slike/background_p_2.jpg) repeat-x;
					  background-color:#FFFFFF;
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:11px;
					  }
					  
ul, li          {
                   list-style:none;
				   margin:0;
				   padding:0;
					}
				  
a				 	{text-decoration:underline;}
a:hover 			{text-decoration:none;}

					
h1					{
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:large;
					color:#FF0000;
					font-weight:bold;
				   }
				   
h2                  {
					font-family:Arial;
					font-size:13px;
					color:#FFFFFF;
					margin:0 3px 0 5px;
					padding:0 0 0 15px;
					background-color:#C80000;
					}
					
h3					{
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:smaller;
					  color:#C30000;
					  width:250px;
					  margin:5px 3px 0 6px;
					  }
img                {
                    display: block;
					border:none;
					}
img p              {
                    margin:0;
                    padding:0;
					}
p                 {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#666666;
					margin:0;
					padding:0;
					text-align:left;
					}
					
p a	{
						float:right;
					width:auto;
					padding:0;
					margin:0;
					color:#C30000;
					text-decoration:underline;
					font-size:10px;
						}
p a:hover			{
					float:right;
					width:auto;
					padding:0;
					margin:0;
					color:#333333;
					text-decoration:none;
					font-size:10px;
					}
					
.p_tabela               {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#666666;
					margin:0px;
					padding:3px 2px 0 10px;
					text-align:right;
					}
					
.nastavak         {width:320px;}

/* --------- body --------------*/

#omotac            {
	                  width:725px;
					  margin-top:0px;
					  margin-left:auto;
					  margin-right:auto;
					  margin-bottom:0px;
					  padding:0px;
					  }

	#unutarnji_omotac   {
						  float:left;
						  margin:0px;
						  padding:0px; 
						  background:url(slike/background_body_2.jpg) repeat-y top;
			               }
						   
		#zaglavlje      {
		                  width:725px;
						  height:130px;
						  float:left;
						  background:url(slike/zaglavlje_1.jpg) no-repeat;
						  margin:0px;
						  }
						  
		#navigation     {
						  width:715px;
						  height:30px;
						  margin:0px;
						  padding:0px;
						  float:left;
						  clear:left;
						  text-align:left;
						  }
						 
						  
		#sadrzaj        {
		                  width:725px;
						  height:auto;
						  margin:5px 0 5px 0;
						  padding:0px;
						  float:left;
						  }
						  
			#sadrzaj_lijevo  {
								width:560px;
								height:auto;
								float:left;
								margin:0 0 5px 0;
								}
						  
				#sadrzaj_lijevo_1   {
							width:560px;
							height:auto;
							margin:0px;
							clear:left;
							float:left;
							}
							
				#sadrzaj_lijevo_2   {
							width:560px;
							height:auto;
							margin:0px;
							clear:left;
							float:left;
							}
							
			#sadrzaj_linija  {
							width:5px;
							height:auto;
							float:left;
							}
							
			#sadrzaj_desno   {
							width:150px;
							height:auto;
							float:left;
							}
							
				
			
						  
		#podnozje				{
								width:715px;
								height:20px;
								float:left;
								padding:0px;
								margin:0px;
								vertical-align:bottom;
								}
			
/* --------- end body -----------*/

/* ---------- navigation_stil --------*/

.navigation_stil      {
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight:bold;
						color:#FFFF66;
						float:left;
						margin:1px 5px 0 2px;
						padding:0px;
						}
						
.navigation_stil a    {
						margin:0px;
						padding:5px 4px 2px 4px;
						float:left;
						text-decoration:none;
						color:#FFFF66;
						font-size:12px;
						}
						
.navigation_stil a:hover    {
						margin:0px;
						padding:5px 4px 2px 4px;
						background:url(slike/back_tipke_6_3.jpg) no-repeat left bottom;
						float:left;
						text-decoration:none;
						color:#C30000;
						font-size:12px;
						}
						

					
/*-------------	float_left_p_1-----*/				
					
.float-left_p_1      {
					float:left;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:9px;
					color:#FFFF00;
					margin:0px;
					padding:0px;
					text-align:left;
					}
					
.float-left_p_1 a    {
					float:left;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:9px;
					color:#FFFF00;
					text-align:left;
					text-decoration:none;
					margin:5px 3px 0 3px;
					padding:1px 1px 1px 1px;
					}
					
.float-left_p_1 a:hover     {
					float:left;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:9px;
					color:#C80000;
					text-align:left;
					text-decoration:none;
					background:#FFFF00;
					margin:5px 3px 0 3px;
					padding:1px 1px 1px 1px;
					}
					
/*------------- float_left_p--------*/

.float-left_p      {
					float:left;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
					color:#FFFF66;
					padding:4px 5px 0px 7px;
					margin:0px;
					}
					
/*------- float_left -----*/

.float-left      {
					float:left;
					width:250px;
					padding:10px 0 0 20px;
					margin:0px;
					}
					
.float-left a     {
					float:right;
					width:auto;
					padding:0;
					color:#C30000;
					text-decoration:underline;
					font-size:10px;
					}
					
.float-left a:hover   {
					float:right;
					width:auto;
					padding:0;
					color:#333333;
					text-decoration:none;
					font-size:10px;
					}
					
/*------- float_left_2 -----*/

.float-left_2      {
					float:left;
					width:250px;
					padding:10px 5px 10px 10px;
					margin:0px;
					}
					
.float-left_2 a     {
					float:right;
					width:auto;
					padding:0;
					color:#C30000;
					text-decoration:underline;
					font-size:10px;
					}
					
.float-left_2 a:hover   {
					float:right;
					width:auto;
					padding:0;
					color:#333333;
					text-decoration:none;
					font-size:10px;
					}
					
/*------- float_left_h2 -----*/

.float-left_h2      {
					float:left;
					width:555px;
					height:18px;
					padding:3px 0 0px 10px;
					margin:0 5px 0px 5px;
					font-weight:bold;
					}
					
/* ------- .ht_1 -------------*/
					
.ht_1					{
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:12px;
					  color:#C30000;
					  vertical-align:top;
					  text-align:left;
					  margin:0px;
					  padding:0px;
					  }
					  
					
.ht_1 a				{
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:12px;
					  color:#C30000;
					  vertical-align:top;
					  text-align:left;
					  margin:0px;
					  padding:2px 5px 0 5px;
					  }
					  
					
.ht_1 a:hover				{
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:12px;
					  color:#004F89;
					  vertical-align:top;
					  text-align:left;
					  margin:0px;
					  padding:2px 5px 0 5px;
					  }
/* ------- .ht_2 -------------*/
					
.ht_2					{
					  font-family:Verdana, Arial, Helvetica, sans-serif;
					  font-size:11px;
					  color:#C30000;
					  margin:0px;
					  padding:0 0 0 5px;
					  float:left;
					  vertical-align:top;
					  }
					  
/* ----------- certifikati -------------*/

.certifikati         {
						float:left; 
						margin:0px;
						padding:2px;
						}
						
.certifikati a       {
						float:left; 
						margin:20px 60px 0 65px;
						padding:2px;
						}
						
.certifikati a:hover       {
						float:left; 
						margin:20px 60px 0 65px;
						padding:2px;
						background:#666666;
						}
						
/*------------ float_none -------*/

.float_none         {
                    width:520px;
                    clear:left;
					display:block;
					padding:5px 0 0px 0;
					margin:0px 20px 0px 15px;
					}
					
/* ------------- p_kontakt --------------*/
					
.p_kontakt               {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#666666;
					margin:0px;
					padding:10px 2px 0 5px;
					text-align:left;
					}

					
.p_kontakt a               {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#666666;
					margin:0;
					padding:0;
					text-align:left;
					text-decoration:none;
					}
					
.p_kontakt a:hover        {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#C30000;
					margin:0;
					padding:0;
					text-align:left;
					text-decoration:underline;
					}

/* -------------- nav_proizvodi ------------ */

.nav_proizvodi      {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#666666;
					margin:0px;
					padding:3px 0 3px 3px;
					text-align:left;
				  }
						
					
.nav_proizvodi a   {
					margin:0px;
					padding:0px;
					color:#C30000;
					text-decoration:none;
					}
					
.nav_proizvodi a:hover   {
					margin:0px;
					padding:0px;
					text-decoration:underline;
					}
					
/* -------- gala_proizvodi_slike ----------*/

.gala_proizvodi_slike            {
							float:left; 
							margin:10px 35px 0px 0px;
							padding:2px;
							}
							
.gala_proizvodi_slike a          {
							float:left; 
							margin:0px;
							padding:2px;
							}
							
.gala_proizvodi_slike a:hover         {
							float:left; 
							margin:0px;
							padding:2px;
							background:#C30000;
							}
							
/* -------- gala_proizvodi_slike_2 ----------*/

.gala_proizvodi_slike_2            {
							float:left; 
							width:188px; 
							margin:10px 30px 5px 0px;
							padding:2px;
							}
							
.gala_proizvodi_slike_2 a          {
							float:left; 
							width:188px; 
							margin:0px;
							padding:2px;
							}
							
.gala_proizvodi_slike_2 a:hover         {
							float:left; 
							width:188px; 
							margin:0px;
							padding:2px;
							background:#666666;
							}
							
/* -------- gala_proizvodi_slike_3 ----------*/

.gala_proizvodi_slike_3            {
							float:left;  
							margin:0px;
							padding:2px;
							}
							
.gala_proizvodi_slike_3 a          {
							float:left; 
							margin:0px;
							padding:2px;
							}
							
.gala_proizvodi_slike_3 a:hover         {
							float:left; 
							margin:0px;
							padding:2px;
							background:#666666;
							}
							
/* -------- gala_proizvodi_slike_4 ----------*/

.gala_proizvodi_slike_4            {
							float:left;  
							margin:0px;
							padding:2px;
							}
							
.gala_proizvodi_slike_4 a          {
							float:left; 
							margin:10px 0 0px 0px;
							padding:2px;
							}
							
.gala_proizvodi_slike_4 a:hover         {
							float:left; 
							margin:10px 0 0px 0px;
							padding:2px;
							background:#666666;
							}
							
/* -------- gala_proizvodi_text ----------*/

.gala_proizvodi_text            {
							float:left; 
							width:100px;
							padding:0px;
							margin:0 45px 0px 0px;
							text-align:left;
							}
							
							
/* -------- gala_proizvodi_text_2 ----------*/

.gala_proizvodi_text_2            {
							float:left; 
							width:200px;
							padding:0px;
							margin:0px 20px 0px 5px;
							text-align:left;
							}
							
.gala_proizvodi_text_2 a           {
							float:left; 
							width:200px;
							padding:0 0 0 2px;
							margin:0px;
							text-align:left;
							text-decoration:none;
							font-size:11px;
					color:#666666;
							}
							
.gala_proizvodi_text_2 a:hover           {
							float:left; 
							width:200px;
							padding:0 0 0 2px;
							margin:0px;
							text-align:left;
							text-decoration:underline;
							font-size:11px;
					color:#666666;
							}
							
/* -------- gala_proizvodi_text_3 ----------*/

.gala_proizvodi_text_3            {
							float:left; 
							width:125px;
							padding:0px;
							margin:0 60px 10px 25px;
							text-align:left;
							}
					
/* -------- gala_proizvodi_text_4 ----------*/
					
.gala_proizvodi_text_4 		{
							margin:0 0 0 5px; 
							padding:0px; 
							float:left; 
							clear:left; 
							width:115px;
							}