/* CSS Document */

body{
	padding:11px 0 14px 0;
	margin:0;
	background-color:#EFEFDF;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background:url(../images/header.gif) 0 0 no-repeat;
	width:981px;
	height:274px;
	position:relative;
	margin:0 auto;
}
#header ul{
	background:url(../images/nav_bar.gif) 0 0 no-repeat;
	width:911px;
	height:29px;
	position:absolute;
	left:31px;
	top:6px;
	padding:0 0 0 20px;
}
#header ul li{
	background:url(../images/nav_div.gif) right top no-repeat;
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#header ul li a{
	display:block;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	padding:0 10px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#344A04;
	background-color:inherit;
	text-decoration:none;
}
#header ul li a:hover{
	background:url(../images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#header ul li a.hover{
	display:block;
	background:url(../images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 10px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#header ul li.last{
	background-image:none;
	height:27px;
	float:left;
}
#header img.logo{
	position:absolute;
	left:40px;
	top:38px;
	width:249px;
	height:135px;
}
#header h1{
	background:url(../images/slogan.gif) 0 0 no-repeat;
	width:484px;
	height:32px;
	position:absolute;
	left:411px;
	top:108px;
	text-indent:-10000px;
}
#header p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	position:absolute;
	left:411px;
	top:142px;
}
#header p span.txt1{
	color:#fff;
	background-color:#1E6887;
}
#header img.icon{
	position:absolute;
	left:60px;
	top:190px;
	width:174px;
	height:80px;
}
#header p.topText{
	color:#E8E8E8;
	background-color:inherit;
	position:absolute;
	left:6px;
	top:177px;
	width:588px;
}
#header p.topText span.smallTxt{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#FF9C3A;
	background-color:inherit;
	padding:0 0 0 8px;
}
#header a.readMore{
	display:block;
	background:url(../images/read_more.gif) 0 0 no-repeat;
	width:50px;
	height:38px;
	position:absolute;
	left:895px;
	top:203px;
}
#header a.readMore:hover{
	background:url(../images/read_more_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
/*------------------------------------------------left--------------------*/
#left{
	width:303px;
	float:left;
}

#left2{
	width:250px;
	background:url(../images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#DDDDCA solid 7px;
	margin:0 0 4px 0;
	padding:5px 10px 6px 17px;
	color:#878767;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#left2 p.pic2{
	display:block;
	background:url(../images/lft_pic2.gif) 0 0 no-repeat;
	float:left;
}
#left2 p.boxTxt2{
	float:right;
	padding:0 0 0 5px;
	border-left:#F9F9F1 solid 2px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:250px;
}
#left2 p.boxTxt2 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	margin:0 0 2px 0;
	height:20px;
	display:block;
}
#left2 p.boxTxt2 span img{
	padding:0 0 0 5px;
}
#left a{
	color:#323232;
	background-color:inherit;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
}
#left a:hover{
	color:#878767;
	text-decoration:none;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:670px;
	float:right;
	background-color:#fdfdf7;
	border: 2px solid #d7d7c7;	/*background:url(../images/right_panel_bg.gif) 0 0 repeat-y;*/
	padding-top:5px;
	padding-bottom:5px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
}
#right p.rightTop{
	display:block;
	/*background:url(../images/right_top.gif) 0 0 no-repeat;*/
	width:670px;
	height:26px;
}
#right h2{
	font:bold 25px/20px Arial, Helvetica, sans-serif;
	color:#222222;
	margin:0 0 16px 0;
	padding:0 0 0 10px;
	display:block;
}
#right p{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 10px 10px 10px;
}
#right img.article { 
	padding-top:0px;
	padding-right:10px;
	padding-bottom:5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#right a{
	color:#878767;
	background-color:inherit;
	text-decoration:none;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
#right a:hover{
	color:#323232;
	text-decoration:none;
	font-weight: bold;
}
#right p.rightTxt1 span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
}

#right p.rightPic{
	display:block;
	/*background:url(../images/right_panel_pic.gif) 0 0 no-repeat;*/
	width:166px;
	height:155px;
	float:left;
	margin:0 0 22px 0;
}
#right p.rightBottom{
	display:block;
	/*background:url(../images/right_bottom.gif) 0 0 no-repeat;*/
	width:608px;
	height:20px;
	float:left;
}
#ullista ul{
	padding:0;
	margin:0;
	display:block;
	float:left;
}
#ullista li{
	display:block;
	height:20px;
	line-height:0;
}
#ullista a{
	display:block;
	background:url(../images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
}
#ullista a:hover{
	color:#974D04;
	background:url(../images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:946px;
	background:url(../images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	color:#fff;
	padding:22px 13px 19px 18px;
	margin:0 auto;
}
#news{
	width:341px;
	float:left;
	margin:0 28px 0 0;
}
#news h2{
	display:block;
	background:url(../images/arrow_red.gif) 0 0 no-repeat;
	padding:0 0 0 25px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#news h3{
	display:block;
	background:url(../images/date_bg.gif) 0 0 no-repeat;
	width:331px;
	height:17px;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#F7F7EA;
	background-color:inherit;
	padding:0 0 13px 0;
}
#news p span{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	background-color:inherit;
	text-decoration:underline;
	display:block;
}
#news ul{
	padding:0;
	margin:0;
	display:block;
}
#news ul li{
	display:block;
	height:20px;
	line-height:0;
}
#news ul li a{
	display:block;
	background:url(../images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
}
#news ul li a:hover{
	color:#974D04;
	background:url(../images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}
#service{
	width:338px;
	float:left;
}
#service h2{
	display:block;
	background:url(../images/arrow_red.gif) 0 0 no-repeat;
	padding:0 0 0 24px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#service h3{
	display:block;
	background:url(../images/date_bg.gif) 0 0 no-repeat;
	width:327px;
	height:17px;
	padding:0 0 0 11px;
	margin:0 0 14px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#service ul{
	padding:0;
	margin:0;
	display:block;
}
#service ul li{
	display:block;
	height:20px;
	line-height:0;
}
#service ul li a{
	display:block;
	background:url(../images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
}
#service ul li a:hover{
	color:#974D04;
	background:url(../images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}
#member{
	width:225px;
	float:right;
}
#member h2{
	display:block;
	background:url(../images/member_login_bg.gif) 0 0 no-repeat;
	width:205px;
	height:31px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#member p{
	width:191px;
	background:url(../images/member_form_bg.gif) 0 0 repeat-x #353535;
	padding:9px 17px 24px 17px;
	color:#fff;
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#member form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#member form input.txtBox{
	width:185px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	float:left;
}
#member a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ddddcb;
	text-decoration:none;
}
#member a:hover{
	text-decoration:none;
	color:#b9b99d;
}
#member form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:977px;
	height:125px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#fff;
	position:relative;
}
#footer ul{
	width:650px;
	position:absolute;
	left:11px;
	top:27px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#D4D4C6;
	background-color:#D76E08;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:49px;
	width:650px;
}
#footer a.subscribe{
	background:url(../images/subscribe_icon.gif) 0 2px no-repeat;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:68px;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer a.subscribe:hover{
	color:#9CCC37;
	background-color:inherit;
	text-decoration:none;
}
#footer a.xht{
	width:98px;
	height:20px;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:23px;
}
#footer a.xht:hover{
	background:url(../images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer .cs{
	position:absolute;
	left:656px;
	top:23px;
}

#footer img{

}
#footer p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:85px;
}
#footer p.design a{
	color:#FFFFFF; background-color:inherit; text-decoration:none;
	}
#footer p.design a:hover{
	color:#C5BE25; background-color:inherit;
	}
/*------------------------------------------------footer--------------------*/
.search_page {
	width: 79px;
	height: 17px;
	border: 1px solid #dadbd2;
	padding-top: 2px;
	text-align: center;
	background: url(../images/searchbg.png) repeat-x;
	color: #999999;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.right_page {
	width: 79px;
	height: 17px;
	padding-top: 2px;
	text-align: center;
	color: #000000;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.opis_fajla {
	background-color: #F3F3F3;
	padding-left:15px;
	color:#626262;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
#okvir {
	background-color: #EBEBEB;
	margin: 3px;
	padding: 3px;
	height: 160px;
	width: 160px;
	border: 1px solid #CCCCCC;
	text-align: center;
	display: block;
	float:left;
	vertical-align: middle;
}
td, tr {
	font:normal 12px/12px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
}
/* Form button styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF; 
	border-color: #B6B9BE;
	color: #333333;
}

.inputbox:hover {
	border-color: #4977B2;
}

.inputbox:focus {
	border-color: #4977B2;
	color: #213E75;
}
/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.inputbox:hover {
	border: 1px solid #eaeaea;
}

.inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

input.checkbox {
	width: auto !important;
	background-color: transparent !important;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 110px; }

textarea.inputbox {
	width: 85%;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}

.autowidth {
	width: auto !important;
}
/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url(../images/bg_button.gif);
}

a.button1, input.button1 {
	border-color: #666666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #BC2A4D;
	color: #BC2A4D;
}
/********* prognoza */
.vrpg {
	display:block;
	width:60px;
	float:left;
	text-align:center
}
.vrmax {
	color: #FFFFFF;
	background-color: #ff3366;
}
.vrmin {
	color: #FFFFFF;
	background-color: #6699ff;
}
.contentdate {
	background: #FDFDF7 url(../images/date.gif);
	float: left;
	width: 45px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	}
	
.contentdate h3 {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
        line-height: 12px;
	}
	
.contentdate h4 {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	padding: 4px 4px 0px 0px;
	margin: 0px;
	text-align: center;
	}
a.sport{
	color: #000000;
	text-decoration: underline;
}
a.sport:hover{
	color: #000000;
	text-decoration: none;
}

.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:90%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
.gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:170px;
            margin:0 0 10px 1%; padding:10px 0;
            height:170px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
            background:url(45degree.png);
}
.gallery a,
.gallery img{
              display:block;
            }

a img{ border:none; } /* A small fix */

.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{
	padding:3px;
	width:75px; height:75px;
	position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
	margin:-41px 0 0 -41px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
.gallery a:hover{

}

            /* These are all optional, for decoration purpouses only */
.gallery{
	padding-bottom:10px;
	margin-top:10px;
}
	
/* rater */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #e6102f;
	padding: 8px 8px 4px;
	background: #000;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #000;
}
#pravila_komentara, #forma_vesti{
height: 0.1em;  
overflow:hidden;
visibility: hidden;
}
.pjbra {
	display:block;
	width:180px;
	float:left;
	text-align:left;
}
.pjbrc {
	display:block;
	width:60px;
	float:left;
	text-align:right;
}
.pb1 {
	background-color: #FDFDF7;
	padding-left:3px;
	padding-right:3px;
}
.pb2 {
	padding-left:3px;
	padding-right:3px;
}
#search_box {
    width: 201px;
    height: 31px;
    background: url(../images/bg_search_box.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
    font-size: .8em;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

#info_warn {
	color: #333333;
	background-color: #f0f0cc;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d8d8b4;
	border-bottom-color: #d8d8b4;
}

#info_warn p {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	margin: 0px;
	background-image: url(/images/warning.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}