html { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height:100%; overflow:-moz-scrollbars-vertical; overflow-x:auto; overflow-y:scroll; background-color:White;}
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height:100%;  text-align:center; } /*nastavimo običajno pisavo in velikost pisave*/
div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left; }
table  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; }
table td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align:top; }
form  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
img  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px;}
* { font-family:Arial; font-size:13px; color:Black; }

body { background-image:url(img/bg.gif); background-repeat:repeat-x;vertical-align:top; padding:0px; margin:0px}
table.bg{margin-left:auto; margin-right:auto; height:auto; vertical-align:top; padding:0px}
table.bg tr{ margin:0px; padding:0px}
table.bg tr td.shadow_l{ background-image:url(predracun/shadow_left_p.png); width:4px;height:100%; background-repeat:repeat-y}
table.bg tr td.shadow_d{background-image:url(predracun/shadow_right_p.png); width:5px;height:100%; background-repeat:repeat-y}
table.bg tr td.x{vertical-align:top; margin:0px; padding:0px; background-color:white}

div.koraki{ background-image:url(predracun/glava_top.gif); width:881px; height:100px; background-repeat:no-repeat; padding-top:96px;  position: relative;  }
#hiome	{ display: block;  width: 156px; height: 86px; position: absolute; left: 0px; top: 0px; }
div.koraki div.koraki_holder{ margin:0px; padding:0px}
div.predracun {margin:0; }
div.predracun div.koraki img { position:relative; margin-right:-23px; }
div.predracun div.cnt { width:881px;  }
div.predracun div.cnt2 { margin:0px;}
div.predracun div.cnt div.line_top {}
div.predracun div.cnt div.line_bottom { background-image:url(predracun/foot_new.gif); background-repeat:repeat-x; height:66px; width:884px; padding:0px}

div.predracun div.text { margin:0px;background-image:url(predracun/content_white_repeat.gif); background-repeat:repeat-y; width:881px  }
div.predracun div.text div { padding:8px; margin:0px; }

div.predracun div.text div.ikone { text-align:right; padding:0px; margin:0; }
div.predracun div.text div.korak_bg { padding:0px; background-image:url(predracun/content_color_bg.gif); width:881px; background-repeat:no-repeat }
div.predracun div.text div.korak_bg_not {  background-position:0 0 ; margin-left:30px}
div.predracun div.text div.korak_bg_bottom { background-image:url(predracun/korak_bg_bottom.gif); font-size:0px; padding:0px; height:4px; }
div.predracun div.text div.korak { float:right; margin:0px; padding:0px; font-weight:bold; font-size:16px; text-align:center;margin-top:-3px; }
div.predracun div.text div.korak div.print_new{ float:left; padding:0px; margin:0px}
div.predracun div.text div.korak div.save_new{ float:left; padding:0px; margin:0px}
div.predracun div.text div.korak span { font-size:24px; }
div.predracun div.text div.korak_desc { font-size:20px; font-weight:bold; margin:13px 0 0; padding:0; }
div.predracun div.text img.korak_img { float:left; margin-top:5px; margin-right:3px; }
div.predracun div.text div.opisni_text{margin-left:40px; width:685px}

div.predracun div.text div.clear { clear:both; height:1px; font-size:0px; }

div.predracun div.text div.izbirnik { margin-left:90px; }
div.predracun div.text div.izbira { width:266px; height:254px; border:solid 4px transparent; float:left; margin:12px; cursor:pointer; text-align:center; font-size:20px; font-weight:bold; }
div.predracun div.text div.izbira_hover, div.predracun div.text div.izbira_selected { border:solid 4px #6e023c; }


div.predracun div.text div.dimenzije {  text-align:center; margin:30px 0px; }
div.predracun div.text div.dimenzije table { margin:0 auto; }
div.predracun div.text div.dimenzije td { vertical-align:middle; font-size:22px; font-weight:bold; padding:2px; }
div.predracun div.text div.dimenzije span { font-size:15px; font-weight:bold; }
div.predracun div.text div.dimenzije input { border:solid 3px #6e023c; font-size:30px; font-weight:bold; width:84px; padding:2px 1px; text-align:center; }

div.predracun div.text div.dimenzije button { margin:25px 5px 0; background-image:url(predracun/hoby_gumb_nazaj.png); background-repeat:no-repeat; width:99px; height:59px; border:none 0; background-color:Transparent;  font-size:20px; font-weight:bold; vertical-align:top; padding:2px 0 0 65px; text-align:left; cursor:pointer; }
div.predracun div.text div.dimenzije button.naprej { background-image:url(predracun/hoby_gumb_naprej.png); }

div.predracun button.pogled1 { cursor:pointer; vertical-align:middle; padding:0; margin:0; *padding-top:4px; text-align:left; font-weight:bold; font-size:20px; background-image:url(predracun/pogled1.png); width:241px; height:55px; background-color:Transparent; border:none 0;  background-repeat:no-repeat}
div.predracun button.pogled2 { cursor:pointer; vertical-align:middle; padding:0; margin:0; *padding-top:4px; text-align:left; font-weight:bold; font-size:20px; background-image:url(predracun/pogled2.png); width:241px; height:55px; background-color:Transparent; border:none 0; background-repeat:no-repeat}

div.predracun button.pogled1 span, div.predracun button.pogled2 span { font-weight:bold; font-size:20px; margin:0px 22px 0px 18px; *margin:0px 22px 0px 20px;  }

div.predracun div.center { text-align:center; }
div.predracun div.text div.prekati { border:solid 4px #6e023c; margin-right:3px; padding:0px; text-align:center; width:840px; margin-left:-20px   }
div.predracun div.text div.prekati table { margin:0 auto; }
div.predracun div.text div.prekati table td { border:solid 3px White; border-bottom-width:2px; text-align:center; margin:0 auto; border-top-width:2px; text-align:center; font-size:15px; }
div.predracun div.text div.prekati table td.hover img { filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; overflow:auto;  }
div.predracun div.text div.prekati table td b { font-size:16px; }
div.predracun div.text div.prekati table td button { background-color:#e5e5e5; border:solid 3px #ada9a9; width:100%; cursor:pointer; font-size:15px; font-weight:bold; vertical-align:middle; padding:0; margin:0; }
div.predracun div.text div.prekati table td img { width:96px; }
div.predracun div.text div.prekati div.title { border:solid 1px #c3c3c3; background-image:url(predracun/title_bg.gif); margin:40px 0px 10px; padding:1px 10px; font-weight:bold; }

div.predracun div.text div.prekati div.moznosti { background-image:url(predracun/moznosti_bg.gif); height:193px; padding:20px 0 20px 0; margin:0;  }
div.predracun div.text div.prekati div.moznosti div.left { width:38px; float:left; height:193px; }
div.predracun div.text div.prekati div.moznosti div.left img { margin-top:70px; cursor:pointer; /*display:none; */}
div.predracun div.text div.prekati div.moznosti div.elements { float:left; width:730px; height:193px; margin:0; padding:0; white-space:nowrap; text-align:center ; overflow:hidden}
div.predracun div.text div.prekati div.moznosti div.elements img {  height:193px;  margin:0px 2px; padding:0; overflow:auto; cursor:pointer; z-index:10000; display:inline; }
div.predracun div.text div.prekati div.moznosti div.elements img.materialIMG {  height:44px;  margin:0px 2px; margin-bottom:5px; padding:0; overflow:auto; cursor:pointer; z-index:10000; display:inline;}
div.predracun div.text div.prekati div.moznosti div.right { width:40px; float:right; height:193px; padding:0px  }
div.predracun div.text div.prekati div.moznosti div.right img { margin-top:70px; margin-left:0px; cursor:pointer; /*display:none;*/  }
div.predracun div.text div.prekati div.bottom {background-image:none;  font-size:0px; background-image:url(predracun/content_foot_bg.gif); height:9px; width:881px; background-repeat:no-repeat; }
div.predracun div.text div.bottom {  font-size:0px; background-image:url(predracun/content_foot_bg.gif); height:9px; width:881px; background-repeat:no-repeat;  padding:0px}
div.predracun div.text div.prekati div.zunanjiP{ height:149px; padding: 24px 0 14px 0; }
div.predracun div.text div.prekati div.zunanjiP div.left { height:149px}
div.predracun div.text div.prekati div.zunanjiP div.right { height:149px}
div.predracun div.text div.prekati div.zunanjiP div.elements { height:149px}

div.predracun div.text div.prekati div.elements img.materialIMG { height:44px;  margin:0px 2px; margin-bottom:5px; padding:0; overflow:auto; cursor:pointer; z-index:10000; display:inline;}

div.predracun div.text div.title2 { font-size:13px; font-weight:bold; margin:20px 0px 0px; background-image:url(predracun/header2P.gif); height:21px; background-repeat:repeat-x; padding: 3px 0px 0px 10px}
div.predracun div.text div.materiali { margin:0; padding:0; }
div.predracun div.text div.materiali div.elements { margin:0px 5px; padding:0; }
div.predracun div.text div.materiali div.elements img {width:96px; height:44px; cursor:pointer; }

div.predracun div.text div.rocaji { margin:10px 5px 10px 5px; padding:0; }
div.predracun div.text div.rocaji img {width:92px; cursor:pointer;  border:solid 2px White; }
div.predracun div.text div.rocaji img.over, div.predracun div.text div.rocaji img.clicked  { border:solid 2px #6e023c; }

div.predracun div.text div.izracun { text-align:center; margin:0; padding:0; }
div.predracun div.text div.izracun  button{ font-size:20px; font-weight:bold; text-align:left; margin:0; padding:2px 0 0 63px; background-image:url(predracun/hoby_gumb_naprej.png); width:99px; height:49px; background-repeat:none; background-color:Transparent; border:none 0; }
div.predracun div.text div.izracun  button.nazaj{margin:0px; background-image:url(predracun/hoby_gumb_nazaj.png); background-repeat:no-repeat; width:99px; height:59px; border:none 0; background-color:Transparent;  font-size:20px; font-weight:bold; vertical-align:top; padding:2px 0 0 65px; text-align:left; cursor:pointer; }

/*css tabele za prikaz izračuna*/
div.korak_bg_not{padding-left:10px}
table.tbl_osebe{ width:616px; margin: 0px 0px 0px 13px;}
table.tbl_osebe tr.tbl_header{ background-image:url(predracun/tbl_header.png); width:591px; height:18px; background-repeat:no-repeat; height:20px; position: relative}
table.tbl_osebe tr.tbl_header td{ background-image:none}
table.tbl_osebe tr.tbl_row1{ background-image:url(predracun/tbl_row1.png); width:591px; height:18px; background-repeat:no-repeat; height:20px;position: relative}
table.tbl_osebe tr.tbl_row1 td { background-image:none}
table.tbl_osebe tr.tbl_row0{ background-image:url(predracun/tbl_header.png); width:591px; height:18px; background-repeat:no-repeat; height:20px;position: relative}
table.tbl_osebe tr.tbl_row0 td{ background-image:none}
div.predracun div.text div.tbl1_border{ width:616px; margin:0px 0px 0px 97px; padding:0px}
.theader{ font-weight:bold}
.td1{padding-left:20px}
.td5{padding-right:5px}
div.predracun div.text div.table_top{ background-image:url(predracun/table_title.png); width:140px; height:24px; background-repeat:no-repeat; padding:5px 0px 0px 26px; margin-left:102px}
div.predracun div.text div.divTBL_top{background-image:url(predracun/divTBL_top.png); width:616px; height:13px; background-repeat:no-repeat; margin:0px; padding:0px}
div.predracun div.text div.divTBL_mid{background-image:url(predracun/divTBL_mid.png); width:616px;  background-repeat:repeat-y; margin:0px; padding:0px}
div.predracun div.text div.divTBL_foo{background-image:url(predracun/divTBL_foo.png); width:616px; height:15px;  background-repeat:repeat-y; margin:0px; padding:0px}

div.predracun div.text div.opisp{ width:616px;font-family:Arial;}
div.predracun div.text div.opisp span.naslovn{ font-weight:bold; color:#6e023c}
div.predracun div.text div.opisp span.opisn{ color:Black; font-size:12px}
div.predracun div.text div.opisp span.pogoji{ font-size:11px; color:#6e023c}
div.predracun div.text div.opisp ul{font-size:11px; list-style-type:square; color:#6e023c}
div.predracun div.text div.opisp ul li{color:#6e023c}

div.predracun div.text div.izracun1 { text-align:center; margin:0; padding:0; }
div.predracun div.text div.izracun1  button{ font-size:20px; font-weight:bold; text-align:left; margin:0; padding:2px 0 0 63px; background-image:url(predracun/hoby_gumb_naprej.png); width:99px; height:49px; background-repeat:no-repeat; background-color:Transparent; border:none 0; }

div.predracun div.text div.vp_c{margin-left:180px; }
div.predracun div.text div.vp_c table{color:Black; font-weight:bold; font-family:Arial; font-size:14px }
div.predracun div.text div.vp_c table input{width:250px; border: solid 3px #b7b7b7}
div.predracun div.text div.vp_c table textarea{width:250px; height:142px; border: solid 3px #b7b7b7}
div.vp_c div.buttons input.ok{ background-image:url(predracun/hoby_gumb_naprej.png); width:99; height:49; border:none; margin-left:160px; background-color:Transparent; background-repeat:no-repeat}
div.copy{float:left; width:auto; color:#3e3e3e; font-family:Arial; font-size:11px; margin-left:7px;margin-top:15px;}
div.foot_menu{float:right; margin-right:14px;margin-top:13px; }
div.foot_menu a{color:#3e3e3e; font-family:Arial; font-size:11px }

/*print pdf*/
div.print_header{font-size:20px;font-weight:bold; margin-bottom:20px; margin-top:0px}
div.print_header1{font-size:20px;font-weight:bold; margin-bottom:20px; margin-top:20px}

table.iz_omara tr td table.dimenzije tr td{font-size:22px;font-weight:bold;}
table.iz_omara tr td div.center{ text-align:left; margin-top:30px; margin-bottom:20px}
table.iz_omara tr td div.prekati{}
table.iz_omara tr td div.rocaj{}
table.iz_omara tr td div.opisp{margin-left:25px}

table.iz_omara tr td table.tbl_osebe tr{ background:none; border-bottom:solid 1px black}


div.kontakti{ float:left;margin-top:30px}
div.kontakti div.kontakti_levo{ float:left; margin-right:150px;}
div.kontakti div.kontakti_desno{ float:left}

table.obiscite{margin-left:20px; margin-top:0px}
table.obiscite tr td div.img{ float:left; width:}
table.obiscite tr td div.naslov{float:left; width:auto; height:19px}
table.obiscite tr td div.naslov h1{margin:0px; padding:0px; font-family:Arial; font-weight:bold; font-size:15px; color:#db7109}
table.obiscite tr td h2{ margin:0px; padding:0px; font-family: Arial; font-weight:bold; font-size:13px; color:#8d3e03}   
table.obiscite tr td span.text{ color:#6c6c6c; font-family:Arial; font-size:13px}
table.obiscite tr td span.text span.x{ color:#8d3e03}
div.kontakti div.kontakti_desno table.obiscitexy{margin-left:21px; margin-top:-4px}
div.kontakti div.kontakti_desno table.obiscitexy tr td div.imgxy{ float:left; width:}
div.kontakti div.kontakti_desno table.obiscitexy tr td div.naslovxy{float:left; width:auto; height:19px; margin-left:3px; margin-top:3px;margin-bottom:15px; *padding-bottom:15px}
div.kontakti div.kontakti_desno table.obiscitexy tr td div.naslovxy h1{margin:0px; padding:0px; font-family:Arial; font-weight:bold; font-size:15px; color:#db7109}
div.kontakti div.kontakti_desno table.obiscitexy tr td h2{ margin:0px; padding:0px; font-family: Arial; font-weight:bold; font-size:13px; color:#8d3e03}   
div.kontakti div.kontakti_desno table.obiscitexy tr td span.textxy b{ color:#6c6c6c; font-family:Arial; font-size:13px}
div.kontakti div.kontakti_desno table.obiscitexy tr td span.textxy span.x{ color:#8d3e03}