body{
    text-align: center;
    margin: 0;
    padding: 0;
 }

 #logo_meni{
     height:130px;
     width:100%;
     clear:both;
 }
 #logo{
    height: 100px;
    margin: 35px 0 0px 38px;
    float: left;
 }
 #ikone{
     height: 130px;
     float: right;
 }

  #banner_k {
     position: absolute; margin: 340px 0 0 20px; z-index: 10; width: 170px; height: 170px;}

 #donji_dio{
    width:960px;
    clear:both;
 }


    #meni_vrh_sjena{
        width:232px;
        height:50px;
    }
    #samMeni{
        width:232px;
        height: 480px;
    }
    #samSadrzaj{
        width:570px;
        background: #FFF;
    }

 #footer{
     height:50px;
     width: 960px;
 }

#velikaFotka{
    margin: 0 0 0 30px;
}

.clear{
    clear:both;
}

/* *** tu css vezan uz galeriju na galerija modela *** */

#galerija{
    width:570px;
    height:190px;
    margin: 0;
    padding: 0;
}

.slikica{
    height: 150px;
    width: 150px;
}
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 450px; /*775*/
    height:150px;
    float:left;
    margin: 0 0 0 10px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div.tri {
    float:left;

    height:150px;
    width:150px;
}

/* you may want to setup some decorations to active item */
div.items div.active {
    /*border:1px inset #ccc;
    background-color:#acf;*/
}

                                /* novi css uz nove stranice */
.right50{
    margin: 0 50px 0 0;
}
#trakica {
    height: 26px;
}
    #trakicaSadrzaj{
        height: 100%;
        margin: 0 auto;
        width: 960px;
        text-align: left;
    }
        #trakica1{
            float:left;
        }
        #trakica2{
            float:left;
            margin: 5px 0 0 0;
        }
        #trakica2 a{
            color: #274196;
            font-size: 10px;
            margin: 0 0px 0 0;
        }
#containerNovi{
    margin: 0 auto;
    width: 960px;
    text-align: left;
}

#button_froddo {
    padding: 0;
    margin: 0;
}
#button_froddo li {
    display: inline;
}
#button_froddo li a {
    font-family: Arial;
    text-decoration: none;
    float:left;
    padding: 3px 10px 3px 10px;
    color: #272727;
}
#button_froddo li a:hover {
    color: #080808;
    background-color: #e6e6e0;
    margin-top:-2px;
    padding-bottom:5px;
}
/* REQUIRED BUTTON STYLES:
input[type="button"],input[type="submit"], button {
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    overflow: visible;
}

button::-moz-focus-inner {
    border: none;
}

input[type="button"],input[type="submit"] span, button span {
    position: relative;
    display: block;
    white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    button span {
        margin-top: -1px;
    }
}



input[type="button"],input[type="submit"].submitbtn, button.submitBtn {
    padding: 0 15px 0 0;
    margin-right:5px;
    font-size:2em;
    text-align: center;
    background: transparent url(btn_blue_sprite.gif) no-repeat right -140px;
}

button.submitBtn span {
    padding: 13px 0 0 15px;
    height:37px;
    background: transparent url(btn_blue_sprite.gif) no-repeat left top;
    color:#fff;
}

input[type="button"],input[type="submit"]:hover,button.submitBtn:hover, button.submitBtnHover {
    background-position: right -210px;
}

button.submitBtn:hover span, button.submitBtnHover span {
    background-position: 0 -70px;
}

input[type="button"],input[type="submit"] {

    padding: 0 15px 0 0;
    margin-right:5px;
    font-size:2em;
    text-align: center;
    background: transparent url(btn_blue_sprite.gif) no-repeat right -140px;
}

input[type="button"],input[type="submit"] span {
    padding: 13px 0 0 15px;
    height:37px;
    background: transparent url(btn_blue_sprite.gif) no-repeat left top;
    color:#fff;
}
     */

     input [type=submit],input[type="button"]
{
padding: 0;
    margin-right:0px;
    font-size:14px;
    text-align: center;
    width: 162px;
    height: 24px;
    background: #FFF url(bg_button.gif) no-repeat left -24px;
    border: 0px none;
    color:#333;
}

input:hover[type=submit],input:hover[type="button"]
{
padding: 0;
    height:24px;
    background: #FFF url(bg_button.gif) no-repeat left top;
    color:#000;
}

/*
blog naslovna
*/

.blog{
    width: 530px;
    text-align: justify;
}
.blog_kocka{
    width: 100%;
    margin: 0 0 90px 0;
    clear: both;

}
.komentar_razmak{
    border-bottom: 1px solid #1C4D86;
    display: block;
    margin: 10px 0;
    clear: left;
}
    .blog_naslov h2, .blog_naslov h3, .blog_sazetak h2{
     //   color: #274196;
     //   margin: 0;
        padding: 0;
        font-size: 14pt;
        color: #1C4D86;
        font-weight: normal;
    }
.blog_datum{
    //padding: 0 0 0 20px;
    color: #1C4D86;
}
.blog_sazetak{
    margin: 5px 0 5px 0;
    font-size:13px;
    color: #777777;
}
.blog_vise {
    text-align: right;
    color: #777777;
}
    .blog_vise a {
        color: #274196;
    }
.blog_nav{
    width: 100%;
    text-align: center;
}
    .blog_nav a{
        color: #274196;
    }
.blog_komentari_autor{
    color: #777777;
    width: 530px;
    float: left;
}
.blog_komentari_datum{
    padding: 5px 0 30px 0;
    width: 160px;
    float: left;
    clear: left;
}
.blog_komentari_komentar{
    font-size:13px;
    text-align: justify;
    float: right;
    width: 460px;
    color: #274196;
   /* margin-right: 40px;*/
}
.komentar_tekst{
    color: #777777;
}

.blog_sazetak label{
font-size: 12px;
}
#b_ime,#b_email{
width: 436px;
}
.blog_sazetak textarea{
width: 436px;
height: 100px;
resize: none;
}
.blog_sazetak b {
    color: #1C4D86;
}

.downloadKataloga{
    width: 331px;
    height: 68px;
    padding: 70px 0 0 175px;
    font-size: 14px;
}
.downloadKataloga a{
    color: #949494;
}
.downloadKataloga a:hover{
    font-weight: bold;
}