/***************************************************
                     INTERFEJS
			  made by www.krojac.com
***************************************************/
*{
	margin: 0;
	padding: 0;
	border: none;
}

html, body{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #FFF;
	height: 100%;
	text-align: justify;
	background-image: url(../pic/holder-background-bg-more.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/***************************************************
			      Global design
***************************************************/	

.clearing { height: 0; width:100%;display: inline; clear: both; overflow:hidden; }  
.hidden{overflow: hidden;visibility: hidden;}

p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

a,a.link-main, a.link-gray{
	color: #11B1DC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a.link-gray{
	color: #FF9900;
}

a:hover{
	color: #999999;
}

a.link-gray:hover{
	color: #999999;
	text-decoration: underline;
}

a.link-main{
	color: #0099CC;
	font-size: 16px;
}

a.link-main:hover{
	color: #999999;
}

#head{
	position: relative;
	/*float: left;*/
	width: 1000px;
	height: 218px;
	margin: 0 auto;
	/*background: #333;*/
	z-index: 9997;
}

#logo{
	position: absolute;
	width: 251px;
	height: 172px;
	top: 0px;
	left: 16px;
	z-index: 10;
}

html>body #logo{
	background: url(../images/logo-bg.png) top left no-repeat;
}/* Mozilla, Opera, IE7+ */

.logo{
	position: absolute;
	top: 2px;
	left: 55px;
}

/***************************************************
			    Main containers
***************************************************/
#holder-background, #background{
	position: absolute;
	width: 1000px;
	height: 295px;
	top: 0;
	left: 0px;
	overflow: hidden;
	z-index: 99;
}

#holder-background{
	background: url(../pic/holder-background-bg21.jpg) no-repeat left top;
}

#background{
	width: 2203px;
	z-index: 99;
}

html>body #background{
	background: url(../pic/background-bg1.png) repeat-x left top;
}/* Mozilla, Opera, IE7+ */

#container{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	height: 100%;
	overflow: visible;/* Mozilla, Opera */
}

#holder{
	position: relative;
	float: left;/* Mozilla, Opera */
	width: 980px;
	left: 10px;
	background-color: #FFF;
	padding-bottom: 20px;
}

#holder-left, .holder-left{
	position: relative;
	float: left;
	width: 230px;
	padding-top: 25px;
}

.holder-left{
	width: 255px;
	padding-top: 0px;
}

#holder-right, .holder-right{
	position: relative;
	float: right;
	width: 180px;
	padding: 25px 0 0 0;
}

.holder-right{
	width: 400px;
	padding: 5px 0 0 0;
}

#holder-content{
	position: relative;
	float: left;
	width: 485px;
	padding: 25px 20px 20px;
	background: #F4F4F3 url(../pic/holder-content-bg.jpg) no-repeat left bottom;
	margin-left: 24px;
	_margin-left:8px;

}

/***************************************************
				   HOLDERS
***************************************************/	

.holder-content, .holder-content-line, .holder-content-box, .holder-content-search{
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}

.holder-content-line{
	background: url(../pic/line.gif) bottom left repeat-x;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.holder-content-box{
	padding: 15px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	width:455px;
}

.holder-content-search{
	padding: 0px;
	line-height: 25px;
}

.holder-content-search-number{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #CCCCCC;
	position: relative;
	float: left;
	padding-right: 10px;
}

.holder-banners, .holder-banners-sponzor,.holder-banners-prazni{
	position: relative;
	float: left;
	padding: 2px 16px 2px 2px;
	background: #FFF url(../pic/reklama-bg.png) no-repeat right 16px;
	border: 1px solid #E4E4E4;
	margin-bottom: 15px;
	margin-top: 10px;
}

.holder-banners-sponzor{
	background: #FFF url(../pic/sponsor-bg.png) no-repeat right 16px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 2px 16px 2px 2px;
	_padding-bottom:0px;
}

.holder-banners-prazni{
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 2px 2px 2px 2px;
	_padding-bottom:0px;
	background-image: none;
}

.holder-banners2{
	position: relative;
	float: left;
	margin: 20px 12px 0 0;
}

#announcement{
	position: absolute;
	top: 42px;
	left: 671px;
	width: 454px;
	height: 104px;
}

html>body #announcement{
	background: url(../pic/announcement-bg1.png) top left no-repeat;
}/* Mozilla, Opera, IE7+ */

#top-banner{
	position: absolute;
	top: 152px;
	left: 272px;
	width: 728px;
	height: 90px;
}

.holdervirus{
	position: absolute;
	top: 18px;
	left: 112px;
	width: 373px;
	height: 231px;
	color: #333333;
}

.holdervirus2{
	position: absolute;
	top: 246px;
	left: -5px;
	width: 328px;
	height: 96px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
}


#announcement p{
	padding: 20px 20px 5px 20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

#search{
	position: absolute;
	top: 185px;
	*top: 262px;
	_top: 259px;
	right: 5px;
	z-index: 9999;
	width: 186px;
}

.search-input{
	position: relative;
	width: 159px;
	height: 26px;
	background: #A1D0E5;
	color: #FFFFFF;
	padding-left: 5px;
	font-size: 11px;
	_margin-top: 3px;
	_line-height:26px;
	border-top: 1px solid #84A5BE;
	border-right: 1px none #84A5BE;
	border-bottom: 1px solid #84A5BE;
	border-left: 1px solid #84A5BE;
	
}

html[xmlns] .search-input {padding-top: 6px; height: 20px;}

.search-button{
	position: relative;
	width: 26px;
	background: #A1D0E5 url(../pic/buttonsearch.png) no-repeat;
	cursor: pointer;
	height: 28px;
}


#search a{
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}

#search a:hover{
	color: #FFF;
}

a.holder-image, a.holder-image-right{
	position: relative;
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 2px;
	border: 1px solid #CCC;
}

a.holder-image-right{
	float: right;
	margin: 5px 0 5px 10px;
}

a.holder-image:hover, a.holder-image-right:hover{
	border: 1px solid #999999;
}

.holder-image-archive{
	margin-left: 15px;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 180px;
}


/***************************************************
				      FORMS
***************************************************/

form{
	margin: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#736656;
}

.form-text{
	padding-left: 5px;
	line-height: 33px;
}

label, .label{
	width:80px;
	display:block;
	float:left;
	line-height: 28px;
	padding-right: 4px;

}

.label{
	width:120px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	line-height: 34px;
	font-weight: bold;
}

.textbox{
	width:150px;
	line-height:20px;
	background-color: #F9F9F9;
	height: 20px;
	float: left;
	border: 1px solid #E4E4E4;
	padding-bottom: 2px;
	margin-top: 2px;
	padding-left: 2px;
}

textarea{
	width:300px;
	background-color: #F9F9F9;
	height: 150px;
	float: left;
	border: 1px solid #E4E4E4;
	padding-bottom: 2px;
	margin-top: 2px;
	padding-left: 2px;
}

.button-form{
	color: #666666;
	height: 24px;
	width: 102px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	background-image: url(../pic/dugme.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	font-weight: bold;
	background-color: #FFFFFF;
}


.holder-form-height, .holder-form, .holder-form-height170px, .holder-form-color{
	width:100%;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.holder-form-height170px{width:170px;}

.holder-form{height: 28px;}

.error{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	position: absolute;
	top: 6px;
	right: 171px;
}

/***************************************************
			   PAGE NAVIGATION
***************************************************/

.page-nav-holder{
	float: left;
	position: relative;
	width: 485px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #CCCCCC;
	padding-top: 15px;
}

.page-nav-right, .page-nav-left{
	float: right;
	position: relative;
	width: 180px;
	color: #999999;
	font-size: 10px;
}

.page-nav-left{
	float: left;
	padding-top: 5px;
}

a.page-nav-link{
	color: #11B1DC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 25px;
	padding-right: 2px;
}

a.page-nav-link:hover{color: #666666;}

.page-nav-link-active{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}


/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
}

h1{
	padding: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #208FC6;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}

h1 span{
	font: 11px Arial, Helvetica, sans-serif;
	color: #999999;
}


h2{
	margin: 0px 0 10px 0;
	font: 20px Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom: 1px solid #E6E6E6;
}

h2 span{
	font: 16px Arial, Helvetica, sans-serif;
	color: #A1D0E5;
}


h3{
	font: 17px Arial, Helvetica, sans-serif;
	color: #666;
	padding-bottom: 5px;
}

h4{
	margin: 0px 0 10px 0;
	font: 20px Arial, Helvetica, sans-serif;
	color: #11B1DC;
	border-bottom: 1px solid #E6E6E6;
}

h4 span{
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
}

ul.vote{
	padding: 0;
}

.vote li{
	padding: 2px 0;
	list-style-position: inside;
	list-style-image: url(../pic/vote-bg.png);
}

.vote a{
	font: 12px Arial, Helvetica, sans-serif;
	color: #6BB6D6;
}

.vote-holder{
	background-color: #D8ECF3;
	padding: 3px;
	position: relative;
	margin-bottom: 3px;
	margin-top: 1px;
	display: block;
}

.vote-holder-result{
	position: absolute;
	top: 3px;
	right: 3px;
}

ol{
	list-style-position: inside;/* Opera */
	margin-bottom: 0px;
}

ol li{
	line-height: 15px;
	font-size: 11px;
	color: #999999;
}

.subtitle{
	display: block;
	padding: 5px 0 10px 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999;
}

.text{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.date, .rss{
	position: absolute;
	top: 24px;
	right: 0;
	font: 14px Arial, Helvetica, sans-serif;
	color: #009DC3;
	z-index: 99;
}

.rss a{
	font: 14px Arial, Helvetica, sans-serif;
	color: #E97D0F;
}

.rss a:hover{
	color: #333;
}

.date-news{
	float: left;
	margin-right: 5px;
	height: 55px;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 5px;
	background-image: url(../pic/background-date.gif);
}

.category{
	position: absolute;
	display: block;
	bottom: -10px;
	right: 30px;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #009DC3;
	background: #F4F4F3;
	text-align: center;
}

.category:hover{
	color: #333;
}

/***************************************************
			        FOOTER
***************************************************/

#footer{
	position: relative;
	float: left;
	width: 980px;
	left: 10px;
	margin: 15px 0 10;
	padding: 5px 0;
	border-top: 3px solid #F0F0EF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

#FooterOne{
	position: relative;
	float: left;
	width: 400px;
	color: #999999;
}

#FooterTwo{
	position: relative;
	float: right;
	width: 400px;
	text-align: right;/* Opera */
	padding-top: 15px;
}

a.krojac{
	color: #FF8635;
	text-decoration: none;
	font-size: 10px;
}

a.krojac:hover{
	text-decoration: underline;
}

/***************************************************
			   PAGE NAVIGATION
***************************************************/

#page-nav-holder{
	position: absolute;
	width: 980px;
	height: 36px;
	bottom: 0px;
	left: 10px;
	/*overflow: hidden;*/
	z-index: 9998;
}

html>body #page-nav-holder{
	background: url(../pic/page-nav-holder-bg1.png) top left repeat-x;
}

/***************************************************
				       MENU
***************************************************/

#nav-menu{
	position: absolute;
	top: 0;
}

#nav-menu li{
	position: relative;
	float: left;
	list-style-type: none;
}

#nav-menu a{
	display: block;
	width: 82px;
	height: 36px;
	font: 13px/34px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	background-image: url(../pic/nav-button.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#nav-menu a:hover{
	background: url(../pic/nav-button-on.jpg) no-repeat left center;
	color: #67B8CF;
}


body#home a#home_link, body#news a#news_link, body#download a#download_link, body#archive a#archive_link, body#home a#home_link{
	background: url(../pic/nav-button-on.jpg) no-repeat left center;
	color: #67B8CF;
}

#top-menu{
	position: absolute;
	top: 0px;
	right: 0px;
	color: #FFF;
	z-index: 10000;
	background-color: #333;
	padding: 5px 0;
}

#top-menu li{
	position: relative;
	float: left;
	list-style: none;
}

#top-menu li a{
	position: relative;
	text-transform: lowercase;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

#top-menu li a:hover, #top-menu li a.selected{
	color: #CAD163;
}