/* CSS Document */
body {
	background-color: white;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*p, div, span, ol, ul, li, button, input, textarea, form {
	margin: 0;
}*/

table{
	border: none;
	width:100%;
}

td{
	text-align: left;
	font-size: 12px;
	padding:5px;
	vertical-align: top;
	border: none;
}

.item img{
	border: 1px solid #999999;
	box-shadow:2px 2px 3px #555555;
	-moz-box-shadow:2px 2px 3px #555555;
	-webkit-box-shadow:2px 2px 3px #555555;
	/*filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=3);*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=3)";
	z-index:0;
	/*border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;*/
}

.item{
	margin-left:5px;
}

.item_diary img{
	border:none;
	z-index:0;
}

.x_button img{
	border:none;
	z-index:0;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	/*filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=3);*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=0)";
}

a { color: black; outline: none; text-decoration: none; }
a:visited { color: black; }
a:active { color: black}
a:hover { color: black; text-decoration: none;}

a.disabled{
color:gray;
}

#left_corner {
	background-image: url(../img/left_corner.jpg);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 191px;
	height: 90px;
	z-index:0;
}

#logo {
	/*background-image: url(../img/logo.png);
	background-repeat: no-repeat;*/
	position: absolute;
	left: 30px;
	top: 14px;
	width: 158px;
	height: 59px;
	z-index:0;
}

#top {
	background-image: url(../img/top.jpg);
	position: absolute;
	left: 191px;
	top: 0px;
	width: 950px;
	height: 90px;
	z-index:0;
	font-size: 14px;
	font-weight: bold;
	color: Gray;
	text-align: right;
	vertical-align: bottom;
}

#left {
	background-image: url(../img/left.jpg);
	position: absolute;
	left: 0px;
	top: 90px;
	width: 191px;
	height: 2000px;
	z-index:0;
}

#right_corner {
	background-image: url(../img/right_corner.jpg);
	position: absolute;
	left: 1141px;
	top: 0px;
	width: 13px;
	height: 90px;
	z-index:0;
}

#right {
	background-image: url(../img/right.jpg);
	position: absolute;
	left: 1141px;
	top: 90px;
	width: 13px;
	height: 2000px;
	z-index:0;
}

#rest{
	background-image: url(../img/rest.jpg);
	position: absolute;
	left: 1154px;
	top: 0px;
	width: 100%;
	height: 2000px;
	z-index:0;
}


.text_top{
	z-index:4;
	padding-top: 4px;
}

#label{
	background-image: url(../img/label_background.png);
	position: absolute;
	left: 19px;
	top: 130px;
	width: 172px;
	height: 23px;
	z-index:0;
	color: White;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
}

#label_prew{
	background-image: url(../img/label_background.png);
	position: absolute;
	left: 844px;
	top: 130px;
	width: 290px;
	height: 23px;
	z-index:3;
	color: White;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
}

#label_erase{
	background-image: url(../img/label_background_home.png);
	position: absolute;
	left: 19px;
	top: 440px;
	width: 172px;
	height: 23px;
	z-index:0;
	color: black;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
}

#label_eraseall{
	background-image: url(../img/label_background_home.png);
	position: absolute;
	left: 19px;
	top: 470px;
	width: 172px;
	height: 23px;
	z-index:0;
	color: black;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
}

#label_back{
	background-image: url(../img/label_background_home.png);
	position: absolute;
	left: 19px;
	top: 500px;
	width: 172px;
	height: 23px;
	z-index:0;
	color: black;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
}

#label_home{
	background-image: url(../img/label_background_home.png);
	position: absolute;
	left: 19px;
	/*top: 530px;*/
	top: 500px;
	width: 172px;
	height: 23px;
	z-index:0;
	color: black;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
}
#label_op{
	background-image: url(../img/label_background_home.png);
	position: absolute;
	left: 19px;
	/*top: 530px;*/
	top: 560px;
	width: 172px;
	height: 23px;
	z-index:0;
	color: black;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
}

#title {
	background-color: #F5F5F5;
	color: #02449E;
	position: absolute;
	left: 276px;
	top: 130px;
	width: 479px;
	height: 23px;
	z-index:0;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
}

#title_left_img {
	background-image: url(../img/title_left.png);
	position: absolute;
	left: 276px;
	top: 130px;
	width: 4px;
	height: 23px;
	z-index:10;
}

#title_right_img {
	background-image: url(../img/title_right.png);
	position: absolute;
	left: 751px;
	top: 130px;
	width: 4px;
	height: 23px;
	z-index:10;
}

#advertisement{
	position: absolute;
	left: 198px;
	top: 95px;
	z-index:1;
	color: #F99B71;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
}

#button_left{
	background-color: white;
	/*background-image: url(../img/layout/btn_back.png);    */
	border:none;
	color: white;
	position: absolute;
	left: 198px;
	top: 130px;
	width: 71px;
	height: 23px;
	z-index:1;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
}

#button_right {
	background-color: white;
	/*background-image: url(../img/layout/btn_next.png);*/
	border:none;
	color: white;
	position: absolute;
	left: 763px;
	top: 130px;
	width: 71px;
	height: 23px;
	z-index:1;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
}

#preview{
	background-color: #F5F5F5;
	position: absolute;
	left: 844px;
	top: 130px;
	width: 290px;
	height: 2000px;
	z-index:0;
	text-align: center;
	vertical-align: middle;
	border:none;
	/*color: White;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;*/
}
#preview img{
	border:none;
	/*color: White;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;*/
}

#preview_pict{
	position:relative;
  left:11px;
	top: 40px;
}

#preview_pict_inside{
	position:relative;
	top: 40px;
}

#centralframe{
	position:absolute;
	width: 647px;
	height:580px;
	top: 170px;
	left:198px;
	overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;

}

#notice{
	position:absolute;
	width: 627px;
	height:45px;
	top: 780px;
	left:198px;
	border: 2px solid lightblue;

}

#notice_in{
	border: 2px solid lightblue;
}


#orderview{
	position:absolute;
	width: 1000px;
	top: 10px;
	left:50px;
	overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;

}


#menu{
	position: absolute;
	left: 19px;
	top: 170px;
	padding:0px;
	margin:0px;
	font-size: 12px;
	width: 172px;
	z-index:1;
}

.menu_num{
	width:20px;
	text-align: right;
	vertical-align: top;
}

.menu_text{
	text-align: left;
	vertical-align: top;
	z-index:0;
}

/*.podbarveny_radek
{
	background: #F8BE03;
}*/

/*svetlejsi oranzova #F7E9BC;*/
/*oranzova #F8BE03;*/
/*oranzova tmavsi #FD8E61;*/
/* oranzova svetlejsi #FDAA74;*/

.disabled
{
  color:gray;
	background: none;
  cursor: default;
  z-index: -1;
}

.disabled_line
{       
	color:gray;
	background: none; 
	cursor: default;
}

.nonactived
{
  color:black;
	background: none;
	cursor: hand; cursor: pointer;
}

.actived
{
  color:black;
	background: #FDAA74;
	cursor: hand; cursor: pointer;
}

.name-of-item{
	text-align: left;
}

.mpalette {
  display:none;      
  position: relative;
	left: 0px;
	top: 20px;
  height: 50px;
}

.gpalette {
      display:none;      
    	position: relative;
	left: 0px;
	top: 20px;
      height: 50px;
}

.required
{
  color:#ff0000;
}

.nonrequired
{
  font-variant: normal;
}

.inputs 
{
      font-size: 14px;
      font-family:arial;
}

