body { background-image:url(images/header.jpg); background-position:top center; background-repeat:no-repeat; padding:0; margin:0; color:#505050; font-family: Verdana, Tahoma, Geneva, sans-serif; font-size:12px;}

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

#header_container{ width:982px; margin:auto;}
#container { width:982px; margin:auto;}
#header { height:60px; line-height:60px; vertical-align:middle; width:982px; overflow:hidden}
#status { height:30px; margin-left:630px; margin-top:10px; line-height:30px; font-size:12px; vertical-align:middle; margin-bottom:15px;}
#status div { display:none;}
#status h1 { font-size:12px; font-weight:normal; padding:0; margin:0; color:#dd0062;}
#menu { padding:0; margin:0; list-style:none;}
#menu li.homepage { width:620px;}
#menu li { width:60px; height:60px; line-height:60px; vertical-align:middle; float:left; padding:0; margin:0;}
#menu li a { display:block; text-align:center; font-size:14px; font-weight: normal; text-decoration:none; color:#505050;}
#menu li a:hover, #menu li a.active { color:#FFF; background-image:url(images/active.jpg)}
#menu li.homepage a span {display: block; text-indent:-9999px;}
#menu li.homepage a:hover { background-image: none;}

#footer { height:25px; line-height:25px; vertical-align:middle; width:962px; padding:0px 10px; margin:auto; text-align:right; color:#9a9a9a; margin-bottom:10px;}
#footer span { padding-left:10px;}
#footer span.title { padding:0px; float:left;}

div.sjena_gore { height:13px; clear:both; background-image:url(images/sjena_gore.png)}
div.sjena_dolje { height:13px; clear:both; background-image:url(images/sjena_dolje.png)}

div.dot { height:8px; background-image:url(images/dot.jpg); clear:both; margin:10px 0px;}

h2.title { padding:20px 0px; font-weight:normal; color:#dd0062; margin:0; font-size:13px;}
h2.title  em { font-size:13px; font-style:normal; font-weight:bold;}
h3.title { padding:0; margin:0; line-height:30px; vertical-align:middle; font-size:12px; text-transform:uppercase; padding-left:30px; background-image:url(images/bullet_title.jpg); background-repeat:no-repeat;}
strong.title {font-size:12px; padding:0; margin:0; margin-bottom:5px; color:#5d5d5d; padding-right:10px;background-image:url(images/title.jpg); background-position:right; background-repeat:no-repeat;}

p { margin:5px 0px; margin-bottom:20px;}

.img_lijevo { padding:1px; border:1px solid #CCCCCC; float:left; margin-right:5px; margin-bottom:5px;}
.img_desno { padding:1px; border:1px solid #CCCCCC; float:right; margin-left:5px; margin-bottom:5px;}

div.clearIT { clear:both;}


/* naslovnica */

div.naslovnica_col_1 { float:left; width:360px; background-image:url(images/dot_v.jpg); background-position:right; background-repeat:repeat-y; overflow:auto;}
div.naslovnica_col_1 div.dot { width:355px;}
div.naslovnica_col_1 p { padding: 0px 10px; font-size:11px;}
div.naslovnica_col_1 p.mid { font-size:10px;}
div.naslovnica_col_1 p img.thumb { float:left; margin-right:5px;}
div.naslovnica_col_2 { float:left;  width:260px; text-align:center; }
#text { height:420px}
#text_ti { height:280px}
#text_home { height:200px}

#box_portfelj_scroll { width:350px; height:290px; position:relative; overflow:hidden; color:#dd0062;}
#box_portfelj_scroll #box_portfelj_items { position:absolute; width:20000em; clear:both;}
#box_portfelj_scroll #box_portfelj_items div { float:left; width:350px; height:290px; text-align:center;}
#box_portfelj_scroll #box_portfelj_items div img { margin:20px 0px;}
#box_portfelj_scroll p { padding:0; margin:0; margin-bottom:5px;}
#box_portfelj_scroll strong { font-size:12px; padding:0; margin:0; margin-bottom:5px; color:#5d5d5d; padding-right:10px;background-image:url(images/title.jpg); background-position:right; background-repeat:no-repeat;}
#box_portfelj_scroll em { color:#505050; font-style: normal;}

div.naslovnica_col_1 a.np_prev{ width:35px; height:63px; position: absolute; z-index:100; margin-left:0px; margin-top:70px;float:left; background-image:url(images/left_active.png); cursor:pointer; background-position:-35px 0px} 
div.naslovnica_col_1 a.np_next{ width:35px; height:63px;position: absolute; z-index:101; margin-left:315px; margin-top:70px;float:left; background-image:url(images/right_active.png); cursor:pointer; background-position:+35px 0px} 
div.naslovnica_col_1 a.np_disabled { background-position:0px 0px;}

#zapovijedi_scroll { width:170px; height:170px; position:relative; overflow:hidden; margin-left:45px; margin-bottom:5px;}
#zapovijedi_items { position:absolute; width:20000em; clear:both;}
#zapovijedi_items div { float:left; width:170px; height:170px; margin-top:40px; text-align:center; font-size:13px;}
#zapovijedi_items em { font-style:normal;}
#zapovijedi_nav {color:#dd0062;}
#zapovijedi_nav a { color:#dd0062; padding:2px 3px; text-decoration:none; font-size:10px;}
#zapovijedi_nav a.active { font-size:18px;}
#zapovijedi_trenutno { height:63px; line-height:63px; vertical-align:middle; color:#dd0062; font-style:normal;}
#zapovijedi_trenutno span {font-size:34px;}

div.naslovnica_col_2 a.z_prev{ width:35px; height:63px; float:left; background-image:url(images/left_active.png); margin-left:35px; cursor:pointer; background-position:-35px 0px} 
div.naslovnica_col_2 a.z_next{ width:35px; height:63px; float:right; background-image:url(images/right_active.png); margin-right:35px; cursor:pointer; background-position:-35px 0px} 
div.naslovnica_col_2 a.z_disabled { background-position:0px 0px;}


/* JA */
#karta { width:345px; height:235px; float:right; border:1px solid #333; margin:10px;}
#kontakt_podaci{ float:left; width:580px; height:235px; margin:10px; }

#kontakt_podaci p { clear:both; overflow:auto;}
#kontakt_podaci span.column { float:left; width:280px; line-height:16px; vertical-align:middle; }
#kontakt_podaci span.column img { vertical-align:middle;}

#kontakt_podaci div.clear { height:15px; overflow: hidden;}
#kontakt_podaci div.column { float:left; width:580px; line-height:16px; vertical-align:middle; overflow:auto; margin-bottom:10px;}
#kontakt_podaci div.column h2 { padding:0; margin:0;}
#kontakt_podaci div.column span{ display:block; line-height:16px; vertical-align:middle;}

/* TI */

div.ti_col, div.ti_last_col { float:left; padding:10px; margin:0px; width:305px; height:285px;background-image:url(images/dot_v.jpg); background-position:right; background-repeat:repeat-y; overflow:auto;}
div.ti_last_col { background-image:none;}

ul.ti_list { padding:0px 15px; margin:15px 0px; font-size:11px; margin-bottom:0px;}
ul.ti_list li { line-height:18px; vertical-align:middle;}
ul.ti_list li.even { color:#dd0062;}
ul.ti_list li ul li { color:#505050; }

/* ON */

#klijenti { overflow:auto; text-align:center; padding:10px 75px; padding-top:30px;}
#klijenti ul { padding:0; margin:0; list-style:none;}
#klijenti ul li { display:inline; line-height:18px; vertical-align:middle; padding:0px 10px; text-transform:uppercase;}
#klijenti ul li:first-child { border:none;}
#klijenti ul li a { text-decoration:none; font-size:11px; color:#505050; background-image:url(images/title.jpg); background-position:-6px 0px; padding-left:10px; background-repeat:no-repeat;}
#klijenti ul li a.active {color:#dd0062;}

#portfelj{ padding:10px 0px;}
#portfelj div.portfelj_usluge { text-align:center; font-size:10px;}
#portfelj ul { padding:0; margin:0; list-style:none;}
#portfelj ul li { display:inline; line-height:12px; font-size:10px; vertical-align:middle; border-left:1px solid #5d5d5d; padding:0px 10px; text-transform:uppercase;}
#portfelj ul li:first-child { border:none;}
#portfelj ul li a { color:#5d5d5d; text-decoration:none;}
#portfelj ul li a.active { color:#dd0062; text-decoration:none;}

#portfelj a.p_prev{ width:35px; height:63px; position: absolute; z-index:100; margin-left:0px; margin-top:230px;float:left; background-image:url(images/left_active.png); cursor:pointer; background-position:-35px 0px} 
#portfelj a.p_next{ width:35px; height:63px;position: absolute; z-index:101; margin-left:947px; margin-top:230px;float:left; background-image:url(images/right_active.png); cursor:pointer; background-position:+35px 0px} 
#portfelj a.p_disabled { background-position:0px 0px;}
#portfelj h2.title { padding-top:0px;}


#portfelj_scroll { width:982px; height:490px; margin-top:20px;  position:relative; overflow:hidden}
#portfelj_items  { position:absolute; width:40000em; clear:both;}
#portfelj_items div { float:left;width:982px; height:490px; overflow:hidden;}
#portfelj_items div.portfelj_slika { float:left; padding:0px 10px; margin:10px 0px; width:590px; height:470px; background-image:url(images/dot_v.jpg); background-position:right; background-repeat:repeat-y;}
#portfelj_items div.portfelj_slika div.image { width:540px; margin-left:30px; height:470px; background-color:#FFF; overflow:hidden;}
#portfelj_items div.portfelj_slika div.portfelj_more_thumb { float:left; width:102px; height:87px; overflow:hidden;padding:3px; padding-top:8px;}

#portfelj_items div.portfelj_opis { float:left; padding:10px; margin-right:20px; height:470px; width:332px;} 
#portfelj_items div.portfelj_opis img { display:block; margin-bottom:120px;}
#portfelj_items div.portfelj_opis strong.title { font-size:13px; background-position:center right;}
#portfelj_items div.portfelj_logo { height:202px; overflow:hidden;}

/* MI */

#mi_header { height:20px; padding-top:35px; padding-bottom:20px;background-image:url(images/dot_h.jpg); background-position:bottom; background-repeat: repeat-x; text-align:center;}
#mi_header ul { padding:0; margin:0; list-style:none;}
#mi_header ul li { display:inline; padding:0px 10px; border-left:1px solid #5d5d5d;}
#mi_header ul li:first-child { border:none;}
#mi_header ul li a { color:#5d5d5d; text-decoration:none; text-transform:uppercase;}
#mi_header ul li a.active { color:#dd0062; text-decoration:none;}
#mi_scroll { width:982px; height:495px; margin-top:20px; position:relative; overflow:hidden}
#mi_scroll.oni_items { height: 314px;}
#mi_items  { position:absolute; width:20000em; clear:both;}
#mi_items div.mi_item { float:left;width:982px; height:495px; overflow:hidden}
#mi_items div.mi_item_info { height:325px; padding-bottom:8px; background-image:url(images/sjena_dolje.png); background-position:bottom; background-repeat:no-repeat;}
#mi_items div.mi_col1 { float:left; width:270px; height:305px; overflow:hidden; background-image:url(images/dot_v.jpg); background-repeat:repeat-y; background-position:right;}
#mi_items div.mi_col2 { float:left; padding:10px 25px; width:450px; height:285px; overflow:hidden; background-image:url(images/dot_v.jpg); background-repeat:repeat-y; background-position:right;}
#mi_items div.mi_col2_wide { float:left; padding:10px 25px; width:662px; height:285px; overflow:hidden; font-size:11px;}
#mi_items div.mi_col3 { float:left; padding:10px; padding-left:20px; width:182px; height:285px; overflow:hidden;}
#mi_items div.mi_col1 img { margin-left:10px; margin-top:10px;}
#mi_items h2.title { padding-top:5px;}
#mi_items p.invert { color:#dd0062; font-size:13px; margin-bottom:20px;}
#mi_items div.mi_col3 p { text-align:left; padding-top:15px; line-height:14px; margin-bottom:0px; padding-bottom:0px; font-size:11px;}

#mi_items div.mi_item_about { height:162px; width:962px; padding:0px 10px; overflow:hidden;}
#mi_items div.mi_about_item { width:220px; padding-right:20px; float:left; height:120px; overflow:hidden;}
#mi_items div.mi_about_item h3 { padding:0; margin:0; color:#dd0062; font-weight:normal; font-size:13px;}


/* VI */
#vi_container { padding-top:15px;}
#vi_anketa h2 { text-align:center; font-size:14px; padding:0; margin:0;font-weight:normal; padding-bottom:20px;  background-image:url(images/dot_h.jpg); background-position:bottom; background-repeat:repeat-x;  }
#frm_anketa { padding:10px; margin:0;}
#frm_anketa fieldset { padding:0; padding-bottom:20px; margin:0; float:left; width:481px; border: none;}
#frm_anketa label.question { font-size:13px; color:#dd0062; display:block; padding-bottom:10px;}
#frm_anketa label.answer { float:left; clear:both; height:25px; vertical-align:middle; line-height:30px; cursor:pointer; font-size:11px;}
#frm_anketa label.answer:hover { color:#999;}
#frm_anketa div.clear { clear:both;}
#frm_anketa button.submit { float:right; padding-right:30px; border:none; cursor:pointer; background-image:url(images/submit.jpg); background-position:right; background-repeat:no-repeat; height:35px; line-height:35px; font-size:12px; vertical-align:middle; background-color: #FFF; color:#505050; text-transform:uppercase; outline:none;}
#frm_anketa button.submit:hover { color:#dd0062}

#vi_stats { height:142px; width:962px; padding:10px; overflow:hidden;}
#vi_stats div.vi_stat { width:220px; padding-right:20px; float:left; height:120px; overflow:hidden;}
#vi_stats p.invert { color:#dd0062; font-size:13px; margin-bottom:20px;}
#vi_stats strong.postotak { display:block; font-size:42px; color:#dd0062; font-weight: normal;}
#vi_stats strong.title { text-transform:uppercase;}

#vi_response { display:inline; width:1px; height:35px; float:left; background-image:url(images/ajax-loader.gif); background-position:0px 2px; background-repeat:no-repeat;}
/* ONI */

#oni_header { padding-left:100px; padding-top:35px; padding-bottom:20px;background-image:url(images/dot_h.jpg); background-position:bottom; background-repeat: repeat-x; text-align:center; overflow:auto;}
#oni_header ul { padding:0; margin:0; list-style:none;}
#oni_header ul li { display: inline;width:140px; padding-bottom:5px; overflow:hidden; float:left;}
#oni_header ul li a { display:block;text-align:center; color:#5d5d5d; text-decoration:none; border-left:1px solid #5d5d5d; text-transform:uppercase; padding:0px 10px; }
#oni_header ul li:first-child a{ border:none;} 
#oni_header ul li span { text-align:center; text-align:center; display:block; font-size:10px;}
#oni_header ul li a.active { color:#dd0062; text-decoration:none;}

#container div.inline_hidden { display:none;}