﻿body 
{
    background: #ffffff url(../img/body-bg.png) repeat-x;
    padding:0;
    margin:0;
    font-family: Trebuchet MS, arial, helvetica, Sans-Serif;
    color:#555555;

}
img 
{
    border:0;
}
a {color:#6587C5;text-decoration:underline;}
#glava 
{
    width:955px;
    margin:12px auto 0 auto;
}
#logoHolder
{
    float:left;
    background: transparent url(../img/logo-holder.png) no-repeat;

}

#tijelo 
{
    background-image: url(../img/tijelo-bg.gif);
    width:955px;
    margin: 0 auto;
    clear:both
}
 
#contentPane, h1
{
    /*width:825px;*/
    padding: 0px 370px 30px 60px;
    font-size:16px;
}
h1{    padding: 35px 70px 0px 60px;
        font-size:30px;

}
h1, #contentPane h2
{
    margin:0;
    color:#F8960B;
}
#contentPane h2 
{
    font-size: 18px;
}
.glavnaSlika 
{
margin:0 0 45px 48px;
}
#contentPane {position:relative; }
#rightPane
{
position:absolute;
right:69px;
top:150px; /*ili bottom:0*/
width:221px;
} 
#rightPane .content 
{
    border:1px solid #9D9D9D; 
    padding:15px;
}
#rightPane div 
{
   margin-bottom:1em;
}
.rp-box {margin:-1px;}
#sock
{
    background: #ffffff url(../img/sock-bg.png) no-repeat;
    padding: 3px 0 0 675px;
    color:#8C8C8C;
    font-size: 12px;
    height:47px;
    margin-top:30px;
}

/*Navigacija*/
ul#topNav 
{
    display: inline;
    list-style-type: none;
    margin:0;
    padding:0;
    background: transparent url(../img/nav-ul-bg.png) repeat-x;

          

}
ul#topNav li 
{
    background-repeat:no-repeat;
    background-position: top center;
    height:100%;
    padding:45px 0 0px 0;
    width:93px;
    margin-right:1px;
    }
ul#topNav, ul#topNav li 
{
    float:left;
    height:120px;

}


 ul#topNav li a 
{
    background-image: url(../img/nav-li-a-bg.png);
    background-repeat:repeat-x;

    height:80px;
    width:92px;
display:table-cell;
vertical-align:middle;

    font-family:Tahoma;
    font-size:18px;
    font-weight:bold;
    color: #ffffff;
    text-decoration:none;
    text-align:center

}


 ul#topNav li a:hover,   ul#topNav li a.active 
{
    background-image: url(../img/nav-li-ahover-bg.png);
    color: #FDE6C6;
}
#onama { background-image: url(../img/nav-onama.gif)}
#miv { background-image: url(../img/nav-miv.gif)}
#its { background-image: url(../img/nav-its.gif)}
#an { background-image: url(../img/nav-an.gif)}
#mm { background-image: url(../img/nav-mm.gif)}
#pr { background-image: url(../img/nav-pr.gif)}
#cont { background-image: url(../img/nav-cont.gif)}

/*Kontakt form*/
.kontakti {width:350px;}
.kontakti input, .kontakti select, .kontakti textarea {float:right;}
/*.kontakti div {margin-top:1em}*/
/*Kontakt form*/
