/* HTML ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

* {margin: 0;padding: 0;}
body, p, ul, li, ul li p, ol li p, img, form, fieldset, input, text-area, select, button {margin:0; padding:0; border:0}
body {background:#29507a url(/img/body.jpg) no-repeat scroll center top;color:#15283e;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:150%;}
form, input, textarea, select {color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:14px;}
input, textarea, select {background-color:#FFFFFF;}

h1, h2, h3, h4, h5, h6 {color:#15283e;font-weight:normal;line-height:110%;margin:0 0 10px;}
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px; font-weight: bold}
h6 {font-size: 14px; font-weight: bold}
p {padding-bottom:10px;}
ul, ol {margin: 0 0 10px 10px;}
ul li {line-height:180%;margin:0 0 0 10px;}
ol li {line-height:180%;list-style-type: decimal; margin:0 0 0 10px;}

#facebook a{ background: url(/img/icons/facebook.png) left top; width:30px; height:30px; position:absolute; left:650px; top:9px;}
#facebook a:hover{ background: url(/img/icons/facebook.png) left bottom;}

#twitter a{ background: url(/img/icons/twitter.png) left top; width:30px; height:30px; position:absolute; left:690px; top:9px;}
#twitter a:hover{ background: url(/img/icons/twitter.png) left bottom;}

#youtube a{ background: url(/img/icons/youtube.png) left top; width:30px; height:30px; position:absolute; left:730px; top:9px;}
#youtube a:hover{ background: url(/img/icons/youtube.png) left bottom;}

#instagram a{ background: url(/img/icons/instagram.png) left top; width:30px; height:30px; position:absolute; left:770px; top:9px;}
#instagram a:hover{ background: url(/img/icons/instagram.png) left bottom;}


.bilbord{margin:0 auto; width:996px; width:994px; clear: both;}

.left {float: left;}
.right {float: right;}
img.left {float: left;margin: 0 10px 0 0;}
img.right {float: right;margin: 0 0 0 10px;}
.nom {margin:0 !important;}
.nop {padding:0 !important;}
.clear {clear:both !important;}
.hide {display:none !important;}
.image-box-center {margin:0 auto 15px; float: none; border:1px solid #fff; padding:0;}
.image-box-right {margin:0 0 15px 20px; float: right;  border:1px solid #fff; padding:0;}
.image-box-left {margin:0 20px 15px 0; float: left;  border:1px solid #fff; padding:0;}
.download{padding-left:32px; background:url(/img/icons/download.gif) left top no-repeat; padding-top:5px;}
.download a{color:#15283e; font-weight:bold; font-style:italic;}
.dateBox{background:#15283E; color:#fff; font-size:17px; font-weight:bold; line-height:120%; padding:3px 6px; margin-bottom:10px; float:left;}
.timeBox{font-weight:bold; line-height:120%; font-size:17px; display:block; margin-bottom:10px; margin-left:-20px; background:url(/img/time.png) left top no-repeat; padding:0 20px; clear:both;}
.write{background: url("/img/buttons/more.png") no-repeat scroll left top transparent;color: #FFFFFF;font-size: 16px;font-weight: bold;line-height: 100%;padding: 9px 0;text-align: center;width: 105px; float:left;}
.write:hover{text-decoration:none;}
.arrow li{ background: url("/img/arrows/arrow.png") no-repeat scroll left top transparent;border: medium none;margin: 0;padding: 0 0 0 20px; list-style:none;}
.panelBox{background:url("/img/dividers/divider.png") no-repeat scroll left bottom transparent;margin-bottom:20px;padding-bottom:20px;}
/* @end */

/*----- Easy Clearing ------*/

.fix:after {clear:both;content:'[.]';display:block;height:0;visibility:hidden;}
.fix {display:inline-block;}
.fix {display:block;}

/*----- Link ------*/

a{color:#789ec9;text-decoration: none;outline: none;}
a:hover {text-decoration: underline;}

/* LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#container{margin:0 auto;width:996px;}
#header {height:116px; position:relative}
#main {padding:4px 0 13px;}
#footer {background:url(/img/footer.png) repeat-x left bottom;height:126px; width:100%}
#footer #container{position:relative; width:980px;}
#footer .footerLogo{background:url(/img/footerLogo.png) left top no-repeat; width:173px; height:71px; position:absolute; top:7px; left:-5px;}
#columnLeft {float:left;width:316px;}
#content {float:right;position:relative;width:656px;}
#columnRight {display: none;}

.content{background:url(/img/content.png) left top repeat-y; padding:70px 28px 0;}
.contentTop{ background:url(/img/contentTop.png) left top no-repeat; height:17px;}
.contentBottom{background:url(/img/contentBottom.png) left bottom no-repeat; height:17px;}
/* @end */

/* LOGO
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

h1.logo, div.logo{left:0;margin:0;position:absolute;top:0px;}
h1.logo a, div.logo a{background:transparent url(/img/logo.png) no-repeat top left;cursor:pointer;display:block;width:280px; height:115px;text-indent:-2000px}

/* @end */

/* LINKOVI SA GODINAMA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.linksDiv {position:absolute; right:360px; top: 9px;}
.linksDiv a {background:url(/img/linksBgrd.png) left top no-repeat; width:50px; height:30px; display:block; float:left; font-size:16px; color:#FFFFFF; text-align:center; line-height:30px; margin-right:5px;}
.linksDiv a:hover {text-decoration:none;}
.linksDiv a.current {background-position: left bottom;}

/* SEARCH FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

form.searchForm  {top:9px;position:absolute;right:8px;width:180px;}
fieldset.searchFieldset {width: 180px;}
fieldset.searchFieldset input.searchInput{background:transparent url(/img/search/search.png) no-repeat scroll 0 0; float:left;padding:7px 10px;width:130px; color:#fff;}
fieldset.searchFieldset button.searchButton {background:transparent url(/img/search/search.png) no-repeat scroll right top;cursor:pointer; float:left;height:30px;text-indent:-9999px;width:30px;}
fieldset.searchFieldset button.searchButton:hover {background:transparent url(/img/search/search.png) no-repeat scroll right bottom;}

/* @end */

/* PATH
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#path a {color: #999999;font-weight: bold;text-decoration: none;}

/* @end */

/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer .footerMenu{ margin:7px 0 10px;}
#footer .footerMenu .menuTop{background:url(/img/footerMenuTop.png) left top no-repeat; width:10px;height:29px; float:left;}
#footer .footerMenu .menuBottom{background:url(/img/footerMenuBottom.png) left top no-repeat; width:10px;height:29px; float:right;}
#footer .footerMenu .menuCenter{background:url(/img/footerMenuCenter.png) left top repeat-x;height:29px; float:left;}
#footer .footerMenu ul{margin:9px 5px 0 5px;}
#footer .footerMenu ul li{ list-style:none; float:left; margin:0 10px 0 0; padding:0 10px 0 0; background:url(/img/dividers/dividerFooter.gif) right top no-repeat; font-size:11px; line-height:100%;}
#footer .footerMenu ul li.last{margin:0; padding:0; background:none;}
#footer .footerMenu ul li a{color:#6985a5;}
#footer p.copy {color:#789ec9;float:right;font-size:12px;width:400px; padding:0; text-align:right;}
#footer p.power {color:#789ec9;float:right;font-size:12px;width:340px;text-align:right; padding:0; clear:both;}

/* @end */

/* PRINT PAGE & SEND MAIL TO FRIEND
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a.printPage{background:transparent url(/img/icons/print.png) no-repeat left top;display:block;height:34px;position:absolute;right:157px ;text-indent:-2000px;top:15px;width:34px;}
a.mailFriend{background:transparent url(/img/icons/mail.png) no-repeat left top;display:block;height:34px;position:absolute;right:192px ;text-indent:-2000px;top:15px;width:34px;}
a.printPageWindow{display:none}

/* @end */

/* INCREASE FONT, DECREASE FONT, RESET FONT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a.increaseFont{background:transparent url(/img/icons/font/increaseFont.png) no-repeat left top;display:block;height:34px;position:absolute;right:50px;text-indent:-2000px;top:15px;width:34px;}
a.resetFont{background:transparent url(/img/icons/font/resetFont.png) no-repeat left top;display:block;height:34px;position:absolute;right:86px;text-indent:-2000px;top:15px;width:34px;}
a.decreaseFont{background:transparent url(/img/icons/font/decreaseFont.png) no-repeat left top;display:block;height:34px;position:absolute;right:122px;text-indent:-2000px;top:15px;width:34px;}


span.box-title{background:transparent url(/img/icons/share.png) no-repeat left top;display:block;height:34px;position:absolute;right:14px;top:15px;width:34px; cursor:pointer;}
ul.socialBox{background:url(/img/icons/socialBox.png) left top no-repeat;height: 23px;list-style: none outside none;margin: 0;padding: 0;position: absolute;right: 14px;top: 48px;width: 118px; padding:10px 6px 0 7px;}
ul.socialBox li{margin:0 2px 0 0; float:left; text-indent:-9999px; width:18px; height:17px;}
ul.socialBox li.social-myspace{margin:0;}
ul.socialBox li a{cursor:pointer; display:block;width:18px; height:17px; float:left;}
/* @end */

/* THUMBS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a.smallThumb {display:block;float:left;margin-right:20px;width: 124px; text-align:center}
a.mediumThumb {display:block;float:left;margin-right:10px;}
a.largeThumb {display:block;float:left;margin-right:20px;width:204px; text-align:center}
.centerHVGalleryMLS {display: table-cell;text-align: center;vertical-align: middle;height: 126px;width: 136px;background:url(/img/msBgrd.png) left top no-repeat;}
.centerHVGalleryMLS * {vertical-align: middle;}


/* @end */

/* HREF BUTTON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a.button {background: transparent url(/img/buttons/href_Button_Left.png) no-repeat left top;display: block;font: normal 12px Arial, Helvetica, sans-serif;height: 28px; line-height: 20px; /* (27+4+4=35px) */ margin:15px 0 0;padding:0 0 0 15px;text-decoration: none;}
a:link.button, a:visited.button, a:active.button {color: #003570;text-decoration:none}
a.button span {background: transparent url(/img/buttons/href_Button_Right.png) no-repeat right top;display: block;padding: 4px 15px 4px 0}
a.button:hover {background-position: left bottom;}
a.button:hover span {background-position:right bottom;color: #000000;}

/* @end */

/* HREF MORE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a.more{ background: url("/img/buttons/more.png") no-repeat scroll left top transparent;color: #FFFFFF;font-size: 16px;font-weight: bold;line-height: 100%;padding: 8px 0;text-align: center;width: 105px;}
a.more:hover{text-decoration:none;}

/* @end */

/* TABLE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

table{border-collapse:collapse;border-left:1px solid #e9e9e9;color:#000000;margin:0 0 10px;text-align:left;width:100%;}
table thead tr td, table thead tr td th{background-color:#29507a;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;color:#FFFFFF;font-size:13px;font-weight:bold;padding:8px;}
table tbody tr td{background-color:#fff;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;padding:8px;}
table tbody tr th{background-color:#6f9cce;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;color:#FFFFFF;font-weight:bold;padding:8px;}

/* @end */

.content h1.pageTitle{background:url(/img/titleBgrd.png) left top no-repeat; position:absolute; top:0; padding:0 0 0 13px; color:#fff; text-transform:uppercase; font-size:15px; line-height:100%; margin:0;height:35px;}
.content h1.pageTitle span{background:url(/img/titleRightBgrd.png) right top no-repeat; padding:9px 23px 10px 0; display:block; height:35px;}

h2.dan{background:url(/img/danBgrd.png) left top no-repeat; font-size:56px; text-transform:uppercase; margin: 0 auto;padding: 10px 0 30px;text-align: center;width: 186px; margin-bottom:20px;}
.panel{background:url(/img/panel.png) left top no-repeat; padding:11px 25px 20px 24px; margin-left:-28px;font-size:17px; line-height:120%; color:#fff; font-weight:bold; width:250px; margin-bottom:12px;}
span.date{font-weight:bold; line-height:120%; font-size:17px; display:block; margin-bottom:10px; margin-left:-20px; background:url(/img/time.png) left top no-repeat; padding:0 20px;}
h3.titlePanel{ font-size:17px; font-weight:bold; line-height:120%; margin-left:20px;}
h3.titlePanel a{color:#15283e;}
.agenda .storyBrowser{ background: url(/img/arrows/arrow.png) left top no-repeat;border: medium none;margin: 0;padding: 0 0 0 20px;}
.agenda .storyBrowser h2{float:left; font-size:13px; font-weight:bold; line-height:150%; margin:0;}
.agenda .storyBrowser h2 a{color:#15283e;}
.agenda .storyBrowser p{padding-bottom:5px;}
a.readmore{font-size:18px; color:#5489c5; font-weight:bold; line-height:100%; background:url(/img/buttons/moreButton.png) left top no-repeat; padding:15px 12px; margin:5px 0 10px;}
a.readmore:hover{text-decoration:none;}
.agenda{background:url(/img/dividers/divider.png) left bottom no-repeat; padding-bottom:12px; margin-bottom:20px; margin-left:20px;}
.lastAgenda{background:none;}

#columnLeft .baners{margin-bottom:5px;}
#columnLeft .contentHome{ float:left; width:316px; display:block;}
#columnLeft .freeTop{background:url(/img/programTop.png) left top no-repeat; height:35px; position:relative;}
#columnLeft .freeTop h1.pageTitle {background: url("/img/titleBgrd.png") no-repeat scroll left top transparent;color: #FFFFFF;font-size: 15px;height: 35px;left: 23px;line-height: 100%;margin: 0;padding: 0 0 0 13px;position: absolute;text-transform: uppercase;top: 0;}
#columnLeft .freeTop h1.pageTitle span {background: url("/img/titleRightBgrd.png") no-repeat scroll right top transparent;display: block;height: 35px;padding: 9px 23px 10px 0;}
#columnLeft .freeCenter{background: url("/img/sideBar/sidebar.png") repeat-y scroll left top transparent;}
#columnLeft .freeCenter .satnica {padding:10px 28px 17px; background:url(/img/dividers/dividerSideBar.png) left bottom no-repeat; margin-left:8px;}
#columnLeft .freeCenter .satnica p{font-size:11px; padding:0;}
#columnLeft .freeCenter .satnica h2{font-size:13px; line-height:150%; font-weight:bold; color:#15283E; margin:0;}
#columnLeft .freeCenter .satnica h2 a{color:#15283E;}
#columnLeft .freeCenter .last{background:none;}
#columnLeft .freeCenter a.about {background: url("/img/about.png") no-repeat scroll left top transparent;color: #5489C5;float: right;
font-size: 15px;font-weight: bold;padding: 14px 21px;text-align: center; margin-right:28px;}
#columnLeft .freeCenter a.about:hover{text-decoration:none;}
#columnLeft .freeBottom{background: url("/img/sideBar/sidebarBottom.png") no-repeat scroll left bottom transparent;height: 17px;margin-bottom: 5px;}


.bannerH {
	display: block;
	width: 468px;
	height: 60px; 
	float: right;
	margin-top: 64px;
	margin-right: 8px;
}




















