@charset "utf-8";
/* CSS Document */
body {
font-family: "Georgia", "Palatino Linotype", "Times New Roman", "Garamond", serif;
font-size: 11px;
margin-left: 0;
margin-top: 0;
background: url(../images/telo-grb.png) repeat-x;
}

a {
color: #9e3d36;
outline: none;
}

a:hover {
color: #ccc;
}

#meni-to {
padding: 0;
padding-right: 4px;
margin: 10px 0 0 0;
list-style-type: none; 
overflow: hidden; 
width: 238px; 
height: 365px;
background: url(../images/meni-to.png) no-repeat;
position: absolute; 
left: 0;
z-index: 2;
}
 
#meni-to li a {
display: block; 
height: 30px;
width: 218px; 
text-decoration: none;
overflow: hidden;
padding-left: 10px;
color: #FF6600;
outline: none;
}

#meni-to li a:hover {
background: url(../images/meni-hover.png) repeat; 
height: 200px;
color: #fff;
}

.meni-to-naslov {
font-family: impact, Arial;
font-size: 15px;
color: #fff;
margin: 0 0 3px 0;
padding: 0 0 0 8px;
}

#meni-to .spacer {
line-height: 10px;
}

#meni-to i {
font-style: normal;
text-decoration: underline;
color: #fff;
}

.footer {
font-size: 10px;
color: #777;
text-align: left;
text-transform: uppercase;
padding: 0 0 0 10px;
margin: 0;
}

.footer a {
color: #9e3d36;
text-transform: uppercase;
text-decoration: none;
}

.footer a:hover {
color: #777;
text-transform: uppercase;
text-decoration: none;
}

#pscroller {
height: 35px;
padding: 3px 3px 3px 10px;
background: url(../images/belo-to.png) repeat;
}

#pscroller a {
text-decoration: none;
}

.moduletable {
margin: 0;
padding: 0;
}

.video {
background: url(../images/video.png) no-repeat;
padding: 10px 5px 5px 10px;
margin: 0;
position: absolute;
left: 290px;
top: 9px;
width: 445px; 
height: 365px;
position: absolute;
z-index: 0;
}

.vid {
z-index: 0;
}

.contentWrapper {
background: #464646 url(../images/dolu-grb.gif) no-repeat left top;
width: 960px;
height: 180px;
overflow: hidden;
}

.wrapperFlex {
padding: 30px 0 30px 0;
margin: 0;
}

.buttons {
background: url(../images/crno-to.png) repeat;
padding: 0;
margin: 0;
}

ul.slidetabNav {
padding: 5px;
list-style: none;
}

ul.slidetabNav li {
float: left;
background: url(../images/sliding-ot.png) no-repeat right;
width: 170px;
height: 26px;
padding: 3px 0 3px 20px;
margin: 0;
text-decoration: none;
}

ul.slidetabNav li a {
display: block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.komentari {
font-family: impact, Arial;
font-size: 12px;
text-align: right;
padding: 0 15px 0 0;
margin: 0;
height: 16px;
background: url(../images/dno.png) no-repeat right;
}

.komentari a {
color: #9e3d36;
text-decoration: none;
}

.komentari a:hover {
color: #9e3d36;
text-decoration: none;
}

.link-bold {
font-family: impact, Arial;
font-size: 12px;
text-decoration: none;
margin: 0 0 0 10px;
display: block;
width:  114px;
height: 18px;
line-height: 18px;
padding-left: 9px;
text-align: left;
background: url(../images/more-to.png) no-repeat;
margin-top: 15px;
float: left;
display: inline;
}

#slideshow {
height: 430px;
overflow: hidden;
position: relative;
z-index: 0;
}