/* CSS Document */

.popup {
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: -1000px;
    width: 1px;
    height: 1px;
    border: 1px solid #999999;
    vertical-align: middle;
    background-color: #FFFFFF;
    font-size: 10px;
    padding: 3px;
    color: #333333;
    overflow: visible;
}

.style3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #333333;
}

.style4 {
    font-size: 10px;
    padding-right: 3px;
}

.style5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.postoji_opis_link {
    font-weight: bold;
    display: block;
    width: 350px;
    text-decoration: none;
    color: #000000;
}

a.postoji_opis_link:link {
    color: #333333;
    text-decoration: none;
}

.podnaslov {
    font-size: 12px;
    color: #666666;
    background-color: #eeeeee;
    padding: 2px;
    font-weight: bold;
}

.tableTekst {
    width: 610px;
}

.pro_red {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dfdfdf;
    font-size: 10px;
    padding-right: 2px;
    padding-left: 2px;
}

.pro_red2 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    font-size: 10px;
}

a.postoji_opis_link:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.naslov_td {
    font-size: 11px;
    font-weight: bold;
    background-color: #8B0808;
    color: #FFFFFF;
    padding-top: 3px;
    padding-right: 2px;
    padding-left: 2px;
    height: 20px;
    margin-right: 1px;
}

.naslov_td2 {
    font-size: 10px;
    font-weight: normal;
    background-color: #8B0808;
    color: #FFFFFF;
    padding-top: 3px;
    padding-right: 2px;
    padding-left: 2px;
    height: 20px;
    margin-right: 1px;
    font-family: Arial, Helvetica, sans-serif;
}

.jumpRow {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    background-color: #eeeeee;
    color: #666666;
}

.style17 {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pro_red1 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    height: 70px;
}

.korpatxt {
    font-size: 10px;
    color: #333333;
    background-color: #f6f6f6;
    padding: 5px;
    border: 1px dashed #CCCCCC;
    text-align: justify;
}

.top {
    background-image: url(Graphics/logo_mid.jpg);
    background-repeat: no-repeat;
}

.zaglavlje {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999999;
}

.menu_text {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    overflow: visible;
    padding-left: 2px;
}

.pozadina1 {
    background-image: url(Graphics/bg_glavna.gif);
    background-repeat: no-repeat;
}

.headdiv {
    font-size: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    font-weight: bold;
    color: #666666;
}

.stat_grupe {
    font-size: 9px;
    color: #666666;
}

.menu_ground {
    background-image: url(Graphics/meni_gore.jpg);
    background-repeat: no-repeat;
}

a.menu_text:link {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    display: block;
    overflow: visible;
    background-color: #610606;
    margin-top: 1px;
}

.menu_text_br {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #FF9900;
    overflow: auto;
    visibility: visible;
    z-index: auto;
}

a.menu_text:visited {
    text-decoration: none;
    font-size: 11px;
    display: block;
    color: #FFFFFF;
    background-color: #610606;
    margin-top: 1px;
}

a.menu_text:hover {
    text-decoration: none;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 11px;
    display: block;
    margin-top: 1px;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #e4e4e4;
    background-image: url(Graphics/pozadina-gradient-cb.jpg);
    background-repeat: repeat-x;
}

.menuBlueTxt {
    text-decoration: none;
    color: #dddddd;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    background-color: #396a9e;
    text-indent: 12px;
    margin-top: 2px;
    background-image: url(Graphics/kockaOrange.gif);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

a.menuBlueTxt:link {
    text-decoration: none;
    color: #dddddd;
    display: block;
    white-space: normal;
    font-size: 12px;
    font-weight: bold;
}

a.menuBlueTxt:visited {
    text-decoration: none;
    color: #dddddd;
    display: block;
    white-space: normal;
    font-weight: bold;
    font-size: 12px;
}

a.menuBlueTxt:hover {
    color: #FFFFFF;
    background-color: #93aeca;
    display: block;
    white-space: normal;
    font-weight: bold;
    font-size: 12px;
    background-image: url(Graphics/kockaBlue.gif);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

.menuRedTxt {
    text-decoration: none;
    color: #CCCCCC;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    text-indent: 12px;
    margin-top: 2px;
    background-image: url(Graphics/kockaOrange.gif);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

a.menuRedTxt:link {
    text-decoration: none;
    color: #CCCCCC;
    display: block;
    white-space: normal;
    font-size: 12px;
    font-weight: bold;
}

.menuLeftBGTrans {
    background-image: url(Graphics/menuRedTrans.png);
}

a.menuRedTxt:visited {
    text-decoration: none;
    color: #CCCCCC;
    display: block;
    white-space: normal;
    font-weight: bold;
    font-size: 12px;
}

a.menuRedTxt:hover {
    color: #FFFFFF;
    background-color: #777777;
    display: block;
    white-space: normal;
    font-weight: bold;
    font-size: 12px;
    background-image: url(Graphics/kockaGray.gif);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

.proizvodi {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    color: #333333;
}

.meni_dole {
    background-image: url(Graphics/meni_dole.jpg);
    background-repeat: no-repeat;
}

.style1 {
    color: #666666
}

.glavna_tab {
}

body, td, th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 10px;
}

.pro_red_hover {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dfdfdf;
    background-color: #FF9900;
    cursor: pointer;
    font-size: 10px;
    color: #FFFFFF;
    padding-right: 2px;
    padding-left: 2px;
}

.pro_red_hoverX {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dfdfdf;
    background-color: #FF9900;
    cursor: pointer;
    font-size: 10px;
    color: #FFFFFF;
    padding-right: 2px;
    padding-left: 2px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}

.naslov_tdblu {
    font-size: 11px;
    font-weight: bold;
    background-color: #006699;
    color: #FFFFFF;
    height: 20px;
    padding-top: 3px;
    margin-right: 1px;
}

#weatherdiv {
    height: 114px;
    width: 165px;
    overflow: hidden;
    z-index: 5;
    font-size: 10px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(Graphics/weather.jpg);
    background-repeat: no-repeat;
    padding-top: 2px;
    margin-right: 2px;
    padding-left: 3px;
}

.weatherheader {
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    text-indent: 2px;
}

.weathertext {
    font-size: 10px;
    font-weight: bold;
    color: #333333;
}

.top_left {
    background-image: url(Graphics/logo_left.jpg);
    background-repeat: no-repeat;
    background-color: #393939;
}

#logo_tacka {
    background-image: url(Graphics/logo_tacka.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.top_right {
    background-image: url(Graphics/logo_right.jpg);
    background-repeat: no-repeat;
    background-color: #393939;
}

#leftMenuLogo {
    background-image: url(Graphics/logo_leftMenu.jpg);
    background-repeat: no-repeat;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 30px;
    padding-bottom: 5px;
}

#leftMenuBG {
    background-image: url(Graphics/left_MenuBg.gif);
    background-repeat: repeat-y;
}

#vesti_tdBG {
    background-image: url(Graphics/vestiBG.jpg);
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-top: 6px;
}

#rightMenuTD {
    background-image: url(Graphics/rightMenuBG.gif);
    background-repeat: repeat-y;
}

.pozadina2 {
    background-image: url(Graphics/bg.gif);
    background-repeat: repeat-y;
}

.rightMenuBox {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.menuGrayTrans {
    background-image: url(Graphics/menuGrayTrans.png);
}

#mainTD {
    background-color: #FFFFFF;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-left: 6px;
}

.tableTekst td {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #dddddd;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
}

.tableTekst2 td {
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
}

.tableTekst2 {
    width: 610px;
}

.vremeBox {
    background-image: url(Graphics/vremeBg.jpg);
    background-repeat: no-repeat;
}

#vreme {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 167px;
    padding: 2px;
    background-color: #FFFFFF;
    border: 2px solid #93aeca;
}

.part-name {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    float: left;
    color: #666666;
}

.part-data {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.item-section {
    overflow: auto;
}

.name {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    float: left;
}

.section-title {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #396a9e;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 1px;
}

.current-weather-header {
    overflow: auto;
    zoom: 1;
}

.basic-data {
    float: right;
    color: #FF9900;
    font-weight: bold;
}

.suggest_link {
    background-color: #FFFFFF;
    padding: 2px 6px 2px 6px;
    color: #333333;
}

.suggest_link_over {
    background-color: #3a4a5c;
    padding: 2px 6px 2px 6px;
    color: #ffffff;
    cursor: text;
}

#search_suggest {
    background-color: #FFFFFF;
    text-align: left;
    border: 2px solid #3a4a5c;
    max-height: 200px;
    height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    max-width: 350px;
    float: right;
    overflow-y: auto;
    overflow-x: hidden;
}

#searchPlutos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #dddddd;
    width: 167px;
    border: 2px solid #396a9e;
    background-color: #3a4a5c;
    position: relative;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 2px;
}

#searchPlutos INPUT {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#searchPlutos SELECT {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 10px;
}

#searchPlutosTable TD {
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
    color: #dddddd;
    font-size: 11px;
}

#su_box {
    position: absolute;
    right: 2px;
    overflow-y: auto;
    background-color: #3a4a5c;
}

#searchList {
    background-color: #3a4a5c;
    color: #FFFFFF;
    overflow: visible;
    visibility: hidden;
}

#usersOnline {
    font-size: 10px;
    color: #dddddd;
    text-align: right;
    margin-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

.m1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    overflow: visible;
    background-color: #610606;
    margin-top: 1px;
    padding-left: 2px;
}

.m1:hover {
    color: #333333;
    background-color: #FFFFFF;
}

.m1 a {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}

.pg {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
}

.pg:hover {
    text-decoration: underline;
    color: #ff9900;
}

.yt-link {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
}

.line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #396A9E;
    margin: 1em 0;
    padding: 0;
}

#CON_all_rect_box {
    right: auto !important;
}

.blink-text {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.google-search {
    width: auto !important;
}

.responsive-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.font-white {
    color: #fff;
}

.font-light-gray {
    color: #aaa;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}