/*--------------------------------------------------------------
*	Filename:		main.css
*	Description:	Beta Press main layout
*	Client:			Beta Press - www.beta.rs
*	Author:			Ivan Tatic - www.simplifiedstudio.com
*	Optimised for: 	Safari, Firefox 3, IE 7, Opera
*	Version:		1.1 / 08102009
--------------------------------------------------------------*/

/*
Globals resets
---------------------------------*/
body, html{	padding: 0;	margin: 0; font: normal 12px/1.5em Arial, Helvetica, sans-serif;}
p, h1, h2, h3, h4 ,h5, h6{ padding: 0;	margin: 0; font-weight: normal; font-size: 1em;}
sup, sub{ font-size: 7px;}
ul, ol, dl, dt, dd{ list-style: none; padding: 0; margin: 0;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

/*
Layout
---------------------------------*/
body{  background: #f2f2f2;}
#warper{ width: 972px; background: #fff; margin: 0 auto; padding: 0 8px;}
#header{ padding: 0;}
#main{ float: left; width: 656px;}
#sidebar{ float: left; width: 300px; padding-left: 8px; margin-left: 8px; background: url('../images/vertical-border-dotted.png') repeat-y top left;}
	#main hr, #sidebar hr{ border: none; background: #d9d9d9; color: #d9d9d9; margin: 12px 0; height: 1px;}
/*
Header
---------------------------------*/
#header h1 a{ display: block; width: 195px; height: 90px; text-indent: -9999px; background: url('../images/beta-logo.png') no-repeat; float: left;}
#header .ad-holder{ float: right; width: 728px; height: 90px;}
#header .title{ background: #cc0000;}

/*
Submenu
---------------------------------*/
#submenu{ background: url('../images/submenu-dotted-bg.png'); display: block; height: 30px; margin-top: 1px; position: relative; z-index: 99;}
	#submenu p{ font: bold 11px/28px Helvetica, Arial, sans-serif; text-indent: 1em; color: #305872; float: left;}
	
	#submenu a#lang{ 
		font: bold 11px/32px Helvetica, Arial, sans-serif; 
		right: 100px;
		cursor: pointer;
		background: url('../images/arrow-down.png') center right no-repeat;
		padding: 0 24px 0 0;
		z-index: 999;
		color: #305872;
		text-transform: uppercase;
		position: absolute;
	}
	ul.rss-select, ul.lang-select, ul.rssea-select { border: 1px solid #305872;}
	ul.rss-select li, ul.lang-select li, ul.rssea-select li { display: block; height: 20px;}
	ul.rss-select li a, ul.lang-select li a, ul.rssea-select li a { display: block; height: 20px; line-height: 20px; color: #fff; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #c7dbe7; display: block; cursor: pointer; text-indent: 8px;}
		ul.rss-select li a:hover, ul.lang-select li a:hover, ul.rssea-select li a:hover { background: #cc0000;}
		ul.languages { margin: 1px 0; float: right; height: 28px; position: relative; z-index: 9; padding-right: 260px;}
		ul.languages li { float: left; display: block;}
		ul.languages li a {
			float: left;
			display: block;
			font: bold 11px/30px Arial, Helvetica sans-serif;
			height: 28px;
			text-transform: uppercase;
			text-decoration: none;
			color: #305872;
			padding: 0 1.2em;
		}
		ul.languages li a:hover { background: #FFFFFF;}
		ul.languages li a.current{ background: #cc0000;}
	
	#submenu ul.lang-select{ position: absolute; z-index: 999; display: block; background: #305872; color: #fff; right: 100px; top: 25px; width: 120px; font-size: 10px;}		
	#submenu a#rss, #submenu a#rssea{ 
		font: bold 11px/32px Helvetica, Arial, sans-serif; 
		right: 10px;
		cursor: pointer;
		background: url('../images/arrow-down.png') center right no-repeat;
		padding: 0 24px 0 0;
		z-index: 999;
		color: #305872;
		text-transform: uppercase;
		position: absolute;
	}
	#submenu a#rssea{
		right: 84px;
		background-color: #FEF200;
		padding-left: 5px;
		height: 30px;
	}
	#rssea {
		background-color: #FEF200;
	}
	#submenu a#fb{ 
		font: bold 11px/32px Helvetica, Arial, sans-serif; 
		right: 70px;
		cursor: pointer;
		background: url('../images/arrow-down.png') center right no-repeat;
		padding: 0 24px 0 0;
		z-index: 999;
		color: #305872;
		text-transform: uppercase;
		position: absolute;
	}
	#submenu a#rss img,#submenu a#rssea img{ width: 12px; height: 12px; position: absolute; top: 8px; margin-left: -16px;}
	#submenu a#fb img{ width: 20px; height: 20px; position: absolute; top: 6px; margin-left: -16px;}
	#submenu ul.rss-select{ position: absolute; z-index: 999; display: block; background: #305872; color: #fff; right: 10px; top: 25px; width: 100px; font-size: 10px;}
	#submenu ul.rssea-select{ position: absolute; z-index: 999; display: block; background: #305872; color: #fff; right: 84px; top: 25px; width: 100px; font-size: 10px;}
			
/*
Main navigation
---------------------------------*/
ul#navigation{ background: #668ba2; margin: 1px 0; float: left; width: 100%; height: 28px; position: relative; z-index: 9;}
	ul#navigation li{ float: left; display: block;}
	ul#navigation li a{ 
		float: left;
		display: block;
		font: bold 11px/30px Arial, Helvetica sans-serif;
		height: 28px;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		background: #305872;
		padding: 0 0.90em;
		border-right: 1px solid #fff;
	}
	ul#navigation li a:hover{ background: #cc0000; }
	ul#navigation li a.current{ background: #cc0000;}
div#trcko {
	margin: 0; float: left; width: 100%; height: 28px;
	margin-top:10px;margin-bottom:15px!important;margin-bottom:10px;
}
div#belex {
	clear: both;
	margin: 0; float: left; width: 970px; height: 32px;
	margin-bottom:15px!important;margin-bottom:10px;margin-left:0px;
	border:1px solid #305872;
}

#easyticker {overflow: hidden;position:relative;height:30px;background:#c7dbe7;border:1px solid #305872;}			
#easyticker li {display:none;position:absolute;top:0px;left:0px;}
#easyticker li {padding:5px 10px 0 10px}

/*
Category styles
---------------------------------*/
h2.cat-title a{ 
	background: #cc0000 !important;
	display: inline-block;
	color: #fff !important;
	height: 14px;
	padding: 1px 4px;
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 4px 0;
}
	h2.cat-title a:hover{ background: #999 !important;}
.cat-holder{ background: url('../images/horisontal-border-dotted.png') repeat-x bottom left; padding: 0.5em 0; margin-bottom: 1.2em;}
.abox-m{ float: left; width: 232px; margin: 12px 0;}
	.abox-m hr{ border: none; background: url('../images/horisontal-border-dotted.png') repeat-x bottom left; margin: 12px 0;}
.abox{ width: 195px; background: url('../images/vertical-border-dotted.png') repeat-y top right; margin-right: 8px; padding: 8px 8px 8px 0; float: left;}
.abox p {
	margin: 12px 0;
}
	.abox h2, .abox-m h2, .fotke{ font: bold 15px/16px Arial, Helvetica, sans-serif; letter-spacing: -0.03em; margin-bottom: 6px;}
	.abox-m h2{ font-size: 17px; line-height: 17px;}
		.abox h2 a, .abox-m h2 a, .fotke a{ color: #1a648e; text-decoration: none;}
		.abox h2 a:hover, .abox-m h2 a:hover, .fotke a:hover{ color: #cc0000;}
	.abox p, .abox-m p{ font: normal 11px/16px Arial, Helvetica, sans-serif;}	
	.abox-m p{ font-size: 12px; line-height: 17px;}
	.abox p a, .abox-m p a{ color: #cc0000; text-decoration: none;}
		.abox p a:hover, .abox-m p a:hover{text-decoration: underline;}
ul.article-list{ margin-left: 1.6em;}
	ul.article-list li{ list-style-image: url('../images/article-list-arrow.png'); padding: 2px 0;}
	ul.article-list li a, a.rss{ font: normal 12px/16px Arial, sans-serif; text-decoration: none; color: #1a648e;}
		ul.article-list li a:hover, a.rss:hover{ color: #cc0000;}

/*
Sidebar
---------------------------------*/
.boxholder{ border: 8px solid #c7dbe7; padding: 10px;}
.boxholder h2{ font: bold 11px/16px Arial, sans-serif; color: #cc0000; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1em;}
.boxholder h3{ font: bold 15px/16px Arial, sans-serif; color: #305872; margin-bottom: 0.6em;}
	.boxholder h3 a{ color: #305872; text-decoration: none; letter-spacing: -0.03em;}
	.boxholder h3 a:hover{ color: #cc0000;}
h5 a{ color: #305872; text-decoration: none; font-weight: bold;}
h5 a:hover{ text-decoration: underline;}
.boxholder p{ font: normal 11px/16px Arial, Helvetica, sans-serif; color: #474747;}
.boxholder p a{ color: #cc0000; text-decoration: none;}
	.boxholder p a:hover{ text-decoration: underline; }
.boxholder table{ width: 100%;}
	.boxholder table th{ font: bold 11px/25px Arial, Helvetica, sans-serif; color: #305872; text-transform: uppercase; text-align: left; border-bottom: 1px solid #305872; text-indent: 3px;}
	.boxholder table td{ padding: 3px 0; text-transform: uppercase; font: bold 11px/16px Arial, Helvetica, sans-serif; text-indent: 3px; background: url('../images/horisontal-border-dotted.png') bottom left repeat-x; color: #474747; }
	.boxholder table td img{ margin-right: 3px;}
.boxholder h2.radio{ background: url('../images/beta-rfi.png') no-repeat 0 6px; width: 111px; height: 21px; display: block; text-indent: -9999px;}
	.boxholder ul.radio li{ float: left; display: block;}
	.boxholder ul.radio li a{ height: 30px; display: block; font: normal 10px/12px Arial, Helvetica, sans-serif; text-decoration: none; color: #305872;}
		.boxholder ul.radio li a:hover{ text-decoration: underline; color: #cc0000;}
		.boxholder ul.radio li a.mp3{ background: url('../images/winamp.png') no-repeat; padding: 0 6px 0 40px; margin-left: 4px;}
		.boxholder ul.radio li a.wma{ background: url('../images/wmp.png') no-repeat; padding: 0 6px 0 40px;}
.boxholder h2.radiosto{ background: url('../images/radiostoplus.gif') no-repeat 0 6px; width: 111px; height: 21px; display: block; text-indent: -9999px;}
	.boxholder ul.radiosto li{ float: left; display: block;}
	.boxholder ul.radiosto li a{ height: 30px; display: block; font: normal 10px/12px Arial, Helvetica, sans-serif; text-decoration: none; color: #305872;}
		.boxholder ul.radiosto li a:hover{ text-decoration: underline; color: #cc0000;}
		.boxholder ul.radiosto li a.mp3{ background: url('../images/winamp.png') no-repeat; padding: 0 6px 0 40px; margin-left: 4px;}
		.boxholder ul.radiosto li a.wma{ background: url('../images/wmp.png') no-repeat; padding: 0 6px 0 40px;}

.boxholder ul.weather{ padding: 1em 0;}
	.boxholder ul.weather li{ width: 48%; float: left; display: block; font: bold 20px/20px Arial, Helvetica, sans-serif; color: #000; padding: 8px 0;}
	.boxholder ul.weather li ul li{ font: normal 11px/16px Arial, Helvetica, sans-serif; color: #666; display: block; clear: both; width: 100%; padding: 0;}
	.boxholder ul.weather li ul li strong{ color: #000;}
	
.boxholder div.wdiv {
	font: normal 11px/11px Arial, Helvetica, sans-serif; color: #000;
}

.boxholder div.wdiv a{ font: normal 12px/16px Arial, sans-serif; text-decoration: none; color: #1a648e;}
.boxholder div.wdiv a:hover{ color: #cc0000;}

.boxholder ul.archive{ }
	.boxholder ul.archive li{ width: 50%; float: left; display: block;}
	.boxholder ul.archive li a{ float: left; display: block; font: normal 11px/14px Arial, Helvetica, sans-serif; color: #305872; text-decoration: none; background: url('../images/calendar.png') no-repeat; height: 14px; margin: 3px 0; text-indent: 20px;}
	.boxholder ul.archive li a:hover{ color: #cc0000;}
	.boxholder ul.archive li a.jan{ background-position: 0 0;}
	.boxholder ul.archive li a.feb{ background-position: 0 -14px;}
	.boxholder ul.archive li a.mart{ background-position: 0 -28px;}
	.boxholder ul.archive li a.apr{ background-position: 0 -42px;}
	.boxholder ul.archive li a.maj{ background-position: 0 -56px;}
	.boxholder ul.archive li a.jun{ background-position: 0 -70px;}
	.boxholder ul.archive li a.jul{ background-position: 0 -84px;}
	.boxholder ul.archive li a.avg{ background-position: 0 -98px;}
	.boxholder ul.archive li a.sept{ background-position: 0 -112px;}
	.boxholder ul.archive li a.okt{ background-position: 0 -126px;}			
	.boxholder ul.archive li a.nov{ background-position: 0 -140px;}
	.boxholder ul.archive li a.dec{ background-position: 0 -154px;}
	
		
/*
Tabs
----------------------------------*/
.ui-tabs{ margin: 0 0 1.4em 0;} 
.ui-tabs .ui-tabs-nav{
 	display: block;
	float: left;
	padding: 0;
	width: 100%;
	margin: 0 0 1em 0;
	list-style: none;
	border-bottom: 1px solid #c0c0c0;
	font: bold 11px/30px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.ui-tabs .ui-tabs-nav li{
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	height: 26px;
	list-style: none; 
}
.ui-tabs .ui-tabs-nav li a{
	display: block;
	float: left;
	color: #b0b0b0;
	height: 26px;
	text-decoration: none;
	padding: 0 30px;
	margin: 0;
}
	.ui-tabs-nav li a:hover{ color: #cc0000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	background: url('../images/tab-left.png') top left no-repeat;
	padding-left: 2px;
	border-bottom: 1px solid #fff;
	margin: 0 0 -1px -2px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{ color: #000; background: url('../images/tab-right.png') top right no-repeat; }
.ui-tabs .ui-tabs-panel { padding: 0 0 0 0;  display: block; border: 0; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
ul.tab-lists{ padding: 0; margin: 0;}
	ul.tab-lists li{ float: left; display: block; width: 90px; margin: 4px 0;}
	ul.tab-lists li.mid{ margin: 4px 12px;}
	ul.tab-lists li a{ display: block; float: left; text-decoration: none; width: 90px;}
	ul.tab-lists li a img{ padding: 1px; border: 1px solid #ccc; width: 88px; height: 68px;}	
	ul.tab-lists li a span{ display: block; font: bold 10px/13px Arial, Helvetica, sans-serif; text-align: center; color: #305872;}
	ul.tab-lists li a:hover span{ color: #cc0000;}	
	ul.tab-lists li a:hover img{ border-color: #cc0000;}		
	#slider {
	    width: 620px;
	    margin: 0 auto;
	    position: relative;
	}

/*
Homepage slider
----------------------------------*/
#slider{ float: left; width: 408px; padding-right: 8px; background: url('../images/vertical-border-dotted.png') repeat-y top right; margin-right: 8px; margin-bottom: 2em;}
.scroll {
	background: #305872;
	color: #fff;
	height: 276px;
   	position: relative;
	width: 408px;
}
.hide { display: none;}	
.scrollContainer div.panel { width: 300px; padding: 4px 2px 4px 102px; height: 268px; overflow: hidden;}
	.panel h2{ font: bold 18px/18px Arial, Helvetica, sans-serif; margin-top: 4px;}	
	.panel p{ color: #c7dbe7; font: normal 11.44px/16px Arial, Helvetica, sans-serif; margin-top: 8px;}
	.panel a{ color: #fff; text-decoration: none;}
		.panel a:hover{ text-decoration: underline;}
ul.news-scoll {list-style: none; margin: 0; padding: 10px 0; position: absolute; z-index: 100; background: #668ba2; left: 0px; height: 250px; border: 3px solid #305872;}
	ul.news-scoll li { display: block; width: 92px; margin: 3px 0;}
	ul.news-scoll li a { text-decoration: none; display: block; width: 87px; margin: 0 auto;}
	ul.news-scoll li a img { border: 3px solid #305872; width: 70px; height: 50px; margin-left: 4px;}
	ul.news-scoll li a:hover img{ border-color: #cc0000;}
	ul.news-scoll li a.selected{ background: url('../images/slider-arrow.jpg') 100% 50% no-repeat;}
	ul.news-scoll li a.selected img{border: 3px solid #fff;}
	ul.news-scoll li a.selected:hover img{border: 3px solid #fff;}	
.scrollButtons.left { display: none;}
.scrollButtons.right { display: none;}

/*
Forms
---------------------------------*/
form#search{ padding: 0; margin: 4px 0 0 0; position: absolute; right: 10px;}
form#search fieldset{ padding: 0; margin: 0;}
	form#search input.txt{ background: #fff; border: 1px solid #305872; height: 14px; display: block; float: left; font: normal 11px/11px Arial, Helvetica, sans-serif; padding: 4px 2px 0 4px; width: 160px; color: #777;}
	form#search input.btn{ display: inline-block; color: #fff; font-size: 1px; background: url('../images/button-go.png') no-repeat; width: 20px; height: 20px; border: none; float: left; text-indent: -9999px;}

/*
Footer
---------------------------------*/
#footer{ border-top: 1px solid #d9d9d9; clear: both; margin: 1.4em 0 0 0; padding: 1em 0;}
#footer ul{ background: url('../images/footer-logo.png') no-repeat 100% 50%; width: 100%;}
	#footer ul li{ font: bold 11px/16px Arial, Helvetica, sans-serif; color: #ccc; margin: 0 0 0.4em 0;}
	#footer ul li.main a{ font: bold 11px/16px Arial, Helvetica, sans-serif; text-align: center; color: #668ba2; text-transform: uppercase; text-decoration: none; margin: 0 0.5em;}
	#footer ul li.about a{ font: bold 11px/16px Arial, Helvetica, sans-serif; text-align: center; color: #668ba2; text-decoration: none; margin: 0 0.5em;}
		#footer ul li.main a:hover, #footer ul li.about a:hover{ color: #cc0000;}

/* 
Float fixer
----------------------------------*/
.clearfix:after {content: "."; display: block;clear: both; visibility: hidden;	line-height: 0;	height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix {height: 1%;}

/* 
Beta TV Slider
----------------------------------*/
.news_style{ display: none;}
.news_show{ 
	position: absolute;
	overflow: hidden;
	font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	width: 294px;
	height: 195px;
	margin-top: 25px;
	background: #fff;
}
.news_border{
	width: 294px;
	height: 220px;
	background: #668ba2;
	border: 3px solid #668ba2;
	font: normal 11.44px/16px Arial, Helvetica, sans-serif;
}
.news_mark{	font: normal 11.44px/16px Arial, Helvetica, sans-serif;	width: 294px;}
h2.beta-tv-headding{ font: bold 11px/28px Arial, Helvetica, sans-serif; color: #fff; position: absolute; text-transform: uppercase; margin: 0 0 0 10px;}
#count{ position: absolute; top: 0; margin-left: 180px;}
.news_title{
	position: absolute;	
	z-index: 9999;
	width: 280px;
	height: 30px;
	background: url('../images/beta-tv-title.gif');
	margin: 183px 0 0 0;
	display: block;
	padding: 5px 10px;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #fff;
}
.buttondiv{ position: absolute; height: 19px; margin: 5px 0 0 256px; width: 42px;}
	.buttondiv img{ margin-right: 2px; cursor: pointer;}
.news_move{ position: relative;}

/*
Breadcrumbs
---------------------------------*/
ul.breadcrumb{ margin-bottom: 1em;}
	ul.breadcrumb li{ float: left; display: block; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase;  background: #c0c0c0;}
	ul.breadcrumb li span{ padding: 0 8px 0 4px; display: block;}
	ul.breadcrumb li a{ float: left; display: block; background: #cc0000 url('../images/breadcrumb-arrow.gif') center right no-repeat; color: #fff; text-transform: uppercase; text-decoration: none; padding: 0 12px 0 6px;}
	ul.breadcrumb li a.last{ background: #c0c0c0 url('../images/breadcrumb-arrow-last.gif') center right no-repeat; margin-right: 5px;}
	
/*
Full article
---------------------------------*/
p.date{ color: #c0c0c0 !important; font: bold 11px/18px Arial, Helvetica, sans-serif; }
.article-full h2{ color: #1a648e; letter-spacing: -1px; font: bold 24px/24px Arial, Helvetica, sans-serif; margin-bottom: 0.6em;}
.article-full h3{ color: #cc0000; letter-spacing: -1px; font: bold 16px/16px Arial, Helvetica, sans-serif; margin-bottom: 0.6em;}
.article-full p, .article-full li{ color: #373737;}
.article-full p{  padding: 0 0px; font: normal 11.44px/18px Arial, Helvetica, sans-serif;}
.article-full ul{ list-style: square; margin: 0.5em 0 0.5em 2.5em; }
.article-full img{ float: left; padding: 3px; border: 1px solid #e2e2e2; margin: 5px 10px;}

ul.options{ background: url('../images/article-options.png') repeat-x; margin: 2em 0; height: 33px;}
ul.options li{ float: left; display: block;}
ul.options li a{ float: left; display: block; height: 33px; font: normal 11.22px/33px Verdana, Helvetica, sans-serif; color: #cc0000; text-decoration: none; text-indent: 20px; margin: 0 0 0 16px;}
	ul.options li a:hover{ text-decoration: underline;}
	ul.options li a.print{ background: url('../images/options-print.png') no-repeat center left;}
	ul.options li a.share{ background: url('../images/options-send.png') no-repeat center left;}	

.border{ background: url('../images/vertical-border-dotted.png') top left repeat-y;}
.bottom-suggestions h2{ color: #000; font: bold 15px/18px Arial, Helvetica, sans-serif; letter-spacing: -0.05em; text-indent: 10px;}
.articles-box, .bottom-suggestions{ float: left; display: block; width: 50%; padding: 5px 0;}
.articles-box ul.article-list, .bottom-suggestions ul.article-list{ padding: 0 10px;}
.articles-holder{ display: block; width: 100%;}

/*
Pagination
---------------------------------*/
ul#pagination{ float: right; width: 330px;} 
#pagination li{ border:0; margin:0; padding:0; font-size: 11.22px; list-style:none; float: left;}
#pagination a{ border:solid 1px #DDDDDD; margin-right: 2px; float: left;}
#pagination .previous-off, #pagination .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination .next a, #pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
#pagination .active{
	color: #cc0000;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 6px;
}
#pagination a:link, #pagination a:visited {
	color: #1a648e;
	display: block;
	float: left;
	padding: 3px 7px;
	text-decoration: none;
}
#pagination a:hover{ border:solid 1px #999;}

/*
Category
---------------------------------*/
.cat-article-main, .cat-article{ position: relative;}
.cat-article{ margin-bottom: 34px;}
.cat-article-main img, .cat-article img{ float: left; margin: 0 10px 0 0; display: block;}
.cat-article-main p, .cat-article-main h2, .cat-article p, .cat-article h2{ margin-left: 212px;}
.cat-article-main h2{ color: #1a648e; letter-spacing: -1px; font: bold 22px/22px Arial, Helvetica, sans-serif; margin-bottom: 0.6em;}
.cat-article h2{ color: #1a648e; letter-spacing: -1px; font: bold 15px/17px Arial, Helvetica, sans-serif; margin-bottom: 0.2em;}
	.cat-article-main h2 a, .cat-article h2 a{ color: #1a648e; text-decoration: none;}
	.cat-article-main h2 a:hover, .cat-article h2 a:hover{ color: #cc0000;}
.cat-article-main p, .cat-article p{ font: normal 11px/16px Arial, Helvetica, sans-serif;}
.cat-article-main p a, .cat-article p a{ color: #cc0000; text-decoration: none;}
 	.cat-article-main p a:hover, .cat-article p a:hover{text-decoration: underline;}
	
.article-full a{ height: 20px; display: block; font: normal 12px/14px Arial, Helvetica, sans-serif; text-decoration: none; color: #305872;}
		.article-full a:hover{ text-decoration: underline; color: #cc0000;}
		
.cat-article-main-lan, .cat-article-lan{ position: relative;}
.cat-article-lan{ margin-bottom: 34px;}
.cat-article-main-lan img, .cat-article-lan img{ float: left; margin: 0 10px 0 0; display: block;}
.cat-article-main-lan p, .cat-article-main-lan h2, .cat-article-lan p, .cat-article-lan h2{ margin-left: 0px;}
.cat-article-main-lan h2{ color: #1a648e; letter-spacing: -1px; font: bold 22px/22px Arial, Helvetica, sans-serif; margin-bottom: 0.6em;}
.cat-article-lan h2{ color: #1a648e; letter-spacing: -1px; font: bold 15px/17px Arial, Helvetica, sans-serif; margin-bottom: 0.2em;}
	.cat-article-main-lan h2 a, .cat-article-lan h2 a{ color: #1a648e; text-decoration: none;}
	.cat-article-main-lan h2 a:hover, .cat-article-lan h2 a:hover{ color: #cc0000;}
.cat-article-main-lan p, .cat-article-lan p{ font: normal 11px/16px Arial, Helvetica, sans-serif;}
.cat-article-main-lan p a, .cat-article-lan p a{ color: #cc0000; text-decoration: none;}
 	.cat-article-main-lan p a:hover, .cat-article-lan p a:hover{text-decoration: underline;}
	
	#footer h2.sig{ color: #c0c0c0; font-size: 11px; margin: 1.4em 0 0 0.4em;}
		#footer h2.sig a{ color: #808080; text-decoration: none; border-bottom: 1px dotted #d0d0d0;}
			#footer h2.sig a:hover{ border-bottom: 1px solid #999;}
			
.downloadblock {
	border: 1px dotted #305872;
	background-color: #c7dbe7;
}

.fbox-m {
	width:200px;
	margin-right: 15px;
}

.fbox-m h2 {
	font: bold 15px/16px;
	margin-bottom: -5px;
	font-size: 15px;
}

div.rssblock p, div.rssblock div, div.rssblock {
  font: 11px/16px Arial,Helvetica,sans-serif;
}

div.green {
	border-color: #d4da67;
	border: 4px solid #d4da67;
	float: right;
	margin-bottom: 14px;
}

div.yellow {
	/*border-color: #fde92a;
	border: 4px solid #fde92a;*/
	border-color: #c1c1c1;
	border: 4px solid #c1c1c1;
	float: right;
	margin-bottom: 14px;
	padding: 0px;
}

div.gray {
	/*border-color: #c1c1c1;
	border: 4px solid #c1c1c1;*/
	border-color: #668ba2;
	border: 4px solid #668ba2;
	float: right;
	margin-bottom: 14px;
}

div.rssblock a.rss {
	margin-top: 5px;
	float: left;
	display: block;
}

div.rssblock a.vise {
	color: #CC0000;
	text-decoration: none;
}

div.rssblock a.vise:hover {
	color: #CC0000;
	text-decoration: underline;
}

div.green img.bulet, div.yellow img.bulet, div.gray img.bulet {
	margin: 0;
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
}

div.green img.logozs, div.yellow img.logoeu, div.gray img.logooms {
	clear: both;
}

div.yellow p, div.yellow a {
	margin-left: 10px;
	margin-right: 10px;
}

div.yellow a.vise {
	margin-top: 10px;
	margin-bottom: 10px;
}