html,body {
height:100%;
width:100%;
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/footer_bg.jpg) repeat;
}
p, h1, h2, h3, hr, ul, li, input, form, body {
margin: 0;
padding: 0;
}
a {outline:none;}
.wrap {
width:989px;
margin:0 auto;
}
/* vsebina strani */
#content_bg {background: url(../images/ozadje.jpg) top repeat-x #b3c3c1; padding-bottom:14px;
}
#header {float:left; width:989px; height:128px;}
#header a.logo {float:left; width:152px; height:120px; background:url(../images/prometej_logo.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/prometej_logo.png'); cursor:pointer; margin:0 10px 0 1px; display:inline;}
#header_top {float:left; width:814px; height:103px; padding:12px 0 0 12px; background:url(../images/top_bg.jpg) no-repeat; font-weight:bold; color:#ffffff;}
#header_top span {float:left; width:141px; padding-right:14px; padding-left:1px; line-height:16px;}
#header_top img, #header_top object {float:left; border:1px solid #ffffff;}
.banner {float:left; width:486px; height:62px;margin:0 14px 0 0; }
.bannermini {float:left; width:140px; display:inline; height:62px;}
#header_minimenu {float:right; height:27px; width:438px; padding:13px 0 0 0;}
#header_minimenu ul {list-style:none;}
#header_minimenu ul li {border-left:1px solid #ffffff;float:left; height:27px; }
#header_minimenu a {color:#ffffff; text-decoration:none; margin:0; height:21px; padding:6px 9px 0 11px; float:left; display:inline;}
#header_minimenu a:hover { background:url(../images/hover_minimenu.jpg) repeat-x; display:block;}
#header_minimenu input.text {float:left; border:1px solid #9dabac; margin-top:-1px; width:125px; height:16px; padding:0 0 0 3px; background:#f0f0f0; margin:4px 9px 0 11px; display:inline;}
#header_minimenu input.gumb {float:left; height:18px; width:18px; margin-top:4px;}
#squares_bg {float:left; width:989px;background:url(../images/left_bg.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/left_bg.png');}
#left {float:left; width:163px; padding-bottom:14px;}
#left ul {list-style:none; width:163px; padding-bottom:12px; float:left;}
#left ul li a {float:left; width:135px; height:25px; background:url(../images/bg_left_menu.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/bg_left_menu.png'); color:#ffffff; font-weight:bold; text-decoration:none; padding:6px 0 0 28px; font-size:13px;}
#left ul li a:hover, #left ul li a.active {background:url(../images/hover_left_menu.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/hover_left_menu.png'); cursor:pointer;}
#left img.ban, #left object { height:60px;float:left; width:140px; border:none; margin:0 0 10px 9px; display:inline; border:1px solid #ffffff;}
#mid {float:left; width:826px;}
#mid span.vsebine {float:left; width:804px; background:url(../images/vsebine.jpg) no-repeat left top #f0f0f0; height:40px; font-size:16px; color:#ffffff; font-weight:bold; padding:6px 0 0 22px;}
#mid_top {float:left; width:826px; background:url(../images/mid_bgtop.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/mid_bgtop.png'); height:189px;}
#mid_top p {float:left; width:377px; color:#5d5d5d; padding:40px 0 0 38px;}
#mid_top p span {color:#f26722; font-weight:bold; font-size:15px; padding:10px 0 10px 0; float:left;}
#main_index {float:left; width:826px; background: url(../images/mid_index_bg.jpg) no-repeat right bottom #f0f0f0; *padding-bottom:14px;}
.box {float:left; width:393px; height:160px; background:#b3c3c1 url(../images/box_bg.gif) no-repeat right bottom; margin:0 0 14px 14px; display:inline; color:#334041; font-size:11px;}
.box p {float:left; width:190px; margin:0 0 2px 4px; display:inline; line-height:13px;}
.box h2 a {float:left; width:187px; height:34px; background:url(../images/box_titlebg.jpg) no-repeat; color:#ffffff; font-size:16px; padding:6px 0 0 12px; text-decoration:none;}
.box h2 a:hover {text-decoration:underline;}
.box a.vec {float:left; width:190px; margin-left:4px; display:inline; font-weight:bold; color:#334041; text-decoration:none; font-size:12px;}
.box a.vec:hover {text-decoration:underline;}
#povezave {float:left; width:811px; height:174px; background:#f0f0f0; margin:14px 0 0 0; padding:0 0 0 15px;}
#povezave ul {float:left; list-style:none; padding-top:10px; width:811px;}
#povezave ul li {float:left; width:270px;}
#povezave a {color:#f26622; text-decoration:none;}
#povezave a:hover {text-decoration:underline;}
#povezave h3 {padding:6px 0 0 10px; background:#4f696c; font-weight:bold; color:#ffffff; font-size:16px; float:left; width:176px; height:26px;}
#top_sub_bg {background: url(../images/top_bg_streach.jpg) repeat-y; float:left; width:826px;}
#top_sub {float:left; width:826px; background:url(../images/top_sub_bg.jpg) no-repeat top;}
#top_sub_white {float:left; width:826px; background:url(../images/top_sub_bg_white_bg.jpg) no-repeat top #F0F0F0;min-height:501px;height:auto !important;height:501px;}
#top_sub_white h1 {background:url(../images/razno_bg_white.jpg) repeat-x; float:left; height:32px; margin:7px 0 0 40px;display:inline; font-size:16px; color:#ffffff; padding:6px 25px 0 10px;}
#top_sub h1 {background:url(../images/razno_bg.jpg) repeat-x; float:left; height:32px; margin:7px 0 0 40px;display:inline; font-size:16px; color:#ffffff; padding:6px 25px 0 10px;}
#top_sub_wrap {float:left; width:774px; padding:14px 0 0 52px; height:162px;}
#top_sub_wrap object {float:left; width:168px; margin-right:29px; display:inline;}
#top_sub_wrap p {float:left; width:525px; color:#ffffff; padding-right:52px;}
#top_sub_wrap p a {color:#fff; text-decoration:underline;}
#top_sub_wrap p a:hover {text-decoration:none;}
#dates {float:left; width:799px; height:24px; color:#a5b6b5; padding:14px 0 0 27px;line-height:19px; background:url(../images/breadcrumbs.gif) no-repeat;}
#dates span { font-size:17px;}
#dates ul {list-style:none;}
#dates ul li {float:left; background:url(../images/dates_ulli.gif) no-repeat right; padding:0 7px 0 8px;}
#dates a {color:#a5b6b5; text-decoration:none;}
#dates a:hover {color:#ffffff;}
#dates a.active {color:#ffffff; font-weight:bold;}
#breadcrumbs {float:left; width:812px; color:#ffffff; font-size:11px; padding:0 0 0 14px;}
#breadcrumbs a {color:#ffffff; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}
#content {float:left; width:804px; background:#f0f0f0; padding:10px 0 20px 22px; color:#3b4c4e; }
#content span.small {font-size:11px;}
#content h3 {font-size:12px; font-weight:bold; padding:8px 0 12px 0;}
#content a {color:#3b4c4e;}
#content a:hover {text-decoration:none;}
#content ul {padding:3px 0 3px 15px;}
#content ul li {padding:0 0 2px 5px;}
.news {float:left; width:783px; height:152px; color:#334041;}
.news img, .galerija img{float:left; width:152px; height:112px; border:9px solid #ffffff; margin:12px 20px 0 17px; display:inline;}
.news span.date {float:left; padding:8px 35px 3px 0; width:541px;font-size:11px;}
.news h2 {float:left; font-weight:bold; font-size:14px; width:541px; padding:0 35px 7px 0;}
.news a.vec {float:left; font-weight:bold; font-size:11px; color:#334041; padding-top:10px;}
.news a.vec:hover {text-decoration:none;}
.galerija {float:left; width:385px; height:152px; margin-right:12px; color:#334041;}
.galerija span.date {float:left; padding:8px 35px 4px 0; width:143px;font-size:11px;}
.galerija h2 {float:left;padding:0 35px 3px 0; width:143px; font-size:12px; font-weight:bold;}
.galerija a.vec {font-weight:bold; color:#334041; float:left; font-size:11px; padding-top:10px;}
.galerija a.vec:hover {text-decoration:none;}
.galerija a.avdio {font-weight:bold; color:#334041; float:left; font-size:11px; padding:8px 0 0 45px; background:url(../images/avdio_icon.png) no-repeat left bottom;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/avdio_icon.png'); height:28px; margin-top:8px;}
.galerija a.avdio:hover {text-decoration:none;}
.galerija a.video {font-weight:bold; color:#334041; float:left; font-size:11px; padding:8px 0 0 45px; background:url(../images/video_icon.png) no-repeat left bottom; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/video_icon.png');height:28px; margin-top:8px;}
.galerija a.video:hover {text-decoration:none;}
.blue { background:#d3ddde;}
#paging {float:left; width:783px; height:30px; background:url(../images/paging_bg.gif) no-repeat; text-align:center; font-size:16px; color:#ffffff;margin-top:10px; }
#paging a {color:#ffffff;}
#paging a:hover {text-decoration:none;}
#paging a.active {color:#f28e22; font-weight:bold; text-decoration:none;}
#paging span.pagingLink {color:#f28e22; font-weight:bold;}
#paging a.puscica {text-decoration:none; font-weight:bold; font-size:20px;}
#paging a span#pagnap {text-decoration:none; font-weight:bold; font-size:20px;}
#paging a:hover span#pagnap {color:#f28e22;}
#paging a.puscica:hover {color:#f28e22;}
#galerija {float:left; width:768px; padding:5px 0 35px 15px; color:#334041;}
#galerija div {width:170px; float:left; text-align:center; margin:0 22px 12px 0; display:inline; height:170px;}
#galerija div a {font-size:11px; color:#334041; text-decoration:none;}
#galerija div a:hover {text-decoration:underline;}
#galerija img {float:left; width:152px; height:112px; margin-bottom:5px; border:9px solid #ffffff;}
#galerija span.date {font-size:11px;}
#nazaj {float:left; margin-top:10px; width:783px; height:22px; padding:8px 0 0 0; background:url(../images/paging_bg.gif) no-repeat; color:#ffffff;}
#nazaj a {color:#ffffff; text-decoration:none;}
#avdiovideo {float:left; width:589px; padding-left:237px;}
#avdiovideo a {background:url(../images/bg_avdiovideolink.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/bg_avdiovideolink.png'); padding:8px 0 0 28px; width:170px; height:25px; display:block; float:left; font-size:16px; text-decoration:none; color:#ffffff; font-weight:bold; cursor:pointer;}
#avdiovideo a:hover {text-decoration:underline;}
/* THUMBS index efekt */
.zitem {
width:168px;
height:130px;
margin:15px 12px 14px 14px;
display:inline;
/* required to hide the image after resized */
overflow:hidden;
/* for child absolute position */
position:relative;
/* display div in line */
float:left;}
.zitem .caption {
width:168px;
height:22px;
background:#000;
color:#fff;
font-weight:bold;
/* fix it at the bottom */
position:absolute;
bottom:-1px; /* fix IE issue */
left:0;
/* hide it by default */
display:none;
/* opacity setting */
filter:alpha(opacity=70); /* ie */
-moz-opacity:0.7; /* old mozilla browser like netscape */
-khtml-opacity: 0.7; /* for really really old safari */
opacity: 0.7; /* css standard, currently it works in most modern browsers like firefox, */}
.zitem .caption a {
text-decoration:none;
color:#fff;
font-size:12px;
/* add spacing and make the whole row clickable*/
padding:2px 0 0 5px;
display:block;
}
.zitem img {
border:0;
/* allow javascript moves the img position*/
position:absolute;
}
.clear {
clear:both;
}
/* noga strani */
#footer {
height:140px;
background:url(../images/footer_bg.jpg) repeat-x;
}
#footer p {
font-size:11px;
color:#b3c3c1;
}
#footer p.copy {
float:left;
width:455px;
padding:5px 0 0 163px;
}
#footer p.ns {
float:right;
margin:5px 4px 0 0;
}
#footer img {
float:right;
margin:7px 0 0 0;
border:0;
}
#footer a {
color:#b3c3c1;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
/* clearfix za content */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */