/* FONTS */ @font-face { font-family:'Gisha-Bold'; src: url('fonts/Gisha-Bold_gdi.eot'); src: url('fonts/Gisha-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Gisha-Bold_gdi.woff') format('woff'), url('fonts/Gisha-Bold_gdi.ttf') format('truetype'), url('fonts/Gisha-Bold_gdi.svg#Gisha-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-2074; } @font-face { font-family:'Gisha-Regular'; src: url('fonts/Gisha_gdi.eot'); src: url('fonts/Gisha_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/Gisha_gdi.woff') format('woff'), url('fonts/Gisha_gdi.ttf') format('truetype'), url('fonts/Gisha_gdi.svg#Gisha-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-2074; } @font-face { font-family:'Frutiger55'; src: url('fonts/FrutigerEELTStd55Roman_gdi.eot'); src: url('fonts/FrutigerEELTStd55Roman_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/FrutigerEELTStd55Roman_gdi.woff') format('woff'), url('fonts/FrutigerEELTStd55Roman_gdi.ttf') format('truetype'), url('fonts/FrutigerEELTStd55Roman_gdi.svg#FrutigerEELTStd55Roman-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Frutiger65'; src: url('fonts/FrutigerEELTStd65Bold-Bold_gdi.eot'); src: url('fonts/FrutigerEELTStd65Bold-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/FrutigerEELTStd65Bold-Bold_gdi.woff') format('woff'), url('fonts/FrutigerEELTStd65Bold-Bold_gdi.ttf') format('truetype'), url('fonts/FrutigerEELTStd65Bold-Bold_gdi.svg#FrutigerEELTStd65Bold-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Frutiger56'; src: url('fonts/FrutigerEELTStd56Italic-Italic_gdi.eot'); src: url('fonts/FrutigerEELTStd56Italic-Italic_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/FrutigerEELTStd56Italic-Italic_gdi.woff') format('woff'), url('fonts/FrutigerEELTStd56Italic-Italic_gdi.ttf') format('truetype'), url('fonts/FrutigerEELTStd56Italic-Italic_gdi.svg#FrutigerEELTStd56Italic-Italic') format('svg'); font-weight: 400; font-style: italic; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'FrutigerEELTStd66BoldItalic-Bol'; src: url('fonts/FrutigerEELTStd66BoldItalic-Bol_gdi.eot'); src: url('fonts/FrutigerEELTStd66BoldItalic-Bol_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/FrutigerEELTStd66BoldItalic-Bol_gdi.woff') format('woff'), url('fonts/FrutigerEELTStd66BoldItalic-Bol_gdi.ttf') format('truetype'), url('fonts/FrutigerEELTStd66BoldItalic-Bol_gdi.svg#FrutigerEELTStd66BoldItalic-Bol') format('svg'); font-weight: 700; font-style: italic; font-stretch: normal; unicode-range: U+0020-2044; } /* BLOCK ELEMENT STYLES */ html { width:100%; height:100%; min-width:100%; min-height:100%; } body { width:100%; height:100%; min-width:100%; min-height:100%; background:#333333; color:#606060; font-size:14px; font-family:"Frutiger55",Helvetica,Arial,sans-serif; font-style:normal; font-weight:500; } .mainMenu { font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; font-size:16px; } b,strong { font-family:"Frutiger65",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:700; } i,em { font-family:"Frutiger56",Helvetica,Arial,sans-serif; font-weight:normal; font-style:italic; font-weight:400; } b i, b em, strong i, strong em, i b, i strong, em b, em strong { font-family:"Frutiger66",Helvetica,Arial,sans-serif; font-style:italic; font-weight:700; } /* MAIN CONTAINERS */ .menu_container { background:#fff; height:110px; box-shadow: 0px 8px 8px rgba(0,0,0,0.2); position:fixed; top:0; z-index:10100; width:100%; } .homemenu_container { background:#606060; } .homenews_container { background:#333333; } .homelist_container { background:#ffffff; } .top_container { background:#ffffff; } .bot_container { background:#606060; } .footer_container { background:#333333; } .subpagetitle_container { background:#656565 url('../img/bg_subpage_title.jpg') no-repeat top center; background-size:auto 100%; } .defaultpage_container { background:#ffffff url('../img/bg_subpage_content.jpg') no-repeat top center; background-attachment:fixed; } .newspage_container { background:#ffffff url('../img/bg_subpage_content.jpg') no-repeat top center; background-attachment:fixed; } .sharebox_container { background:#ffffff; padding:10px 0px 10px 0px; min-height:30px; } .projectlist_container { background:#ffffff; } .projectmenu_container { background:#ffffff; border-bottom:3px solid #333333; } .projectdetails_container { background:#ffffff url('../img/bg_subpage_content.jpg') no-repeat top center; background-attachment:fixed; } .projectrelatedlist_container { background:#ffffff; border-top:3px solid #333333; } .clearfull { display:block; clear:both; height:0px; width:100%; } /* MAIN MENU */ #mainLogo { margin:20px 0px; width:300px; height:70px; display:block; background:url('../img/logo_smart_city_maribor.png') no-repeat center center; background-size:100% auto; } #mainMenu { float:right; background:url('../img/mm_break.png') no-repeat right top; margin:30px 0px 0px 0px; } #mainMenu ul { float:right; list-style:none; height:70px; margin:0px; } #mainMenu ul li { list-style:none; float:left; height:70px; background:url('../img/mm_break.png') no-repeat left top; padding:24px 15px 0px 15px; margin:0px; } #mainMenu ul li a { color:#606060; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; text-decoration:none; padding:5px 4px 4px 26px; } #mainMenu ul li a:HOVER { color:#c0c0c0; } #mainMenu ul li a .active { color:#c0c0c0; } #mainMenu .mmIcon { padding:4px; display:block; width:14px; height:14px; } #mainMenu .mm1 { background:url('../img/icon_projekti_24px.png') no-repeat left center; } #mainMenu .mm1.active { background:url('../img/icon_projekti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm1:HOVER { background:url('../img/icon_projekti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm2 { background:url('../img/icon_opametnemmestu_24px.png') no-repeat left center; } #mainMenu .mm2.active { background:url('../img/icon_opametnemmestu_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm2:HOVER { background:url('../img/icon_opametnemmestu_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm3 { background:url('../img/icon_aktualno_24px.png') no-repeat left center; } #mainMenu .mm3.active { background:url('../img/icon_aktualno_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm3:HOVER { background:url('../img/icon_aktualno_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm4 { background:url('../img/icon_dokumenti_24px.png') no-repeat left center; } #mainMenu .mm4.active { background:url('../img/icon_dokumenti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm4:HOVER { background:url('../img/icon_dokumenti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm5 { background:url('../img/icon_search_24px.png') no-repeat left center; } #mainMenu .mm5.active { background:url('../img/icon_search_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm5:HOVER { background:url('../img/icon_search_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm6 { background:url('../img/icon_aplikacije_24px.png') no-repeat left center; } #mainMenu .mm6.active { background:url('../img/icon_aplikacije_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mm6:HOVER { background:url('../img/icon_aplikacije_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mainMenu .mmSi { background:url('../img/icon_flag_si_24px.png') no-repeat left center; float:left; } #mainMenu .mmSi.active { background:url('../img/icon_flag_si_24px_hover.png') no-repeat left center; } #mainMenu .mmSi:HOVER { background:url('../img/icon_flag_si_24px_hover.png') no-repeat left center; } #mainMenu .mmEn { background:url('../img/icon_flag_en_24px.png') no-repeat left center; float:left; } #mainMenu .mmEn.active { background:url('../img/icon_flag_en_24px_hover.png') no-repeat left center; } #mainMenu .mmEn:HOVER { background:url('../img/icon_flag_en_24px_hover.png') no-repeat left center; } /* MOBILE MENU */ #mobileMenuSwitch { width:32px; height:32px; display:block; background:url('../img/icon_mobilemenu.png') center center; background-size:100% auto; float:right; margin-top:46px; } #mobileMenuSwitch:HOVER { background:url('../img/icon_mobilemenu_hover.png') center center; background-size:100% auto; } #mobileMenu { display:none; width:748px; height:0px; overflow:hidden; } #mobileMenu { float:left; background:#aaa url('../img/mm_break.png') no-repeat right top; margin:-10px 10px; } #mobileMenu ul { float:left; width:100%; list-style:none; height:70px; margin:0px; padding:0px !important; } #mobileMenu ul li { list-style:none; float:left; height:70px; background:url('../img/mm_break.png') no-repeat left top; padding:24px 17px 0px 18px; margin:0px !important; } #mobileMenu ul li a { color:#606060; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; text-decoration:none; padding:5px 4px 4px 26px; } #mobileMenu ul li a:HOVER { color:#c0c0c0; } #mobileMenu ul li a .active { color:#c0c0c0; } #mobileMenu .mmIcon { padding:4px; display:block; width:14px; height:14px; } #mobileMenu .mm1 { background:url('../img/icon_projekti_24px.png') no-repeat left center; } #mobileMenu .mm1.active { background:url('../img/icon_projekti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm1:HOVER { background:url('../img/icon_projekti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm2 { background:url('../img/icon_opametnemmestu_24px.png') no-repeat left center; } #mobileMenu .mm2.active { background:url('../img/icon_opametnemmestu_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm2:HOVER { background:url('../img/icon_opametnemmestu_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm3 { background:url('../img/icon_aktualno_24px.png') no-repeat left center; } #mobileMenu .mm3.active { background:url('../img/icon_aktualno_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm3:HOVER { background:url('../img/icon_aktualno_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm4 { background:url('../img/icon_dokumenti_24px.png') no-repeat left center; } #mobileMenu .mm4.active { background:url('../img/icon_dokumenti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm4:HOVER { background:url('../img/icon_dokumenti_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm5 { background:url('../img/icon_search_24px.png') no-repeat left center; } #mobileMenu .mm5.active { background:url('../img/icon_search_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm5:HOVER { background:url('../img/icon_search_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm6 { background:url('../img/icon_aplikacije_24px.png') no-repeat left center; } #mobileMenu .mm6.active { background:url('../img/icon_aplikacije_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mm6:HOVER { background:url('../img/icon_aplikacije_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mmSi { background:url('../img/icon_flag_si_24px.png') no-repeat left center; float:left; } #mobileMenu .mmSi.active { background:url('../img/icon_flag_si_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mmSi:HOVER { background:url('../img/icon_flag_si_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mmEn { background:url('../img/icon_flag_en_24px.png') no-repeat left center; float:left; } #mobileMenu .mmEn.active { background:url('../img/icon_flag_en_24px_hover.png') no-repeat left center; color:#c0c0c0; } #mobileMenu .mmEn:HOVER { background:url('../img/icon_flag_en_24px_hover.png') no-repeat left center; color:#c0c0c0; } /* HOME */ .homeBut { display:block; position:relative; z-index:10; width:100%; height:100%; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; line-height:1.3em; text-align:center; text-decoration:none; color:#ffffff; } .homeBut span { text-align:center; padding:0px; margin:0px; display:block; } .homeButIcon { margin-top:10%; margin-bottom:10%; width:60%; height:auto; } #homeBut1 { background: #95c12b; /* Old browsers */ background: -moz-linear-gradient(top, #95c12b 0%, #95c12b 50%, #c8df40 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95c12b), color-stop(50%,#95c12b), color-stop(100%,#c8df40)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #95c12b 0%,#95c12b 50%,#c8df40 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #95c12b 0%,#95c12b 50%,#c8df40 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #95c12b 0%,#95c12b 50%,#c8df40 100%); /* IE10+ */ background: linear-gradient(to bottom, #95c12b 0%,#95c12b 50%,#c8df40 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c12b', endColorstr='#c8df40',GradientType=0 ); /* IE6-9 */ } #homeBut1:hover { background:#222222; } #homeBut2 { background: #ff9000; /* Old browsers */ background: -moz-linear-gradient(top, #ff9000 0%, #ff9000 50%, #ffc600 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9000), color-stop(50%,#ff9000), color-stop(100%,#ffc600)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9000 0%,#ff9000 50%,#ffc600 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9000 0%,#ff9000 50%,#ffc600 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9000 0%,#ff9000 50%,#ffc600 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff9000 0%,#ff9000 50%,#ffc600 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9000', endColorstr='#ffc600',GradientType=0 ); /* IE6-9 */ } #homeBut2:hover { background:#222222; } #homeBut3 { background: #d21f22; /* Old browsers */ background: -moz-linear-gradient(top, #d21f22 0%, #d21f22 50%, #e63c40 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d21f22), color-stop(50%,#d21f22), color-stop(100%,#e63c40)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d21f22 0%,#d21f22 50%,#e63c40 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d21f22 0%,#d21f22 50%,#e63c40 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d21f22 0%,#d21f22 50%,#e63c40 100%); /* IE10+ */ background: linear-gradient(to bottom, #d21f22 0%,#d21f22 50%,#e63c40 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21f22', endColorstr='#e63c40',GradientType=0 ); /* IE6-9 */ } #homeBut3:hover { background:#222222; } #homeBut4 { background: #006387; /* Old browsers */ background: -moz-linear-gradient(top, #006387 0%, #006387 50%, #0097c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006387), color-stop(50%,#006387), color-stop(100%,#0097c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #006387 0%,#006387 50%,#0097c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #006387 0%,#006387 50%,#0097c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #006387 0%,#006387 50%,#0097c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #006387 0%,#006387 50%,#0097c6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006387', endColorstr='#0097c6',GradientType=0 ); /* IE6-9 */ } #homeBut4:hover { background:#222222; } /* NEWS SLIDER */ .homenews_container { padding:30px 0px 10px 0px; } .homenews_container .newsBox { padding-top:2px; display:block; min-height:30px; width:100%; font-family:"Frutiger65",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:700; color:#c0c0c0; font-size:1em; line-height:1.4em; } .homenews_container .newsBox a { color:#c0c0c0; text-decoration:none; } .homenews_container .newsBox a:HOVER { color:#ffffff; text-decoration:none; } .homenews_container .newsBox span { min-height:100%; height:50px; display:block; float:left; padding-left:24px; padding-right:8px; background:url('../img/icon_star_hover.png') no-repeat left top; color:#606060; } /* PROJECT SLIDER */ .homelist_container { padding:0px 0px 30px 0px; } #homeProjectSlider1 { background:url('../img/icon_home_project1.png') no-repeat top center; } #homeProjectSlider2 { background:url('../img/icon_home_project2.png') no-repeat top center; } #homeProjectSlider3 { background:url('../img/icon_home_project3.png') no-repeat top center; } #homeProjectSlider4 { background:url('../img/icon_home_project4.png') no-repeat top center; } #homeProjectSlider1 .projektBox, #homeProjectSlider2 .projektBox, #homeProjectSlider3 .projektBox, #homeProjectSlider4 .projektBox { background:#ffffff; width:260px; margin-left:5%; margin-right:5%; margin-top:100px; overflow:hidden; } .projektItem { width:100%; } .projektImage { display:block; width:100%; height:auto; margin:0px; background:url('../img/bg_list_overlay.png') no-repeat center center; background-size:cover; } .projektImage img { opacity:1; } .projektImage:HOVER img { opacity:0.2; } .projectText { display:block; color:#606060; font-size:0.9em; line-height:1.5em; padding-top:10px; } .projectText a { color:#606060 !important; text-decoration:none !important; } #homeProjectSlider1 .projektImage { background-color:#95c12b; } #homeProjectSlider2 .projektImage { background-color:#ff9000; } #homeProjectSlider3 .projektImage { background-color:#d21f22; } #homeProjectSlider4 .projektImage { background-color:#006387; } #homeProjectSlider1 .projektBox h2 { display:block; color:#ffffff; background:#95c12b; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } #homeProjectSlider2 .projektBox h2 { display:block; color:#ffffff; background:#ff9000; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } #homeProjectSlider3 .projektBox h2 { display:block; color:#ffffff; background:#d21f22; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } #homeProjectSlider4 .projektBox h2 { display:block; color:#ffffff; background:#006387; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } #homeProjectSlider1 .projektBox a, #homeProjectSlider2 .projektBox a, #homeProjectSlider3 .projektBox a, #homeProjectSlider4 .projektBox a { text-decoration:none; color:#ffffff; } /* BOT */ .bot_container { background:#606060 url('../img/bg_bot.jpg') no-repeat center center; background-size:cover; padding:30px 0px; } .bot_container h1 { color:#ffffff; font-size:1.6em; line-height:1.2em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; } .bot_container h1.opis { padding:10px 0px 20px 65px; display:block; background:url('../img/icon_title_opis.png') no-repeat left top; } .bot_container h1.sodelovanje { padding:10px 0px 20px 65px; display:block; background:url('../img/icon_title_sodelovanje.png') no-repeat left top; } .bot_container p { color:#dddddd; font-size:0.9em; line-height:1.5em; padding-bottom:16px; } .bot_container a.moreBut { display:inline-block; background:#3c3c3c url('../img/icon_plus_white.png') no-repeat left center; color:#ffffff; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; padding:10px 20px 10px 35px; text-decoration:none; margin-bottom:30px; } .bot_container a.moreBut:HOVER { background:#505050 url('../img/icon_plus_white.png') no-repeat left center; } .fb-like-box { margin:20px 0px 20px 0px; background:#ffffff !important; width:300px; float:right; } /* FOOTER */ .footer_container { padding:40px 0px; } .footer_container h3 { color:#ffffff; font-family:'Gisha-Bold',Helvetica,Arial,sans-serif; font-size:1.1em; padding-left:30px; } .footer_container p,.footer_container span,.footer_container a { font-family:"Frutiger55",Helvetica,Arial,sans-serif; color:#dddddd; font-size:0.9em; line-height:1.4em; } .footer_container p { color:#676767; } .footer_container .footicon_home { display:block; padding-left:30px; background:url('../img/icon_foot_home.png') no-repeat left top; margin-bottom:4px; } .footer_container .footicon_email { display:block; padding-left:30px; background:url('../img/icon_foot_email.png') no-repeat left top; } .footer_container .footicon_email a { color:#dddddd; text-decoration:none; font-size:1em; line-height:1em; } .footer_container .footicon_email a:HOVER { color:#ffffff; text-decoration:underline; } .footlogo_scm { display:block; width:100%; height:200px; background:url('../img/logo_smart_city_maribor_footer.png') no-repeat top left; background-size:100% auto; } .footlogo_mom { display:block; float:left; width:45%; height:200px; background:url('../img/logo_mom_bw.png') no-repeat top left; background-size:100% auto; } .footlogo_mom:HOVER { background:url('../img/logo_mom_color.png') no-repeat top left; background-size:100% auto; } .footlogo_ezavod { display:block; float:left; margin-left:5%; width:45%; height:200px; background:url('../img/logo_ezavod_bw.png') no-repeat top left; background-size:100% auto; } .footlogo_ezavod:HOVER { background:url('../img/logo_ezavod_color.png') no-repeat top left; background-size:100% auto; } .footlogo_upside { display:block; margin-left:30px; width:75%; height:100px; background:url('../img/logo_upside_bw.png') no-repeat top left; background-size:100% auto; } .footlogo_upside:HOVER { background:url('../img/logo_upside_color.png') no-repeat top left; background-size:100% auto; } .footlogo_eu { display:block; margin-left:30px; width:80%; height:100px; background:url('../img/logo_eu_bw.png') no-repeat top left; background-size:100% auto; } .footlogo_eu:HOVER { background:url('../img/logo_eu_color.png') no-repeat top left; background-size:100% auto; } /* SUB PAGE */ .subpagetitle_container { min-height:80px; border-bottom:10px solid #333333; padding:50px 0px 0px 0px; } .subpagetitle_container .topStripe { display:block; width:100%; height:10px; background:url('../img/bg_subpage_stripe.png') no-repeat center center; margin-bottom:0px; margin-top:-50px; background-size:100% 10px; } .subpagetitle_container .breadcrumbs { display:block; vertical-align:bottom; float:right; color:#ffffff; font-size:0.8em; display:block; padding:18px 15px 25px 65px; } .subpagetitle_container .breadcrumbs .divider { float:left; width:12px; text-align:center; color:#c0c0c0; } .subpagetitle_container .breadcrumbs a { float:left; color:#ffffff; text-decoration:none; } .subpagetitle_container h1 { padding:0px 0px 0px 50px; margin:0px 15px 25px 15px; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; color:#ffffff; font-size:2.5em; line-height:1em; } .subpagetitle_container .pageType1 h1 { background:url('../img/icon_pagetype1.png') no-repeat top left; } .subpagetitle_container .pageType2 h1 { background:url('../img/icon_pagetype2.png') no-repeat top left; } .subpagetitle_container .pageType3 h1 { background:url('../img/icon_pagetype3.png') no-repeat top left; } .subpagetitle_container .pageType4 h1 { background:url('../img/icon_pagetype4.png') no-repeat top left; } .subpagetitle_container .pageType6 h1 { background:url('../img/icon_pagetype6.png') no-repeat top left; } /* SUB PROJECT MENU */ .projectmenu_container { border-bottom:3px solid #333333; padding:20px 0px 20px 0px; } .projectmenu_container .projectMenuLeft { float:left; width:auto; display:inline-block; } .projectmenu_container .projectMenuRight { float:right; width:auto; display:inline-block; } .projectmenu_container .projectMenuLeft h3, .projectmenu_container .projectMenuRight h3 { height:100px; width:auto; font-family:"Frutiger65",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:700; font-size:1.1em; line-height:1.1em; color:#606060; text-align:left; margin:0px; padding:14px 20px 0px 0px; } .projectmenu_container .projectMenuLeft span, .projectmenu_container .projectMenuRight span { display:block; height:auto; width:auto; float:left; color:#606060; padding:0px 5px 0px 5px; } .projectmenu_container .projectMenuLeft span a { display:block; width:100%; height:30px; text-decoration:none; min-width:90px; max-width:90px; font-size:0.7em; line-height:1.3em; text-align:center; color:#606060; padding:70px 0px 5px 0px; } .projectmenu_container .projectMenuRight span a { display:block; width:100%; height:30px; text-decoration:none; min-width:80px; max-width:80px; font-size:0.7em; line-height:1.3em; text-align:center; color:#606060; padding:70px 0px 5px 0px; } .projectmenu_container .projectMenuLeft .p1 { background:url('../img/icon_select_project1_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p2 { background:url('../img/icon_select_project2_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p3 { background:url('../img/icon_select_project3_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p4 { background:url('../img/icon_select_project4_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p1:HOVER { background:url('../img/icon_select_project1_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p1.active { background:url('../img/icon_select_project1_on.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p1.active:HOVER { background:url('../img/icon_select_project1_on.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p2:HOVER { background:url('../img/icon_select_project2_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p2.active { background:url('../img/icon_select_project2_on.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p2.active:HOVER { background:url('../img/icon_select_project2_on.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p3:HOVER { background:url('../img/icon_select_project3_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p3.active { background:url('../img/icon_select_project3_on.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p3.active:HOVER { background:url('../img/icon_select_project3_on.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p4:HOVER { background:url('../img/icon_select_project4_off.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p4.active { background:url('../img/icon_select_project4_on.png') no-repeat top center; } .projectmenu_container .projectMenuLeft .p4.active:HOVER { background:url('../img/icon_select_project4_on.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f1 { background:url('../img/icon_select_filter1_off.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f2 { background:url('../img/icon_select_filter2_off.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f3 { background:url('../img/icon_select_filter3_off.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f1:HOVER { background:url('../img/icon_select_filter1_off.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f1.active { background:url('../img/icon_select_filter1_on.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f1.active:HOVER { background:url('../img/icon_select_filter1_on.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f2:HOVER { background:url('../img/icon_select_filter2_off.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f2.active { background:url('../img/icon_select_filter2_on.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f2.active:HOVER { background:url('../img/icon_select_filter2_on.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f3:HOVER { background:url('../img/icon_select_filter3_off.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f3.active { background:url('../img/icon_select_filter3_on.png') no-repeat top center; } .projectmenu_container .projectMenuRight .f3.active:HOVER { background:url('../img/icon_select_filter3_on.png') no-repeat top center; } /* SUB PROJECT LIST */ .projectlist_container { padding:10px 0px 30px 0px; } .projectlist_container .projektBox { background:#ffffff; width:100%; margin-top:30px; overflow:hidden; } .projectlist_container .projektBox .projektItem { width:100%; } .projectlist_container .projektBox .projektImage { display:block; width:100%; height:auto; margin:0px; background:url('../img/bg_list_overlay.png') no-repeat center center; background-size:cover; } .projectlist_container .projektBox .projektImage img { opacity:1; width:100%; height:auto; } .projectlist_container .projektBox .projektImage:HOVER img { opacity:0.2; width:100%; height:auto; } .projectlist_container .projektBox .projectText { display:block; color:#606060; font-size:0.9em; line-height:1.5em; padding-top:10px; } .projectlist_container .projektBox .projectText a { color:#606060 !important; text-decoration:none !important; } .projectlist_container .projectType1 .projektImage { background-color:#95c12b; } .projectlist_container .projectType2 .projektImage { background-color:#ff9000; } .projectlist_container .projectType3 .projektImage { background-color:#d21f22; } .projectlist_container .projectType4 .projektImage { background-color:#006387; } .projectlist_container .projectType1 h2 { display:block; color:#ffffff; background:#95c12b; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; min-height:50px; } .projectlist_container .projectType2 h2{ display:block; color:#ffffff; background:#ff9000; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; min-height:50px; } .projectlist_container .projectType3 h2 { display:block; color:#ffffff; background:#d21f22; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; min-height:50px; } .projectlist_container .projectType4 h2 { display:block; color:#ffffff; background:#006387; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; min-height:50px; } .projectlist_container .projektBox a { text-decoration:none; color:#ffffff; } /* PROJECT DETAILS */ .projectdetails_container { padding:10px 0px 30px 0px; } .projectdetails_container.projectType1 #rightContent { background-color:#95c12b; margin-top:20px; height:100%; min-height:600px; color:#ffffff; word-wrap: break-word; padding-bottom:30px; margin-bottom:20px; } .projectdetails_container.projectType2 #rightContent { background-color:#ff9000; margin-top:20px; height:100%; min-height:600px; color:#ffffff; word-wrap: break-word; padding-bottom:30px; margin-bottom:20px; } .projectdetails_container.projectType3 #rightContent { background-color:#d21f22; margin-top:20px; height:100%; min-height:600px; color:#ffffff; word-wrap: break-word; padding-bottom:30px; margin-bottom:20px; } .projectdetails_container.projectType4 #rightContent { background-color:#006387; margin-top:20px; height:100%; min-height:600px; color:#ffffff; word-wrap: break-word; padding-bottom:30px; margin-bottom:20px; } .projectdetails_container #rightContent h3 { display:block; clear:both; margin:0px 10px; padding:20px 80px 10px 10px; border-top:1px solid white; line-height:1.1em; } .projectdetails_container #rightContent ul { margin-left:-5px; padding-left:40px; padding-right:10px; list-style-image:url('../img/icon_list_right.png'); } .projectdetails_container #rightContent ul li { font-size:0.9em; padding:0px 0px 4px 0px !important; margin-left:0px; left:0px; } /*.projectdetails_container #rightContent ul li:before { content:"ยป " }*/ .projectdetails_container #rightContent p { font-size:0.9em; padding:0px 24px 4px 20px; } .projectdetails_container #rightContent a { font-size:1em; color:#ffffff !important; text-decoration:none; } .pTypeInfo { margin-left:10px; margin-top:20px; width:45%; float:left; text-align:center !important; font-size:0.9em !important; padding-top:70px !important; border-right:1px solid #ffffff; } .pFazaInfo { width:45%; margin-top:20px; float:left; text-align:center !important; font-size:0.9em !important; padding-top:70px !important; } .pTypeInfo h3, .pFazaInfo h3 { padding:0px !important; margin:0px !important; width:100%; display:block; text-align:center; border:none !important; padding-top:20px !important; padding-bottom:20px !important; } .projectdetails_container.projectType1 .pTypeInfo { background:url('../img/icon_right_p1.png') no-repeat top center; } .projectdetails_container.projectType2 .pTypeInfo { background:url('../img/icon_right_p2.png') no-repeat top center; } .projectdetails_container.projectType3 .pTypeInfo { background:url('../img/icon_right_p3.png') no-repeat top center; } .projectdetails_container.projectType4 .pTypeInfo { background:url('../img/icon_right_p4.png') no-repeat top center; } .projectdetails_container .pFazaInfo.f1 { background:url('../img/icon_right_f1.png') no-repeat top center; } .projectdetails_container .pFazaInfo.f2 { background:url('../img/icon_right_f2.png') no-repeat top center; } .projectdetails_container .pFazaInfo.f3 { background:url('../img/icon_right_f3.png') no-repeat top center; } .projectdetails_container.projectType1 a { color:#95c12b !important; text-decoration:none !important; } .projectdetails_container.projectType2 a { color:#ff9000 !important; text-decoration:none !important; } .projectdetails_container.projectType3 a { color:#d21f22 !important; text-decoration:none !important; } .projectdetails_container.projectType4 a { color:#006387 !important; text-decoration:none !important; } .projectdetails_container a:HOVER { text-decoration:underline; } .projectdetails_container #rightContent h3.righttitle_partnerji { background:url('../img/icon_right_partnerji.png') no-repeat top right; } .projectdetails_container #rightContent h3.righttitle_povezave { background:url('../img/icon_right_povezave.png') no-repeat top right; } .projectdetails_container #rightContent h3.righttitle_dokumenti { background:url('../img/icon_right_dokumenti.png') no-repeat top right; } .projectdetails_container #rightContent h3.righttitle_kontakti { background:url('../img/icon_right_kontakti.png') no-repeat top right; } .projectdetails_container #rightContent h3 { font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; font-size:1.3em; } /* PROJECT RELATED LIST */ .projectrelatedlist_container { padding:20px 0px 40px 0px; } .projectrelatedlist_container .projektBox { background:#ffffff; width:100%; margin-top:30px; overflow:hidden; } .projectrelatedlist_container .projektBox .projektItem { width:100%; } .projectrelatedlist_container .projektBox .projektImage { display:block; width:100%; height:auto; margin:0px; background:url('../img/bg_list_overlay.png') no-repeat center center; background-size:cover; } .projectrelatedlist_container .projektBox .projektImage img { opacity:1; width:100%; height:auto; } .projectrelatedlist_container .projektBox .projektImage:HOVER img { opacity:0.2; width:100%; height:auto; } .projectrelatedlist_container .projektBox .projectText { display:block; color:#606060; font-size:0.9em; line-height:1.5em; padding-top:10px; } .projectrelatedlist_container .projektBox .projectText a { color:#606060 !important; text-decoration:none !important; } .projectrelatedlist_container.projectType1 .projectType .projektImage { background-color:#95c12b; } .projectrelatedlist_container.projectType2 .projectType .projektImage { background-color:#ff9000; } .projectrelatedlist_container.projectType3 .projectType .projektImage { background-color:#d21f22; } .projectrelatedlist_container.projectType4 .projectType .projektImage { background-color:#006387; } .projectrelatedlist_container.projectType1 .projectType h2 { display:block; color:#ffffff; background:#95c12b; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } .projectrelatedlist_container.projectType2 .projectType h2{ display:block; color:#ffffff; background:#ff9000; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } .projectrelatedlist_container.projectType3 .projectType h2 { display:block; color:#ffffff; background:#d21f22; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } .projectrelatedlist_container.projectType4 .projectType h2 { display:block; color:#ffffff; background:#006387; font-size:1.2em; line-height:1.4em; font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; padding:10px 8px 10px 8px; margin:0px; max-width:100%; text-decoration:none; } .projectrelatedlist_container .projektBox a { text-decoration:none; color:#ffffff; } .projectrelatedlist_container.projectType1 .projektRelated { cursor:pointer; background:#95c12b url('../img/icon_relatedprojects1.png') no-repeat center center; width:100%; height:340px; margin-top:-30px; color:#ffffff; text-align:center; vertical-align:middle; } .projectrelatedlist_container.projectType2 .projektRelated { cursor:pointer; background:#ff9000 url('../img/icon_relatedprojects2.png') no-repeat center center; width:100%; height:340px; margin-top:-30px; color:#ffffff; text-align:center; vertical-align:middle; } .projectrelatedlist_container.projectType3 .projektRelated { cursor:pointer; background:#d21f22 url('../img/icon_relatedprojects3.png') no-repeat center center; width:100%; height:340px; margin-top:-30px; color:#ffffff; text-align:center; vertical-align:middle; } .projectrelatedlist_container.projectType4 .projektRelated { cursor:pointer; background:#006387 url('../img/icon_relatedprojects4.png') no-repeat center center; width:100%; height:340px; margin-top:-30px; color:#ffffff; text-align:center; vertical-align:middle; } .projektRelated h2 { padding:70px 10px 140px 10px; line-height:1em; } .projektRelated p { padding:0px 20px 0px 20px; font-family:"Frutiger65",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:700; } /* DEFAULT PAGE */ .defaultpage_container { padding:10px 0px 30px 0px; } /* NEWS PAGE */ .newspage_container { padding:10px 0px 30px 0px; } .newspage_container h1 { font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; color:#606060; } .newspage_container .date { font-family:"Frutiger65",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:700; display:block; width:100%; border-bottom:2px solid #606060; margin-top:-15px; margin-bottom:24px; padding:0px 0px 5px 0px; font-size:0.9em; } .newspage_container #rightNews h3.righttitle_news { font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; font-size:1.3em; color:#ffffff; border-bottom:1px solid white; } .newspage_container .newsimage { float:right; margin:0px 0px 40px 40px; } .newspage_container #rightNews { background-color:#606060; margin-top:20px; height:100%; min-height:600px; height:600px; color:#ffffff; word-wrap: break-word; padding-bottom:30px; margin-bottom:20px; } .newspage_container #rightNews h3 { display:block; clear:both; margin:0px 10px; padding:20px 10px 10px 10px; border-top:none; line-height:1.1em; } #newsList { margin-left:20px !important; } .newspage_container #rightNews #newsList div { display:block; background:url('../img/icon_list_right.png') no-repeat top left; background-position:-2px 4px; font-size:0.8em; padding:0px 0px 0px 14px !important; color:#c0c0c0; margin-left:0px !important; } .newspage_container #rightNews #newsList div a { display:block; font-size:1.2em; line-height:1.1em; color:#ffffff !important; text-decoration:none; display:block; width:100%; padding:0px !important; margin:0px !important; padding-top:4px !important; } /* BASIC CONTENT */ #mainContent { color:#606060; } #mainContent a { color:#222222; text-decoration:underline; word-wrap:break-all !important; } #mainContent td a { color:#000000; text-decoration:none; word-wrap:break-all !important; } #mainContent p, #mainContent span { font-size:1em; line-height:1.6em; padding:0px 4px 14px 0px; text-align:justify; } #mainContent li { font-size:1em; line-height:1.6em; padding:0px 0px 12px 0px; } #mainContent ul { margin-bottom:24px; margin-top:16px; margin-left:-12px; margin-right:20px; word-wrap:break-word; } #mainContent table { margin-bottom:20px; margin-top:16px; max-width:100% !important; } #mainContent tr { max-width:100% !important; } #mainContent tr td { font-size:0.9em; line-height:1.6em; text-align:left; vertical-align:top; word-wrap:break-word; } #mainContent th, #mainContent th td { padding:4px 6px; background:#f0f0f0; color:#606060; font-size:1em; line-height:1.6em; text-align:left; vertical-align:top; font-weight:400; word-wrap:break-word; } #mainContent td { padding:4px 6px; border-bottom:1px solid #c0c0c0; } #mainContent h1 { font-family:'Gisha-Bold',Helvetica,Arial,sans-setif; font-style:normal; font-weight:700; color:#606060; } #mainContent h2 { font-family:"Frutiger65",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:700; } #mainContent h3 { font-family:"Frutiger66",Helvetica,Arial,sans-serif; font-style:italic; font-weight:700; } #mainContent h4 { font-family:"Frutiger55",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:400; } #mainContent h5 { font-family:"Frutiger65",Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-weight:700; } #mainContent h6 { font-family:"Frutiger66",Helvetica,Arial,sans-serif; font-style:italic; font-weight:700; } #mainContent h1 { font-size:2.4em; line-height:1.2em; margin:24px 0px; } #mainContent h2 { font-size:2.0em; line-height:1.2em; margin:24px 0px; } #mainContent h3 { font-size:1.6em; line-height:1.2em; margin:24px 0px; } #mainContent h4 { font-size:1.6em; line-height:1.2em; margin:24px 0px; } #mainContent h5 { font-size:1.4em; line-height:1.2em; margin:24px 0px; } #mainContent h6 { font-size:1.2em; line-height:1.2em; margin:24px 0px; } /* VARIOUS */ .container { background:none; } #mainContainer { min-height:100%; } .halfBox { width:48%; float:left; margin-right:2%; }