html {
     overflow: -moz-scrollbars-vertical;
}

body {
	background-image: url(../imgs/bg.gif);
	background-repeat: repeat-x;
	background-color: #54585e;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	margin-top: 0px;
	line-height: 19px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	margin-top: 0px;
	line-height: 19px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #638602;
	margin-top: 0px;
	margin-bottom: .1em;
	border-bottom: 1px solid #aaa;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #464a4f;
	padding: 5px;
	margin: 0px;
	background-color: #e4e4e5;
	border: 1px solid #CCCCCC;
	display: block;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #638602;
	border-bottom: 1px solid #aaa;
}

form {
	margin: 0px;
	padding: 0px;
}


img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/****************IDs****************/
/**********************************/

#velkyobal {
	width: 777px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	background-image: url("../imgs/bodyBG.gif");
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 777px;
	float: left;
	margin-bottom: 12px;
}

#topspacer {
	background-image: url("../imgs/topIMG.gif");
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 777px;
	height: 35px;
}

#header {
	background-image: url("../imgs/topBG.gif");
	background-repeat: repeat-y;
	background-color: #004a00;
	width: 777px;
	height: 112px;
	text-align: center; /* pre IE */
}

#logoBox {
	/*float: left;*/
	width: 504px;
	height: 100px;
	padding-top: 0px;
	margin: auto; /* pre non-IE prehliadace */
}

#menubar {
	background-image: url("../imgs/menuBG.gif");
	background-repeat: repeat-y;
	background-color: #004a00;
	width: 777px;
	height: 150px;

}

#main {
	float: left;
	width: 721px;
	padding: 24px;
	margin-top: -12px;
}


#left {
	float: left;
	width: 455px;
	padding-left: 15px;
	padding-right: 16px;

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #002000;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #002000;

	background-color: #ffffff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	margin-top: 0px;
	line-height: 19px;
}

#left p a {
	color: #2e74c0;
	text-decoration: none;
}

#left p a:hover {
	color:#2e74c0;
	background-color: #daebfc;
	text-decoration: underline;

}

#right {
	float: right;
	width: 200px;
	padding-left: 9px;
	padding-right: 9px;

	background-color: #ffffff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	margin-top: 0px;
	line-height: 19px;

}

#right p {
	font-size: 11px;
	margin-bottom: 5px;
}

#middle {
	float: left;
	width: 688px;
	padding-left: 15px;
	padding-right: 16px;

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #002000;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #002000;

	background-color: #ffffff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	margin-top: 0px;
	line-height: 19px;
}

#middle p a {
	color: #2e74c0;
	text-decoration: none;
}

#middle p a:hover {
	color:#2e74c0;
	background-color: #daebfc;
	text-decoration: underline;

}



#footer {
	float: left;
	width: 777px;
	height: 35px;
	background-image: url("../imgs/footer.gif");
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 11px;
}
#footer p {
	font-size: 11px;
}
#footer p a{
	color: #ffffff;
}
#footer p a:hover{
	color: #000000;
}
#fLeft {
	float: left;
	padding-left: 44px;
}
#fLeft p {
	color: #CCCCCC;
}
#fRight {
	float: right;
	padding-right: 15px;
}


/**************Classes*************/
/**********************************/
.imgAdjust {
	clear: both;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


.ramcek0
{
    BORDER-RIGHT: #A2A2A3 1px solid;
    BORDER-LEFT: #A2A2A3 1px solid;
    BORDER-TOP: #A2A2A3 1px solid;
    BORDER-BOTTOM: #A2A2A3 1px solid;
    COLOR: #000000;
    FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
    FONT-SIZE: 11px;
    WIDTH: 166px;
    FONT-WEIGHT: normal;
}

.ramcek1
{
    BORDER-RIGHT: #b3cb4b 1px solid;
    BORDER-LEFT: #b3cb4b 1px solid;
    BORDER-TOP: #b3cb4b 1px solid;
    BORDER-BOTTOM: #b3cb4b 1px solid;
    COLOR: #000;
    FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
    FONT-SIZE: 12px;
    padding: 0px;
    background: #ffffff;
    FONT-WEIGHT: normal;
    width:350px;
}

.ramcek2_1
{
    BORDER-RIGHT: #b3cb4b 2px solid;
    BORDER-LEFT: #b3cb4b 2px solid;
    BORDER-TOP: #b3cb4b 2px solid;
    BORDER-BOTTOM: #b3cb4b 2px solid;
    COLOR: #000;
    FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
    FONT-SIZE: 10px;
    padding: 0px;
    background: #c8db81;
    FONT-WEIGHT: bolder
}

.ramcek2_2
{
    BORDER-RIGHT: #b3cb4b 2px solid;
    BORDER-LEFT: #b3cb4b 2px solid;
    BORDER-TOP: #b3cb4b 2px solid;
    BORDER-BOTTOM: #b3cb4b 2px solid;
    COLOR: #000;
    FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
    FONT-SIZE: 10px;
    padding: 0px;
    background: #e7eecc;
    FONT-WEIGHT: bolder
}

.ramcek3
{
    BORDER-RIGHT: #464a4f 2px solid;
    BORDER-LEFT: #464a4f 2px solid;
    BORDER-TOP: #464a4f 2px solid;
    BORDER-BOTTOM: #464a4f 2px solid;
    COLOR: #FFFFFF;
    FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
    FONT-SIZE: 11px;
    padding: 0px;
    background: #676c73;
    FONT-WEIGHT: bolder
}

/*************** SORTIMENT **************/

.tablerow_1 {
  background-color: #c8db81;
}

.tablerow_2 {
  background-color: #e7eecc;
}

.tablerow_3 {
  background-color: #b6ce52;
}


.tablerow_sel {
	background-color: #9bb53b;
	cursor:pointer;
	cursor:hand; /* Pre IE */
}

.btn_bg_doKosika
{
	border: none; 
	width: 131px;
	height: 26px;
	padding-top: 18px;
	background: transparent url(../imgs/btn_spec1_kosik.gif) no-repeat top left;
	cursor: pointer;
	margin-left: 1px;
	font-size: 0px;
}

.btn_bg_objednat
{
	border: none; 
	width: 131px;
	height: 26px;
	padding-top: 18px;
	background: transparent url(../imgs/btn_spec1_objednat.gif) no-repeat top left;
	cursor: pointer;
	margin-left: 1px;
	font-size: 0px;
}

.quotebox
{
font-size: 85%;
float: right;
width: 120px;
font:Verdana,sans-serif;
background-color: #edfded;
margin: 10px 10px 15px 20px;
padding: 10px 20px 10px 7px;
border-style: dotted none dotted none;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 13px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #004900; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

ul#tabnav li.selected { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul#tabnav li a.selected { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #004900; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #c8db81; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */