/* * designe file * @package BarbarianCMS v5.0 */ body { background-color: rgba(0, 0, 0, 0.2); color:#282828;font-size: 14px;font-family: 'PT Sans', sans-serif;margin: 0;padding: 0; } #leftwhite { position: fixed; top: 0; left: 0; height: 1080px; width: 500px; z-index: -1; background-image: url(../images/leftwhite.png); background-size: 500px 1080px; overflow: hidden; opacity: 0.5; } #rightwhite { position: fixed; right: 0; top: 0; width: 500px; height: 1080px; z-index: -1; background-image: url(../images/rightwhite.png); background-size: 500px 1080px; overflow: hidden; opacity: 0.5; } a, a:visited {text-decoration: none;transform: translateZ(0px);transition-duration: 0.3s;transition-property: color, background-color;color:#1B2F7A; } a:hover {color: #cc3333;} img {border: none;} ul {list-style: none;} h1, h2, h3, h4, h5, h6, span, a {margin:0;padding:0;} p { text-align: justify; } #clear {clear:both;} #header {width:100%;display: block;margin:0;padding: 0;border-top: 7px solid #1B2F7A; float: left;position: relative;} #header .h_line { background-color: #fff; display: block; float: left; margin: 0 auto; position: relative; width: 100%; } /*#header .h_line .h_logo {float: left;position:relative;width: 300px;display: inline-block;}*/ #header .h_slider .hslider_img .h_logo { display: inline-block; float: left; left: 0; position: absolute; top: 0; z-index: 2147483647; padding: 10px 20px 10px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.5+90,0+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 85%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } /*#header .h_line .h_logo img {padding:10px 30px;height: 115px;width: auto;}*/ #header .h_slider .hslider_img .h_logo img { max-height: 146px; padding: 10px 30px; width: auto; } /*#header .h_line .h_link {float: right;position:relative;text-align: right;line-height: 14px;width: 650px;display: inline-block;}*/ #header .h_line .h_link { line-height: 20px; margin: 0 auto; position: relative; text-align: right; width: 1020px; } /*#header .h_line .h_link .h_sn {margin: 25px 30px 0 0;display: block;float: right;}*/ #header .h_line .h_link .h_sn { display: inline-block; float: left; line-height: 50px; margin: 0 0 0 15px; } #header .h_line .h_link .h_sn ul {margin: 0 auto;padding: 0;position: relative; float: left;} #header .h_line .h_link .h_sn ul li {display: inline-block; margin:0 1px;} #header .h_line .h_link .h_sn ul li a {} #header .h_line .h_link .h_sn ul li a i {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#1B2F7A;width:31px;height:31px;line-height:31px;text-align:center;font-size:15px;color:#fff; vertical-align: middle; } #header .h_line .h_link .h_sn #sizer a { background-color: #1b2f7a; border-radius: 50%; color: #fff; font-size: 15px !important; line-height: 50px; padding: 5px 7px; text-align: center; vertical-align: middle; } #header .h_line .h_link .h_sn ul li a i.fa-print { background-color: #cc3333; } #header .h_line .h_link .h_sn ul li a.option { background-color: #cc3333; border-radius: 50%; color: #fff; font-size: 15px !important; line-height: 50px; padding: 5px 7px; text-align: center; vertical-align: middle; } #header .h_line .h_link .h_sn ul li a.print { cursor: pointer; } #header .h_line .h_link .h_sn ul li a img {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#1B2F7A;width:31px;height:31px;line-height:31px;text-align:center;font-size:15px;color:#fff; vertical-align: middle; } #header .h_line .h_search { display: table; float: left; line-height: 51px; margin: 0 0 0 15px; position: relative; height: 51px;} #header .h_line .h_search form { display: table-cell; margin: 0; padding: 0; position: relative; text-align: center; vertical-align: middle; } #header .h_line .h_search fieldset {border: none;margin: 0;padding: 0;} #header .h_line .h_search input { background-color: #ededed; border: 1px solid #bababa; float: left; padding: 7px 10px; width: 220px; } #header .h_line .h_search button { border: medium none; float: left; margin: 0; padding: 0; position: absolute; right: 8px; top: 15px; } #header .h_line .h_search i { background-color: transparent; padding: 3px; } /*#header .h_line .h_link .h_lang {float: right;position:relative;text-align: right;line-height: 14px;margin: 0 30px 15px 0;float: right;display: inline-block;width: 100%;}*/ #header .h_line .h_link .h_lang { display: inline-block; float: left; line-height: 50px; margin: 0 0 0 15px; position: relative; } #header .h_line .h_link .h_lang ul {margin: 0 auto;padding: 0;position: relative;} #header .h_line .h_link .h_lang ul li {display: inline-block;} #header .h_line .h_link .h_lang ul li a {font-size: 13px;color:#1B2F7A;padding:5px 0 5px 5px;} .h_date span { font-size: 13px; } /*#header .h_line .h_link .h_date {margin: 0 30px 0 0;float: right;display: block;width: 100%;}*/ #header .h_line .h_link .h_date { display: inline-block; float: left; line-height: 50px; margin: 0; position: relative;} #header .h_line .h_link .h_date ul { padding: 0; margin: 0; } #header .h_slider { background-color: rgba(215, 215, 215, 0.7); border-bottom: medium hidden; border-top: 7px solid #1b2f7a; display: block; float: left; height: auto; margin: 0; padding: 5px 0 0; position: relative; width: 100%; } #header .h_slider .hslider_img { position: relative; width: 1020px; height: auto; margin: 0 auto; padding: 0; } #header .h_slider .hslider_img img {width: 100%; height: auto; float: left; } #header .main_navigation { float: left;position:relative;width:100%;line-height: 37px; margin: 5px 0; z-index: 9999999; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc3333+0,cc3333+100&0.7+0,1+100 */ background: -moz-linear-gradient(top, rgba(234, 21, 32,1) 0%, rgba(150, 28, 28, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(234, 21, 32,1) 0%,rgba(150, 51, 28, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(234, 21, 32,1) 0%,rgba(150, 28, 28, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3cc3333', endColorstr='#cc3333',GradientType=0 ); /* IE6-9 */ } #header .main_navigation ul {width:1020px;margin: 0 auto;padding: 0;} #header .main_navigation ul li {display: inline-block;} #header .main_navigation ul li.beoinfo, #header .main_navigation ul li.foto-i-video-galerija, #header .main_navigation ul li.oglasi, #header .main_navigation ul li.akta, #header .main_navigation ul li.nabavke, #header .main_navigation ul li.tenderi, #header .main_navigation ul li.aktuelno, #header .main_navigation ul li.gradske-aktuelnosti, #header .main_navigation ul li.servisne-informacije, #header .main_navigation ul li.gradski-oglasi-konkursi-i-tenderi, #header .main_navigation ul li.najave, #header .main_navigation ul li.topical-issues {display: none;} #header .main_navigation ul li a { color:#fff; font-size: 17px;font-weight: 400;line-height: 47px;padding: 0 20px 0 20px;text-decoration: none;border-right: 1px solid #fff;text-transform: uppercase;} #header .main_navigation ul li ul li a {font-weight:400;color:#fff;font-size: 16px !important;line-height: 57px;padding: 0 20px 0 20px;text-decoration: none;border-right: 1px solid #fff;text-transform: none;} #header .main_navigation ul li a:hover {color:rgba(216, 8, 4, 1);} #header .main_navigation li:hover a { color:#cc3333;} #header .main_navigation ul li img { display: table-cell; height: 16px; vertical-align: middle; width: 16px; } #header .main_navigation ul li span.home { background: rgba(0, 0, 0, 0) url("../images/home-icon.png") no-repeat scroll center center / 16px 16px; display: block; height: 47px; line-height: 47px; margin: auto; position: relative; width: 16px; } #header .main_navigation ul li:hover span.home { background: rgba(0, 0, 0, 0) url("../images/home-icon_hover.png") no-repeat scroll center center / 16px 16px; display: block; height: 47px; line-height: 47px; margin: auto; position: relative; width: 16px; } .responsiv_nav { display: none; } #menu-nav {margin-top:15px} #menu-nav {list-style:none;position:relative;float:left;margin:0;padding:0} #menu-nav a { display: block; color: #333; text-decoration: none; font-weight: 700; line-height:32px; } #menu-nav li {position:relative;float:left;margin:0;padding:0} #menu-nav li.current-menu-item {background:#ddd} #menu-nav li:hover {background:#f6f6f6} #menu-nav ul {display:none;position:absolute;top:100%;left:0;padding:0} #menu-nav ul li {float:none;width: 250px !important;} #menu-nav ul a {line-height:120%;padding:10px 15px} #menu-nav ul ul {top:0;left:100%;} #menu-nav ul li ul li {width: 250px !important;} #menu-nav li:hover > ul {display:block} #header .main_navigation ul li ul {padding: 0;position: absolute;top: 46px;left: 0;width: 150px;display: none;opacity: 0;visibility: hidden;border-top: 1px solid #fff; -webkit-transiton: opacity 0.2s;-moz-transition: opacity 0.2s;-ms-transition: opacity 0.2s;-o-transition: opacity 0.2s;-transition: opacity 0.2s;z-index: 99999;} #header .main_navigation ul li ul li { background: -moz-linear-gradient(top, rgba(234, 21, 32, 0.9) 0%, rgba(150, 28, 28, 0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(234, 21, 32, 0.9) 0%,rgba(150, 51, 28, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(234, 21, 32, 0.9) 0%,rgba(150, 28, 28, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3cc3333', endColorstr='#cc3333',GradientType=0 ); /* IE6-9 */ display: block; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.5); -moz-box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.5); box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,0.5); } #header .main_navigation li:hover ul li a { font-size: 12px;color: #fff;line-height: 37px;transform: translateZ(0px);transition-duration: 0.3s;transition-property: color, background-color;} #header .main_navigation ul li ul li a:hover, #header .main_navigation ul li ul li a:focus, #header .main_navigation ul li ul li a:active { background:rgba(255, 255, 255, 0.9);color: rgba(234, 21, 32, 0.9);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #header .main_navigation ul li:hover ul {display: block;opacity: 1;visibility: visible;color:#ff0000;} .g-recaptcha { float: left; margin: 0 40px; } #content { background-color: #fff; width: 1020px; margin: 0 auto; padding: 0 0 10px 0; overflow: auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); overflow: hidden; -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } #content .block_1 { width: 700px; float: left; position: relative; margin: 0 20px 0 0; width: 695px; z-index: 1; } #content .block_1::after { content: ""; background-image: url(../images/bg_block_2.jpg); background-position: 0 0; background-repeat: no-repeat; opacity: 0.7; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; zoom: 1;} #content .block_1 .bl_news {width:300px;background-color:rgba(234, 21, 32, 0.5);height:369px;display: table-cell;vertical-align: middle;text-align:left;padding: 0 20px;} #content .block_1 #rotor1 {width:300px;background-color:rgba(27, 47, 122, 0.5);height:369px;display: table-cell;vertical-align: middle;text-align:left;padding: 0 20px;} #content .block_1 .bl_news .bl_date {display: block;color:#fff;font-size: 15px;margin: 0;padding: 0 0 5px 0;} #content .block_1 .bl_news h1 a {display: block;color:#fff;font-size: 28px;font-weight: 600;margin: 0;padding: 0 0 5px 0;line-height: 28px;} #content .block_1 .bl_news .bl_line {display: block;height: 5px;width:160px;background-color: #fff;margin: 0;padding: 0 0 5px 0;} #content .block_1 .bl_news .bl_text {display: block;color:#fff;font-size: 17px;margin: 0;padding: 15px 0;} #content .block_1 .bl_news .bl_text a { color: #fff; font-weight: 400; padding: 0 5px; } #content .block_1_en { width: calc(100% - 20px); float: left;position: relative;margin:0 20px 0 0;width: 100%; z-index: 1; } #content .block_2 { background-color: #fff; width:300px;float: right;position: relative;margin:0;padding: 0;} #content .block_2 .bl_head { background-color: #1B2F7A; display: block; vertical-align: middle; color: #fff; padding: 0; height: 53px; display: block; width: 100%; text-align: center; border: 1px solid #fff; } #content .block_2 .bl_head a { font-size: 23px; line-height: 53px; text-align: center; color: rgba(255,255,255,1); } #content .block_2 .bl_head a:hover {color:rgba(255,255,255,0.8);background-color: rgba(27, 47, 122,0.8)} #content .block_2 .bl_head i {font-size: 15px;line-height: 55px;text-align: center;color:rgba(255,255,255,1);padding: 0 0 0 10px;} #content .block_2 .bl_head_2 { background-color: #D7D7D7; display: block; vertical-align: middle; padding: 0; height: 53px; display: block; width: 100%; text-align: center; border: 1px solid #fff; } #content .block_2 .bl_head_2 a.bl_link { font-size: 23px; line-height: 53px; text-align: center; color: #1B2F7A; font-weight: 400; } #content .block_2 .bl_head_2 a.bl_link:hover { color: #cc3333; } #content .block_2 .bl_links { margin: 0; } #content .block_2 .bl_links .bl_carousel {margin: 0;padding: 0;height: 186px !important;overflow: hidden;} #content .block_2 .bl_links .bl_carousel ul {} ul.sve_vesti { height: 35px; margin: 0; padding: 0; } #content .block_2 .bl_links .bl_carousel ul li {display: block;border: 1px solid #fff;padding: 0;margin: 0;background-color: #1b2f7a;height: 35px !important; overflow: hidden; } ul li.svevesti {display: block; border: 1px solid #fff; padding: 0;margin: 0; background-color: #D7D7D7; height: 35px !important; overflow: hidden; } #content .block_2 .bl_links .bl_carousel ul li a {font-size: 14px;color:#fff;padding: 0 5px 0 40px;display:table-cell;vertical-align: middle;height: 35px;line-height: 15px;} ul li.svevesti a { color: rgba(0, 0, 0, 0.7); display: block; font-size: 14px; font-weight: 600; height: 35px; line-height: 35px; padding: 0 15px 0 5px; text-align: right; vertical-align: middle; } #content .block_2 .bl_links .bl_carousel ul li:hover { background-color: rgba(27, 47, 122, 0.7); } #content .block_2 .bl_links .bl_carousel ul li a i { position: absolute; left: 15px; line-height: 19px; color: #fff; font-size: 10px; } ul li.svevesti a i { color: #cc3333; font-size: 10px; line-height: 19px; padding: 0 0 0 10px; } #content .block_2 .bl_links button { width: 100%; background-color: #fff; border: none; color: #cc3333; border: 1px solid #fff; } #content .blue_line {background-color: #1B2F7A;clear: both;display: block;height:10px;position: relative;} #content .service_info, #content .city_info {background-color: #D7D7D7;width: 510px;float: left;position: relative;} #content .service_info a.si_topic, #content .city_info a.ci_topic { background-color: #fff;color: #cc3333;display: block;font-size: 20px;line-height: 55px;text-transform: uppercase;font-weight: 700; padding: 0 0 0 15px; } #content .service_info a.si_topic:hover, #content .city_info a.ci_topic:hover { color: #1B2F7A; } #content .service_info a.si_topic i, #content .city_info a.ci_topic i {font-size: 16px;line-height: 50px;margin: 0 20px;text-align: right;} #content .service_info .ser_link {margin: 10px 0;height: 60px;background-color: #fff;} #content .service_info .ser_link:hover {background-color:rgb(215, 215, 215); } #content .service_info .ser_link .block_red { float:left;position: relative;margin: 0;padding: 0;width: 60px;height: 61px;background-color:#cc3333;} #content .service_info .ser_link .block_blue { float:left;position: relative;margin: 0;padding: 0;width: 60px;height: 61px;background-color: #1B2F7A; } #content .service_info .ser_link .si_title {float:left;position: relative; max-width: 450px; } #content .service_info .ser_link .si_title .si_link {display: block; font-size: 17px;color: #1B2F7A;font-weight: 600;padding: 7px 0 0 10px;} #content .service_info .ser_link .si_title .si_link a {color: #1B2F7A;} #content .service_info .ser_link .si_title .si_dsc { color: #1b2f7a; display: block; font-size: 13px; line-height: 13px; padding: 0 0 0 10px; } #content .service_info .ser_link .si_title i {color: #cc3333;left: 415px;position: absolute;top: 47%;} #content .city_info .ci_link {margin: 10px 0;height: 60px;background-color: #fff;margin-left: 20px;} #content .city_info .ci_link:hover {background-color:rgb(215, 215, 215); } #content .city_info .ci_link .block_grey { float:left;position: relative;margin: 0;padding: 0;width: 60px;height: 61px;background-color:#BEBEBE;} #content .city_info .ci_link img {float:left;position: relative;margin: 0;padding: 0;width: 130px;height: 130px;} #content .city_info .ci_link .si_title {float:left;position: relative;max-width: 400px;} #content .city_info .ci_link .si_title .si_link {display: block; font-size: 17px; color: #1B2F7A; font-weight: 600; padding: 7px 0 0 10px; } #content .city_info .ci_link .si_title .si_link a {color: #1B2F7A;} #content .city_info .ci_link .si_title .si_dsc { color: #1b2f7a; display: block; font-size: 12px; padding: 0 0 0 10px; line-height: 13px; } /* #content .city_info .ci_link {margin: 10px 0;height: 130px;background-color: #fff;margin-left: 20px;} #content .city_info .ci_link:hover {background-color:rgb(215, 215, 215); } #content .city_info .ci_link img {float:left;position: relative;margin: 0;padding: 0;width: 130px;height: 130px;} #content .city_info .ci_link .si_title {float:left;position: relative;max-width: 350px;} #content .city_info .ci_link .si_title .si_link {display: block; font-size: 17px; color: #1B2F7A; font-weight: 600; padding: 25px 0 0 10px; } #content .city_info .ci_link .si_title .si_link a {color: #1B2F7A;} #content .city_info .ci_link .si_title .si_dsc {display: block;font-size: 13px;color: #1B2F7A;padding: 0 0 0 10px;} */ #content .block_qw {margin: 10px 0;} #content .block_qw .qw_1, #content .block_qw .qw_2, #content .block_qw .qw_3 {width: 50%;float: left;position: relative;} #content .block_qw .qw_1 img, #content .block_qw .qw_2 img, #content .block_qw .qw_3 img {width: 100%;height: 332px;padding:0;} #content .block_qw .qw_1 a, #content .block_qw .qw_2 a, #content .block_qw .qw_3 a {left: 0;position: absolute;bottom:0;line-height: 107px;text-align: center;color: #fff;font-size: 24px;background-color:rgba(51, 51, 102,0.7);width: 100%;z-index: 9;height: 107px;} #content .block_qw .qw_1 a:hover, #content .block_qw .qw_2 a:hover, #content .block_qw .qw_3 a:hover {background-color:rgba(234, 21, 32, 0.7);} #content .block_qw .qw_1 .btn_qw, #content .block_qw .qw_2 .btn_qw, #content .block_qw .qw_3 .btn_qw {position: absolute;bottom:85px;left: 43%;z-index: 10;} .wh_upline {background-color: #fff;display: block;float: left;height: 332px;position: relative;width: 10px !important;} #content .links_block { float: left; margin: 35px 0; position: relative; } #content .links_block .lb_link { background-color: rgba(0, 0, 0, 0.1); border: 2px solid rgba(0, 0, 0, 0.1); color: #1b2f7a; float: left; font-size: 17px; height: 50px; line-height: 50px; margin: 2px; padding: 0 0 0 10px; position: relative; width: 237px; } #content .links_block .lb_link:hover {background-color:#D7D7D7;} #content .links_block .lb_link a {display: block;} #content .links_block .lb_link i { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 14px; height: 20px; line-height: 20px; padding: 0 5px; position: absolute; right: 5px; text-align: center; top: 17px; } #content .banner {width: 100%;display: block; position: relative;} #content .banner img { display: block; line-height: 90px; margin: 0 auto; max-height: 90px; max-width: 200px; text-align: center; width: auto; display: table-caption; vertical-align: middle; } #content .banner .grid-item { height:90ox; background-color: #fff; border: 2px solid rgba(0, 0, 0, 0.1); line-height: 100px; margin: 2px !important; padding: 2px 0 2px 10px !important; width: 237px !important; } #content .banner .grid-item:hover { border: 2px solid rgba(0, 0, 0, 0.2); } #oglasi { width: 100%; display: block; margin: 15px 0 30px 0; } #oglasi .oglas { width: 100%; display: block; line-height: 10px !important; } #oglasi .date { font-size: 13px !important; } #oglasi .topic { font-size: 14px !important; } #oglasi .subtopic { font-size: 20px !important; font-weight: 600; line-height: 20px !important; } #footer { background-color: #1B2F7A; width: 100%; float: left; position: relative; margin: 0; } #footer .ft_div {width: 1020px;margin: 0 auto;} #footer .ft_div .col_3 {width: 33%;float: left;position: relative;display: inline-block;margin: 0;padding: 0;} #footer .ft_div .col_3 h3 {font-size: 17px;font-weight: 600;padding: 15px 0 0 55px;color:#fff;} #footer .ft_div .col_3 ul {} #footer .ft_div .col_3 ul.ver li, #footer .col_3 ul.ver li a {display: inline-block;margin:0 5px; padding: 0;} #footer .ft_div .col_3 ul li {} #footer .ft_div .col_3 ul li a {color:#fff;font-size: 15px;padding: 0 0 0 60px;} #footer .ft_div .col_3 ul.ver {padding:0 0 0 60px;} #footer .ft_div .col_3 ul.ver li a {color:#fff;font-size: 15px;padding: 0; margin: 0; } #footer .ft_div .col_3 ul.ver li a img { padding: 0; width: 20px; height: 20px; } #footer .ft_div .copy {height: 50px;line-height: 50px;text-align: center;font-size: 13px;width: 98%;display: block;float: left;color: #fff;margin: 30px 0 0 0;} #footer .ft_div .copy a { color:#C0C7E0; font-weight: 700; } #content .left_blok {width:220px;margin: 0;padding: 0;float:left;position: relative;display:inline-block;} #content .left_blok ul {width:100%;margin: 00;padding: 0;float:left;} #content .left_blok ul li { } #content .left_blok ul li a {display:block;line-height: 20px;margin: 0;padding: 9px 7px;display:block;background-color: #E1E1E1;border-bottom:3px solid #fff;border-right:5px solid #fff;color:#1B2F7A; font-size: 15px;transform: translateZ(0px);transition-duration: 0.7s;transition-property: color, background-color;} #content .left_blok ul li a:hover, #content .left_blok ul li a:focus, #content .left_blok ul li a:active {color:#ff0000;background-color: #EFEFEF;} #content .useful_link .soc_line { display: none; } #content .cnt_blok .nw_cnt ul { list-style: inside; } #content .cnt_blok .nw_cnt ul li { padding: 0 0 0 25px; } #content .cnt_blok .nw_cnt ul.gallery li { padding: 0; } #content .cnt_blok {width: 800px;margin: 0;padding: 0;float:right;position: relative;display: inline-block;} #content .nw_blue_line { color: #fff; display: block;float: left;font-size:14px;font-weight: 400;height: 60px;margin: 0 0 5px;padding:0;text-transform: uppercase;width: 100%; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc3333+0,cc3333+100&0.7+0,1+100 */ background: -moz-linear-gradient(top, rgba(27,47,122,1) 0%, rgba(27,47,122,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(27,47,122,1) 0%,rgba(27,47,122,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(27,47,122,1) 0%,rgba(27,47,122,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2f7a', endColorstr='#1b2f7a',GradientType=0 ); /* IE6-9 */ } #content .nw_blue_line h2 { padding: 0 25px; line-height: 60px; } #content .nw_blue_line .line_breadcrumb {padding: 0 20px;margin: 0; position: absolute; display: table; top:0; left: 0; height: 60px; width: calc(100% - 55px); } #content .nw_blue_line ul.breadcrumb { display: table-cell; text-transform: initial; vertical-align: middle; padding: 0; margin: 0; } #content .nw_blue_line ul.breadcrumb li { display: inline-block; padding: 0; margin: 0; } #content .nw_blue_line ul.breadcrumb li a {color:#fff;font-size: 14px;} #content .nw_blue_line ul.breadcrumb li a:before {font-family: FontAwesome; content: "\f101"; display: inline-block; padding:0 10px; vertical-align: middle;float: right;font-size: 11px; line-height: 21px;} #content .nw_blue_line_l { border-right: 5px solid #fff;color: #fff;display: block;float: left;font-size:17px;font-weight: 600;height: 50px;line-height: 60px;margin: 0 0 5px;padding: 5px 0;text-transform: uppercase;width: calc(100% - 5px); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc3333+0,cc3333+100&0.7+0,1+100 */ background: -moz-linear-gradient(top, rgba(27,47,122,1) 0%, rgba(27,47,122,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(27,47,122,1) 0%,rgba(27,47,122,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(27,47,122,1) 0%,rgba(27,47,122,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2f7a', endColorstr='#1b2f7a',GradientType=0 ); /* IE6-9 */ } #content .cnt_form { width: calc(100% - 55px); display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 5px 0 10px 0; float: left; } #content .cnt_form h3 { display: block; line-height: 24px; font-size: 17px; font-weight: 700; padding: 0 0 10px 0; } #content .cnt_form form { font-size: 13px; } #content .cnt_form form label { display: inline-block; padding: 5px 5px; margin: 2px 1px; } #content .cnt_form form input { display: inline-block; padding: 5px 10px; margin: 2px 1px; width: auto; width: 100px; } #content .cnt_form form input#submit { background-color: #1B2F7A; color: #fff; padding: 5px 10px; margin: 0 2px; border: none; } #content .cnt_form form input#submit:hover { background-color: #0F1E54; } #content .cnt_blok .nw_cnt { border-left: 1px solid rgba(0, 0, 0, 0.3); float: left; margin: 0 auto; width: 100%; } #content .cnt_blok .nw_cnt img {max-width: 100%;height: auto;margin:0 auto 5px auto;display: block;max-height: 500px;} #content .cnt_blok .beoinfo .nw_cnt img.page_img {max-width: 100%;width: auto;height: auto;margin:0 auto 5px auto;display:inline-block;padding: 0 25px 0 0;display: block;} #content .cnt_blok .common .nw_cnt img.page_img, #content .cnt_blok .oglasi .nw_cnt img.page_img { float: left; height: auto; margin: 0 auto 5px; max-width: 42%; padding: 0 20px 20px 40px; position: relative; width: auto; } #content .cnt_blok .nw_cnt .nw_date {color:#cc3333;font-size: 15px;padding: 7px 40px;margin: 10px 0 0 0;} #content .cnt_blok .nw_cnt h1 {color:#cc3333;font-size: 30px;width: calc(100% - 80px); line-height: 30px;margin: 20px 0; padding: 0 20px 0 40px; } #content .cnt_blok .oglasi .nw_cnt h1 {color:#1B2F7A;font-size: 20px;width: calc(100% - 80px);line-height: 25px;margin: 25px 0;padding: 0 40px;} #content .cnt_blok .nw_cnt span.wh_line {width: calc(100% - 80px);height: 1px;background-color:#cc3333;display: block;line-height: 1px !important;margin: 0 auto;} #content .cnt_blok .beoinfo .nw_cnt p {font-size: 16px;line-height: 22px;padding: 10px 40px; margin: 0; } #content .cnt_blok .common .nw_cnt p, #content .cnt_blok .common .nw_cnt ul, #content .cnt_blok .useful_link .nw_cnt p, #content .cnt_blok .useful_link .nw_cnt ul, #content .cnt_blok .oglasi .nw_cnt p, #content .cnt_blok .oglasi .nw_cnt ul { display: block; font-size: 16px; line-height: 22px; padding: 6px 40px; margin: 0; width: calc(100% - 80px); float: left; } #content .cnt_blok .common .nw_cnt p img { border: medium none; margin: 2px 7px; display: inline; } #content .cnt_blok .nw_cnt ul.nw_gallery li { display: inline-block; float: left; width: 176px; position: relative; height: 168px; } #content .cnt_blok .nw_cnt .nw_gallery img { width: 150px; height: 150px; padding: 4px;border:1px solid #d7d7d7;margin: 2px;text-align: center; display: inline-block;} #content .cnt_blok .nw_cnt .nw_gallery img:hover {background-color:#d7d7d7;} #content .cnt_blok .nw_cnt .nw_gallery .saveimg { left: 7px; position: absolute; bottom: 11px; color: #ff0000; background-color: #fff; padding: 0 3px; } #content .cnt_blok .common .nw_cnt .soc_line, #content .cnt_blok .oglasi .nw_cnt .soc_line, #content .cnt_blok .najave .nw_cnt .soc_line {display: none;} #content .cnt_blok .beoinfo .nw_cnt .soc_line {width: calc(100% - 80px);text-align: right;display: block;margin: 0 0 15px 0;float: left;padding: 0 40px;} #content .cnt_blok .beoinfo .nw_cnt .soc_line .fb_soc {padding: 2px 7px;display: inline-block;margin: 0 1px;float: right;} #content .cnt_blok .beoinfo .nw_cnt .soc_line .fb_soc i {color:#43609C;font-size: 25px;line-height: 20px;height: 20px;margin: 0; } #content .cnt_blok .beoinfo .nw_cnt .soc_line .tw_soc {padding: 2px 7px;display: inline-block;margin: 0 1px;float: right;} #content .cnt_blok .beoinfo .nw_cnt .soc_line .tw_soc i {color:#2090D6;font-size: 25px;line-height: 20px;height: 20px;margin: 0; } #content .cnt_blok .beoinfo .nw_cnt .soc_line .gplus_soc {padding: 2px 7px;display: inline-block;margin: 0 1px;float: right;} #content .cnt_blok .beoinfo .nw_cnt .soc_line .gplus_soc i {color:#DD4D40;font-size: 25px;line-height: 20px;height: 20px;margin: 0; } #content .cnt_blok .lb_links li { display: block; width: 100%; } #content .cnt_blok .nw_cnt .gal_list {background-color: #fafafa;margin: 10px 0;max-height: 150px;float: left;position: relative;display: block;width: 100%;} #content .cnt_blok .nw_cnt .gal_list:hover {background-color:#eee;} #content .cnt_blok .nw_cnt .gal_list .img-news {float: left;height: 150px;margin: 0;padding: 0;position: relative;width: 200px;} #content .cnt_blok .nw_cnt .gal_list .img-news img {height: 150px;width: 200px;margin: 0;} #content .cnt_blok .nw_cnt .gal_list .gal_cont {float: left;margin: 0;padding: 0 0 0 15px;position: relative;width: 450px;} #content .cnt_blok .nw_cnt .gal_list .gal_cont .entry-meta {font-size: 13px;margin: 0;padding: 0 0 10px;} #content .cnt_blok .nw_cnt .gal_list .gal_cont .entry-meta h2 {font-size: 20px;line-height: 16px;margin: 0;padding: 10px 0 5px;} #content .cnt_blok .nw_cnt .gal_list .gal_cont .entry-meta .fa {padding: 4px 6px 0 0;} #content .cnt_blok .nw_cnt .gal_cont .con-text {float: left;margin: 0;padding: 0 0 0 15px;position: relative;} #content .cnt_blok .nw_cnt .gal_cont .con-text .entry-meta {font-size: 13px;margin: 0;padding: 20px 0;} #content .cnt_blok .nw_cnt .gal_cont .con-text .entry-meta h2 {color: #575757;font-size: 42px;line-height: 39px;margin: 0 0 10px;padding: 0;} #content .cnt_blok .nw_cnt .gal_cont .con-text .entry-meta .fa {padding: 0 6px 0 0;} #content .cnt_blok .nw_cnt .gal_cont .con-text .entry-meta p {font-size: 16px;line-height: 21px;text-align: justify;} #content .cnt_blok .nw_cnt .gal_cont .con-text a {display: block;float: left;height: 123px;margin: 4px 8px 4px 0;overflow: hidden;padding: 0;width: 157px;} #content .cnt_blok .nw_cnt .gal_cont .con-text img {height: 123px;margin: 2px;width: 165px;} #content .cnt_blok .nw_cnt .gal_cont .con-text a:hover img { filter: alpha(opacity=70);-khtml-opacity: 0.7;-moz-opacity: 0.7;opacity: 0.7;} #content .ar_cnt {display: block;float: left;padding: 15px 0;border-bottom: 1px solid #d7d7d7;} #content .page_list .code10 .ar_cnt, #content .page_list .code1 .ar_cnt {display: block;float: left;padding: 15px 0;border-bottom: 1px solid #d7d7d7;width: calc(100% - 60px);} #content .page_list .ar_cnt .ar_img {width:250px;height: 170px;margin:10px 20px 10px 0;float: left;text-align: center;position: relative;} #content .page_list .code1 .ar_cnt .ar_img, #content .page_list .code10 .ar_cnt .ar_img { display: none; } #content .ar_cnt .ar_img img {max-width:250px;width: auto;height: 170px;margin:0 auto;} #content .page_list .ar_cnt .ar_txt {float: left;display: inline-block;position: relative;width: 475px;} #content .page_list .code1 .ar_cnt .ar_txt, #content .page_list .code10 .ar_cnt .ar_txt {float: left;display: inline-block;position: relative;width: calc(100% - 60px);} #content .ar_cnt .ar_txt a {font-size: 18px;color: rgba(0,0,0,0.8);font-weight: 600;line-height: 19px;} #content .ar_cnt .ar_txt a.ar_det {font-size: 14px;color: #EA1520;font-weight: 600;line-height: 18px;} #content .ar_cnt .ar_txt p.og_date { color: rgba(0, 0, 0, 0.6); font-size: 13px; line-height: 18px; margin: 7px 0; padding: 0; } #content .ar_cnt .ar_txt p.ar_date {font-size: 14px;padding: 0;margin: 7px 0;line-height: 18px;font-style: italic;color: #1B2F7A;} #content .ar_cnt .ar_txt p {line-height: 18px;padding:0;margin:7px 0;font-size: 16px;} #content .ar_cnt .ar_txt a:hover {color:#1B2F7A;} .shopp { border-bottom: solid #ccc 1px; padding: 8px; position: relative; font-size:12px; background:url(remove.png) center right no-repeat 5px; margin-bottom:3px; text-align:justify; width:100%; } #container .shopp { font-family: 'PT Sans', sans-serif; font-size: 15px; text-align: justify; line-height: 17px; color: rgba(0,0,0,0.7); } #container .shopp h3 { font-size: 20px; line-height: 20px; padding: 5px 0 10px; font-family: 'PT Sans', sans-serif; font-weight: 400; } .search-background { display: none; font-size: 13px; font-weight: bold; height:160px; position: absolute; padding-top:140px; text-align: center; opacity:0.5;filter: alpha(opacity=50); text-decoration: none; width: 520px; color:#FFFFFF; text-shadow: #fff 0px 0px 20px; } search-background label { border: solid #66FF00 1px; } #paging_button { width: 580px; overflow: hidden; white-space: nowrap; text-align: center; } #paging_button ul { padding:0px; margin:8px; height: 39px; width: 12500px; overflow: hidden; } #paging_button ul li { display: inline-block; -moz-border-radius: 3px 3px 3px 3px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); color: #FFFFFF; float: left; font-size: 13px; font-weight: 700; margin: 0 2px 0px; padding: 10px 10px; text-align: center; text-decoration: none; text-shadow: none; list-style-type: none; width: 20px; cursor: pointer; } #paging_button ul li:hover { background: #006699; } #loading { position: absolute; top: 100px; left: 50%; right: 50%; margin-top:200px; } #container { min-height: 600px; } #container .pagination ul { margin: 0 auto; widows: auto; text-align: center; } #container .pagination ul li.inactive, #container .pagination ul li.inactive:hover { background-color: #ededed; color: #bababa; border: 1px solid #bababa; cursor: default; } #container .data ul { padding: 0; margin: 0; } #container .data ul li { list-style: none; font-family: verdana; margin: 5px 0 5px 0; color: #000; font-size: 13px; padding: 0 50px 0 0; } #container .pagination { width: 800px; height: 25px; display: block; float: left; } #container .pagination ul li { list-style: none; float: left; border: 1px solid #2E3E89; padding: 2px 6px 2px 6px; margin: 0 3px 0 3px; font-size: 14px; color: #2E3E89; font-weight: bold; background-color: #f2f2f2; } #container .pagination ul li:hover { color: #fff; background-color: #2E3E89; cursor: pointer; } .go_button { background-color: #f2f2f2; border: 1px solid #2E3E89; color: #cc0000; padding: 2px 6px 2px 6px; cursor: pointer; position: absolute; margin-top: -1px; } .total { float: right; color:#999; } #header .h_logo_plus { display: none; } table, td, tr, font { background-color: #fff !important; color: rgba(0, 0, 0, 0.7) !important; } .gotop {background-color:#5096ff;opacity:0.8;color:#FFF;z-index:2147483647; border-radius:2px;width:40px;height:40px;font-weight:normal;line-height:40px; text-align:center;position:fixed;bottom:40px;right:40px;cursor:pointer;-webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;overflow:hidden; box-shadow:inset 0 -3px 0 rgba(0,0,0,0.08);display:inline;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;} .no-touch .gotop:hover {background-color:#4169e1; opacity: 1;} .gotop i {font-size:15px;line-height:40px;font-weight:normal;} .gotop.cd-is-visible, .gotop.cd-fade-out, .no-touch .gotop:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;} .gotop.cd-is-visible {visibility: visible;opacity: 1;} .gotop.cd-fade-out {opacity: .5;} .cd-top {display: inline-block;height: 40px; width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);overflow: hidden;text-indent: 100%;white-space: nowrap; background: rgba(27, 47, 122, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;} .cd-top.cd-is-visible {visibility: visible;opacity: 1;} .cd-top.cd-fade-out {opacity: .5;} .no-touch .cd-top:hover {background-color: rgba(27, 47, 122, 1);opacity: 1;} @media only screen and (min-width: 768px) { .cd-top {right: 20px;bottom: 20px;} } @media only screen and (min-width: 1024px) { .cd-top { height: 60px;width: 60px;right: 30px;bottom: 30px;} } /*----------------------------------------------------------------------------------------------------------------------*/ .Zebra_Pagination { clear: both; width: 100%; overflow: hidden; margin: 0 auto; text-align: center; } .Zebra_Pagination ul { position: relative; left: 50%; list-style-type: none; margin: 0; padding: 0; float: left } .Zebra_Pagination li { position: relative; float: left; right: 50%; padding: 0 !important; } /* COMMON ATTRIBUTES FOR ALL THE LINKS ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_Pagination a { font-size: 14px;background-color: #fff;padding: 10px 14px; color: #333; text-decoration: none; margin: 0 1px; display: block; float: left; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px } .Zebra_Pagination a:hover { background-color: #DEDEDE; color: #222 } /* "NEXT PAGE" AND "PREVIOUS PAGE" LINKS ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_Pagination a.navigation { border: 1px solid transparent; overflow: hidden; background-repeat: no-repeat } .Zebra_Pagination a.previous { background-color:#fff;} .Zebra_Pagination a.next { background-color:#fff;} .Zebra_Pagination a.previous:hover, .Zebra_Pagination a.next:hover {background-color: #DEDEDE; color: #222} .Zebra_Pagination a.disabled { filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2 } .Zebra_Pagination a.disabled:hover { background-color: inherit; color: inherit } /* hack for transparent borders in IE6 */ *html .Zebra_Pagination a.navigation { border-color: #000001; filter: chroma(color=#000001) } /* CURRENT PAGE ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_Pagination a.current, .Zebra_Pagination .current, .Zebra_Pagination a.current:hover, .Zebra_Pagination .current:hover { background: #4169E1; color: #FFF } /* THE "..." SEPARATOR ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_Pagination span { color: #666; margin-right: 1px; display: block; float: left; padding: 4px;line-height: 30px; } /* -------------------------------------------------- size_verysmall -------------------------------------------------- */ /* 13 */ body.size_verysmall #content .service_info .ser_link .si_title .si_dsc, body.size_verysmall #content .city_info .ci_link .si_title .si_dsc { font-size: 9px !important; } /* 14 */ body.size_verysmall #content .block_2 .bl_links .bl_carousel ul li a { font-size: 10px !important; } /* 15 */ body.size_verysmall #content .block_1 .bl_news .bl_date, body.size_verysmall #content .left_blok ul li a { font-size: 11px !important; } /* 16 */ body.size_verysmall #content .cnt_blok .beoinfo .nw_cnt p, body.size_verysmall #content .cnt_blok .beoinfo .nw_cnt ul, body.size_verysmall #content .cnt_blok .common .nw_cnt p, body.size_verysmall #content .cnt_blok .common .nw_cnt ul, body.size_verysmall #content .cnt_blok .oglasi .nw_cnt p, body.size_verysmall #content .cnt_blok .oglasi .nw_cnt ul { font-size: 12px !important; } /* 17 */ body.size_verysmall #header .main_navigation ul li a, body.size_verysmall #content .block_1 .bl_news .bl_text, body.size_verysmall #content .service_info .ser_link .si_title .si_link, body.size_verysmall #content .city_info .ci_link .si_title .si_link, body.size_verysmall #content .links_block .lb_link { font-size: 13px !important; } /* 20 */ body.size_verysmall #content .service_info a.si_topic, body.size_verysmall #content .city_info a.ci_topic { font-size: 16px !important; } /* 23 */ body.size_verysmall #content .block_2 .bl_head a, body.size_verysmall #content .block_2 .bl_head_2 a.bl_link { font-size: 19px !important; } /* 28 */ body.size_verysmall #content .block_1 .bl_news h1 { font-size: 24px !important; } /* 30 */ body.size_verysmall #content .cnt_blok .nw_cnt h1 { font-size: 26px !important; } /* -------------------------------------------------- size_verysmall -------------------------------------------------- */ /* 13 */ body.size_small #content .service_info .ser_link .si_title .si_dsc, body.size_small #content .city_info .ci_link .si_title .si_dsc { font-size: 11px !important; } /* 14 */ body.size_small #content .block_2 .bl_links .bl_carousel ul li a { font-size: 12px !important; } /* 15 */ body.size_small #content .block_1 .bl_news .bl_date, body.size_small #content .left_blok ul li a { font-size: 13px !important; } /* 16 */ body.size_small #content .cnt_blok .beoinfo .nw_cnt p, body.size_small #content .cnt_blok .beoinfo .nw_cnt ul, body.size_small #content .cnt_blok .common .nw_cnt p, body.size_small #content .cnt_blok .common .nw_cnt ul, body.size_small #content .cnt_blok .oglasi .nw_cnt p, body.size_small #content .cnt_blok .oglasi .nw_cnt ul { font-size: 14px !important; } /* 17 */ body.size_small #header .main_navigation ul li a, body.size_small #content .block_1 .bl_news .bl_text, body.size_small #content .service_info .ser_link .si_title .si_link, body.size_small #content .city_info .ci_link .si_title .si_link, body.size_small #content .links_block .lb_link { font-size: 15px !important; } /* 20 */ body.size_small #content .service_info a.si_topic, body.size_small #content .city_info a.ci_topic { font-size: 18px !important; } /* 23 */ body.size_small #content .block_2 .bl_head a, body.size_small #content .block_2 .bl_head_2 a.bl_link { font-size: 21px !important; } /* 28 */ body.size_small #content .block_1 .bl_news h1 { font-size: 26px !important; } /* 30 */ body.size_small #content .cnt_blok .nw_cnt h1 { font-size: 28px !important; } /* -------------------------------------------------- size_verylarg -------------------------------------------------- */ /* 13 */ body.size_large #content .service_info .ser_link .si_title .si_dsc, body.size_large #content .city_info .ci_link .si_title .si_dsc { font-size: 15px !important; } /* 14 */ body.size_large #content .block_2 .bl_links .bl_carousel ul li a { font-size: 16px !important; } /* 15 */ body.size_large #content .block_1 .bl_news .bl_date, body.size_large #content .left_blok ul li a { font-size: 17px !important; } /* 16 */ body.size_large #content .cnt_blok .beoinfo .nw_cnt p, body.size_large #content .cnt_blok .beoinfo .nw_cnt ul, body.size_large #content .cnt_blok .common .nw_cnt p, body.size_large #content .cnt_blok .common .nw_cnt ul, body.size_large #content .cnt_blok .oglasi .nw_cnt p, body.size_large #content .cnt_blok .oglasi .nw_cnt ul { font-size: 18px !important; } /* 17 */ body.size_large #header .main_navigation ul li a, body.size_large #content .block_1 .bl_news .bl_text, body.size_large #content .service_info .ser_link .si_title .si_link, body.size_large #content .city_info .ci_link .si_title .si_link, body.size_large #content .links_block .lb_link { font-size: 19px !important; } /* 20 */ body.size_large #content .service_info a.si_topic, body.size_large #content .city_info a.ci_topic { font-size: 22px !important; } /* 23 */ body.size_large #content .block_2 .bl_head a, body.size_large #content .block_2 .bl_head_2 a.bl_link { font-size: 25px !important; } /* 28 */ body.size_large #content .block_1 .bl_news h1 { font-size: 30px !important; } /* 30 */ body.size_large #content .cnt_blok .nw_cnt h1 { font-size: 32px !important; } /* -------------------------------------------------- size_verylarge -------------------------------------------------- */ /* 13 */ body.size_verylarge #content .service_info .ser_link .si_title .si_dsc, body.size_verylarge #content .city_info .ci_link .si_title .si_dsc { font-size: 17px !important; } /* 14 */ body.size_verylarge #content .block_2 .bl_links .bl_carousel ul li a { font-size: 18px !important; } /* 15 */ body.size_verylarge #content .block_1 .bl_news .bl_date, body.size_verylarge #content .left_blok ul li a { font-size: 19px !important; } /* 16 */ body.size_verylarge #content .cnt_blok .beoinfo .nw_cnt p, body.size_verylarge #content .cnt_blok .beoinfo .nw_cnt ul, body.size_verylarge #content .cnt_blok .common .nw_cnt p, body.size_verylarge #content .cnt_blok .common .nw_cnt ul, body.size_verylarge #content .cnt_blok .oglasi .nw_cnt p, body.size_verylarge #content .cnt_blok .oglasi .nw_cnt ul { font-size: 20px !important; } /* 17 */ body.size_verylarge #header .main_navigation ul li a, body.size_verylarge #content .block_1 .bl_news .bl_text, body.size_verylarge #content .service_info .ser_link .si_title .si_link, body.size_verylarge #content .city_info .ci_link .si_title .si_link, body.size_verylarge #content .links_block .lb_link { font-size: 21px !important; } /* 20 */ body.size_verylarge #content .service_info a.si_topic, body.size_verylarge #content .city_info a.ci_topic { font-size: 24px !important; } /* 23 */ body.size_verylarge #content .block_2 .bl_head a, body.size_verylarge #content .block_2 .bl_head_2 a.bl_link { font-size: 27px !important; } /* 28 */ body.size_verylarge #content .block_1 .bl_news h1 { font-size: 32px !important; } /* 30 */ body.size_verylarge #content .cnt_blok .nw_cnt h1 { font-size: 34px !important; } @media only screen and (max-width: 760px) { .cd-top { bottom: 30px; height: 60px; left: calc(50% - 30px); right: calc(50% - 30px); width: 60px; } #header .h_line, #header .h_line .h_link { width: 100%; } #header .h_line .h_link .h_date { display: none; } #header .h_logo_plus { margin: 0 auto; position: relative; width: 150px; z-index: 2147483647; float: none; display: block; } #header .h_logo_plus img { margin: 0 auto; padding: 10px 30px; width: 100px; } #header .h_line .h_link .h_lang { display: block; float: none; line-height: 35px; margin: 0; position: relative; text-align: center; } #header .h_line .h_search { display: table; float: none; height: 31px; line-height: 31px; margin: 0 auto; position: relative; } #header .h_line .h_link .h_sn { display: block; float: none; line-height: 50px; margin: 0 auto; text-align: center; } #header .h_line .h_link .h_sn ul { float: none; } #header .h_line .h_link .h_sn ul li { display: inline; float: none; margin: 0 1px; } #header .h_slider .hslider_img img { display: none; } #header .h_line .h_link .h_sn ul li a i { background-color: #1b2f7a; border-radius: 50%; color: #fff; font-size: 12px; height: 28px; line-height: 28px; text-align: center; vertical-align: middle; width: 28px; } #header .h_line .h_link .h_sn ul li a img { background-color: #1b2f7a; border-radius: 50%; color: #fff; font-size: 12px; height: 28px; line-height: 28px; text-align: center; vertical-align: middle; width: 28px; } #header .h_line .h_link .h_sn ul li { display: inline; float: none; margin: 0; } #header .h_line .h_link .h_sn ul li a.option { background-color: #cc3333; border-radius: 50%; color: #fff; font-size: 15px !important; line-height: 50px; padding: 4px 7px; text-align: center; vertical-align: middle; } #content .city_info .ci_link .block_grey { background-color: #bebebe; float: left; height: 61px; margin: 0; padding: 0; position: relative; width: 60px; display: none; } #content .city_info .ci_link { float: left; height: auto; margin: 10px 0; width: 100%; } #content .city_info .ci_link .si_title { display: block; float: left; position: relative; width: 100%; } #content .english .qw_1, #content .english .qw_2, #content .english .qw_3 { display: block; position: relative; width: 100% !important; } #content .english .qw_1 img, #content .english .qw_2 img, #content .english .qw_3 img { height: auto !important; padding: 0; width: 100% !important; } #content .english .wh_upline { background-color: #fff; display: none !important; height: 332px; position: relative; width: 30px; } #header .main_navigation { display: none; } .responsiv_nav { display: block; } #menu-nav ul { display: block; left: 0; padding: 0; position: relative; top: 100%; } #content { padding: 0 15px; width: calc(100% - 30px); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: hidden; } #content .block_1, #content .service_info, #content .city_info { width: 100%; } #content .block_2 { width: 100%; margin: 3px 0 0 0; } #content .service_info .ser_link .block_red { display: none; } #content .service_info .ser_link .si_title .si_link { padding: 10px; } #content .city_info .ci_link { margin: 10px 0; float: left; height: auto; } #content .city_info .ci_link img { display: none; } #content .city_info .ci_link .si_title .si_link { padding: 10px; } #content .city_info .ci_link .si_title .si_dsc { padding: 0 0 10px 10px; } #content .service_info .ser_link .si_title .si_dsc { padding: 0 0 10px 10px; } #content .service_info .ser_link { background-color: #fff; margin: 10px 0; float: left; width: 100%; height: auto; } .wh_upline { display: none; } #content .block_qw .qw_1, #content .block_qw .qw_2, #content .block_qw .qw_3 { width: 100%; margin: 5px 0; } #content .links_block .lb_link { margin: 2px 0; padding: 0 10px; width: calc(100% - 20px); } #content .banner .grid-item { width: 100% !important; } #footer .ft_div { width: 100%; } #footer .ft_div .col_3 { width: 100%; } #footer .ft_div .copy { width: 100%; line-height: 16px; } #leftwhite, #rightwhite { display: none; } #content .cnt_blok { width: 100%; } #content .nw_blue_line { width: 100%; } #content .cnt_blok .beoinfo .nw_cnt p { padding: 10px 0; } #content .cnt_blok .nw_cnt span.wh_line { width: 100%; } #content .cnt_blok .nw_cnt h1 { margin: 20px 0; padding: 0; width: 100%; } #content .cnt_blok .beoinfo .nw_cnt .soc_line { float: right; margin: 15px 0; padding: 0; text-align: right; width: 100%; } .nw_gallery { padding: 0; margin: 0; } #content .cnt_blok .nw_cnt .nw_gallery img { height: auto; margin: 2px auto; padding: 4px; width: calc(100% - 8px); } #content .left_blok { display: block; float: left; width: 100%; } #header .h_slider { display: block; border: none; background-color: #fff; margin: 0; padding: 0 0 10px 0; } #header .h_slider .hslider_img { width: 100%; } #header .h_slider .hslider_img .h_logo { display: none; } ul li.gradske-aktuelnosti, ul li.najave, ul li.servisne-informacije, ul li.tenderi, ul li.nabavke, ul li.akta, ul li.gradski-oglasi-konkursi-i-tenderi, ul li.beoinfo { display: none; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 0; } #content .cnt_blok .common .nw_cnt img.page_img, #content .cnt_blok .oglasi .nw_cnt img.page_img { float: none; height: auto; margin: 0 auto 5px; padding: 0; position: relative; width: 100%; max-width: 100%; } #content .cnt_blok .common .nw_cnt p, #content .cnt_blok .common .nw_cnt ul, #content .cnt_blok .oglasi .nw_cnt p, #content .cnt_blok .oglasi .nw_cnt ul { display: block; float: left; font-size: 16px; line-height: 22px; margin: 0; padding: 6px 0; width: 100%; } #content .nw_blue_line { background-color: #1b2f7a; color: #fff; display: block; float: left; font-size: 14px; font-weight: 400; margin: 0 0 5px; padding: 0; position: relative; text-transform: uppercase; height: auto; } #content .nw_blue_line .line_breadcrumb { display: block; height: auto; left: 0; margin: 0; padding: 0 10px; position: relative; top: 0; width: calc(100% - 20px); } } .lb_link div { position: absolute; width: calc(100% - 10px); height: 100%; display: table; } .lb_link div a { display: table-cell !important; vertical-align: middle; line-height: 15px; } .session_block { display: block; float: left; width: calc(100% - 5px); line-height: 24px; background-color: #041A25; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .top_page { border-top: 0 solid #fff; border-bottom: 0 solid #fff; } .session_block_small { background-color: #041A25; bottom: -52px; display: block; float: left; line-height: 24px; position: absolute; width: 100%; z-index: 2147483647; margin: 0 0 10px 0; border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; } .session_block h2 { color: #041A25; display: block; width: calc(100% - 22px); font-size: 17px; background-color: #fff; border: 1px solid #041A25; padding: 3px 10px; } .session_block ul, .session_block_small ul { float: right; } .session_block ul li { display: inline-block; color: #fff; font-size: 14px; padding: 0 10px !important; } .session_block_small ul li { display: inline-block; color: #fff; font-size: 14px; padding: 0 15px !important; } .session_block ul li a, .session_block_small ul li a { color: rgba(255,255,255,0.7) !important; font-weight: 600; background-color: #041A25 !important; border-bottom: 1px solid #041A25 !important; border-right: 1px solid #041A25 !important; display: inline-block; font-size: 15px !important; line-height: 20px !important; margin: 0; padding: 0; transform: translateZ(0px); transition-duration: 0.7s; transition-property: color, background-color; height: auto !important; position: relative !important; } .session_block ul li button, .session_block_small ul li button { background-color: #041a25 !important; border: 0 solid #041a25 !important; color: rgba(255, 0, 0, 1) !important; display: table-cell; font-size: 15px; font-weight: 600; height: 35px; line-height: 15px !important; margin: 0; padding: 0 7px; transform: translateZ(0px); transition-duration: 0.7s; transition-property: color, background-color; vertical-align: middle; width: 100%; font-family: unset; cursor: pointer; } .session_block ul li a:hover, .session_block_small ul li a:hover { color: #fff !important; } .del_button { left: 7px; position: absolute; top: 7px; background-color: rgba(255, 255, 255, 0.6); width: calc(100% - 14px); display: block; padding: 4px 0; } .del_button i { background-color: #ff0000; border-radius: 7px; color: #fff; padding: 3px 5px; } .del_button i:hover { background-color: #fff; color: #ff0000; } #content .english {margin: 10px auto; width: 100%;} #content .english .qw_1, #content .english .qw_2, #content .english .qw_3 {width: calc(50% - 15px); display: inline-block;position: relative; height: 332px; } #content .english .qw_1 img, #content .english .qw_2 img, #content .english .qw_3 img {width: 495px;height: 332px;padding:0;} #content .english .qw_1 a, #content .english .qw_2 a, #content .english .qw_3 a {left: 0;position: absolute;bottom:0;line-height: 107px;text-align: center;color: #fff;font-size: 24px;background-color:rgba(51, 51, 102,0.7);width: 100%;z-index: 9;height: 107px;} #content .english .qw_1 a:hover, #content .english .qw_2 a:hover, #content .english .qw_3 a:hover {background-color:rgba(234, 21, 32, 0.7);} #content .english .qw_1 .btn_qw, #content .english .qw_2 .btn_qw, #content .english .qw_3 .btn_qw {position: absolute;bottom:85px;left: 43%;z-index: 10;} #content .english .wh_upline {background-color: #fff;display: inline-block;height: 332px;position: relative;width: 30px !important;}