@charset "utf-8";

body { 
	background:url(/images/bg-main.gif) repeat-x top left; 
	margin: 0px;
	padding: 0px;}
	
img {border:none;}
#container {
	position:absolute;
	left: 50%;
	width: 1040px;
	margin-left: -520px;}

	/*.text table tbody tr td {border:1px 1px 1px 1px solid #000; } border-spacing: 0px 2px 0px 2px;	*/

	.text table { margin:0; padding:0;}
	.text table tbody {}
	.text table tbody tr {  }
	.text table tbody tr td { margin:4px; }
	.text table tbody tr td.izdelek {border:1px solid #800912; margin: 4px 4px -4px 4px; }
	.text table tbody tr td.opis { margin:-4px 4px 4px 4px; padding:8px; }
	
/*  glava (fisheye in intersnack navigacija)  */
	
#glava { 
	width:1040px;
	background:url(/images/bg-main-blue-ribbon.gif) repeat-y top left;
	float:left;}

		/* fisheye navigacija*/
		#glava .logoti {
			width:568px; 
			padding:30px 10px 0px 60px; 
			float:left;}
		
		/* intersnack navigacija*/
		#glava .intersnack_box { 
			width:322px; 
			float:left;}
		
		#glava .intersnack_logo{ 
			width:322px; 
			padding-top:20px; 
			height:40px;
			float:left;}
			
		#glava .intersnack_navigacija{ 
			width:322px; 
			padding-top:30px;
			float:left;}	

		
		/* "odvecen" prostor v glavi*/
		#glava .blank { 
			width:80px; 
			height:140px; 
			float:left;}
			
		#glava .shadow {
		width:1040px; 
		line-height:15px; 
		font-size:15px;
		height:15px; 
		float:left;
		background:url(/images/shadow-top.gif) no-repeat;}


/*  noga  (linki za vse podstrani) */
#noga {
	width:1040px;
	float:left;}
	
	#noga .left {
		width:73px; 
		height:130px; 
		float:left;}
	
	#noga .center {
		width:897px; 
		height:130px; 
		background:url(/images/chio-noga-bg.gif) repeat-x;
		float:left;}
	
	#noga .right {
		width:70px; 
		height:130px; 
		float:left;}
		
	#noga .box {
		height:130px;
		background:url(/images/chio-noga-separator.png) no-repeat left top; 
		margin:20px 0px 0px 0px;
		float:left;}
	
	#noga .box_prvi {
		height:130px;
		margin:20px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		float:left;}
	
	#noga .znamke { 
		float:left;}
		
	#noga .podjetje { 
		float:right; 
		padding-right:10px;}	
		
#copyright { 
	height:30px; float:left; 
	padding:60px 80px 0px 80px;}

/*  tipografija */

.intersnack_nav { 
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:bold; 
	color:#fff;
	text-transform:uppercase; 
	line-height:24px;
	}
	
	.intersnack_nav a:link, .intersnack_nav a:active, .intersnack_nav a:visited { 
		color: #fff;
		text-decoration:none; }
	.intersnack_nav a:hover {
		color: #fca02d; 
		text-decoration:none; }
	.intersnack_nav a.selected {
		color: #fca02d; 
		text-decoration:none;	
	}	
.imagebox { 
}
.imagebox a:link, 
.imagebox a:active, 
.imagebox a:visited, {
  display:block;
  padding-right:10px;
  float:left;
  text-decoration:none;
}
.imagebox a:hover {
	color: #fca02d; 
	text-decoration:none;
}
.imagebox a.selected {
	color: #fca02d; 
	text-decoration:none;	
}		
		
.intersnack_podnavigacija { 
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:bold; 
	text-transform:none; 
	color:#fca02d;
	line-height:24px;
	text-align:center;}
	
	.intersnack_podnavigacija a:link, .intersnack_podnavigacija a:active, .intersnack_podnavigacija a:visited { 
		color: #fca02d; 
		text-decoration:none; }
	.intersnack_podnavigacija a:hover {
		color: #fca02d; 
		text-decoration:underline; }
	.intersnack_podnavigacija a.selected {
		color: #fca02d; 
		text-decoration:underline;	
	}	
		

.noga_nav { 
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold; 
	color:#5c5c5c;
	text-transform:uppercase; 
	line-height:15px; 
	padding:0px 0px 10px 10px;
	text-align:left}
	
	.noga_nav a:link, .noga_nav a:active, .noga_nav a:visited { 
		color: #5c5c5c; 
		font-size:10px; 
		font-weight:normal; 
		text-transform:none; padding:0px 10px 0px 0px; 
		text-decoration:none; }
	.noga_nav a:hover {
		color: #000; 
		font-size:10px;
		font-weight:normal;padding:0px 10px 0px 0px;
		text-transform:none; 
		text-decoration:none; }	
	
.videolink { 
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold; 
	color:#800912;
	line-height:11px; 
	padding:0px 0px 0px 5px;
	text-align:left}
	
	.videolink a:link, .videolink a:active, .videolink a:visited { 
		color: #800912; 
		text-decoration:none; }
	.videolink a:hover {
		color: #000; 
		text-decoration:none; }		
		
.link_copyright { 
	font-family:Trebuchet MS;
	font-size:10px;
	color:#a7a4a2;
	line-height:11px;}
	
	.link_copyright a:link, .link_copyright a:active, .link_copyright a:visited { 
		color: #a7a4a2; 
		text-decoration:none; }
	.link_copyright a:hover {
		color: #fff; 
		text-decoration:none; }		
		

.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
a.fisheyeItem2
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	bottom: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}
.fisheyeItem2 img
{
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
	display: none;
	positon: absolute;
}
.fisheyeContainter
{
	background-color: #f00;
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}
#fisheye2
{
	position: absolute;
	width: 100%;
	bottom: 0px;
}