body { font-size: 70%;  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  margin: 0 13px 17px 17px;  color: #666; background:#fff}

h1 {margin:0 0 14px 0;color:#c00;font-size:150%;}
h2 {margin:0 0 5px 0;font-size:135%;color: #369}
h3 {margin:0 0 5px 0;font-size:115%;}
h4 {margin:0 0 0px 0;font-size:100%;}

p {margin: 0 0 20px 0}

table {font-size: 100%;border-collapse:collapse;margin:0 0 20px 0;}
table a {color: #000;}
table th {text-align:left;}

img {border:0;}
a img {border:0}

form {margin:0;}

input, select, textarea { font-size: 11px;  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  color: #369; }
input.send {cursor:pointer}

table.table1 {width: 100%; background: #fff}
table.table1 th {color: #666; background: #B2CCE5; text-align: left;padding: 0.3em;}
table.table1 td {background: #fdfdfd; text-align: left; vertical-align: center; text-align: left;padding: 0.2em;}
table.table1 caption {font-size: 120%; font-weight: bold}

table.table2 {width: 100%; background: #fff;}
table.table2 th {color: #fff; background: #c00; text-align: left;padding: 0.3em;}
table.table2 td {background: #fdfdfd; text-align: left; vertical-align: center; text-align: left;padding: 0.2em;}
table.table2 caption {font-size: 120%; font-weight: bold}

#head { position: relative;  width: 100%;  height: 77px;  background: url(../img/headline.gif) no-repeat right bottom;}
#head_inner { width: 100%;  height: 77px;  background: url(../img/head.jpg) no-repeat left bottom; }
#user_info #UserName {font-weight:bold}
#user_info #Role {font-weight:bold;margin-left:5px}

#logo { position: absolute;  left: 13px;  top: 13px;  width: 119px;  height: 54px;  background: url(../img/logo.jpg) no-repeat; }
#logo span { position: absolute;  left: 0;  top: 0;  width: 119px;  height: 54px;  cursor: pointer;  background: url(../img/logo.jpg) no-repeat; }

#lang { position: absolute;  right: 2px;  bottom: 29px;  list-style-type: none;  margin: 0;  padding: 0;  }
#lang li { display: inline; }
#lang a { float: left;  padding: 0px 8px;  color: #c00;  text-decoration: none;   font-size: 11px;  border-right: 1px solid #ccc; }
#lang a.active { color: #ccc; }
#lang a:hover { text-decoration: underline; }

#topmenu { position: absolute;  left: 152px;  bottom: 29px;  list-style-type: none;  margin: 0;  padding: 0; }
#topmenu li { display: inline; }
#topmenu a { float: left;  padding: 0 7px 0 7px;  border-right: 1px solid #666;  color: #666;  text-decoration: none;  text-transform: uppercase;  font-size: 12px; }
#topmenu a:hover { color: #666;  text-decoration: underline; }
#user_info { position: absolute;  left: 168px;  top: 57px;  line-height: 18px;  font-size: 11px; }

#page { width: 100%;height:100%;margin:0; }
#page td {margin:0;padding:0}
#page_top2 {height:8px;background: #B2CCE5  url(../img/blueedge_lt.gif) no-repeat left top;}

#banner {height:auto;vertical-align:top;text-align:center;height:1px;}
#banner {padding:10px 0 0 0 !important}
html>body #banner {min-height:1px;}

#body { padding: 7px 0 11px 0;  background: #B2CCE5 url(../img/blueedge_lt.gif) no-repeat top left;  width: 100%; }



#left_column { width: 160px;background: #B2CCE5;text-align: center; vertical-align:top;padding:7px 0 0 0 }
#left_column_inner {margin:0 7px 0 8px;width:145px}

div.left_column_box, div.right_column_box { width: 145px;  margin: 0 auto 8px auto;  text-align: left;  background: #F4F4F4; }
h4.box_head { width: 145px;  height: 18px;  line-height: 18px;  padding: 0 0 0 7px;  background: #369 url(../img/smallhead.gif) no-repeat top left;  color: #fff;  margin: 0;  font-size: 11px; }
html>body h4.box_head { width: 138px; }
ul.lc_menu { margin: 7px 7px 0 7px;  padding: 0 0 7px 0;  list-style-type: none;  font-size: 11px; }
ul.lc_menu a { color: #c00;  text-decoration: none;  }
ul.lc_menu a:hover { color: #c00;  text-decoration: underline; }


#iframe_catalog {border: 1px solid #fff; width: 143px;}
#iframe_menu { width: 145px;}
#iframe_content {width:100%;height:100%;border: 0px solid #fff;}

#right_column { width: 164px;  background: #B2CCE5;  text-align: center;}
h4.box_head_red { width: 145px;  height: 18px;  line-height: 18px;  padding: 0 0 0 7px;  background: #369 url(../img/smallheadred.gif) no-repeat top left;  color: #fff;  margin: 0;  font-size: 11px; }
html>body h4.box_head_red { width: 138px; }


#content {background: #F4F4F4;text-align:center;}
#content_head { height: 18px;  background: #666 url(../img/middleedgeleft.gif) no-repeat left top;  margin: 0;text-align:left }
#content_head h2 { margin: 0;  color: #fff;  font-size: 100%;  background: url(../img/middleedgeright.gif) no-repeat right top; }
#content_head h2 span { display: block;  line-height: 18px;  padding: 0 0 0 6px; }


#page .noborder {border: 0px solid #fff; }

/* PRO KATALOG IFRAME */
#body_katalog {margin: 7px;}

/* PRO MENU IFRAME */
#body_menu {margin: 7px 6px; background: #F4F4F4;  color: #369; }
#body_menu form { margin: 0 0 12px 0;width:100%;}
#body_menu input { border: 2px solid #C3D0DD;  width: 78px; }
#body_menu #login_form div.lbl { float: right;  width: 48px;text-align: left;line-height: 16px;}
#body_menu #login_form input { float: left;  margin: 0 0 3px 0;}
#body_menu input.send { width: auto;  padding: 0;  color: #900;  border: 0px solid #fff;  background: #F4F4F4;  text-align: left;  margin: 0; }
#body_menu form br { clear: both; float: none;  width: 1px; height: 1px;  overflow: hidden; }
#body_menu #login_form input.send { width: 56px; }
#body_menu #search_form input.send { width: 48px;  margin: 0 0 0 5px; }
#body_menu #error_Login {color:#B22222 }
ul.menuform_menu { margin: 0 0 10px 0;  padding: 0;  list-style-type: none; }
ul.menuform_menu a { color: #369;  text-decoration: none; }
ul.menuform_menu a:hover { text-decoration: underline; }

#page_bottom {height:11px;background: #B2CCE5}

/* POMOCNE STYLY */
div.nofloat {width: 1px; height: 1px; overflow: hidden; clear: both; }
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.nopadding {padding:0}
.bold {font-weight:bold}
.normal {font-weight:normal}
.top {vertical-align:top}
.middle {vertical-align:middle}
.bottom {vertical-align:bottom}
.10px_right {padding-right:10px}
.noborder {border:0 !important}

#Menu1 td
{
	border-right:solid 1px #666;
	border-left:solid 0px #666;
	border-bottom:solid 0px #666;
	border-top:solid 0px #666;
}

.menustyle 
{
    position: absolute;  
	top:32px;
	left:166px;
	z-index:100;	
	font-family:arial;
	font-size:12px;
	white-space: nowrap; 
	background: #FFFFFF;	
}

.menuitem 
{
	border:solid 1px #666;
	font-family:arial;
	font-size:12px;
	padding: 0px 8px 0px 8px; 
	cursor:hand;
    color: #000000; 
    color: #666;
    text-transform: uppercase; 
}
.mouseover 
{
	font-family:arial;
	font-size:12px;
	padding: 0px 8px 0px 8px; 
	margin: 0px; 
	white-space: nowrap; 
	cursor:hand;	
    color:#FFF;
    background-color:#666;
    text-decoration:undeline;
    border:solid 1px #666;
    text-transform: uppercase; 
}

.kosik
{
	cursor:pointer;
}

.favorites
{
	cursor:pointer
}
#user_saldo
{
    position:Absolute;
    bottom:3px;
    right:3px;
}
#VSaldo,#VCredit,#VAfterDue
{
    margin-left:10px;
    margin-right:15px;
}
#LSaldo,#LCredit,#LAfterDue
{
    font-weight:bold;
}
#Art_Old 
{
border:solid 2px red;    
    }
#Art_New
{
    margin:30px;
    }