﻿/*---ČUVENI CSS RESET---POČETAK---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

header {
    padding-bottom:10px;
}

html {
    overflow: hidden; /*auto; zbog IE7 vertical scrollbar-a*/
    /*novi:*/
    /*overflow: auto;*/
    margin: 0 auto;
    width: 100%;
    /*height: 100%;*/
    /*background: rgba(219,219,219,0);
	background: -moz-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 11%, white 50%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,219,219,0)), color-stop(11%, rgba(219,219,219,1)), color-stop(50%, white));
	background: -webkit-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 11%, white 50%);
	background: -o-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 11%, white 50%);
	background: -ms-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 11%, white 50%);
	background: linear-gradient(to bottom, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 11%, white 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff', GradientType=0 );
	background-repeat: no-repeat;*/
    /*background: #dbdbdb;
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 10%, #dbdbdb 11%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(10%,#ffffff), color-stop(11%,#dbdbdb), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 10%,#dbdbdb 11%,#f9f9f9 100%);
	background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 10%,#dbdbdb 11%,#f9f9f9 100%);
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 10%,#dbdbdb 11%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 10%,#dbdbdb 11%,#f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f9f9f9',GradientType=0 );*/
    /*background-image: url('../Images/MasterPage/Redesign1/background.jpg');
	background-repeat: repeat-x;
	background-attachment: local;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;*/
    /*-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;*/
    /*position:relative;*/
}

body {
    /*overflow:hidden;*/
    float: left;
    /*width: 80%;*/
    /*stari:
	overflow: auto;*/
    /*overflow-x: hidden;*/
    margin: 0 auto;
    width: 100%;
    /*height: 100%;*/
    /*background-color: antiquewhite;*/
    /*background: rgba(219,219,219,0);
	background: -moz-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 20%, white 70%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(20%, rgba(219,219,219,1)), color-stop(70%, white));
	background: -webkit-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 20%, white 70%);
	background: -o-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 20%, white 70%);
	background: -ms-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 20%, white 70%);
	background: linear-gradient(to bottom, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 20%, white 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff', GradientType=0 );*/
    /*background: #e1e1e1;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 4%, #efefef 7%, #d6d6d6 12%, #d8d8d8 19%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#ffffff), color-stop(7%,#efefef), color-stop(12%,#d6d6d6), color-stop(19%,#d8d8d8), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 4%,#efefef 7%,#d6d6d6 12%,#d8d8d8 19%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 4%,#efefef 7%,#d6d6d6 12%,#d8d8d8 19%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 4%,#efefef 7%,#d6d6d6 12%,#d8d8d8 19%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 4%,#efefef 7%,#d6d6d6 12%,#d8d8d8 19%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff', GradientType=0 );
	background-repeat: no-repeat;*/
    /*stari:*/
    /*background-image: url('../Images/MasterPage/PostaCG_background.jpg');*/
    /*novi!*/
    /*background-image: url('../Images/MasterPage/Redesign1/background.jpg');
	background-repeat: repeat-x;
	background-attachment: local;*/
    /*-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;*/
    /*font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;*/
    font-family:'Roboto', sans-serif; /*"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;*/
    position: relative;
}

.formMaster {
    float: left;
    width: 100%;
    height: 100%;
    /*background-color: aqua;*/
}
/*#region divMaster*/
.divMaster {
    /*overflow:auto;*/
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    /*overflow-x: hidden;*/
    /*background-image: url('../Slike/MasterPage/Redizajn1/background.jpg');
	background-repeat: repeat-x;*/
    /*position:relative;*/
    /*background-color: #ffffff ;*/
}

.upSvi {
    float: left;
    height: 100%;
    width: 100%;
}
/*#region Poruke*/
#upPoruke {
    margin: 0;
    padding: 0;
}

.pnlPoruke {
    margin: 15em;
    padding: 3em;
    max-width: 30%;
    vertical-align: middle;
    border: 0.5em solid Red;
    text-align: left;
    background-color: White;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 1em;
    z-index: 1000000000;
    box-shadow: 0.25em 0.5em 1.5em rgba(0,0,0,0.85);
}
/*background-color:rgba(255, 255, 255, 0.8);*/
/* Za web browser-e koji ne podržavaju RGBa */
/*
	background: rgb(0, 255, 0) transparent;            
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5087ceeb, endColorstr=#5087ceeb);             
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fff));
	background: -moz-linear-gradient(top, #FFFFFF, #fff);
	background: rgba(0, 255, 0, 0.9);
*/

.lblPoruke {
    float: left;
    color: Red;
    font-size: 1.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*margin-top:1em;*/
}
/*padding:1em 0.5em;margin-top:2em;*/
.divBtnCistiLabelu {
    clear: both;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

#btnCistiLabelu {
    /*margin-top: 1em;*/
    /*clear:both;
	float:right;*/
    margin-top: 2em;
    width: 5em;
    height: 4em;
    text-align: center;
    z-index: 100000;
    border-radius: 0.5em;
}
/*#endregion */
/*#endregion */
/*#region divMasterNaslov, tj. header */
.divMasterNaslov {
    width: 100%;
    height: 75%;
    /*background-color: #FFC10E;
    background-image: url('../Slike/MasterPage/MarkeHederManja.jpg');*/
    /*height:5.5em;*/
    float: left;
    /*height: 10%;*/
    /*background: #fcffff;
    background: -moz-linear-gradient(top, #fcffff 0%, #fdfdfd 14%, #e1e1e1 79%, #dedede 94%, #e1e1e1 95%, #dcdcdc 97%, #dfdfdf 98%, #dcdcdc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcffff), color-stop(14%,#fdfdfd), color-stop(79%,#e1e1e1), color-stop(94%,#dedede), color-stop(95%,#e1e1e1), color-stop(97%,#dcdcdc), color-stop(98%,#dfdfdf), color-stop(100%,#dcdcdc));
    background: -webkit-linear-gradient(top, #fcffff 0%,#fdfdfd 14%,#e1e1e1 79%,#dedede 94%,#e1e1e1 95%,#dcdcdc 97%,#dfdfdf 98%,#dcdcdc 100%);
    background: -o-linear-gradient(top, #fcffff 0%,#fdfdfd 14%,#e1e1e1 79%,#dedede 94%,#e1e1e1 95%,#dcdcdc 97%,#dfdfdf 98%,#dcdcdc 100%);
    background: -ms-linear-gradient(top, #fcffff 0%,#fdfdfd 14%,#e1e1e1 79%,#dedede 94%,#e1e1e1 95%,#dcdcdc 97%,#dfdfdf 98%,#dcdcdc 100%);
    background: linear-gradient(to bottom, #fcffff 0%,#fdfdfd 14%,#e1e1e1 79%,#dedede 94%,#e1e1e1 95%,#dcdcdc 97%,#dfdfdf 98%,#dcdcdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffff', endColorstr='#dcdcdc',GradientType=0 );
    background-repeat: no-repeat;*/
    /*position:relative;*/
    /*background-image: url(../Slike/MasterPage/Redizajn1/header_logo_pozadina.png);
	background-repeat: repeat-x;*/
    /*-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;*/
    /*/*background-position-y: bottom;*/
    /*background-position: bottom;*/
}

.divMasterNaslovShadow {
    /*box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0.85), 0 0 0.5em 0.5em rgba(0, 0, 0, 0.25), inset 0 0 1.5em 0.25em rgba(0, 0, 0, 0.25);*/
    /*z-index: 214748361;
    position: relative; ovo sakrije logo ispod gornjeg crnog menija, ali je neophodno za efekat senke! Edit: rešeno tako što je uklonjen tag position: relative; iz diva za crni meni!
    box-shadow: 0.25em 0.5em 2em rgba(0, 0, 0, 0.75);*/
}

.divMasterNaslovSirina {
    float: left;
    /*margin: 0 5%;
	width: 90%;*/
    margin: 0 5%;
    /*margin: 0 auto;*/
    width: 90%;
    /*height:99%;*/
    /*display: block;*/
    /*margin: 0 auto;*/
    /*overflow: auto;  /*forces clearing of the child float*/
    /*zoom: 1;*/
}


.divPostaCGLogo {
    float: left;
    width: 12%;
    position: relative;
}

.imgPostaCGLogo {
    float: left;
    width: 95%;
    margin: 7% auto;
    height: 100%;
    /*border-radius: 0.5em;*/
    z-index: 214748363 !important;
    position: relative;
}

.divHeaderHorizontalSpacer {
    float: left;
    background-color:white;
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAATSURBVBhXY/j48eN/pqtXrzIAACQjBlQ+qg/OAAAAAElFTkSuQmCC') /*../Images/MasterPage/Redesign1/header_horizontal_spacer.png*/
    /*background-repeat: repeat-x;*/
    width: 100%;
    height: 2px !important;
    margin: 0;
    padding: 0;
}

.divSlikaZaHeder {
    height: 18%;
    background-color: #FFC10E;
    /*background-image: url('../Slike/MasterPage/MarkeHederManja.jpg');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: right;*/
    border-bottom: solid 2px #DBA611; /*D49500*/
    background-image: url('../Slike/MasterPage/HederPiksel.png');
    background-size: 1.08%;
    background-repeat: repeat-x;
    background-position-x: right;


}

.divSlikaZaHederDesno {
    height: 100%;
    background-image: url('../Slike/MasterPage/LogoPP.png');
    background-size: 35%;
    background-repeat: no-repeat;
    background-position-x: right;


}

.divTblMeniTopBlack {
    float: left;
    /*background:#FFC10E;*/
    /*background-image: url("../Slike/MasterPage/Redizajn1/top_meni_pozadina.png");
	background-repeat: repeat-x;*/
    /*background: #727679;
    background: -moz-linear-gradient(top, #727679 0%, #222629 2%, #272b2e 10%, #262a2d 14%, #2b2f32 17%, #2b2f32 21%, #353a3e 34%, #454a50 62%, #444c4f 69%, #464b51 79%, #434a50 86%, #464b4f 90%, #44494d 93%, #474b4e 98%, #717578 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727679), color-stop(2%,#222629), color-stop(10%,#272b2e), color-stop(14%,#262a2d), color-stop(17%,#2b2f32), color-stop(21%,#2b2f32), color-stop(34%,#353a3e), color-stop(62%,#454a50), color-stop(69%,#444c4f), color-stop(79%,#464b51), color-stop(86%,#434a50), color-stop(90%,#464b4f), color-stop(93%,#44494d), color-stop(98%,#474b4e), color-stop(100%,#717578));
    background: -webkit-linear-gradient(top, #727679 0%,#222629 2%,#272b2e 10%,#262a2d 14%,#2b2f32 17%,#2b2f32 21%,#353a3e 34%,#454a50 62%,#444c4f 69%,#464b51 79%,#434a50 86%,#464b4f 90%,#44494d 93%,#474b4e 98%,#717578 100%);
    background: -o-linear-gradient(top, #727679 0%,#222629 2%,#272b2e 10%,#262a2d 14%,#2b2f32 17%,#2b2f32 21%,#353a3e 34%,#454a50 62%,#444c4f 69%,#464b51 79%,#434a50 86%,#464b4f 90%,#44494d 93%,#474b4e 98%,#717578 100%);
    background: -ms-linear-gradient(top, #727679 0%,#222629 2%,#272b2e 10%,#262a2d 14%,#2b2f32 17%,#2b2f32 21%,#353a3e 34%,#454a50 62%,#444c4f 69%,#464b51 79%,#434a50 86%,#464b4f 90%,#44494d 93%,#474b4e 98%,#717578 100%);
    background: linear-gradient(to bottom, #727679 0%,#222629 2%,#272b2e 10%,#262a2d 14%,#2b2f32 17%,#2b2f32 21%,#353a3e 34%,#454a50 62%,#444c4f 69%,#464b51 79%,#434a50 86%,#464b4f 90%,#44494d 93%,#474b4e 98%,#717578 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2f32', endColorstr='#717578',GradientType=0 );
    background-repeat: no-repeat;*/
    width: 100%;
    height:27%;
    margin: 0;
    padding: 0;
    /*position: relative;*/
    z-index: 10000;
    /*height:50px;*/
}

.tblMeniTopBlack {
    /*background-image: url("../Slike/MasterPage/Redizajn1/top_meni_pozadina.png");
	background-repeat: repeat-x;*/
    /*-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;*/
    /*margin: 0 auto;*/
    padding: 0;
    border: none;
    /*width: 90%;*/
    margin: 0 4%;
    /*margin: 0 auto;*/
    width: 90%;
    /*height:30px;*/
    /*height:2.4em;*/
    table-layout: fixed;
    empty-cells: show;
    vertical-align: middle;
    text-align: center;
    /*z-index:1000;*/
    /*height:1em;*/
}

    .tblMeniTopBlack td {
        margin: 0;
        padding: 0;
        position: relative;
        /*height: 100%;*/
        /*height:1em;*/
        /*display:block;*/
        /*width:12.5%;*/
        height: 2.2em;
        text-align: right;
        vertical-align: middle;
        /*background-image: url(../Slike/MasterPage/Redizajn1/header_spacer.jpg);
	background-repeat: no-repeat;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAPSURBVBhXY0jMzLFxcQcAB40B/uR+0PwAAAAASUVORK5CYII=');*/
        background-repeat: repeat-y;
        border-radius: 0.6em;
    }




.header {
    font-family: Tahoma, Arial;
    color: #4e4e4e;
    text-decoration: underline;
    font-weight: normal;
    font-size: 0.7em;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: auto;
    display: block;
}



    .header:visited {
        font-family: Tahoma, Arial;
        color: #A77400;
        text-decoration: none;
        font-weight: normal;
        font-size: 0.7em;
        outline: none;
        text-align: center;
        vertical-align: middle;
    }

    .header:hover {
        font-family: Tahoma, Arial;
        color: #A77400;
        text-decoration: none;
        font-weight: normal;
        font-size: 0.8em;
        outline: none;
        text-align: center;
        vertical-align: middle;
    }

    .header span {
        /*display:block;*/
        text-align: center;
        vertical-align: middle;
    }


    .link-header {
    font-family: Tahoma, Arial;
    color: #666;
    padding-right:3px;
    font-weight: normal;
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: auto;
    display: block;
}

    .link-header:visited {
        font-family: Tahoma, Arial;
        padding-right:3px;
        color: #A77400;
        text-decoration: none;
        font-weight: normal;
        font-size: 0.9em;
        outline: none;
        text-align: center;
        vertical-align: middle;
    }

    .link-header:hover {
        font-family: Tahoma, Arial;
        padding-right:3px;
        color: #A77400;
        text-decoration: underline;
        font-weight: normal;
        font-size: 0.9em;
        outline: none;
        text-align: center;
        vertical-align: middle;
    }

    .link-header span {
        /*display:block;*/
        text-align: center;
        vertical-align: middle;
    }


        .link-footer {
    font-family: Tahoma, Arial;
    color: #666;
    padding-right:3px;
    font-weight: normal;
    font-size: 0.8em;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: auto;
    display: inline;
}

    .link-footer:visited {
        font-family: Tahoma, Arial;
        padding-right:3px;
        color: #A77400;
        text-decoration: none;
        font-weight: normal;
        font-size: 0.8em;
        outline: none;
        text-align: center;
        vertical-align: middle;
    }

    .link-footer:hover {
        font-family: Tahoma, Arial;
        padding-right:3px;
        color: #A77400;
        text-decoration: underline;
        font-weight: normal;
        font-size: 0.8em;
        outline: none;
        text-align: center;
        vertical-align: middle;
    }

    .link-footer span {
        /*display:block;*/
        text-align: center;
        vertical-align: middle;
    }

.imgAndroid {
    /*position:relative;*/
    /*display: block;*/
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding: 0;
    width: 10%;
}

.spanAndroid {
    width: 88%;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}

.divWebShopLogo {
    float: right;
    width: 20%;
    margin: 0;
    padding: 0;
    /*position: relative;*/
}

.imgWebShopLogo {
    float: right;
    zoom: 1;
    position: relative;
    /*margin-right: 5%;*/
    margin-top: -13%;
    /*right:0;
	top:-1.75em;*/
    width: 85%;
    /*width: 10em;*/
    border-radius: 0.5em;
    z-index: 214748365 !important;
    -moz-transition: box-shadow 2s linear;
    -o-transition: box-shadow 2s linear;
    -webkit-transition: box-shadow 2s linear;
    transition: box-shadow 2s linear;
}

    .imgWebShopLogo:hover,
    .imgWebShopLogo.glow {
        box-shadow: 0 -0.25em 1.5em White, 0 0.25em 1.5em Black;
    }

@font-face {
    font-family: 'microgrammadeebolextregular';
    src: url('Fonts/mgrmdbe-webfont.eot');
    src: url('Fonts/mgrmdbe-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/mgrmdbe-webfont.woff') format('woff'), url('Fonts/mgrmdbe-webfont.ttf') format('truetype'), url('Fonts/mgrmdbe-webfont.svg#microgrammadeebolextregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lblEnergodata {
    position: fixed;
    /*right: 6em;*/
    right: 0.3%;
    bottom: 0;
    /*width: 10em;*/
    color: White;
    /*border-radius: 0.5em;*/
    z-index: 20000000000;
    font-family: microgrammadeebolextregular,'Arial Black', Gadget, sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    -moz-transition: text-shadow 2s linear;
    -o-transition: text-shadow 2s linear;
    -webkit-transition: text-shadow 2s linear;
    transition: text-shadow 2s linear;
}

    .lblEnergodata:hover,
    .lblEnergodata.glow {
        -webkit-text-shadow: 0 0 0.75em #040057;
        text-shadow: 0 0 0.75em #040057;
    }
/*#endregion */


/*#region divMasterMeniTop*/
.divMasterMeniTop {
    float: left;
    width: 76%;
    height: 100%;
    /*display: block;*/
    /*text-align: left;*/
    vertical-align: middle;
    text-align: center;
    z-index: 1000;
    position: relative;
    /*display:none;*/
}

.divZaVertCent {
    /*float:left;*/
    /*padding: 0.5em 0 0.5em 0.5em;*/
    vertical-align: middle;
    text-align: center;
    /*height: 1.25em;*/
    position: relative;
    /*left: 0;*/
    z-index: 10000001;
}

.tblMeniTop {
    /*float:right;*/
    margin: 0 auto;
    width: 90%;
    height: 100%;
    /*position:relative;
	empty-cells: show;*/
    table-layout: fixed;
    /*border-collapse: separate;*/
}

    .tblMeniTop td {
        width: 12.5%;
        /*height:4.6em;*/
        height: 99%;
        position: relative;
        text-align: center;
        vertical-align: middle;
        margin: auto 0;
        /*background-image: url(../Slike/MasterPage/Redizajn1/navigation_spacer.jpg);
	background-repeat: no-repeat;*/
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAD0lEQVQYV2M4duzYx48fARFHBSYxnvD1AAAAAElFTkSuQmCC') /*../Images/MasterPage/Redesign1/header_vertical_spacer.png*/;
        background-repeat: repeat-y;
    }

        .tblMeniTop td a {
            color: #4e4e4e;
            text-decoration: none;
            /*margin: 0 0 0 0.9em;*/
            height: 100%;
            margin: 0;
            vertical-align: middle;
            text-align: center;
            z-index: 10000002;
            outline: none;
        }

            .tblMeniTop td a:hover {
                color: #ffb91b;
                text-decoration: none;
                outline: none;
                z-index: 10000003;
            }

            .tblMeniTop td a img {
                width: 88%;
                vertical-align: middle;
            }

/*#endregion */

.tblMeniPODTop {
    /*float:right;*/
    margin: 0 auto;
    width: 90%;
    height: 100%;
    /*position:relative;
	empty-cells: show;*/
    table-layout: fixed;
    /*border-collapse: separate;*/
}

    .tblMeniPODTop td {
        width: 12.5%;
        /*height:4.6em;*/
        height: 99%;
        position: relative;
        text-align: center;
        vertical-align: middle;
        margin: auto 0;
        /*background-image: url(../Slike/MasterPage/Redizajn1/navigation_spacer.jpg);
	background-repeat: no-repeat;*/
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAD0lEQVQYV2M4duzYx48fARFHBSYxnvD1AAAAAElFTkSuQmCC') /*../Images/MasterPage/Redesign1/header_vertical_spacer.png*/;
        background-repeat: repeat-y;
    }

        .tblMeniPODTop td a {
            color: #4e4e4e;
            text-decoration: none;
            /*margin: 0 0 0 0.9em;*/
            height: 100%;
            margin: 0;
            vertical-align: middle;
            text-align: center;
            z-index: 10000002;
            outline: none;
        }

            .tblMeniPODTop td a:hover {
                color: #ffb91b;
                text-decoration: none;
                outline: none;
                z-index: 10000003;
            }

            .tblMeniPODTop td a img {
                width: 88%;
                vertical-align: middle;
            }

.divMasterSadrzaj {
    float: left;
    /*background: #d7d7d7;
    background: -moz-linear-gradient(top, #d7d7d7 0, #dedede 1%, #dfdfdf 8%, #ebebeb 30%, #f9f9f9 60%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d7d7d7), color-stop(1%,#dedede), color-stop(8%,#dfdfdf), color-stop(30%,#ebebeb), color-stop(60%,#f9f9f9), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #d7d7d7 0,#dedede 1%,#dfdfdf 8%,#ebebeb 30%,#f9f9f9 60%,#ffffff 100%);
    background: -o-linear-gradient(top, #d7d7d7 0,#dedede 1%,#dfdfdf 8%,#ebebeb 30%,#f9f9f9 60%,#ffffff 100%);
    background: -ms-linear-gradient(top, #d7d7d7 0,#dedede 1%,#dfdfdf 8%,#ebebeb 30%,#f9f9f9 60%,#ffffff 100%);
    background: linear-gradient(to bottom, #d7d7d7 0,#dedede 1%,#dfdfdf 8%,#ebebeb 30%,#f9f9f9 60%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=0 );*/
    background-repeat: no-repeat;
    margin: 0 auto;
    padding-top: 1%;
    /*margin-bottom: 1%;*/
    /*padding: 0 !important;*/
    width: 100%;
    height: 73%;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}

.divMasterFooter {
    float: left;
    background-color:#ffe59b;
    background-repeat: no-repeat;
    margin: 0 auto;
    /*padding-top: 1%;*/
    /*margin-bottom: 1%; FFDD7A*/
    /*padding: 0 !important;*/
    width: 100%;
    /*height: 7%;*/
    height: 80px;
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    bottom:0;



}
.divMasterFooterLevo {
    float: left;

    /*height: 100%;
    background-image: url('../Slike/MasterPage/LogoPP.png');
    background-size: 35%;
    background-repeat: no-repeat;
    background-position-x: right;*/
    background-image: url('../Slike/MasterPage/FooterLevo.png');
    background-repeat: no-repeat;
    margin: 0 auto;
    /*padding-top: 1%;*/
   
    width: 100%;
    height: 100%;
    background-size:11%;
    overflow: auto;
    overflow-x: hidden;
    position: relative;


}

body.ie6 #upCentar,
body.ie7 #upCentar {
    float: left;
}

.divMasterSadrzajSirina {
    /*width: 90%;*/
    margin: 0 5%;
    /*margin: 0 auto;*/
    width: 90%;
    float: left;
    /*display: block;*/
    /*margin: 0 auto;*/
    height: 100%;
    /*position:relative;*/
}

/*#region divMasterLevi*/
.divMasterLevi {
    float: left;
    position: relative;
    margin: 0; /*1em 0 0 0;*/
    width: 18%;
    border-top: dotted 2px #FFC10E;
    border-left: dotted 2px #FFC10E;
    border-right: dotted 2px #FFC10E;
    padding: 0;
    font-family: 'Roboto', sans-serif, verdana;
    /*font-family: roboto  "Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;*/
}

#tvwMeniLevo {
    float: left;
    width: 100%; /*!important;*/
    padding: 0;
    margin: 0 0 2% 0;
    
    font-size: 1em;
}

    #tvwMeniLevo table {
        float: left;
        width: 100%;
        height: 2.4em;
        margin: 0 0 3% 0;
    }

        #tvwMeniLevo table tr {
            float: left;
            width: 100%;
            height: 100%;
        }
    /*#tvwMeniLevo td {border-radius: 0.5em;position:relative;}*/
    /*#tvwMeniLevo td a {margin-bottom: 1em;padding: 1em 0;background-color:transparent;}*/
    #tvwMeniLevo td[class*="leaf"] {
        /*padding: 0.25em 0 0.25em 0.25em;*/
        float: left;
        background-color: #fff;
        margin-top:2em;
    }
    /*background: linear-gradient(white 0%, transparent 66%);*/
    #tvwMeniLevo a[class*="leaf"] {
        /*float: left;*/
        width: 100%;
    }

    #tvwMeniLevo td[class*="root"] {
        float: left;
        width: 98%;
        margin-top:2em;
        padding: 0 0 0 2%;
        /*background-color: #ffb91b;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAeCAYAAADpYKT6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAApklEQVQoU33HvwoBAQAG8O8lvIIHUJfBYBFR8m9AqSslpMQgA1lEoi4UdXJ1dTmdc7Err/aZvtXwG37ojWYU3KM35U/854uCWxhR4AUhBa4fUOB4PgUX16Pg7LgUHO0rBdbJpmB7OFGwto4UGNkSBUauTEEyX6MgVaxTkK62KMg02xQUzD4Fle6IgsZwSoE5WVDQma8oGCx3FIw3ewoeny8FsXiC8gO1Yt+c3yUu3wAAAABJRU5ErkJggg==') /*../Images/MasterPage/meni_pozadina.png;
        background-repeat: repeat-x;
        -moz-background-size: contain;
        -o-background-size: contain;
        -webkit-background-size: contain;
        background-size: contain;*/
        background-color: white;
        border-bottom: dotted 2px #FFC10E;
        height: 2em;
        font-size: 1.1em;
        line-height: 1px;
        /*border-radius: 0 0.3em 0.3em 0;*/
    }
    /*background: linear-gradient(#ffce92 0%, transparent 66%);*/
    #tvwMeniLevo a[class*="root"] {
        /*float: left;*/
        width: 100%;
        color: #1D1C1C;
        font-weight: 900;
    }

    #tvwMeniLevo table:first-child tr:first-child td:first-child {
        /*float: left;
		width: 100%;
		margin-top: 0em;*/
        /*padding: 0.5em 0 0.5em 0.25em;
		background-color: #feb716;*/
    }

.tvwMeniLevo div {
    float: left;
    width: 100%;
}

    .tvwMeniLevo div table {
        float: left;
        margin: 0 0 0.25em 0 !important;
        padding: 0 !important;
        height: 1.25em !important;
        /*background-color:blanchedalmond;*/
    }

        .tvwMeniLevo div table td {
            float: left;
            width: 92%;
            margin: 0 !important;
            padding: 0 0 0 8% !important;
            line-height: 1.25em !important;
            /*background-color:blanchedalmond;*/
        }

#lbcmc {
    width: 0.5em;
    height: 0.5em;
    background-color: transparent;
    border: none;
    position: fixed;
    left: 0;
    bottom: 0;
}

/*#endregion */

/*#region divMasterCentar*/
.divMasterCentar {
    /*overflow: scroll;*/ /*razradi ovu ideju - samo artikli skroluju!!!*/
    float: left;
    position: relative;
    width: 54%;
    height: 100%;
    margin: 0;
    padding: 0 2%;
    /*overflow: auto;*/
    /*background-color:  rgba(255, 255, 255,0.5);*/
    /*background: linear-gradient(#ffcb00 0%, #1e5799 100%);*/
    /*border-radius: 3%;*/
}

.divBreadCrumb {
    float: left;
    width: 100%;
    border-bottom:1px solid;
    border-bottom-color: #FFC10E;
    /*padding: 0 0 0 2% !important;CD9700*/
    height: 2.65em;
    line-height: 2.65em;
    text-align: left;
    vertical-align: middle;
    background-color: white;
    /*border-radius: 0.5em;*/
    color: Black;
    margin-bottom: 1%;
}

.mySiteMap {
    float: left;
    width: 100%;
    /*margin: 0.75em 0 0.75em 1em;*/
    /*margin: 0.75em 0 0 1em;*/
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: middle;
}
/*#endregion */


/*#region divMasterDesni */
.divMasterDesni {
    float: right;
    width: 22%;
    /*overflow: auto;*/
    margin: 0;
    height: 100%;
    padding: 0;
    position: relative;
    /*background-color: #ffcb00 ;*/
    /*background: linear-gradient(#1e5799 0%, #ffcb00 100%);*/
}

.divTblKontakt {
    width: 100%;
    border-radius: 1em;
    margin: 0;
    margin-bottom: 1em;
}

.tblKontakt {
    font-size: 0.7em;
    /*background-position: left top;*/
    /*border: currentColor;*/
    width: 100%;
    /*height: 230px;*/
    /*border-collapse: collapse;*/
    /*border-color: beige;*/
    /*border: solid 0.25em silver;*/
    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAPAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgCYgAGAwERAAIRAQMRAf/EAFIAAQEBAQAAAAAAAAAAAAAAAAIAAQcBAQEBAQAAAAAAAAAAAAAAAAABAgYQAQEAAAAAAAAAAAAAAAAAAAAREQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A6K4l0ygNioUUbBCihRUKKhRUKKhRoOKhRUKNIcVDioUaQ4qHGkOKhxpCixDjTJxpDixDjSHFQ4qFGkONIcVCiocaQ4qFFiFGkOKFFQoqFFQooUVGxUbFCVECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECB/9k=') /*../Images/MasterPage/PostaCG_background.jpg*/;
    /*background-attachment: scroll;*/
    background-repeat: repeat-x;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 1em;
    /*margin-top: 1.5em;*/
    table-layout: fixed;
}

.imgTblKontaktHeader {
    width: 100%;
    border-radius: 1em 1em 0 0;
}

.tdTxtRight {
    text-align: right;
    width: 28%;
    padding: 0.25% 1%;
}

.tdTxtBold {
    font-weight: bold;
    width: 68%;
    padding: 0.25% 1%;
}

.imgStrelica {
    width: 1.25em;
    height: 1.25em;
}

/*#endregion */

.divLevoReklama {
    width: 100%;
    margin: 0;
    padding: 0;
    /*margin-top: 1em;*/
    border-radius: 1em;
}

.divOmotacMedia {
    position: relative;
    margin:0;
    padding:0;
    margin-top: 2%;
    width: 97.5%;
    cursor: pointer;
    border-radius: 3%;
}

    .divOmotacMedia object,
    .divOmotacMedia embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.divBaneri {
    /*border-radius: 0.5em;*/
    margin: 0;
    margin-bottom:0.25em;
    padding: 0;
    width: 100%;
    float: left;
}

    .divBaneri a {
        /*border-radius: 0.5em;*/
        float: left;
        width: 100%;
        /*border-radius: 0.5em;*/
        margin: 0;
        padding: 0;
        display: block;
    }
    .divBaneri a img {
        /*border-radius: 0.5em;*/
        width:100%;
    }


.ctrlNevidljive {
    display: none;
}

.providanCoolDiv {
    /*float: left;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    /*width: 15.9em;*/
    height: 2.5em;
    /*font-size: 1.5em;*/
    font-size: 1.22em;
    margin-top: 0.25em;
    /*padding: 0.125em;*/
    vertical-align: middle;
    position: relative;
    /*display: table-cell;*/
    border: 1px solid Black;
    border-radius: 0.25em;
    background: rgb(200, 200, 200);
    box-shadow: 0 2px 6px rgba(50,50,50,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(50,50,50,0.3);
    z-index: 1000000;
}

    .providanCoolDiv:hover {
        /*border: 1px solid rgba(0,0,0,0.5);*/
        border: 1px solid Black;
        /*border-radius: 0.5em;*/
        background: rgba(150,150,150,0.25);
        box-shadow: 0 2px 6px rgba(150,150,150,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(150,150,150,0.3);
    }

    .providanCoolDiv a {
        width: 98%;
        float: left;
        color: Red;
        padding-top: 0.1em;
        padding-left: 0.125em;
        font-family: "Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
        font-weight: 900;
        text-decoration: none;
    }

        .providanCoolDiv a:hover {
            color: Maroon; /*#DAA520 = GoldenRod... #B8860B = DarkGoldenRod */
            text-decoration: underline;
        }

        .providanCoolDiv a:focus, a:active {
            outline: 0;
        }



#logoWebShop {
    padding: 0;
    border: 1em solid rgba(0, 0, 0, 0.3);
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    right: 3em;
    top: 2.15em;
    width: 11em;
    height: 6.2em;
    text-align: center;
    position: absolute;
    background-color: transparent;
    /*background-image: url("../Slike/MasterPage/WebShopLogo.png");*/
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}

    #logoWebShop img {
        width: 100%;
        max-height: 105%;
    }

    

img {
    image-rendering: auto;
    -ms-interpolation-mode: bicubic;
}

.h2Problem {
    font-size: 1.5em;
    color: Red;
}

.h2Kraj {
    font-size: 1.5em;
    color: Green;
}

a, a:active, a:focus {
    text-decoration: none;
    outline: none;
}

.imbJezik {
    width: 9%;
    margin-top:5px;
}


/*#region LoadingGif */

.spanLoadingGif {
    /*margin: 15em;
	padding: 3em;
	max-width: 30%;*/
    margin: auto auto;
    vertical-align: middle;
    /*border: 0.5em solid Red;
	text-align: left;
	background-color: White;
	opacity: 1;*/
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 1em;
    z-index: 100000;
    /*-webkit-box-shadow: 0.25em 0.5em 1.5em rgba(0,0,0,0.85);
	box-shadow: 0.25em 0.5em 1.5em rgba(0,0,0,0.85);*/
}


#divLoadingGifOverlay {
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=90);
    opacity: 0.9;
}

#divLoadingGifModalprogress {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 40%;
    left: 40%;
    /*margin: -11px 0 0 -150px;*/
    color: #990000;
    font-weight: bold;
    /*font-size:14px;*/
}

#divLoadingGifTheProgress {
    /*background-color: #fff;
	border:1px solid #ccc;
	padding:10px;
	width: 300px;
	height: 30px;
	line-height:30px;*/
    /*filter: Alpha(Opacity=100);
	opacity: 1;
	-moz-opacity: 1;*/
    /*position:relative;*/
    float: left;
    width: 50%;
    height: 50%;
    text-align: center;
}

#imgWaitIcon {
    /*float:left;*/
    margin: 0 auto;
}

.lblUpdateProgressMessage {
    /*clear:both;
	float: left;*/
    margin: 0 auto;
    color: Red;
    font-size: 1.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*#endregion */

.heightFull {
    height: 100%;
}


.vidWebTelegram {
    /*width: 100%;*/
    padding:0;
    margin:0;
    width: 100%;
    border-radius:1em !important;
    border: 0.25em solid lightgray;
    overflow:hidden !important;
}


.spanid {
            display:block;
            margin: 0 auto;
           
        }

/*#filter
{
 border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
    background-color:#EAEAEA;
    background:-moz-linear-gradient(top, #FFF, #EAEAEA);

    border:2px solid #CACACA;
    color:#444;
    margin:0 0 0px;
    padding: 5px 9px;
    width: 75%;
    align-self:center;
    height:27px;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}*/