/* XHTML Implementation by Overbridge.ro */


/* General classes */

body {
	margin: 0 auto;
	text-align: center;
	background: #efeae2;
	font: normal normal 12px Arial, Tahoma, Verdana, sans-serif;
	color: #000;
	padding-bottom: 20px;
}

#wrap {
	width: 980px;
	background: #6e6e6e;
	border-bottom: 5px solid #7FB5FF;
	margin: 0 auto;
	text-align: left;
}

#extension {
	float: right;
	margin-top: 20px;
	margin-left: 26px;
	padding-top: 30px;
	width: 120px;
	background: #d9d9d9 url(../img/logo_partneru.gif) no-repeat top center;
	display: block;
	border: 1px solid #6e6e6e;
	height: 600px;
	text-align: center;
	display: none;
}

#site {
	width: 978px;
	margin-left: 1px;
	background: #fff;
}

a img {
	border: 0;
}

a {
	color: #071081;
}

a:hover {
	color: #b60a0a;
}

.clear {
	clear: both;
	font-size: 1;
	height: 0;
	line-height: 0px;
	margin: 0;
	padding: 0;

}

.redtitle {
	font-size: 14px;
	font-weight: bold;
	color: #b60a0a;
	text-decoration: none;
}

.moreinfo {
	display: block;
	width: 14px;
	height: 7px;
	background: url(../img/moreinfo.gif) no-repeat;
}

.moreinfo span {
	display: block;
	width: 14px;
	height: 7px;
	display: none;
}

.more2 {
	margin-left: 5px;
}

.ad {
	text-align: center;
	margin: 10px 0;
}

/* Header classes */

#reglog {
	text-align: right;
	padding: 3px 0;
	font-size: 11px;
}

#reglog a {
	color: #071081;
}

#reglog a:hover {
	color: #b60a0a;
}

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

#reglog ul li {
	display: inline;
	margin: 0 5px;
}

#header {
	height: 104px;
	background: #7FB5FF url(../img/bg_logo.jpg) no-repeat;
}

.headlogo {
	float: left;
}

.headlogo a {
	display: block;
	width: 500px;
	height: 104px;
}

.headlogo a span {
	display: none;
}

.headinfo {
	float: right;
	width: 460px;
	height: 104px;
}

.headinfo .infobox {
	float: right;
	width: 260px;
	height: 104px;
	border-left: 1px solid #fff;
	line-height: 14px;
}

.infobox .shortwrap {
	padding: 10px 10px 5px 10px;
}

.shortwrap .headpic, .newsthumb, .artpic {
	float: left;
	margin-right: 10px;
	border: 1px solid #6e6e6e;
	display: block
}

.headinfo .timebox {
	width: 130px;
	height: 104px;
	position: relative;
}

.headinfo .timebox div {
	position: absolute;
	bottom: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left: 1px solid #fff;
}

#searchbar {
	padding: 0;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 3px 0;
}

.breadcrumb {
	color: #666;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	height: 22px;	
	line-height: 22px;
}

.breadcrumb a {
	color: #666;
}

.breadcrumb a:hover {
	color: #b60a0a;
}

.searchform {
	float: right;
	background: url(../img/bg_search.gif) no-repeat;
	height: 22px;
	width: 238px;
	padding: 0 0 0 1px;
	margin: 0 20px 0 0;
	text-align: left;
	display: inline;
}

#topsearch {
	width: 239px;
	height: 22px;
	border: none;
	padding: 0;
	margin: 0;
}

#topsearch .searchbox {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	height: 18px;
	width: 152px;
	padding-top: 2px;
}

#topsearch .searchsubmit {
	border: none;
	background: none;
	height: 21px;
	width: 86px;
	cursor: pointer;
}

#topnav {
	background: #034CBA;
	padding: 0 10px;
}

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

#topnav ul li {
	display: inline;
	padding: 0 10px;
	margin: 0;
	border-right: 1px solid #fff;
}

#topnav ul li a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
}

#topnav ul li a:hover {
	font-weight: bold;
	color: #B60A0A;
	text-decoration: none;
	line-height: 25px;
}

/* Content classes */

#content {
	border-top: 1px solid rgb(224,224,224);
	margin-top: 15px;
	
}

/* Left sidebar */

.leftbar {
	float: left;
	width: 164px;
	
	height: 100%;
	display: block;
	padding-bottom: 10px;
}

.maincontent {
	float: left;
	width: 554px;
	height: 100%;
	display: block;
}

.rightbar {
	float: right;
	width: 258px;
	height: 100%;
	display: block;
}

.leftmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.leftmenu li {
	background: #7F9DFF;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	border-bottom: 2px solid #fff;
}

.leftmenu li a {
	display: block;
	padding: 5px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
/* [S]
	width: 100%;
*/
}

.leftmenu li a:hover {
	color: #fff;
	background: #b60a0a;
}

.leftmenu .lastitem {	
	border-bottom: 2px solid #999;
}



/******************/

.newsblock, .newsblock2 {		
	padding: 10px 5px;
}

.tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tabs li {
	float: left;
	border: 1px solid rgb(224,224,224);
	border-bottom-width: 0;
	margin: 0;
}

.tabs a {
	text-decoration: underline;
	display: block;
	font-size:12px; 
	/* background: #d1d1d1; */
	color: #071081;
	text-align: left;
	padding: 3px;
}

.tabs a:hover {
	background: #fff;
}

.tabs .lefttitle[class], .tabs .righttitle[class] {
	border-color: rgb(224,224,224);
	margin-right: 3px;
	cursor: move;
}
.tabs .lefttitle, .tabs .righttitle {
	border-color: rgb(224,224,224);
	margin-right: 4px;
	cursor: move;
}
.tabs .lefttitle a[class] {
	position: relative;
	top: 1px;
	font-size:12px;
	background: #fff url(../img/title-arrow.gif) no-repeat 0 3px;
	color: #b60a0a;
	width: 98px;
	display:block;
	float:left;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
}
.tabs .lefttitle a {
	position: relative;
	top: 1px;
	font-size:12px;
	background: #fff url(../img/title-arrow.gif) no-repeat 0 3px;
	color: #b60a0a;
	width: 98px;
	display:block;
	float:left;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
}

.tabs .lefttitle a:hover {
	color: #071081;
	background: #fff url(../img/title-arrow.gif) no-repeat 0 3px;
}

.tabs .righttitle a {
	position: relative;
	top: 1px;
	background: #fff url(../img/title-arrow.gif) no-repeat 0 3px;
	color: #b60a0a;
	width: 192px;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
}

.tabs .righttitle a:hover {
	color: #071081;
	background: #fff url(../img/title-arrow.gif) no-repeat 0 3px;
}

/* Start of Safari Hack for tab width */

html*.tabs .lefttitle a  {

[width: 97px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/

width: 97px;/*Affects Safari for Macintosh only. See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/

]width: 98px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/

}/**/

* html .tabs .lefttitle a {
	width: 97px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}

html*.tabs .righttitle a  {

[width: 191px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/

width: 191px;/*Affects Safari for Macintosh only. See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/

]width: 192px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/

}/**/

* html .tabs .righttitle a {
	width: 191px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC are not affected here, which means purple above should work only in IE 7 above!*/
}

/* End of Safari Hack for tab width */

.tabcontent {
	border: 1px solid rgb(224,224,224);
	clear: both;
	font-size: 11px;
	line-height: 13px;
}

.tabcontent ul {
	margin: 5px;
	padding: 0;
	list-style: none;
}

.tabcontent ul li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #cbcbcb;
}

.tabcontent ul li.lastitem {
	padding-bottom: 0;
	margin-bottom: 5px;
	border: none;
}

.tabcontent ul li a {
	color: #636363;
	font-weight: bold;
}

.tabcontent ul li h3 {
	text-align: center;
	line-height: 16px;
	font-size: 18px;
	margin: 5px 0;
}

.tabcontent ul li h3 a {
	text-decoration: none;
	color: #b60a0a;
}

.tabcontent ul li h3 a:hover {
	text-decoration: none;
	color: #636363;
}


.tabcontent ul li a:hover {
	color: #b60a0a;
}

/* Main content classes */

.maincontent h1 {
	font-size: 20px;
	font-weight: normal;
	color: #b60a0a;
	margin: 0;
	width: 100%;
}

.maincontent h1 a {
	color: #b60a0a;
	text-decoration: none;
}

.maincontent h1 a:hover {
	color: #636363;
}

.maincontent p {
	margin: 0 0 10px 0;
}

.date {
	color: #b60a0a;
}

.toparticle {
	background: #e6e6e6;
	padding: 10px;
	border-bottom: 1px solid rgb(224,224,224);
}

.toparticle2 {
	background: #fff;
	padding: 10px;
}

.artcontent {
	margin: 10px 0;
}

.artoptions {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}

.artoptions li {
	display: inline;
	margin-right: 20px;
	padding-left: 20px;
}

.artoptions .snimku {
	background: url(../img/i_snimku.gif) no-repeat 0 3px;
}

.artoptions .videi {
	background: url(../img/i_videi.gif) no-repeat 0 3px;
}

.artoptions .komentaru {
	background: url(../img/i_komentaru.gif) no-repeat 0 3px;
}

.maincontent h2 {
	font-size: 14px;
	font-weight: bold;
	color: #b60a0a;
	margin: 0;
	background: url(../img/b_vice.gif) no-repeat right;
	border-left: 4px solid #034CBA;
	border-bottom: 4px solid #034CBA;
	padding: 5px;
}

.maincontent h2 a, .maincontent ul li h2 a {
	color: #b60a0a;
	text-decoration: none;
	display: block;
}

.maincontent h2 a:hover, .maincontent ul li h2 a:hover {
	color: #636363;
}

.box2col {
	margin: 20px 10px;
}

.box2col2 {
	margin: 0 10px;
}

.box2container, .box2container2 {
	background: url(../img/greydot.gif) repeat-y center;
	border-bottom: 1px solid rgb(224,224,224);
	font-size: 11px;
	padding: 10px 0;
	width: 100%;
	overflow: hidden;
}
.box3container {
	background: url(../img/greydot.gif) repeat-y center;
	font-size: 11px;
	padding:0;
	width: 100%;
	overflow: hidden;
	margin:20px 0;
}

.boxcontainer {
	font-size: 11px;
	padding: 10px 0;
	width: 100%;
	overflow: hidden;
}

.box2container2 {
	padding-top: 0;
}

.box2container2  h2 {
	margin-bottom: 10px;
}

.boxleft {
	float: left;
	width: 255px;
}

.boxright {
	float: right;
	width: 255px;
}

.boxcontainer ul, .box2container ul, .box2container2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxcontainer ul li, .box2container ul li, .box2container2 ul li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgb(224,224,224);
	overflow: hidden;
	width: 100%;
}

.boxcontainer ul li.lastitem, .box2container ul li.lastitem, .box2container2 ul li.lastitem {
	padding: 0;
	margin: 0;
	border: none;
}

.boxcontainer ul li a, .box2container ul li a, .box2container2 ul li a {
	color: #636363;
	font-weight: bold;
}

.boxcontainer ul li a:hover, .box2container ul li a:hover, .box2container2 ul li a:hover {
	color: #b60a0a;
	font-weight: bold;
}

.ad468 {
	background: #efeae2 url(../img/reklama.gif) no-repeat right;
	text-align: center;
	padding: 4px 0;
	margin: 0 10px;
	border: 1px solid #979797;
}

.artmeta {
	float: left;
	margin-right: 10px;
}

.artmeta img {
	border: 1px solid rgb(224,224,224);
}

.artmeta ul {
	border-bottom: 1px solid #979797;
	padding: 5px 0;
}

.artend {
	overflow: hidden;
	width: 100%;
}

.artendleft {
	float: left;
}

.artendleft ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

.artendleft ul li {
	margin: 0 20px 0 0;
	padding: 0;
	display: inline;
}

.artendright {
	float: right;
	padding: 10px;
	border: 1px solid #034CBA;
	line-height: 20px;
}

.redlink {
	color: #b60a0a;
	text-decoration: none;
}

.redlink:hover {
	color: #071081;
}

.titrubrika {
	padding: 5px 10px 5px 20px;
	background: url(../img/arrow.gif) no-repeat 10px 9px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid rgb(224,224,224);
}

.lightgrey {
	color: #666;
}

.title12 {
	font-weight: bold;
	font-size: 12px;
}

.maincontent h2.nobg {
	background-image: none;
}

.maincontent .boxed {
	border: 1px solid rgb(224,224,224);
	margin-bottom: 15px
}

.boxed p {
	padding: 10px;
	margin: 0;
}

.maincontent .boxed .boxedtitle {
	margin: 0;
	padding: 4px 0;
	border: none;
	background: #7F9DFF;
}

.boxedtitle h3 {
	text-transform: uppercase;
	color: #b60a0a;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 10px;
}

.boxsimple {
	margin: 10px;
}

.maincontent ul li.titleLi {
	border: none;
	margin: 0;
	padding: 0;
	cursor: move
}

.ajaxCont {

}

#tnt_pagination {
	display:block;
	text-align:center;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:5px;
	text-decoration:none;
	background-color:#979797;
	color:#fff;
	width:22px;
}

#tnt_pagination a:hover {
	background-color:#7F9DFF;
	color:#b60a0a;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:5px;
	text-decoration:none;
	background-color:#7F9DFF;
	color:#b60a0a;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:5px;
	text-decoration:none;
	background-color:#eee;
	color:#bbb;
	cursor:default;
}

/* Footer classes */

#footernav {
	background: #034CBA;
	padding: 0 10px;
	font-size: 11px;
}

#footernav ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footernav ul li {
	display: inline;
	padding: 0 10px;
	margin: 0;
	border-right: 1px solid #fff;
}

#footernav ul li.lastitem {	
	padding: 0 0 0 10px;
	border: none;
}

#footernav ul li a {
	color: #fff;
	text-decoration: none;
	line-height: 25px;
}

#footernav ul li a:hover {
	color: #B60A0A;
}

#footercopy {
	margin: 0;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}

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

#footercopy ul li {
	margin: 0;
	margin-left: 15px;
	padding: 0;
	list-style: none;
	float: left;
	display: inline;
}

#footercopy ul li.creator {
	padding: 0;
	margin-right: 15px;
	margin-left: 0;
	list-style: none;
	float: right;
	display: inline;
}

.logosabre {
	display: block;
	width: 174px;
	height: 19px;
	background: url(../img/logo_sabre.gif) no-repeat;
}