html {overflow-y:scroll;}
html,body {
height:100%;
width:100%;
margin: 0;
padding: 0;
}
body.index {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/index_body_bg.jpg) repeat-x #219cde;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/sub_body_bg.jpg) repeat-x #219cde;
}
p, h1, h2, h3, hr, ul, li, input, form, body {
margin: 0;
padding: 0;
}
a {outline:none;}
.wrap {
width:965px;
margin:0 auto;}
#header {height:125px;}
#header_in {float:left; width:965px; height:125px; background:url(../images/header_bg.jpg) no-repeat top right;}
#header img.logo {float:left; width:348px; border:0;}
#header h1, #header h2 {
width: 348px; height: 75px;
float:left;
background: url(../images/civitas_logo.jpg) no-repeat;
text-indent: -9999px;
}
#vprasalnik {float:left; width:260px; height:63px; display:inline; margin:10px 0 0 87px;}
#vprasalnik img {float:left;}
#search {float:right; width:207px; _width:210px; margin-top:31px; height:57px;}
#search input.text {border:1px solid #d3d3d3; height:20px; width:173px; background:url(../images/search_bg.jpg) no-repeat; float:left; padding:4px 0 0 5px;}
#search input.gumb {float:left; width:27px; border:0;}
/* drop menu */
#jsddm {float:left; width:965px; height:37px; list-style:none; font-size:14px;}
#jsddm li {display:inline; float:left;}
#jsddm li a {color:#fff; text-decoration:none;float:left;cursor:pointer; height:37px; display:block; background:url(../images/topmenu.jpg) no-repeat;}
#jsddm li a span.l { height:27px; display:block;float:left; padding:10px 10px 0 14px;}
#jsddm li a span.d {height:37px;width:4px;display:block;float:left; background:url(../images/topmenu.jpg) right -111px;}
#jsddm li a:hover {background:url(../images/topmenu_hover.jpg) left -74px; cursor:pointer;color:#ffed00;}
#jsddm li a:hover span.d {background:url(../images/topmenu_hover.jpg) right -111px;}
#jsddm li a.active {background:url(../images/topmenu_active.jpg) left -74px; cursor:pointer;}
#jsddm li a.active span.d {background:url(../images/topmenu_active.jpg) right -111px;}
#jsddm li ul{float:left; margin-top:32px; *margin-left:-65px; padding:21px 0 16px 0; background:url(../images/drop_arrow.png) no-repeat top;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/drop_arrow.png'); position: absolute;visibility: hidden;width:198px; font-size:14px;}
#jsddm li ul li{float: none;display: inline;background:none; padding:0 0 0 0;}
#jsddm li ul li a {color:#000; text-decoration:none;width:175px; float:left; height:auto; padding:6px 10px 6px 13px; background:url(../images/drop_bg.png) repeat-y;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/drop_bg.png'); display:block;}
#jsddm li ul li a:hover {background:url(../images/dropmenu_hover.png) repeat-y;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/dropmenu_hover.png'); color:#000;}
#jsddm li ul li div {float:left;background:url(../images/dropmenu_bottom.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/dropmenu_bottom.png'); height:16px; width:198px; display:block;}
#projekt {height:320px; background: url(../images/main_project_bg.jpg) center no-repeat;}
.projekt_text {float:left; width:363px; padding:20px 79px 0 44px; font-size:14px; line-height:18px;}
.projekt_text img {float:left; margin-bottom:8px; }
.projekt_text a.vec {float:left; color:#014495; background: url(../images/vecprojekt.gif) no-repeat 1px 18px; width:354px; padding:13px 0 0 9px;}
.projekt_text a.vec:hover {text-decoration: none;}
.projekt_img {float:left; width:473px; margin-top:26px;height:268px;}
#ada {min-height:434px;height:auto !important;height:434px; _padding-bottom:30px; background: url(../images/ada_bg.jpg) top repeat-x #fff;}
#aktualno {float:left; width:430px; background:url(../images/aktualno_title.gif) no-repeat top left; margin-top:27px; margin-right:30px; display:inline; position:relative;}
#zanimivost {position:absolute; width:688px; top:342px; padding:8px 0 0 0; border-top:1px solid #D6D6D6;}
#zanimivost h4 {font-size:12px; font-weight:bold; color:#249bde; padding:0 6px 0 0; margin:0 0 0 0; float:left;}
#zanimivost a {font-size:12px; color:#249bde;}
#aktualno h2 a {float:left; width:290px; font-size:14px; font-weight:bold; color:#249bde; text-decoration:none; padding:12px 6px 0 0;}
#aktualno h2 a:hover {text-decoration:underline;}
#aktualno span {color:#888888; font-size:11px; float:left; width:290px; padding-bottom:5px; padding-right:6px;}
#aktualno img.newsimage {float:left; width:134px; margin-top:15px;}
#aktualno p {float:left; width:290px; padding-right:6px; font-size:12px; line-height:14px;}
#aktualno a.preberitevec, #content a.preberitevec {float:left; padding-top:6px; width:290px; color:#249bde; background:url(../images/preberite_vec.gif) no-repeat 0 12px; padding-left:6px;}
#aktualno a.preberitevec:hover, #content a.preberitevec:hover {text-decoration:none;}
.news {float:left; width:430px; border-bottom:1px solid #e6e6e6; padding-bottom:17px;}
.newstext {float:left; width:296px;}
.top {height:25px; border-bottom:1px solid #d6d6d6;}
.top a {float:right; background:url(../images/vec.gif) right no-repeat; padding-right:22px; margin:1px 2px 0 0; color:#9f9f9f; font-size:12px;}
.top a:hover {text-decoration:none;}
#dogodki {float:left; width:242px; background: url(../images/dogodki.gif) no-repeat top left; margin-top:27px; margin-right:28px; display:inline;}
.dogodki {float:left; width:242px; padding:11px 0 10px 0; border-bottom:1px #e6e6e6 solid;}
.dogodki a {color:#249bde; font-size:12px; font-weight:bold; width:242px; float:left;}
.dogodki a:hover {text-decoration:none;}
.dogodki span {float:left; width:242px; color:#888888; font-size:11px; padding-bottom:4px;}
#anketa_kviz {float:left; width:235px; margin:27px 0 0 0; background:url(../images/anketa_title.gif) no-repeat top left;}
#anketa {float:left; width:235px; padding:13px 0 13px 0; border-bottom:1px solid #d6d6d6;}
#anketa div { float:left; width:235px; padding:4px 0 1px 0;}
#anketa div input.radio {float:left; width:14px; padding:0 3px 0 5px;}
#anketa div p {float:left; width:210px; _padding-top:3px; padding-left:3px;}
#anketa input.glasuj { float:left; width:62px; margin:10px 0 0 3px; display:inline;}
#anketa a.ostale {float:left; padding-left:7px; width:193px; color:#249bde; background:url(../images/preberite_vec.gif) no-repeat 0 6px; margin-top:11px;}
#anketa a.ostale:hover, #anketa a:hover {text-decoration:none;}
#anketa a { color:#249bde;}
#kviz {float:left; width:235px;}
#kviz img.kviz {float:left; width:235px;}
#kviz a.kviz {float:left; width:150px; padding-top:6px; color:#249bde; background:url(../images/preberite_vec.gif) no-repeat 0 12px; padding-left:6px;}
#kviz a.kviz:hover {text-decoration:none;}
#kn {min-height:190px;height:auto !important;height:190px; background:url(../images/mid_pas.jpg) center no-repeat #fff;}
#kontakt {float:left;height:162px; width:160px; padding:28px 60px 0 0; line-height:14px; position:relative;}
#kontakt span, #enovice span {color:#014495; font-size:16px; font-weight:bold;}
#kontakt a {color:#249bde;}
#kontakt img {border:0;}
#kontakt a:hover {text-decoration:none;}
#kontakt img.euro {position:absolute; z-index:5; margin:-155px 0 0 -240px;}
#enovice {width:207px;height:160px; float:left; padding:28px 44px 0 0; line-height:14px; font-size:11px;}
#enovice input.enovice {float:left; height:20px; padding:4px 0 0 0; width:178px; background:url(../images/enovice_bg.jpg) no-repeat; border:1px solid #d2d2d2; margin-top:18px;}
#enovice input.ok {float:left; width:27px; margin-top:18px;}
#enovice a {color:#858585; margin-top:10px; float:left; width:207px;}
#enovice a:hover {text-decoration:none; }
#pob_vpr {float:left;height:168px; width:255px; padding-top:20px;}
#pob_vpr a.pobude {border:0; float:left; width:255px; height:75px;background:url(../images/pobude_vprasanja.jpg) no-repeat top; display:block;}
#pob_vpr a.mnenja {border:0; float:left; width:255px; height:75px;background:url(../images/kajmenite_o.jpg) no-repeat top; display:block;}
#pob_vpr a.pobude:hover, #pob_vpr a.mnenja:hover { background-position:bottom;}
#partnerji { background:#fff;min-height:199px;height:auto !important;height:199px;}
#partnerji_bg {float:left; width:965px;/* background:url(../images/upfooter_bg.gif) no-repeat right bottom; */padding-top:30px;min-height:169px;height:auto !important;height:169px;}
#civitas {float:left; width:242px; }
#part {float:left; border-left:dotted 1px #c7c7c7; width:687px; padding-right:15px; padding-left:20px; }
#part img {float:left; margin:10px 25px 0 0; border:0;}
#footer_bg {background:url(../images/footer_bg.jpg) repeat-x; height:110px;}
#footer_copy { float:left; width:530px; color:#fff; font-size:12px; line-height:23px; padding:20px 0 25px 0;}
#footer_copy a.pu {color:#fff;}
#footer_copy a.pu:hover {text-decoration:none;}
#ns {float:left; font-size:10px;}
#ns img {float:left; border:0; margin:2px 5px 0 0;}
#ns a {color:#a6d7f2; text-decoration:none; float:left;}
#ns a:hover {text-decoration:underline;}
#footer_icons {float:left; width:435px; text-align:right; color:#Fff; padding-top:50px;}
#footer_icons p {float:right;}
#footer_icons img {border:0; float:right; margin-top:-8px; margin-left:10px;}
/* podstran */
#bg_main {background:url(../images/bg_main.jpg) center top no-repeat;min-height:201px;height:auto !important;height:201px;}
#main { background:url(../images/main.jpg) repeat-x top #fff;min-height:201px;height:auto !important;height:201px;}
#left {float:left; width:245px; padding:0 0 150px 0;}
#left h2 {font-size:20px; color:#014495; font-family:Verdana, Geneva, sans-serif; width:197px; padding:65px 30px 0 18px;}
#left ul {list-style:none; padding:13px 30px 0 18px; font-size:14px;}
#left ul li {border-top:#e6e6e6 solid 1px; padding:9px 0 10px 0;}
#left ul li a {display:inline-block; color:#000; text-decoration:none; background:url(../images/left_bg.gif) no-repeat 1px 7px; padding-left:8px;}
#left ul li a:hover {text-decoration:underline;}
#left ul li a.active {color:#249bde; font-weight:bold;background:url(../images/left_bg_hover.gif) no-repeat 1px 7px;}
#right {float:left; width:720px; padding:35px 0 0 0;}
#breadcrumbs {float:left; text-align:right; width:708px; height:28px; color:#9e9e9e; font-size:11px; background:url(../images/bread_bg.jpg) no-repeat right bottom; padding:7px 12px 0 0 ;}
#breadcrumbs a {color:#9e9e9e;}
#breadcrumbs a:hover {text-decoration:none;}
#breadcrumbs input {float:right; width:20px; margin-left:7px; display:inline; border:0;}
#breadcrumbs img {float:right; width:20px; margin-left:7px; display:inline; border:0;}
#breadcrumbs p {float:right; padding:3px 8px 0 0;}
#content {float:left; width:653px; padding:15px 20px 60px 47px;min-height:350px;height:auto !important;height:350px;}
#content h1 {color:#249bde; font-size:24px; padding-bottom:20px;}
#content span.blue {font-size:18px; color:#249bde;}
#content img {border:0;}
#content a {color:#249bde;}
#content a:hover {text-decoration:none;}
#content ul {list-style:none; padding:5px 0 3px 5px;}
#content ul li {background:url(../images/contentulli.gif) no-repeat 0 6px; padding-left:15px; padding-bottom:2px;}
/* slider */
.nav { float:left; width:206px; height:15px;padding:10px 0 0 5px; *padding-top:10px;}
a#prev2 {float:left;}
a#next2 { float:left; margin-left:165px; display:inline;}
#tvgalerija { float:left;height:166px; width:211px; margin-right:28px; display:inline; height:164px; background:url(../images/index_gal_okvir.png) no-repeat; margin-top:24px; }
#tvgalerija a.left {position:absolute; margin:146px 0 0 9px;}
#tvgalerija a.right {position:absolute; margin:146px 0 0 185px;}
#tvgalerija img {border:0;}
.slideshow {width:211px; margin:9px 0 0 9px; float:left; display:inline;}
/* tooltip */
#demotip {display:none;font-size:12px;width:183px;color:#fff; position:absolute; z-index:2000;}
#demotip ul {float:left; width:171px; background:url(../images/fotovideo_bg.png) repeat-y;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/fotovideo_bg.png'); list-style:none; padding:0 6px 5px 6px; }
#demotip ul li {float:left; width:171px;}
#demotip a {font-size:14px; color:#000; padding:5px 0 5px 24px; float:left; width:147px; text-decoration:none;}
#demotip a:hover { background:#e6d500;}
#demotiptop {background:url(../images/fotovideo_top.png) no-repeat top;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/fotovideo_top.png'); float:left; width:183px; height:43px;}
#demotipbottom {background:url(../images/fotovideo_bottom.png) no-repeat top;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/fotovideo_bottom.png'); height:24px; width:183px; float:left;}
#demo img {border:0;cursor:pointer;}
/* -------------- blog ------------------ */
/*view_author.tpl*/
#blogcont img.authorpic {
float:right;
margin:3px 0 5px 20px;
border:1px solid #cccccc;
padding:1px;
}
/*blog_leftmenu.tpl*/
li.blogposts span.postact {
color:#249bde;
font-weight:bold;
}
li.blogposts span.postdate {
color:#a4a4a4;
font-size:11px;
}
#postcats {
float:left;
width:197px;
margin:10px 0 0 18px;
}
#postcats p.pctit {
color:#014495;
font-weight:bold;
font-size:16px;
}
ul#pcmenu {
padding:0;
margin:6px 0 0 0;
}
ul#pcmenu li {
padding:6px 0 7px 0;
}
ul#pcmenu li a.pcact {
color:#249bde;
font-weight:bold;
}
/*view_post.tpl*/
#postcont {
float:left;
width:653px;
}
#postdesc {
float:left;
width:653px;
}
#comments {
margin:20px 0 0 0;
float:left;
width:653px;
}
#comments div.topcomtitle {
background:#f2f2f2;
padding:5px 5px 5px 10px;
margin:10px 0 0 0;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
}
#comments div.topcomleft {
float:right;
padding:0px 3px 0 0 ;
}
/*view_category.tpl*/
div.bcatpost {
padding-bottom:16px;
border-bottom:1px solid #c8c8c8;
margin-bottom:16px;
}
div.bcatpost h2.bcattit {
padding-bottom:5px;
font-size:15px;
text-decoration:none;
font-weight:normal;
}
/* GALERIJE */
#galerije {float:left; width:653px; background:url(../images/galerije_bottom_bg) repeat-x bottom;}
#galerije ul { list-style:none; height:29px; padding:0 0 0 0;}
#galerije ul li { float:left; margin-right:2px; height:29px; background:none; padding:0 0 0 0;}
#galerije ul li a {color:#014495; text-decoration:none; height:23px; display:inline-block; background:url(../images/galerija_bg_a.jpg) repeat-x; padding:6px 8px 0 8px;}
#galerije ul li a:hover {text-decoration:underline;}
#galerije ul li a.active { color:#249bde; padding:5px 7px 0 7px; border-top:1px solid #b9b9b9; border-left:1px solid #b9b9b9; border-right:1px solid #b9b9b9; background:url(../images/galerija_active.jpg) repeat-x;}
#content a.clickhere {float:left; width:218px; height:45px; background:url(../images/clickhere.png) no-repeat; font-size:16px; font-weight:bold; text-decoration:none; color:#fff; display:inline; padding:25px 0 0 10px;}
#content a.clickhere:hover {color:#FFF03F;}
#content p.nearclick {float:left; display:inline; padding:26px 4px 0 0; width:210px; text-align:right;}
/* 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 */