@charset "utf-8";
/* CSS Document */

/* div, ul, li { border: 1px solid red; margin: -1px; }  */


.boxLeft { float: left; width: 350px; padding: 5px; }
.boxRight { float: right; width: 250px; padding: 5px; }
.panelLeft { float: left; width: 200px; padding: 5px; }
.panelRight { float: right; width: 120px; padding: 5px; }

.menuBox1 { width: 350px; background: url('images/design/box_top.gif') left bottom no-repeat; }
.menuBox2 { width: 250px; background: url('images/design/box_top2.gif') right bottom no-repeat; }
.menuBox2v { width: 250px; background: #FFFFFF url('images/design/box_top2v.gif') right top no-repeat; }
.panelBox1 { width: 200px; background: url('images/design/box_top3.gif') left bottom no-repeat; }
.contentBox { background: #FFF; display: block; }

/*** MENIU ***/
ul.menuTab { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 0px; padding: 0px 0px 5px 5px; height: 24px; }
ul.menuTab li  { list-style: none; text-align: center; margin: 0px 0px 0px 4px; padding: 0px; display: block; height: 24px; background: #DDD; }
ul.menuTab li, ul.menuTab li a { float: left; font-weight: bold; }
ul.menuTab li a { color: black; text-decoration: none; padding: 2px 8px; }
ul.menuTab li.active { background: url('images/design/menu2_tab_r.gif') no-repeat right top; }
ul.menuTab li.active a { background: url('images/design/menu2_tab_l.gif') no-repeat left top; }

ul.content { font-family: Verdana, sans-serif; font-size: 11px; text-align: left; padding: 0px; margin: 0px; float: left; }
ul.content li { list-style: none; padding: 5px; display: block; }