body { color: #677B82; font-size: 14px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; background:#c7d0d9 url(../../images/bg_repeat.jpg) top center repeat-y;}
table td { vertical-align: top; padding: 5px 10px;}
input,
textarea { border: 1px solid #acacac; padding: 3px;}
.submit_btn { font-size: 14px; cursor: pointer;} 
.wrapper_out { background: url(../../images/bg_top.jpg) top center no-repeat; width: 100%; }
.wrapper_in { width: 980px; text-align: left; }
.clear { clear: both; }

/*    header   */
.top_heading { height: 30px; padding: 10px 0px 10px 10px; float: left; }
.top_heading h1 { font-size: 26px; font-style: italic; }
.header_nav { float: right; height: 35px; padding: 15px 20px 0px 0px; }
.header_nav ul li { list-style-position: outside; float: left; margin-left:40px; list-style-image: url('../../images/bullet.gif');}
.header_nav ul li a { color: #000; }
.header_nav ul li a:hover span { text-decoration: underline; }
.header_nav ul li span { display: block; padding: 2px 0px 0px 0px; }
.header { background: url('../../images/header_bg.jpg') top left no-repeat; height: 200px; margin-bottom: 30px; }
.header img { margin: 35px 0px 0px 35px;}

/*    left column    */
.left_column { width: 250px; float: left; }

/*   menu   */
.menu_wrapper { background: url('../../images/menu_top.jpg') top center no-repeat; margin-bottom: 20px; }
.menu { background: url('../../images/menu_bottom.jpg') bottom center no-repeat; font-size: 16px; padding: 20px 10px 20px 25px; }
.menu a { color: #677b82; }
.menu a:hover { color: #000; }
.menu ul { margin-left: 15px;}
.menu ul li { list-style-image: url('../../images/menu_bullet.gif'); list-style-position: outside; margin-top: 5px; }
.menu ul li span { display: block; padding: 0px 10px 0px 5px; }

/*  reference  */
.box_ref_wrapper { width: 250px; background: url('../../images/box_ref_top.jpg') top center no-repeat; }
.box_ref { background: url('../../images/box_ref_bottom.jpg') bottom center no-repeat; font-size: 16px; padding: 25px 25px 25px 25px;text-align: center; }
.box_ref h2 { font-size: 18px; color: #ffffff; font-weight: bold; margin-bottom: 40px; }
.box_ref a { color: #fff; text-decoration: none; font-style: italic; }

/*    blue box    */
.blue_box_wrapper { width: 250px; background: url('../../images/blue_box.jpg') top center no-repeat;}
.blue_box { background: url('../../images/blue_box_bottom.jpg') bottom center no-repeat; font-size: 16px; padding: 25px 25px 25px 25px;text-align: left; }
.blue_box h2 { font-size: 18px; color: #ffffff; font-weight: bold;margin-bottom: 30px; text-align: center;}
.blue_box a { color: #fff; text-decoration: none; font-style: italic; }
.blue_box p { color: #ccc; font-size: 12px; padding: 3px 0px;}

/*     silver box    */
.silver_box_wrapper { background: url('../../images/menu_top.jpg') top center no-repeat; margin-bottom: 20px; }
.silver_box { background: url('../../images/menu_bottom.jpg') bottom center no-repeat; font-size: 16px; padding: 20px 10px 20px 25px; }

/*    main content    */
.main_content {width: 670px; padding: 0px 20px 0px 40px; float: left; }
.main_content h1 { font-size: 24px; text-transform: uppercase; color: #000; }
.main_content h2 { font-size: 20px; text-transform: uppercase; color: #000; }
.main_content h3 { font-size: 16px; color: #ff6238; padding-bottom: 5px;}
.main_content p { padding: 5px 0px; text-align: justify; line-height: 20px;}
.main_content span.blue_label { font-size: 15px; color:#1f6e9d;}
.main_content a { color:#ff6238; text-decoration: underline;}
.main_content a:hover { text-decoration: none;}}
.main_content table.webhome { width: 100%; text-align: center;}
.main_content table.webhome td {padding: 20px 30px;}
.main_content table.webhome td a { text-decoration: none;}
.main_content table.splet_reference td { vertical-align: top; padding: 15px 10px;}
.main_content table.splet_reference img {border: 5px solid #c7d0d9;}
.main_content ul { margin-left: 18px;}
.main_content ul li { list-style-position: outside; list-style-image: url('../../images/bullet.gif'); margin: 3px 0px;}
.main_content ul.nacrti li { margin: 15px 0px; }
.main_content #tabs ul { margin: 0px;}
.main_content #tabs ul li { list-style-image: none;}
#tabs table td { padding: 20px;}

/*     footer    */
.footer { height: 55px; background: url('../../images/bg_footer.jpg') top left repeat-x; color: #fff; margin-top: 20px;}
.footer table td { text-align: center; }
.footer a { color: #fff; text-decoration: underline; }
.footer a:hover { text-decoration: none; }

/*    buttons   */
.orange_btn { float: right; background: url('../../images/orange_btn.jpg') top left no-repeat; }
.orange_btn a span { display: block; height: 21px; color: #fff; font-size: 14px; text-decoration: none; font-style: normal;background: url('../../images/orange_btn_back.gif') top right no-repeat; padding: 3px 10px 0px 10px;}
table.blue_btn td { padding: 0px;}
table.blue_btn td a { text-decoration: none;}
td.blue_btn_left { width: 10px; background: url('../../images/links-left.gif') top left no-repeat; padding:0px;}
td.blue_btn a span {display: block; background: url('../../images/links-tall.gif') top left repeat-x; height: 25px; color: #eee; font-weight: bold; text-decoration: none; padding: 3px 5px 0px 5px;}
td.blue_btn_right { width: 10px; background: url('../../images/links-right.gif') top left no-repeat;padding:0px; }