html {
height:100%;
background-color: white;
color:black;
margin:0;
padding:0;
}

body {
text-align:center; /* for IE */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
height:100%;
margin:0;
padding:0;
}

/* TinyMCE specific rules */
body.mceContentBody {
text-align: left;
}

img {
border:0;
}

p {
margin:0;
padding:0;
}

form, center {
margin:0;
padding:0;
}

a, a:visited {
color: #0750D9;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#container {
text-align:left; /* reset text alignment */
width:780px;
margin:0 auto; /* for the rest */
}

div#top {
background-color:#F9DF8D;
color:#FF0000;
height:95px;
margin-bottom:10px;
}

div#top a.logo {
display:block;
float:left;
height:100px;
width:130px;
text-align:right;
}

div#top div.anim {
float:left;
height:75px;
width:380px
}

div#top div.time {
float:left;
width:400px;
text-align:center;
font-size:9pt;
}

div#top div.date {
float:right;
width:230px;
text-align:right;
padding-right:10px;
font-size:9pt;
}

div#top form.google {
float:left;
clear:right;
height:60px;
width:270px;
padding:15px 0 0 0;
text-align:center
}

#left {
float: left;
width:140px;
margin-right:10px;
font-size: 8pt;
text-align:left;
}

#middle {
float: left;
width: 480px;
}

#right {
float: left;
width:140px;
margin-left:10px;
clear:right;
font-size: 8pt;
}

#bottom {
border-top:1px solid #3399FF;
background-color: #EAF5FE;
clear:both;
padding: 6px 15px 6px 15px;
color:#3366FF;
font-size:8pt;
}

#bottom p.copyright {
float:right;
text-align: right;
width:300px;
margin:0;
padding:0;
}

#nav {
padding: 0;
margin: 0 0 10px 0;
list-style: none;
border-top: 1px solid #9C9C9C;
border-bottom: 1px solid #9C9C9C;
background-color: #F7F7F7;
}

#nav li {
position: relative;
border-bottom: 1px dotted black;
height:20px;
}

#nav li a {
color:black;
text-decoration: none;
display: block;
padding: 0 0 0 5px;
width:135px;
line-height:19px;
vertical-align:middle;
}

#nav li a:hover {
background-color:white;
}

#nav li ul { /* second-level lists */
width:140px;
position: absolute;
list-style: none;
background-color: #F7F7F7;
margin:0;
padding:0;
z-index: 10;
border-top: 1px solid #9C9C9C;
border-bottom: 1px solid #9C9C9C;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* second-level lists */
width:100%;
border-bottom: 1px dotted black;
}

#nav li ul li a { /* second-level lists */
text-decoration:none;
width:130px;
display: block;
}

#nav li:hover ul { /* lists nested under hovered list items */
left: 140px;
top: -1px;
}

#left div.reklame {
padding:0 8px;
}

#left div.reklame a {
display: block;
margin-bottom:10px;
}

#left div.reklame a img {
display:block;
border:1px solid #9C9C9C;
padding:1px;
}

#middle h1 {
margin:0 0 15px 0;
padding:0;
font-size:13pt;
text-align:center;
}

#middle h2 {
margin:0 0 10px 0;
padding:0;
font-size:11pt;
text-align:left;
}

div.module {
margin-bottom:10px;
}

div.module h3 {
font-size: 8pt;
font-weight:normal;
margin:0 0 4px 0;
padding:1px 0 1px 3px;
border-top: 1px solid #9C9C9C;
border-bottom: 1px solid #9C9C9C;
background-color: #E1ECF8;
}

div.clanak {
margin-bottom: 10px;
border: 1px solid #EEEEEE;
}

div.clanak img.slika {
float:left;
display: block;
padding:1px;
margin: 0 10px 4px 0;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
}

div.clanak div.heading {
background-color: #F7F7F7;
padding: 0 3px;
overflow:hidden;
margin-bottom:3px;
height:18px;
}

div.clanak h2.title {
display:block;
font-size:10pt;
font-weight:bold;
float:left;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

div.clanak div.date {
float:right;
}

div.clanak div.tekst {
padding: 0 3px 3px 3px;
clear:both;
}

input, select, textarea {
background-color:#F8F6EE;
}

dl.sponzori {
margin-bottom:20px;
}

dl.sponzori dt {
font-weight:bold;
}

dl.sponzori dd {
margin-bottom: 10px;
}

dl.sponzori dt a, dl.sponzori dt a:visited {
font-weight:bold;
color:#0000EE;
text-decoration:none;
}

div.paging {
text-align: right;
margin-bottom:10px;
}

div.paging span {
font-size:10pt;
}

input.read_more {
display:inline;
text-align:left;
border:0;
margin:0;
padding:0;
color: #0750D9;
background-color:transparent;
}

div.error {
text-align:center;
padding:10px;
margin:10px 0 10px 0;
color:red;
border:1px solid #CCCCCC;
}

.banner-top {
padding:0;
float:left;
margin-bottom:10px;
}
.banner-top a {
display:block;
}
.banner-top a img {
display:block;
}

table.vremeplov-dates {
width:100%;
margin-bottom:15px;
border-collapse: collapse;
}
table.vremeplov-dates th {
font-size:7pt;
}
table.vremeplov-dates thead th {
background-color:#0053A6;
color:white;
text-align:center;
}
table.vremeplov-dates td {
font-size:6pt;
}
table.vremeplov-dates td, table.vremeplov-dates th {
padding:2px 2px 2px 2px;
}
table.vremeplov-dates tr.odd td, table.vremeplov-dates tr.odd th {
padding:2px 1px 2px 1px;
background-color: #DFEEFF;
}

div.success {
text-align:center;
margin:10px;
padding:10px;
border:1px solid #7EDF7D;
}