@import url("reset.css");

body
{
    background: #DDD;
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 0 10px 0;
    background-image: url('/images/bg.png') ;
    background-repeat: no-repeat;
    background-position: top center;
    
}

a 
{ 
color: #386699;
text-decoration: none;
}

a:hover 
{ 
color: #333;text-decoration: none; }


#container
{
    margin: 30px auto;
    width: 880px;
    padding: 20px;
    background: white url("/images/top.png") top no-repeat;
    
/*border-radius: 40px*/;}

    #headercont
    {
        width: 880px;
        height: 80px;
    }
    
        #headercont h1 a
        {
            color: #385871;
            font-size: 30px;
            line-height: 70px;
            font-weight: bold;
            letter-spacing: -1px;
            text-transform: uppercase;
        }
        
        #headercont h1 a:hover
        {
            color: #30797F;
        }
        
    #menu
    {
        width: 880px;
        height: 46px;
        margin: 0 0 15px 0;
        background: url("/images/menu.png");
        border-radius: 25px;
    }
    
            #menu ul
            {
                float: left;
                list-style-type: none;
                border-radius: 25px;
            }
        
            #menu ul li
            {
                float: left;
                overflow: hidden;
                height: 46px;
            }
        
            #menu ul li a
            {
                padding: 0 20px;
                float: left; 
                text-decoration: none; 
                color: #FFF;
                text-transform: uppercase;
                line-height: 46px;
                font-weight: bold;
            }
        
                #menu ul li a.services
                {
                    /*background: #386699;
                    background: url("/images/storitve.png");
                    color: #fff;
                    border-radius: 25px;*/
                }
        
            /*#menu ul li a:hover
            {
                background: #386699;
                border-radius: 25px;
            }*/
            
    #middle
    {
        width: 880px;
        height: 250px;
        margin: 0 0 15px 0;
        background: #DDD;
        
    }
    
    #main
    {
        width: 880px;
        line-height: 22px;
        padding: 10px 0 0 0;
    }
    
            #main p { margin: 0 0 15px 0; }
            #main h1, #main h2, #main h3, #main h4, #main h5 { margin: 0 0 15px 0; font-weight: normal; letter-spacing: -1px; }
            #main h1 { font-size: 26px; }
            #main h2 { font-size: 24px; }
            #main h3 { font-size: 24px; }
            #main h4 { font-size: 22px; }
            #main h5 { font-size: 22px; }
            
            #main ul { margin: 0 0 15px 35px; list-style-type: square; }
            #main ul li { padding: 0 0 0 2px; }
            
            #main ol { margin: 0 0 15px 35px; list-style-type: decimal; }
            #main ol li { padding: 0 0 0 2px; }
            
            #main blockquote { background: #EEE; border-left: 3px solid #385871; padding: 15px; margin: 0 0 15px 0; font-style: italic; line-height: 18px; }
    
        #main #mainleft
        {
            float: left;
            width: 560px;
            
        }
        
        #main #mainleft img
            {
                
                /*width: 250px;*/
                margin: 14px;
                border-radius: 25px;
            }
            
        #main #mainleft img:hover
            {
        
                border-radius: 35px;
            }
        
        
        
        

        #main #mainright
        {
            float: left;
            width: 280px;
            padding: 0 0 0 40px;
            font-size: 11px;
            color: #777;
        }

            #main #mainright ul.sidemenu
            {
                float: left;
                width: 280px;
                margin: 0 0 15px 0;
            }
            
            #main #mainright ul.sidemenu li
            {
                display: block;
                list-style-type: none;
            }
            
            #main #mainright ul.sidemenu li a
            {
                float: left;
                width: 260px;
                padding: 6px 10px;
                margin: 0 0 1px 0;
                background: url("/images/time1.png");/*#EEE*/
                color: #385871;
                /*border-radius: 25px;*/
            }
            
            #main #mainright ul.sidemenu li a:hover
            {
                color: #FFF;
                background: url("/images/time2.png"); /*#386699*/
            }
            
            
            #main #mainright ul li a.open
            {
                color: #FFF;
                background: url("/images/open.png");  /*#385871*/

            }
            
            
            #main #mainright img
            {
                
                margin: 14px 0 0 12px;
                border-radius: 25px;
            }


#footer
{
    margin: 0 auto;
    width: 880px;
    /*padding: 20px;*/
    font-size: 11px;
    color: #777;
    text-align: right;
}