/* infopunkt.tv css styles */

* { margin: 0; padding: 0; }

body {
	background: #405e8f url("img/bodybg.gif") repeat-x;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

a { color: #405e8f; text-decoration: none; }
a:hover { text-decoration: none; }
/** a.aktualno, a.ekonomija, a.politika, a.lifestyle, a.sport { color: #405e8f; } **/
a.aktualno:hover { color: #002286; }
a.ekonomija:hover { color: #f00; }
a.politika:hover { color: #00aeef; }
a.lifestyle:hover { color: #ec008c; }
a.sport:hover { color: #0f990f; }

a.imp { color: #004acd; }
a.imp:hover { text-decoration: underline; }

h1.skriveni { text-indent: -9999px; height: 3px; background: #fff url("img/h1top.gif") no-repeat; font-size: 0; line-height: 0; }
h3, h3 a { font-size: 14px; color: #454545; text-decoration: none; }
a img { border: 0; }
input { float: left; font-size: 14px; color: #454545; }

#wrap { width: 980px; margin: 0 auto; text-align: left; }

a.logo img { margin: 28px 45px 0 35px; }

#nav { width: 980px; height: 100px; background: url("img/navbg.gif") no-repeat; }
	#nav ul { font-size: 16px; list-style: none; }
	#nav ul li { float: left; margin: 38px 0 0 0; }
	#nav ul li a { width: 113px; height: 27px; font-size:16px; padding-top: 4px; display: block; text-align: center; }
	#nav ul li a:hover { text-decoration: none; }
	#nav ul li a.active { background: url("img/navhover.gif") no-repeat; color: #ffffff; }

#nav ul #bespla { width: 60px; height: 60px; margin: 20px 0 0 22px; background: url("img/bespla.jpg") no-repeat; }
#nav ul #bespla a { display: block; width: 60px; height: 60px; text-indent: -9999px; }
	
#action { width: 980px; height: 70px; }
	#action #search { width: 440px; float: left; position: relative; }
		#search #term { width: 366px; height: 17px; border: 0; margin: 14px 10px 5px 10px; padding: 4px 6px; background: transparent url("img/sinput.gif") no-repeat fixed; }  /* fixed - za IE6 */
		#search form > #term { background-attachment: scroll; background-position: top right; } /* scroll - za normalne browsere; top right - za IE7 */
		#search #go { margin-top: 14px; }
		#search a { font-size: 10px;padding-left: 10px; background: transparent url("img/actlink.gif") no-repeat; left: 260px; top: 45px; position: absolute; }
		#search a:hover { text-decoration: underline; }
	
	#action #login { width: 345px; float: right; position: relative; color: #fff; }
		#login #user { width: 130px; height: 17px; border: 0; margin: 14px 10px 5px 0; padding: 4px 6px; background: transparent url("img/linput.gif") no-repeat fixed; }  /* fixed - za IE6 */
		#login form > #user { background-attachment: scroll; background-position: top right; } /* scroll - za normalne browsere; top right - za IE7 */
		#login #pass { width: 130px; height: 17px; border: 0; margin: 14px 10px 5px 0; padding: 4px 6px; background: transparent url("img/linput.gif") no-repeat fixed; }  /* fixed - za IE6 */
		#login form > #pass { background-attachment: scroll; background-position: top right; } /* scroll - za normalne browsere; top right - za IE7 */
		#login #log { margin-top: 14px; }
		#login #remember { clear: left; float: left; margin-right: 5px; }
		#login label { float: left; font-size: 10px; }
		#login a { font-size: 10px; padding-left: 10px; background: transparent url("img/actlink.gif") no-repeat; left: 220px; top: 45px; position: absolute; color:#efefef; }
		#login a:hover { text-decoration: underline; }

	#action #logout { width: 345px; float: right; position: relative; color: #fff; }
		#logout p { margin-top: 25px; }
		#logout a { font-size: 10px; padding-left: 10px; background: transparent url("img/actlink.gif") no-repeat; position: absolute; }
		.change { left: 220px; top: 14px; }
		.logout { left: 220px; top: 40px; color: #fff; }
		#logout a:hover { text-decoration: underline; }


#breaking { margin: 0 0 10px 0; }
#breaking a { width: 960px; height: 29px; display: block; background: transparent url("http://www.infopunkt.tv/img/breaking-bg.gif") top no-repeat; color: #222; padding: 11px 0 0 20px; }
#breaking a:hover { background-position: bottom; }
#breaking strong { display: inline-block; width: 116px; height: 16px; margin: 0 20px 0 0; color: #222; font-size: 14px; }

#cont { width: 980px; }
	#top3 { height: 352px; padding: 1px; margin-bottom: 15px; background: #fff url("img/top3bg.gif") bottom no-repeat; }
	#top3 div.top3vijest { width: 300px; float: left; margin: 19px 0 0 20px; position: relative; display: inline; }
	#top3 div.top3vijest p.date { width: 300px; height: 14px; position: absolute; top: 201px; left: 0; background: url("img/datebg.png") repeat-x; font-size: 10px; padding: 10px 0 0 8px; behavior: url(iepngfix.htc);
 } /* pngfix - IE6 */
 	#top3 div.top3vijest span.count { font-size: 10px; height: 16px; position: absolute; top: 201px; right: 0px; padding: 10px 3px 0 0; }
	#top3 div.top3vijest span.count img { margin: 0 5px 0 0; vertical-align: middle; }
	#top3 div.top3vijest h3 { margin: 10px 0 8px 0; }
	#top3 div.top3vijest h3 a { height: 25px; padding: 1px 0 0 25px; background: url("img/vise.gif") no-repeat; }	

#cleft { width: 595px; float: left; padding-bottom: 8px; background: #fff url("img/cleftbottom.gif") bottom no-repeat; margin-bottom: 15px; }
	#cleft h2 { text-indent: -9999px; height: 8px; background: #fff url("img/h2top.gif") no-repeat; font-size: 0; line-height: 0; }
	
	#cleft div.vijest { height: 124px; margin: 10px; padding: 5px 10px 5px 10px; position: relative; clear: both; border-bottom: 1px solid #e5e5db; }
	#cleft div.vijest span.count { display: block; font-size: 10px; line-height: 26px; position: absolute; top: 0; right: 10px; width: 35px; text-align: right; }
	#cleft div.vijest span.count img { vertical-align: middle; }
	#cleft div.vijest a.slika { float: left; margin-right: 10px; }
	#cleft div.vijest a.more { position: absolute; right: 10px; bottom: 15px; text-indent: -9999px; background: url("img/vise.gif") no-repeat; width: 17px; height: 17px; }
	#cleft div.vijest p { padding-right: 50px; }
	#cleft div.vijest p.date { font-size: 10px; padding-top: 5px; }
	#cleft div.vijest h3 { margin: 4px 0 8px 0; }
	
	#cleft div.headline { margin: 15px 0 10px 20px; position: relative; }
	#cleft div.headline span.date { font-size: 10px; }
	#cleft div.headline h3 { background: url("img/vise.gif") no-repeat; position: absolute; left: 135px; display: inline; padding-left: 25px; }
	#cleft div.headline span.count { position: absolute; right: 10px; font-size: 10px; }
	#cleft div.headline span.count img { vertical-align: middle; margin-right: 8px; }
	
#cleft.full { }
	#cleft.full h1 { font-size: 24px; line-height: 30px; font-weight: normal; padding: 20px; background: #fff url("img/h2top.gif") no-repeat; }
	#cleft.full h2 { text-indent: 0; height: 43px; background-image: none; clear: left; font-size: 18px; line-height: 24px; padding: 10px 10px 0 10px; margin: 0 20px; font-weight: normal; background: #fff url("img/fullh2bg.jpg") no-repeat; }
	#cleft.full h3 { text-indent: 0; height: 23px; background-image: none; clear: left; font-size: 15px; line-height: 28px; padding: 10px 10px 0 10px; margin: 0 10px; font-weight: bold; }
	#cleft.full p { margin: 10px 20px; }
	#cleft.full p.player { width: 320px; float: left; display: inline; } /* inline - IE6 */
	#cleft.full p.data { width: 215px; height: 240px; margin-left: 0; float: right; display: inline; } /* inline - IE6 */
	#cleft.full p.slike img { margin: 0 20px 40px 20px;}
	#cleft.full a.viddown { display: block; width: 185px; height: 21px; background: url("img/vid_down.gif") no-repeat; padding: 3px 0 0 30px; }
	#cleft.full a.viddown:hover { color: #000; }
	

#cleft.najave { }
	#cleft.najave div.headline h3 { left: 65px; width: 525px; position: static; display: block; margin-top: 10px; font-weight: normal; }
	#cleft.najave span.date { font-weight: bold; }

#cleft form { }
	#cleft form label { display: block; margin: 0 0 10px 50px; }
	#cleft form input { float: none; display: block; width: 250px; }
	#cleft form label.check { display: inline; margin: 0 0 0 50px; }
	#cleft form input.check { float: none; width: auto; display: inline; }
	#cleft form input.reg { margin: 30px 50px; width: 100px; }


#cright { width: 370px; /*height: 506px;*/ margin-bottom: 15px; float: right; }
	#cright h2 { font-size: 18px; background: #fff url("img/h2right.gif") no-repeat; height: 28px; padding: 15px 20px 0 20px; font-weight: normal; }
	#cright h2.besplatni { background: #fff url("img/besplatnih2.gif") no-repeat; text-indent: -9999px;}
	
	#cright #najave { height: 128px; padding: 15px 10px 0 10px; background:  url("img/crightbottom.gif") bottom no-repeat; margin-bottom: 15px; }
		#najave ul { list-style: none; }
		#najave ul li { font-size: 10px; position: relative; padding: 0 10px; border-bottom: 1px solid #e5e5db; }
		#najave ul li.last { border-bottom: none; }
		#najave ul li.last a { padding-left: 23px; margin-top: 6px; background: transparent url(img/vise.gif) no-repeat; }
		/*#najave ul li span { text-transform: uppercase; position: absolute; left: 85px; top: 0px; *top: -3px; } /* *bottom - IE */
		#najave ul li a { font-size: 12px; font-weight: bold; position: absolute; left: 85px; top: 0px; *top: -3px; } /* *bottom - IE */
	#najaverss { display: block; background: #fff url("img/rssnajave.gif") no-repeat; height: 24px; margin-bottom: 15px; padding: 6px 0 0 43px; }

	#cright #videofree { background-color: #fff; padding: 0 0 10px 25px; }
	#cright #free { height: 128px; padding: 15px 10px 0 10px; background:  url("img/crightbottom.gif") bottom no-repeat; margin-bottom: 15px; }
		#free ul { list-style: none; }
		#free ul li { font-size: 10px; position: relative; padding: 0 10px; border-bottom: 1px solid #e5e5db; }
		#free ul li.last { border-bottom: none; }
		#free ul li.last a { padding-left: 23px; margin-top: 6px; background: transparent url(img/vise.gif) no-repeat; }
		#free ul li a { font-size: 12px; font-weight: bold; position: absolute; left: 85px; top: 0px; *top: -3px; } /* *bottom - IE */
	
	#cright #newsletter { height: 61px; background: #fff url("img/nwback.gif") no-repeat; margin-bottom: 15px; }
		#newsletter #mail { width: 272px; height: 17px; border: 0; margin: 15px 15px 0 20px; padding: 4px 6px; background: transparent url("img/nwinput.gif") no-repeat fixed; } /* fixed - za IE6 */
		#newsletter form > #mail { background-attachment: scroll; background-position: top right; } /* scroll - za normalne browsere; top right - za IE7 */
		#newsletter #add { margin-top: 15px; }
	
	#cright #najpopularnije { height: 128px; padding: 15px 10px 0 10px; background:  url("img/crightbottom.gif") bottom no-repeat; margin-bottom: 15px; }
		#najpopularnije ul { list-style: none; }
		#najpopularnije ul li { font-size: 10px; position: relative; padding: 0 10px; border-bottom: 1px solid #e5e5db; }
		#najpopularnije ul li.last { border-bottom: none; }
		#najpopularnije ul li a { display: block; font-size: 12px; position: absolute; left: 85px; font-weight: bold; top: 0px; *top: -3px; } /* *bottom - IE */

#cright h2.istaknuto { color: #f00; }
#vijestdana { background: #fff url(img/right-bottom.gif) bottom no-repeat; margin-bottom: 15px; padding: 0 20px 15px 20px; }
#vijestdana a.slika { float: left; margin-right: 10px; margin-bottom: 10px; }
#vijestdana span.count { display: block; float: right; width: 35px; text-align: right; font-size: 10px; line-height: 26px; }
#vijestdana span.count img { vertical-align: middle; }
#vijestdana p.date { display: block; float: left; width: 125px; font-size: 10px; padding-top: 5px; }
#vijestdana h3 { padding: 25px 0 10px 0; }
#vijestdana a.more { display: block; text-indent: -9999px; background: url("img/vise.gif") no-repeat; width: 17px; height: 17px; margin: 10px 0 0 315px; }

#pages { clear: left; float: left; width: 565px; text-align: left; margin: 0 15px 15px 15px; display: block; height: 15px; }
	#pages a { color: #ffffff; font-size: 12px; display: block; float: left; margin: 0 5px; line-height: 16px; }
	#pages a:hover { text-decoration: underline; }
	#pages a.currpage, #pages a.currpage:hover { font-weight: bold; text-decoration: none; color: #ffffff; }
	#pages a.prev { width: 15px; height: 15px; background: transparent url("img/pag_prev.gif") no-repeat; text-indent: -9999px; }
	#pages a.next { width: 15px; height: 15px; background: transparent url("img/pag_next.gif") no-repeat; text-indent: -9999px; }

#list_banners {  width: 595px; float: left; clear: left; padding-bottom: 8px; background: #fff url("img/cleftbottom.gif") bottom no-repeat; margin-bottom: 15px; }
	#list_banners h2 { font-size: 5px; color: white; height: 5px; overflow: hidden; background: #fff url("img/h2top.gif") no-repeat; }

#partneri { clear: both; margin: 0 auto; margin-bottom: 15px; width: 980px; height: 71px; background: url("img/friends-bg.gif") no-repeat; }
	#partneri span { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 28px 0 0 28px; }
#friends { clear: both; margin: 0 auto; margin-bottom: 15px; width: 980px; height: 71px; background: url("img/friends-bg.gif") no-repeat; }
	#friends span { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 28px 0 0 28px; }
	
	#friends .frlinkovi, #partneri .parlinkovi { margin-left: 18px; }
	#friends a, #partneri a { display: block; float: left; height: 71px; text-indent: -9999px; }
	
	#partneri a.hitech { width: 150px; background: url("img/hi-tech-bg.gif") no-repeat; }
	#partneri a.hitech:hover { background-position: bottom; }
	#partneri a.mmreza { width: 145px; background: url("img/mmreza-bg.gif") no-repeat; }
	#partneri a.mmreza:hover { background-position: bottom; }
	
	#friends a.profitiraj { width: 205px; background: url("img/profitiraj-bg.gif") no-repeat; }
	#friends a.profitiraj:hover { background-position: bottom; }
	#friends a.she { width: 105px; background: url("img/she-bg.gif") no-repeat; }
	#friends a.she:hover { background-position: bottom; }
	#friends a.metro { width: 160px; background: url("img/metro-bg.gif") no-repeat; }
	#friends a.metro:hover { background-position: bottom; }
	#friends a.onlinezg { width: 175px; background: url("img/onlinezg-bg.gif") no-repeat; }
	#friends a.onlinezg:hover { background-position: bottom; }

#foot { clear: both; height: 101px; background: #2d4264 url("img/footer.jpg") center center no-repeat; }
	#foot p { margin: 0 auto; padding-top: 42px; width: 920px; text-align: right; }
	#foot p a.rss { float: left; margin-left: 35px; }
	#foot p a:hover { text-decoration: underline; }