/* 
    Document   : default
    Created on : 21.02.2012., 22.20.22
    Author     : Mladen Kakuća
    Description:
        Purpose of the stylesheet follows.
*/

html{
    height: 100%;
}
body {	
    margin: 0 auto;
    padding: 0;
    font-family: Futura Md BT, Helvetica, Arial, abeatbyKai, sans-serif !important;
    font-size: 12px;
    height: 100%;
    /*background: url('../img/main_wrapper_bg2.png') repeat-x scroll 0px 20px transparent;*/
	background: url('../img/body_bg_main.png') repeat scroll transparent;
	
}
img{
    border: none;
}

a{
    text-decoration: none;
}

#main-wrapper{
    width: 1024px;
    margin: 0 auto;
    padding: 0;
}

#upper-wrapper{
    min-height: 970px;
}

#header{
    margin-top: 20px;
    height: 367px;
    border-bottom: 1px solid #5C5C5C;
}
.logo_holder{
    height: 367px;
    width: 200px;
/*    background: url('../img/logo_bg.png') no-repeat scroll top center transparent;*/
    background: url('../img/main_wrapper_bg.png') repeat-x scroll top center transparent;
    float: left;
}
.logo_holder img{
    margin-top: 70px;
}
.logo_holder p{
    margin-left: 15px;
    color: #484848;
    font-size: 16px;
    font-weight: bold
}

.slider{
    width: 824px;
    float: left;
    height: 367px;
}
.slider img{
    width: 824px;
    height: 367px;
}



#main-menu{
/*    margin-left: 1px;*/
   background: url('../img/menu_li_bg.png') repeat-x scroll top center transparent;
   height: 40px;
}

#main-menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#main-menu ul li{
    display: inline;
    height: 40px;
}
#main-menu ul li a{
    height: 30px;
    float: left;
    display: block;
    border-left: 2px solid white;
    background: url('../img/menu_li_bg.png') repeat-x scroll top center transparent;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    width: 145px;
}
#main-menu ul li a.active{
    color: #575757;
    border-left: 2px solid white;
    background: url('../img/menu_li_bg_active.png') repeat-x scroll top center transparent;
}
#main-menu ul li a:hover{
    color: #575757;
    border-left: 2px solid white;
    background: url('../img/menu_li_bg_active.png') repeat-x scroll top center transparent;
}
/* HOME link */
#main-menu ul li a.home{
    border: none;
    width: 146px;
/*    background: url('../img/menu_home_inactive.png') no-repeat scroll top center transparent;*/
}
#main-menu ul li a.home.active{
/*    background: url('../img/menu_home_active.png') no-repeat scroll top center transparent;*/
}


/* o nama link */
#main-menu ul li a.onama{
    width: 141px;
/*    background: url('../img/menu_onama_inactive.png') no-repeat scroll top center transparent;*/
}
/* o nama link */
#main-menu ul li a.onama.active{
/*    background: url('../img/menu_onama_active.png') no-repeat scroll top center transparent;*/
}


/* proizvodi link */
#main-menu ul li a.proizvodi{
/*    width: 141px;*/
/*    background: url('../img/menu_proizvodi_inactive.png') no-repeat scroll top center transparent;*/
}
#main-menu ul li a.proizvodi.active{
/*    background: url('../img/menu_proizvodi_active.png') no-repeat scroll top center transparent;*/
}

/* reference link */
#main-menu ul li a.reference{
/*    width: 140px;*/
/*    background: url('../img/menu_reference_inactive.png') no-repeat scroll top center transparent;*/
}

#main-menu ul li a.reference.active{
/*    background: url('../img/menu_reference_active.png') repeat-x scroll top center transparent;*/
}

/* kontakt link */
#main-menu ul li a.kontakt{
/*    width: 140px;*/
/*    background: url('../img/menu_kontakt_inactive.png') no-repeat scroll top center transparent;*/
}
#main-menu ul li a.kontakt.active{
/*    background: url('../img/menu_kontakt_active.png') no-repeat scroll top center transparent;*/
}

/* obavjestenje link */
#main-menu ul li a.obavjestenje{
/*    width: 140px;*/
/*    background: url('../img/menu_obavjestenje_inactive.png') no-repeat scroll top center transparent;*/
}
#main-menu ul li a.obavjestenje.active{
/*    background: url('../img/menu_obavjestenje_active.png') no-repeat scroll top center transparent;*/
}

/* galerija link */
#main-menu ul li a.galerija{
/*    width: 140px;*/
/*    background: url('../img/menu_galerija_inactive.png') repeat-x scroll top center transparent;*/
}
#main-menu ul li a.galerija.active{
/*    background: url('../img/menu_galerija_active.png') repeat-x scroll top center transparent;*/
}

#main{
    clear: both;
/*    min-height: 900px;*/
}

#left_container{
    height: 565px;
    width: 290px;
    float: left
}
#left_container img{
    width: 289px;
}

#central{
    float: left;
}

#central .top{
    height: 215px;
}
#central .top .office_logo{
    float: left;
    padding: 35px 35px;
}

#central .top .right{
    padding: 25px 0 0 0;
    float: left;
    width: 470px;
}
h1{
    color: #1c3c63;
    font-size: 26px;
    font-style: normal;
/*    font-weight: bold;*/
}

h2{
    color: #1c3c63;
    font-size: 18px;
    font-style: normal;
}

h3{
    color: #1c3c63;
}

#central .top .right p{
    text-transform:uppercase;
    color: #5a5a5a;
    font-size: 16px;
/*    font-weight: bold*/
}

#central .top .right img{
    margin-left: 100px;
}

#central .central_contant{
    background: url('../img/home_central_bg.png') no-repeat scroll top center transparent;
    margin-top: -50px;
    z-index: 10;
    width: 730px;
    min-height: 400px;
}
.h3_link:hover {
    color: #0685ce;
}
#central .central_contant .inner_content{
    padding: 69px 10px 5px 20px;
}
#central .central_contant .inner_content h3.proizvodi{
/*    font-family: Myriad Pro;*/
    font-size: 22px;
    padding-left: 22px;
    width: 200px;
    float: left;
    margin-bottom: 0px;
}

#central .central_contant .inner_content_left{
    float: left;
    width: 386px;
}
#central .central_contant .inner_content_left ul{
    font-size: 15px;
    font-weight: bold;
    float: left;
    color: #5a5a5a;
    margin: 0px;
/*    margin-top: 13px;*/
    padding-left: 0px;
    list-style-image: url('../img/list_bullet.png');
}
#central .central_contant .inner_content_left li{
    background: url('../img/list_bullet.png') no-repeat scroll 0px 3px transparent;
    padding-bottom: 3px;
    padding-left: 20px;
    display: block;
}

#central .central_contant .inner_content_right{
    float: left;
}

#central .central_contant .inner_content .office_logo_medium{
/*    float: left;*/
    z-index: 15;
/*    margin-top: -2px;*/
}

.home_kontakt{
    padding: 190px 0 0 50px;
    color: #484848;
    font-size: 14px;
}
.home_kontakt p{
    margin-bottom: 0px;
}

.home_kontakt a{
    text-decoration: underline;
    color: #484848;
}
.home_kontakt a:hover{
    text-decoration: none;
    color: #5c5c5c;
}


/*
 * O NAMA
*/

.onama_paragraf{
    padding: 40px 220px 40px 220px;
    text-align:justify;
    color: #5a5a5a;
    font-size: 15px;
}


/*
 * OBAVJESTENJE
*/
.obavjestenje_h2{
    margin-bottom: 0px;
    padding: 18px 0 0 109px;
}
.onama_paragraf.obavjestenje{
    padding: 20px 120px 20px 112px;
}

/*
 * PROIZVODI
*/
.bottom_image{
    margin-bottom: -25px;
/*    margin-top: -1px;*/
    z-index: 10;
}

.proizvodi_left{
    float: left;
}

.proizvodi_middle{
    float: left;
    padding: 5px 0 0 10px;
}

.proizvodi_right{
    float: left;
    padding: 5px 0 0 10px;
}

.proizvodi_table{
    width: 240px;
    font-size: 15px;
    color: #231f20;
}
.proizvodi_table th{
    background: url('../img/proizvodi_th_bgi.png') no-repeat scroll top center transparent;
    font-size: 20px;
    color: #231f54;
    width: 240px;
    height: 42px;
    text-align: left;
/*    font-weight: bold;*/
    padding-left: 10px;
}
.proizvodi_table h2{
    font-size: 20px !important;
    margin: 0px;
/*    font-weight: normal;*/
}

.proizvodi_table td{
    border-bottom: 1px solid #231f20;
    border-left: 1px solid #231f20;
    border-right: 1px solid #231f20;
    padding: 1px 1px 1px 3px;
}

.table_margin{
    margin-bottom: 15px;
}

.proizvodi_heading{
    padding: 20px 0 0px 250px;
}
.proizvodi_heading h2{
    font-size: 20px;
    font-weight: normal;
    color: #231f20;
}

/*
 * REFERENCE
*/
.reference_h2{
    font-size: 20px;
    background: url('../img/reference_heading_bg.png') repeat-x scroll top center transparent;
    width: 1024px;
    padding-top: 10px;
    height: 34px;
    text-align: center;
    color: white;
    margin-top: 35px;
}

#ref ul{
    float: left;
    margin: 0px;
    padding-left: 0px;
    list-style-image: url('../img/list_bullet.png');
    float: left;
    padding-right: 115px;
}
#ref li{
    background: url('../img/list_bullet.png') no-repeat scroll 0px 3px transparent;
    padding-bottom: 3px;
    padding-left: 20px;
    color: #231f54;
    font-size: 18px;
    display: block;
}

#main.main_ref{
    margin-top: 50px !important;
}

/*
 * KONTAKT
 */
 .central_contant .left_kontakt{
     padding: 80px 50px 0px 0px;
     float: left
 }
 .central_contant .right_kontakt{
     background: url('../img/kontakt_main_bg.png') no-repeat scroll top center transparent;
     height: 365px;
     width: 768px;
     float: left;
     color: #484848;
     font-size: 16px;
     line-height: 1.5em;
 }
 
 .inner_content_left_kontakt{
     padding: 25px 0 0 30px;
     float: left;
     width: 340px;
 }

 .inner_content_left_kontakt a{
     text-decoration: underline;
     color: #484848;
 }
 .inner_content_left_kontakt a:hover{
     text-decoration: none;
     color: #5C5C5C;
 }
 
 .inner_content_right_kontakt{
     float: left;
     padding: 25px 0 0 10px;
 }
 
/* GALERIJA */

#galerija{
    padding: 10px 20px 0 62px;
}
#galerija img{
    padding: 2px;
}

/* OFFICE PLUS */
.office_plus_left{
    float: left;
    margin-top: -6px;
}
.office_plus_text{
    float: left;
    text-transform: uppercase;
    text-align:justify;
    width: 640px;
    margin-left: 65px;
    margin-top: 20px;
    color: #231f20;
    font-size: 16px;
/*    line-height: 1.4em*/
}


/*
 * FOOTER
 */
#footer{
    height: 30px;
    background: url('../img/footer_bg.png') no-repeat scroll top center transparent;
    clear: both;
    text-align: center;
    padding-top: 16px;
    font-family: Tahoma;
/*    font-size: 16px;*/
}
#footer a{
    font-size: 12px;
    text-transform:uppercase;
    color: #231f20;
}
#footer a:hover{
    text-decoration: underline;
    color: #484848;
}


/* ADMIN */
#adm_head{
/*    background: url('../img/adm_bg.png') no-repeat scroll top center transparent;*/
    padding: 12px;
    height: 184px;
}
#adm_head img{
    float: left;
}

#adm_head h1{
    text-align: center;
    padding-top: 40px; 
    font-size: 34px;
    color: #444;
    border-bottom: 1px solid #D0D0D0;
    font-weight: normal;
}

.adm_main h2{
    padding-top: 0px; 
    font-size: 24px;
    color: #444;
    border-bottom: 1px solid #D0D0D0;
    font-weight: normal;
}

.admin_mini_menu{
    float: right;
    background: #D0D0D0;
    padding: 5px;
    font-size: 14px;
}
.admin_mini_menu a{
    color: #E13300
}
.admin_mini_menu a:hover{
    color: #990000
}

#admin_login_holder{
    margin: 0 auto;
    padding: 40px;
    border: #444 solid 1px;
    background: #e3e3e1;
    width: 300px;
    margin-bottom: 40px;
    margin-top: 30px;
    font-size: 14px;
}

#admin_login_holder label{
    width: 100px;
    display: inline-block
    
}
#admin_login_holder input[type="submit"]{
    margin-right: 35px;
    float: right
}
#admin_login_holder input{
    padding: 2px;
}

#notification{
    margin-bottom: 30px;
}

#notification textarea{
    resize: none;
    width: 500px;
    height: 200px;
}

.admin_image_holder{
    float: left; border: 1px solid #D0D0D0; padding: 2px; margin: 2px;
}

.error{
    font-size: 14px;
    color: red;
    padding: 5px;
}