html {
height:100%;
margin-bottom:1px;
background:url(background.gif) repeat-x;
background-color:#6086b9;
}

body {
font-family:"Arial";
font-size:14px;
margin:0;
overflow:auto;
padding:0;
}

form {
margin:0;
}

pre {
font-family:"Arial";
}

image,img {
border:none;
}

a {
color:#003AFF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}


#container {
width:990px;
margin-bottom:20px;
border-bottom:solid 7px #fdd707;
border-left:solid 7px #fdd707;
border-right:solid 7px #fdd707;
background:#FFFFFF;
}


#header {
position:relative;
height:239px; /* 240px - padding */
padding-top:1px;
width:990px;
}

#header .header-left {
background:url(header_left.png);
height:226px;
width:195px;
position:absolute;
top:0;
left:0;
}
#header .header-right {
background:url(header_right.png);
height:226px;
width:182px;
position:absolute;
top:0;
right:0;
}

#header .header-title {
background:url(header_title.png);
margin:0 auto;
width:649px;
height:139px;
}
#header .header-title h1 {
font-weight:bold;
margin:0;
position:absolute;
left:-4000px;
}

#header .header-subtitle {
}
#header .header-subtitle, #header .header-subtitle h2 {
color:#6086b9;
text-align:center;
font-weight:bold;
font-size:36px;
margin:0;
}
#header .header-subtitle h2 {
position:absolute;
left:-4000px;
}

#navigacija {
background:url(menu-glow.png) repeat-x;
border:solid 1px #98d3f9;
background-color:#bce7fe;
color:#6086b9;
font-size:14px;
margin-left:7px;
margin-right:7px;
position:absolute;
left:0;
bottom:7px;
padding-top:10px;
width:974px;
height:28px; /* 40px - border - padding */
}
#navigacija h3 {
margin:0;
display:inline;
font-weight:normal;
}

#navigacija a {
color:#6086b9;
font-size:13px;
padding-left:10px;
padding-right:10px;

}

.bold {
font-weight:bold;
}

#main {
text-align:left;
margin-left:7px;
float:left;
width:803px; /* 810px - margin */
}
#main .content {
padding-left:170px;
padding-bottom:50px;
/*padding-top:30px;*/
}

#main .content .title h1 {
display:none;
font-weight:bold;
font-size:16px;
margin:0;
margin-bottom:20px;
}

#main .content h1 {
font-size:16px;
margin:0;

margin-bottom:10px;
}
#main .content h2 {
font-size:14px;
margin:0;
margin-bottom:10px;
margin-top:2px;
margin-bottom:0;
}
#main .content #titles {
background:#E5F6FF url(titles-background.png) repeat-x;
padding:15px;
margin-bottom:5px;
}
#main .content h2 a {
color:#6086B9;
}
#main .content h2 a:hover, #main .content h2 a.on {
color:#2E2E7A;
text-decoration:none;
}
#main .content #title h1 {
color:#727272;
background:#EAEAEA;
height:19px; /*29px - padding*/
padding:5px;
}

#banners {
width:145px;
float:right;
margin-right:7px;
}
.banner {
width:135px; /* 140px - border */
background-color:#ffffff;
border:solid 5px #eaeaea;
margin-bottom:18px;
}
.banner .title {
background-color:#eaeaea;
color:#808080;
font-weight:bold;
padding-bottom:5px;
}
.banner .content {
padding-left:5px;
padding-right:5px;
padding-top:10px;
color:#F4AC00;
}
.banner .content a {
color:#F4AC00;
/*text-decoration: underline;*/
}
.banner .content a:hover {
text-decoration: none;
}

#eshop {
width:135px;
height:150px;
}
#eshop a {
background:url(banner_eshop.png);
display:block;
width:135px;
height:150px;
}
#eshop a:hover {
background-position:0 -150px;
cursor:pointer;
}

#button_eshop {
margin-top:20px;
width:250px;
height:73px;
}
#button_eshop a {
background:url(button_eshop.png);
display:block;
width:250px;
height:73px;
}
#button_eshop a:hover {
background-position:0 -73px;
cursor:pointer;
}

#pomlad, #poletje, #jesen, #zima {
height:40px; /* 60px - padding */
background-repeat:no-repeat;
background-position:60px 0;
padding-top:20px;
padding-right:70px;
margin-bottom:10px;
}
#pomlad {
background-image:url(icon_pomlad.png);
}
#poletje {
background-image:url(icon_poletje.png);
}
#jesen {
background-image:url(icon_jesen.png);
}
#zima {
background-image:url(icon_zima.png);
}


#footer {
clear:both;
height:63px;
padding-top:10px;
padding-bottom:5px;
background-color:#FFFFFF;
position:relative;
}
#footer .footer-fill {
position:absolute;
left:7px;
right:7px;
bottom:7px;
padding-right:10px;
background-color: #EFEFEF;
color: #808080;
font-size: 9px;
height:61px;
padding-top:10px;
}
#footer .footer-fill a {
color: #C0C0C0;
text-decoration: none;
}
#footer .footer-fill a:hover {
color: #808080;
}

div#projects {
float:left;
width:137px; /* 145px - 8px */
border:solid 4px #D3EFFE;
padding-bottom:100px;
margin-bottom:10px;
}
div#projects p.title {
margin:0;
padding-top:5px;
padding-bottom:9px;
color:#6086b9;
background-color:#D3EFFE;
font-weight:bold;
text-align:center;
}
div#projects div.project {
padding-top:10px;
padding-bottom:10px;
}
div#projects div.project img {
padding-top:5px;
width:127px;
}
div#projects div.project a {
color:#2E2E7A;
}
div#projects div.project a:hover {
color:#FF0000;
text-decoration:none;
}
div#projects div.even {
background-color:#F7F7F7;
}
div#projects div.project {
padding-left:5px;
}
div#projects div.project .project-title {
font-weight:bold;
}

div.project-title h2, div.project-date {
margin:0;
font-size:16px;
}
div.project-title h1 {
font-weight:bold;
}
div.project-date {
padding-bottom:20px;
}

div.project-description {
padding-bottom:50px;
}
div.project-image {
width:250px;
border:solid 4px #B8C2DC;
margin-bottom:5px;
}
div.project-image p {
background-color:#B8C2DC;
font-size:11px;
margin:0;
padding-top:2px;
color:#2E2E7A;
}
div.project-image img {
width:250px;
}

.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}

.banner_avkcije a {
display:block;
height:148px;
background:url(banner_avkcije.png);
margin-bottom:20px;
}