@charset "utf-8";
/* CSS Document */

body { background-color:#a2c3cc; background-image:url(images/site-glow.jpg); background-position:top center; background-repeat:repeat-y; font-family: 'Open Sans', Arial, sans-serif; font-size:12px; color:#5b5c5d; position:relative;}
a { text-decoration:none; color:#e4060f;}
a:hover {color:#0d4f97}
p {line-height:18px;}
img {display:block;}
.left {float:left;}
.right {float:right;}

header {margin:auto; width:900px; padding-top:20px;}
.footer-stripe {position:fixed; bottom:0px; left:0px; right:0px; background-image:url(images/footer-stripe.png); background-repeat:no-repeat; background-position:bottom center; z-index:1;}
footer {margin:auto; width:990px; position:relative;}
.picture {width:400px; height:373px; background-image:url(images/vlado-zigrovic.png); background-repeat:no-repeat;}
.hdz {width:93px; height:44px; background-image:url(images/hdz.gif); background-repeat:no-repeat;}
.hdz a {display:block; line-height:44px; text-indent:-9999px;}
.logo {width:330px; height:100px; background-image:url(images/logo.png); background-repeat:no-repeat;}
.logo a {display:block; text-indent: -9999px; line-height:100px;}

h1,h2,h3,h4,h5,h6 {color:#0d4f97; line-height:22px; margin-bottom:10px;}
h1 {font-size:20px;}
h1.title {border-bottom:1px solid #cacccd; padding:5px 0px 15px 0px; margin-bottom:15px;}
h2 {font-size:16px;margin:5px 0px;}
h3, h4, h5, h6 {font-size:14px; margin:5px 0px; padding:5px 0px;}

.top {width:400px;}
.tagline-top, .tagline-bottom {font-size:30px; color:#0d4f97; display:block; line-height:55px;}
.tagline-bottom {position:absolute; bottom:60px; left:30px; color:#fff;}

.page-wrapper { position:fixed; top:140px; bottom:170px; left:0;  right:0; z-index:100;overflow:hidden;}
.page-content { margin:auto; width:900px; position:relative; z-index:100;}

.content{width:600px; position:absolute; top:0; bottom:0px; background-color:#fff;border-bottom:3px solid #abc2db;z-index:100; overflow:hidden;}
aside.column {width:300px; position:absolute; right:0px; top:0px; z-index:100;}

.round-c {-webkit-border-radius: 10px 0px 10px 10px;-moz-border-radius: 10px 0px 10px 10px;border-radius: 10px 0px 10px 10px;}
.round-r {-webkit-border-radius: 0px 10px 0px 10px;-moz-border-radius: 0px 10px 0px 10px;border-radius: 0px 10px 0px 10px;}

span.cat { text-transform:uppercase; font-size:11px; color:#c1c1c1;}

article.page {margin:0px; display:block}
.page-bar {height:48px; min-height:48px; background-image:url(images/bar-back.gif); background-repeat:repeat-x; background-color:#eef4fa; padding:0px 10px; position:absolute; left:0; bottom:0; right:0;}

.read-more {height:24px;  background-image:url(images/btn-back.gif);background-repeat:no-repeat; width:100px; margin:10px 0px 0px 0px; border-radius: 5px; -moz-border-radius:5px;}
.read-more-forward { background-image:url(images/btn-forward.gif); background-position:right;}
.read-more span, .read-more a{color:#fff;line-height:24px; text-transform:uppercase; font-size:10px; padding: 0px 10px 0px 30px; display:block; background-repeat:no-repeat;}
.read-more-forward span, .read-more-forward a { padding:0px 30px 0px 10px;}
.read-more span:hover, .read-more a:hover {color:#c8dce3;}

.read-more a.share { background-image:url(images/ico-link.gif);background-repeat:no-repeat; }
.read-more a.back { background-image:url(images/ico-back.gif);background-repeat:no-repeat; }
.read-more span { background-image:url(images/ico-more.gif);background-repeat:no-repeat; }
.read-more a.forward { background-image:url(images/ico-forward.gif);background-repeat:no-repeat; background-position:right; }

div.panel {position:absolute; padding:20px; margin-bottom:48px; top:0px; bottom:0px; right:0px; left:0px;}

ul.main-menu {display:block; border-bottom:3px solid #abc2db;margin-right:10px;}
ul.main-menu li {min-height:41px;background-image:url(images/main-menu-back.jpg); background-repeat:repeat-x; background-position:left top; background-color:#f3f7fa;}
ul.main-menu li a {line-height:41px; display:block; text-align:center; color:#15559a; font-weight:700; text-transform:uppercase; font-size:14px; text-shadow: 1px 1px #fff;}
ul.main-menu li a:hover {color:#e4060f;}
ul.main-menu li a.active, ul.main-menu li a:hover { background-image:url(images/main-menu-active.jpg); background-position:top left; background-repeat:no-repeat; color:#fff;  text-shadow: 1px 1px #2f65a1; background-color:#4484c1;}
ul.main-menu li:first-child a, ul.main-menu li:first-child {-webkit-border-radius: 0px 10px 0px 0px;-moz-border-radius: 0px 10px 0px 0px;border-radius: 0px 10px 0px 0px;}
ul.main-menu li:last-child a, ul.main-menu li:last-child, ul.main-menu  {-webkit-border-radius: 0px 0px 10px 0px;-moz-border-radius: 0px 0px 10px 0px;border-radius: 0px 0px 10px 0px;}

ul.main-menu li ul {}
ul.main-menu li ul li {height:30px; min-height:30px;}
ul.main-menu li ul li a {line-height:30px; text-indent:15px; font-size:12px; color:#666}

ul.home {display:block; margin:10px; overflow:hidden;}
ul.home li {float:left;width:290px; }
ul.home li a {display:block;color:#5b5c5d; padding:10px;}
ul.home li a:hover {color:#0d4f97;}
ul.home li:first-child {border-bottom:1px dotted #cacccd;}
ul.home li:nth-child(2) {border-bottom:1px dotted #cacccd;}
ul.home li:nth-child(2) a {border-left:1px dotted #cacccd;}
ul.home li:nth-child(4) a {border-left:1px dotted #cacccd;}

table {margin:20px 0px;font-size:11px;}
table thead {text-transform:uppercase; line-height:30px; text-align:left; background-image:url(images/t-head.jpg); background-repeat:repeat-x;}
table thead tr {line-height:18px; height:30px; text-indent:15px; color:#FFF;}
table tr td {line-height:30px; height:20px; text-indent:15px;}
table tfoot {font-size:11px; ; background-color:#abc2db; color:#fff;}
table tfoot tr td{text-align:left; line-height:20px; vertical-align:middle}
table tbody tr td {background-image:url(images/t-second.jpg); background-repeat:repeat-x; background-position:left top; background-color:#fff;}

.date-news { font-size:11px; font-style:italic; line-height:18px; vertical-align:middle;}
article.page { width:530px;}
.big_img { margin-bottom:15px;}

.page-list img { margin-right:15px;}
.page-list li {border-bottom:1px dotted #cacccd; padding-bottom:7px; margin-bottom:7px;}
.page-list a { color:#5b5c5d;}
.page-list a:hover { color:#0d4f97;}

blockquote { font-family:"Times New Roman", Times, serif; font-size:14px; font-style:italic; display:block; padding:10px 10px 10px 30px;}

/* gallery  */
.gallery-wrapp {display:block; position:relative; width:530px; height:142px; overflow:hidden;}
.gallery-slide {width: 20000em; position:absolute;}
.gallery-slide-item {  float:left;}
.gallery-item {width:125px; height:142px; margin-right:11px; float:left; position:relative;}
.gallery-item img { width:125px;}