body { 
margin: 0;
}

iframe {
overflow-x: hidden;
overflow-y: auto;

}


/* PISAVA */
.fontS { font-size: 9px; }
.fontM { font-size: 11px; }
.fontL { font-size: 14px; }
.fontXL { font-size: 18px; }

.fontBlue { color: #5b8bbf; }
.fontOrange { color: #ff9900; }
.fontYellow { color: #ffcc33; }
.fontSilver { color: #cccccc; }
.fontGrey { color: #999999; }



a.link:link  { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #666666; text-decoration: none }
a.link:visited  { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #666666; text-decoration: none }
a.link:hover { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #999999; text-decoration: none }

a.links:link  { font-size: 8pt; vertical-align: top; font-family: Arial, Helvetica; color: #666666; text-decoration: none }
a.links:visited  { font-size: 8pt; vertical-align: top; font-family: Arial, Helvetica; color: #666666; text-decoration: none }
a.links:hover { font-size: 8pt; vertical-align: top; font-family: Arial, Helvetica; color: #999999; text-decoration: none }


.leftSh { width: 7px; height: 100%; background: url(/img/left.gif) repeat-y; }
.rightSh { width: 42px; height: 100%; background: url(/img/right.gif) repeat-y; vertical-align: top; text-align: left; }
.leftFo { width: 7px; height: 120px; background: url(/img/left.gif) repeat-y; }
.rightFo { width: 42px; height: 120px; background: url(/img/right.gif) repeat-y; }
#homelogo { position: absolute; top: 0; width: 370px; height: 75px; }
#headpics { width:341px; height:172px; background: url(/img/image_1.jpg) no-repeat; }
#mainBg { background: url(/img/mainBg.gif) repeat-y; }
#headInfo { position: absolute; top: 125px; margin-left: 45px; width: 450px; height: 150px; }
.headInfoText { position: absolute; top: 0; left: 160px; width: 290px; height: 150px; font: 11px Arial, Helvetica, sans-serif; color: #999999; }
.headInfoText h1 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #224499; margin: 0; padding: 0 0 10px 0; }
.headInfoNews { position: absolute; width: 280px; height: 60px; margin: 10px 0 0 0; padding: 3px; }
.headInfoNews div { height: 60px; border: 1px solid #ffffff; background-color: #eeeeee; margin: -2px -7px; padding: 3px 6px; }
.headInfoNews div:hover { border: 1px solid #ffffff; background-color: #ffffff; margin: -2px -7px; padding: 3px 6px; }
.headInfoNews a:link { font-weight: bold; color: #666666; }
.headInfoNews a:visited { font-weight: bold; color: #666666; }
.headInfoNews a:hover { font-weight: bold; color: #cc0000; }
.headOffers { width: 306px; height: 90px; font: 13px Arial, Helvetica, sans-serif; text-align: left; }
.headOffers a:link, a:visited { font-weight: bold; color: #990000; }
.rightOffersLogo { position: absolute; width: 160px; height: 70px; margin: 320px 0 0 10px; }
.rightOffers { position: absolute; width: 160px; margin: 390px 0 0 10px; font: 11px Arial, Helvetica, sans-serif; color: #eeeeee; background-color: #a5b4ce; }
.rightOffers div { position: relative; margin: 4px 1px; padding: 8px 8px 30px 8px; border-bottom: 1px dotted #eeeeee; }
.rightOffers div:hover { background-color: #b4c0d6; }
.rightOffers div a { display: block; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: underline; }
.rightOffers div a:visited { display: block; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: underline; }
.rightOffers div a:hover { color: #cc0000; text-decoration: none; }
.rightOffersPrice { position: absolute; right: 0; bottom: 3px; width: 60px; padding: 3px; margin: 0; background-color: #cc0000; font-weight: bold; color: #ffffff; font-size: 13px; }
.headInfoWeather { float: left; }
.headInfoDegree { float: left; width: 70px; font-size: 22px; text-align: center; font-weight: bold; padding: 5px 0 0 5px; }
.headInfoWind { float: right; width: 80px; margin: -20px 0 0 0; font-size: 9px; color: #cccccc; text-align: center; }
.leftMenu { width: 180px; margin: 10px 5px 0 5px; padding: 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; color: #224499; border: 0; background: url(/img/leftMenuBg.png) no-repeat 0 0; }
	.leftMenuTitle { width: 180px; height: 38px; margin: 10px 5px -10px 5px; padding: 0; background: url(/img/menuTitle.png) top no-repeat; }
	.leftMenuTitle h1{ font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #ffffff; margin: 0; padding: 7px 10px 3px 10px; }
	.leftMenuBtm { position: relative; margin: 0; padding: 0; width: 180px; height: 14px; background: url(/img/menuBtm.png) top no-repeat; }
	.leftMenu ul { list-style: disc outside url(/img/menuLi.gif); margin: 0; padding: 0; }
	.leftMenu li { margin: 0 -3px 0 25px; padding: 0; }
	.leftMenu li a{ display: block; padding: 1px 2px; font: 11px Arial, Helvetica, sans-serif; color: #cc0000; text-decoration: none; }
	.leftMenu li a:visited{ color: #cc0000; }
	.leftMenu li a:hover{ color: #990000; background-color: #f6f6f6; }
	.leftMenu div { padding: 5px 10px 7px 10px; }
	.leftMenu span { display: block; width: 152px; padding: 0 0 0 11px; background: url(/img/menuArrow.gif) no-repeat; background-position: 0 6px; margin: 0; }
	.leftMenu span a{ display: block; padding: 3px 4px; font: 12px Arial, Helvetica, sans-serif; color: #003366; font-weight: bold; text-decoration: none; }
	.leftMenu span a:visited{ color: #003366; }
	.leftMenu span a:hover{ color: #000000;  background-color: #f1f1f1; }
#leftSubMenu { width: 180px; margin: 10px 5px 0 5px; padding: 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; color: #224499; background: url(/img/leftMenuBg.png) no-repeat; 0 0; }
	#leftSubMenuTitle { width: 180px; height: 38px; margin: 5px 5px -10px 5px; padding: 0; background: url(/img/menuSubTitle.png) top no-repeat; }
	#leftSubMenuTitle h1{ font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #eeeeee; margin: 0; padding: 7px 10px 3px 10px; }
	#leftSubMenu ul { list-style: disc outside url(/img/menuLi.gif); margin: 0; padding: 0; }
	#leftSubMenu li { margin: 0 -3px 0 25px; padding: 0; }
	#leftSubMenu li a{ display: block; padding: 1px 2px; font: 11px Arial, Helvetica, sans-serif; color: #cc0000; text-decoration: none; }
	#leftSubMenu li a:visited{ color: #cc0000; }
	#leftSubMenu li a:hover{ color: #990000; }
	#leftSubMenu div { padding: 5px 10px 7px 10px; }
	#leftSubMenu span { display: block; width: 152px; padding: 0 0 0 14px; background: url(/img/menuSubArrow.gif) no-repeat; background-position: 0 5px; margin: 0; }
	#leftSubMenu span a{ display: block; padding: 2px 1px; font: 12px Arial, Helvetica, sans-serif; color: #944d4d; font-weight: bold; text-decoration: none; }
	#leftSubMenu span a:visited{ color: #944d4d; }
	#leftSubMenu span a:hover{ color: #000000; }

.newsBox { position: relative; float: left; width: 290px; height: 122px; font: 11px Arial, Helvetica, sans-serif; margin: 5px; background: url(/img/newsBoxBg.png) no-repeat; color: #666666; }
.newsDate { position: absolute; top: 10px; right: 6px; font: 10px Arial, Helvetica, sans-serif; color: #cccccc; }
.newsBox a, a:visited { padding: 0; margin: 0; color: #CC0000; text-decoration: none; font-weight: bold; }
.newsBox a:hover { color: #990000; text-decoration: underline; font-weight: bold; }
.newsBox div { padding: 8px; }
.newsBox div img { float: left; border: 3px solid #ffffff; padding: 0; margin: -1px 6px 2px -3px; }
.newsBox h1 a, h1 a:visited { font-size: 14px; color: #336699; text-decoration: underline; padding: 0; margin: 0 0 1px 0; }
.newsBox h1 a:hover { color: #003366; text-decoration: none; }
.newsBox h2 { padding: 0; margin: 0; font-size: 11px; }
.newsBox h2 a, a:visited { padding: 0; margin: 0; font-size: 11px; color: #666666; text-decoration: underline; }
.newsBox h2 a:hover { color: #cc0000; text-decoration: none; }
.sloSkiMap { position: relative; width: 609px; height: 315px; background: url(/img/SloveniaSkiingMap.jpg) no-repeat; margin: 0; }
.sloSkiMap a, a.sloSkiMap:link { background-color: #fff5e3; font-weight: bold; color: #8a5973; padding: 0 2px 1px 2px; }
.sloSkiMap a.sloSkiMap:hover { color: #434343; }
.bigSlope { font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: blue; background: url(/img/pointBigSki.gif) no-repeat top center; padding: 37px 0 4px 0; }
.middleSlope { font: 9px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: blue; background: url(/img/pointMiddleSki.gif) no-repeat top center; padding: 33px 0 4px 0; }
.rogla { position: absolute; width: 75px; left: 328px; top: 65px; }
.krvavec { position: absolute; width: 90px;; left: 200px; top: 89px; }
.mariborskoPohorje { position: absolute; width: 85px; left: 384px; top: 39px; background-position: 0 0; }
.kranjskaGora { position: absolute; width: 110px; left: 96px; top: 46px; background-position: 10px 0; }
.cerkno { position: absolute; width: 80px; left: 124px; top: 122px; }
.kanin { position: absolute; width: 70px; left: 48px; top: 78px; }
.vogel { position: absolute; width: 60px; left: 88px; top: 96px; background-position: right top; }

.stariVrh { position: absolute; width: 95px; left: 134px; top: 109px; }
.kope { position: absolute; width: 75px; left: 295px; top: 60px; }
.sviscaki { position: absolute; width: 90px;; left: 177px; top: 242px; }
.velikaPlanina { position: absolute; width: 90px;; left: 204px; top: 79px; }
.celjskaKoca { position: absolute; width: 75px; left: 314px; top: 107px; }
.rtcJakec { position: absolute; width: 85px; left: 362px; top: 73px; background-position: 0 0; }

.bigSpa { font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: blue; background: url(/img/pointBigSpa.gif) no-repeat top center; padding: 37px 0 4px 0; }
.thermanaLasko { position: absolute; width: 75px; left: 293px; top: 117px; background-position: 38px 0; }
.termeDobrna { position: absolute; width: 120px; left: 225px; top: 88px; background-position: right top; }
.termeZrece { position: absolute; width: 95px; left: 345px; top: 57px; background-position: 8px 0; }
.terme3000 { position: absolute; width: 85px; left: 473px; top: 10px; background-position: 0 0; }
.termePtuj { position: absolute; width: 95px; left: 425px; top: 59px; background-position: 0 0; }
.termeOlimia { position: absolute; width: 85px; left: 385px; top: 115px; background-position: 0 0; }

.text {
	color: #333333;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	vertical-align: top;
	padding: 20px;
	text-align: left;
}
#h1text { display: block; padding: 0; margin: 10px 0; font: 24px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; }
.navitext span { display: block; margin: -10px 0 15px 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #336699; }
.navitext div { display: inline; float: right; }
.navitext a{ font: 11px Arial, Helvetica, sans-serif; color: #003366; font-weight: normal; text-decoration: underline; }
.navitext a:visited{ color: #003366; font-weight: normal; text-decoration: underline; }
.navitext a:hover{ color: #336699; font-weight: normal; text-decoration: none; }
#textLogo { float: right; margin: -25px 0 0 0; }
#picZoomField { position: relative; width: 170px; height: 260px; margin: 3px -20px 0 0; }
#picZoomText { text-align: right; margin: 0; padding: 0; font-weight: normal; }
#picZoomMax { border: 1px solid #2078b9; }
#picZoomMini { width: 70px; padding: 2px; border: 1px solid #c0d6d9; }
#picZoomMini:hover { border: 1px solid #999999; background-color: #eeeeee; }
#camMini { float: left; display: block; padding: 25px; width: 150px; }
#camZoomMax { border: 1px solid #dddddd; margin: 10px 0;}
#camZoomMini { width: 150px; height: 112px; padding: 2px; margin: 0; border: 1px solid #dddddd; }
#camZoomMini:hover { border: 1px solid #999999; background-color: #eeeeee; }

.button1 { width: 210px; height: 98px; background: url(/img/button_wellness.jpg) no-repeat left top; text-align: center; padding: 69px 0 0 0; margin: 0; }
.button2 { width: 210px; height: 98px; background: url(/img/button_food.jpg) no-repeat left top; text-align: center; padding: 69px 0 0 0; margin: 0; }
.button3 { width: 200px; height: 98px; background: url(/img/button_accommodation.jpg) no-repeat left top; text-align: center; padding: 69px 0 0 0; margin: 0; }
a.buttons_neighboors:link { text-decoration: underline; font: 11px Arial, Helvetica, sans-serif; color: #944d4d; }
a.buttons_neighboors:visited { text-decoration: underline; font: 11px Arial, Helvetica, sans-serif; color: #944d4d; margin: 0; }
a.buttons_neighboors:hover { text-decoration: none; color: #000000; }

#button_more { position: absolute; left: 0; bottom: 0; display: block; width: 350px; height: 24px; background: url(/img/button_more.gif) no-repeat; padding: 3px 0 0 186px; margin: 0; font-size: 13px; font-weight: bold; }
a.button_more:link, a.button_more:visited { color: #336699; }
a.button_more:hover { color: #000000; }

.text h1 { margin: 0 0 20px 0; padding: 0; font: 20px Arial, Helvetica, sans-serif; font-weight: bold; color: #336699; }
.desc { padding-left: 30px; width: 100%; font: 12px Arial, Helvetica, sans-serif; }
.desc h1 { margin: 3px 0 7px 0; padding: 0; color: #660000; font: 18px Arial, Helvetica, sans-serif; font-weight: bold; }
#pointTitle { position: absolute; display: inline; margin: 0 0 0 -30px; padding: 1px 0 0 0; width: 23px; height: 23px; background: url(/img/point_bg.gif) no-repeat; color: #ffff99; font: 16px Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; }

.textInfoBox { width: 609px; margin: 20px -1px; padding: 0; }
.textInfoBox h1 { margin: 1px 0 0 0; padding: 2px; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #2078b9; border-top: 1px solid #2078b9; border-bottom: 1px solid #2078b9; background-color: #e6f3fc; }
.textInfoBox h2 { position: absolute; visibility: hidden; }
#textInfoGeneral { float: left; padding: 5px; width: 384px; height: 300px; font: 12px Arial, Helvetica, sans-serif; color: #666666; line-height:1.7em; }
#textInfoGeneral div { display: inline; float: left; padding: 0; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; line-height:1.7em; }
#textInfoGeneral a, a:visited { font-weight: bold; color: #cc0000; }
#textInfoGeneral a:hover { font-weight: bold; color: #990000; }
#textInfoBasic { float: right; position: relative; padding: 5px; width: 189px; height: 300px; font: 12px Arial, Helvetica, sans-serif; color: #666666; border-left: 1px solid #2078b9; line-height:1.7em; }
#textInfoBasic td { padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #000000; line-height:1.7em; }
#buttons_slope { position: absolute; bottom: 0; left: 15px; }
#buttons_slope span { display: block; width: 177px; height: 22px; margin: 0 0 5px 0; font: 12px Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; padding: 3px 0 0 0; background: url(/img/button_slope.gif) no-repeat; }
a.buttons_slope:link, a.buttons_slope:visited { color: #ffffff; }
a.buttons_slope:hover { color: #ffff99; text-decoration: none; }
.showmap { width: 200px; height: 150px; display: block; text-align: right; border: 1px solid #dddddd; }
.showmap span { padding: 4px 10px; margin: -1px -1px 0 0; background: url(/img/showmaptext.gif) no-repeat left bottom; font: 11px Arial, Helvetica, sans-serif; }

#welcomeWindow { position: relative; margin: 0 -10px; width: 629px; height: 250px; background: url(/img/welcomeBg.jpg) no-repeat; }
#welcomeText { position: absolute; top: 30px; left: 20px; width: 320px; height: 180px; }
#welcomeText h1 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; color: #224499; margin: 0; padding: 0 0 10px 0; }
#welcomeSign { position: absolute; bottom: 0; right: 0; }

/* WEATHER */
.wdayperiod { float: left; width: 39px; font: 11px Verdana, Arial, Helvetica; text-align: center; overflow: hidden; }
.wdayperiod div { border-right: 1px solid #666666; border-bottom: 1px solid #dddddd; font-weight: bold; padding: 4px 0; }
.wdayperiod span { display: block; border-bottom: 1px solid #666666; border-right: 1px solid #666666; padding: 4px 0; margin: 0; color: #000000; }
.wday_bg1 { background-color: #ffffff; }
.wday_bg2 { background-color: #dcdcff; }
#wdaypart { font-size: 9px; color: #999999; font-weight: normal; }
#wdaywind { height: 42px; padding: 4px 0 0 0; }
#wdayicon { padding: 0; height: 39px; }
#sunrise { background-color: #ffff99; }
#sunset { background-color: #666666; color: #dddddd; }
.wdayhead { float: left; width: 85px; font: 11px Verdana, Arial, Helvetica; text-align: center; border-right: 1px solid #666666; overflow: hidden; color: #0000ff; background: #dcdcff; }
.wdayhead div { display: block; border-bottom: 1px solid #dddddd; padding: 4px 0; color: #000000; }
.wdayhead span { display: block; border-bottom: 1px solid #666666; font-weight: bold; padding: 4px 0; margin: 0; }


/* PRICE LIST */
.priceTable { margin: 10px 0 0 0; border-bottom: 1px solid #1a76b6; }
.priceTable td { font: 11px Verdana, Arial, Helvetica; color: #003399; border-top: 1px solid #c6dbde; padding: 4px 10px; }


#foot { width: 799px; height: 120px; padding: 35px 20px 0 20px; vertical-align: top; font: 11px Arial, Helvetica, sans-serif; color: #dddddd; background: url(/img/footLinksBg.jpg) no-repeat; }
	#footLeft { position: absolute; display: block; width: 530px; text-align: left; font-size: 14px; color: #999999; }
		#footLeft a{ font: 11px Arial, Helvetica, sans-serif; color: #eeeeee; text-decoration: none; }
		#footLeft a:visited{ color: #eeeeee; }
		#footLeft a:hover{ color: #cccccc; }
	#footRight { display: block; margin: 0; text-align: right; color: #bbbbbb; }
		#footRight span { display: block; margin: 2px 0 0 0; }
		#footRight a{ font: 11px Arial, Helvetica, sans-serif; color: #eeeeee; text-decoration: none; }
		#footRight a:visited{ color: #eeeeee; }
		#footRight a:hover{ color: #cccccc; }


#mapTab {
	position: relative;
	margin: 0;
	width:100%;
	font-size:93%;
	line-height:normal;
	overflow:hidden;
}

#mapTab ul {
	margin:0;
	padding:0;
	list-style:none;
}

#mapTab li {
	display:inline;
	margin:0;
	padding:0;
}

#mapTab a {
	float:left;
	background:url("/img/mapTabLeft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#mapTab a span {
	float:left;
	display:block;
	background:url("/img/mapTabRight.gif") no-repeat right top;
	padding:6px 10px 4px 4px;
	color:#FFF;
}


#mapTab a.selected {
	float:left;
	background:url("/img/mapTabLeft.gif") no-repeat left top;
	background-position:0% -42px;
	margin:0;
	text-decoration:none;
}

#mapTab a.selected span {
	float:left;
	display:block;
	background:url("/img/mapTabRight.gif") no-repeat right top;
	background-position:100% -42px;
	color:#000;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mapTab a span {float:none;}

/* End IE5-Mac hack */
#mapTab a:hover span {
}

#mapTab a:hover {
	background-position:0% -42px;
}

#mapTab a:hover span {
	background-position:100% -42px;
	color: #000;
}












.super { border: 1px solid #003366; } 
a:hover .super { border: solid 1px #CC0000; } 

a:hover { color: #CC0000; }

.style1 {color: #666666}
#foo {
overflow: auto // or whatever you want it to be
}
.welcome {
	color: #666666;
	font-family:  Arial, Helvetica;
	font-size: 9pt;
	vertical-align: top;
	font-weight: none;
	text-align: left
}
#welcome {
	background: url(/sun/img/welcome_bg.jpg);
}
.aktual_desc {
	color: #333333;
	font-family:  Arial, Helvetica;
	font-size: 8pt;
	vertical-align: top;
}
a.aktual_desc:link  { font-family: Arial, Helvetica; color: #333333; vertical-align: top; text-decoration: none }
a.aktual_desc:visited  { font-family: Arial, Helvetica; color: #333333; vertical-align: top; text-decoration: none }
a.aktual_desc:hover { font-family: Arial, Helvetica; color: #CC0000; vertical-align: top; text-decoration: none }

a.last_desc:link  { font-size: 8pt; font-family: Arial, Helvetica; color: #000000; vertical-align: top; text-decoration: none }
a.last_desc:visited  { font-size: 8pt; font-family: Arial, Helvetica; color: #000000; vertical-align: top; text-decoration: none }
a.last_desc:hover { font-size: 8pt; font-family: Arial, Helvetica; color: #CC0000; vertical-align: top; text-decoration: none }

a.menu:link  { font-family: Arial, Helvetica; color: #333333; vertical-align: top; font-weight: bold; text-decoration: none }
a.menu:visited  { font-family: Arial, Helvetica; color: #333333; vertical-align: top; font-weight: bold; text-decoration: none }
a.menu:hover { font-family: Arial, Helvetica; color: #CC0000; vertical-align: top; font-weight: bold; text-decoration: none }

.meni1 {
	color: #333333;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	vertical-align: middle;
}
.meni2 {
	color: #333333;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	text-align: left;
	vertical-align: top
}
.okvir2 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	text-align: left;
	vertical-align: middle;
}

.iskanje {
	color: #333333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	text-align: left;

}
.tail {
	color: #333333;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	vertical-align: top;
}
.naslov {
	color: #333333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	vertical-align: bottom;
}
.meni {
	color: #333333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 13pt;
	vertical-align: middle;
}

a.meni:link  { font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #000000; text-decoration: none }
a.meni:visited  { font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #000000; text-decoration: none }
a.meni:hover { font-size: 9pt; font-family: Verdana, Arial, Helvetica; color: #6198A6; text-decoration: underline }




.navigacija {
	color: #333333;
	font-family: arial, sans-serif;
	font-size: 8pt;
	vertical-align: top;
	font-weight: bold;
}
.ads{
	background:#FFFFFF;	
	width:100%;		
	font: 10px Arial, Helvetica;
	margin-top:5px;
	color: #394550;
}
h5{
	font:Bold 12px Arial, Helvetica;
	color: #983301;
	margin: 0px;
	line-height:15px;
}


a.navigacija:link  { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #FF0000; font-weight: bold; text-decoration: underline }
a.navigacija:visited  { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #FF0000; font-weight: bold; text-decoration: underline }
a.navigacija:hover { font-size: 8pt; font-family: Verdana, Arial, Helvetica; color: #000000; font-weight: bold; text-decoration: none }


.copyright {
	color: #666666;
	font-family: Arial, Helvetica;
	font-size: 7.5pt;
	text-align: center;
	vertical-align: middle;
}
INPUT, SELECT, OPTION	{FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; text-align: left; background-color: #DCE8E9; background-color:#DCE8E9; border:1px solid #DCE8E9}


#shop-byTheme img { display: none; }
div#pod { padding-bottom: 0; margin-top: 3px; background-color: #f2f5fc; border: solid #eaeaea; border-width: 1px 1px 0; }
div#pod p { margin: 0; font-size: .9em; background: #f2f5fc no-repeat 5px center; padding: 20px 0 20px 20px; height: 120px; line-height: 1.8em; border-bottom: 1px solid #eaeaea; }
	#shop-byTheme p.cul { background-image: url(/sun/img/hp_shopByTheme_culture.jpg); }


#left_how { padding: 0px .5em .5em; margin: 0; background: url(/sun/img/left_how.jpg) no-repeat center top; font-family: Georgia, Verdana, Arial, Helvetica; color: #999999; border: solid #eaeaea; border-width: 1px 0px 1px; }
	*:first-child+html #left_how { height: 1%; }
	* html #left_how { height: 1%; }
	
	#left_how h2 { background: 0; color: #8ecbff; padding: 0; margin: 0 0 1.6em; font-size: 1.3em; }
	#left_how ul { padding: 0; list-style-position: outside; list-style-type: none; font-size: 0.8em; }
	#left_how a:link { color: #000000; font-size: 9pt; }
	#left_how a:visited  { color: #000000; font-weight: bold; font-size: 9pt; }
	#left_how a:hover { color: #ff6300; font-size: 9pt; }
	#left_how a span { font-weight: bold; font-size: 9pt; }


#left_last { padding: 0px .5em .5em; margin: 0; background: url(/sun/img/left_last.jpg) no-repeat center top; font-family: Georgia, Verdana, Arial, Helvetica; color: #999999; border: solid #eaeaea; border-width: 1px 0px 1px; }
	*:first-child+html #left_how { height: 1%; }
	* html #left_last { height: 1%; }
	
	#left_last h2 { background: 0; color: #ffffff; padding: 0; margin: 0 0 .5em; font-size: 1.3em; }
	#left_last ul { padding: 0; list-style-position: outside; list-style-type: none; font-size: 0.6em; }
	#left_last a:link { color: #000000; font-size: 8pt; width: 73px; }
	#left_last a:visited  { color: #000000; font-weight: normal; font-size: 8pt; width: 73px; }
	#left_last a:hover { color: #ffffff; font-size: 8pt; width: 73px; }
	#left_last a span { font-weight: bold; font-size: 8pt; width: 73px; }

#left_currency { padding: 0px .5em .5em; margin: 0; background: url(/sun/img/left_currency.jpg) no-repeat center top; font-family: Georgia, Verdana, Arial, Helvetica; color: #999999; border: solid #eaeaea; border-width: 1px 0px 1px; }
	*:first-child+html #left_how { height: 1%; }
	* html #left_currency { height: 1%; }
	
	#left_currency h2 { background: 0; color: #ffffff; padding: 0; margin: 0 0 .5em; font-size: 1.3em; }
	#left_currency ul { padding: 0; list-style-position: outside; list-style-type: none; font-size: 0.6em; }
	#left_currency a:link { color: #000000; font-size: 8pt; width: 73px; }
	#left_currency a:visited  { color: #000000; font-weight: normal; font-size: 8pt; width: 73px; }
	#left_currency a:hover { color: #ffffff; font-size: 8pt; width: 73px; }
	#left_currency a span { font-weight: bold; font-size: 8pt; width: 73px; }


#right_top5 { padding: 0px .5em .5em; margin: 0 0 1em; background: url(/sun/img/right_top5.jpg) no-repeat center top; font-family: Georgia, Verdana, Arial, Helvetica; color: #999999; border: solid #eaeaea; border-width: 1px 0px 1px; }
	*:first-child+html #left_how { height: 1%; }
	* html #right_top5 { height: 1%; }
	
	#right_top5 h2 { background: 0; color: #ffffff; padding: 0; margin: 0 0 .5em; font-size: 1.3em; }
	#right_top5 ul { padding: 0; list-style-position: outside; list-style-type: none; font-size: 0.6em; }
	#right_top5 a:link { color: #000000; font-size: 8pt; }
	#right_top5 a:visited  { color: #000000; font-weight: normal; font-size: 8pt; }
	#right_top5 a:hover { color: #ff6300; font-size: 8pt; }
	#right_top5 a span { font-weight: bold; font-size: 8pt; }




#slika {
	display: block;
	color: #666666;
	padding: 3px;
	border: 1px solid #cccccc;
}
#slika a:hover {
	color: #CC0000;
	border-color: #CC0000; 
	text-decoration: none;
}



#selection {
/* boxevi sa strane koji sadrze linkove */
	position: relative;
	width: 100%;
	padding: 0 1px 2px 0;
	margin: 0;
	border-top: 2px solid #ffffff;
}

#selection a:link, #selection a:visited {height: 1%;}

#selection a:link, #selection a:visited {
/* linkovi homepage - posebna ponuda */
	display: block;
	font-size: .85em;	
	font-weight: normal;
	text-align: right;
	line-height: 1.25em;
	padding: 3px;
	color: #666666;
	margin: 2px 0 0 0;
	background: #f5f5f5 url(/sun/img/aktual_bg.gif) repeat-x bottom left;
	border: 1px solid #cccccc;
}


#selection a:hover {
	color: #ff7117;
	border-color: #ff7117; 
	text-decoration: none;
}
#bgload {
background-image: url(/sun/img/load.gif);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 10%
}


#menu1 { width: 163px; background: url(/sun/img/menu1Bg.gif) no-repeat bottom; font: 12px Verdana, Arial, Helvetica; padding: 10px; margin: 0 0 15px 0; }
#menu1Title { width: 183px; height: 19px; background: url(/sun/img/menu1Title.gif) no-repeat top; font: 11px Verdana, Arial, Helvetica; color: #fbe68d; font-weight: bold; text-align: center; padding: 0; padding-top: 4px; }


#menu2 { width: 163px; height: 261px; background: url(/sun/img/menu2Bg.jpg) no-repeat bottom; font: 11px Verdana, Arial, Helvetica; padding: 10px; margin: 0 0 15px 0; }
#menu2Title { width: 183px; height: 19px; background: url(/sun/img/menu2Title.gif) no-repeat top; font: 11px Verdana, Arial, Helvetica; color: #fbe68d; font-weight: bold; text-align: center; padding: 0; padding-top: 4px; }

#menu3 { width: 163px; background: url(/sun/img/menu3Bg.gif) no-repeat bottom; font: 11px Verdana, Arial, Helvetica; padding: 10px; margin: 0 0 15px 0; }