html,
 
body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
}

body
{
	background: #203037 url(../img/background.jpg) repeat-y;
}

#form_table,
#form_table2
{
	padding: 0px;
	margin: 0px;
	border-style: none;
	width: 100%;
}

#form_table .label,
#form_table2 .label
{
	width: 120px;
	padding-right: 10px;
	vertical-align: top;
}

#form_table .noline,
#form_table2 .noline
{
	white-space: nowrap;
}

#form_table .data,
#form_table2 .data
{
	white-space: nowrap;
	font-size: 0.9em;
	width: 210px;
}

.sbutton 
{
    border:1px solid #9EB6CF;
    -moz-border-radius: 3px;
    background-color: #EEEEEE;
}
.sbutton:hover
{
    background-color: #FFEEC2;
}
.policko 
{
    background-color: White;
    border:1px solid #9EB6CF;
	width: 200px;
}
.policko:focus
{
    background-color: #FFEEC2;
}
.policko2 
{
    background-color: White;
    border:1px solid #9EB6CF;
	width: 50px;
}
.policko2:focus
{
    background-color: #FFEEC2;
}
.red 
{
	color: Red;
}
.green
{
	color: #00B500;
	font-size: 9px;
	position: relative;
	top: -6px;
}

#goto_form
{
	text-decoration: underline;
	color: Blue;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.menu_text::selection
{
	background-color: Transparent;
}
.menu_text::-moz-selection
{
	background-color: Transparent;
}
.menu_label::selection
{
	background-color: Transparent;
}
.menu_label::-moz-selection
{
	background-color: Transparent;
}
.paper_content::selection
{
	background-color: Transparent;
}
.paper_content::-moz-selection
{
	background-color: Transparent;
}

#helper
{
	position: absolute;
	min-width: 980px;
	min-height: 768px;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: Transparent;
}

#content
{
	position: relative;
	top: 0px;
	padding: 0px;
	margin: auto;
	width: 980px;
	background-color: Transparent;
}

#paper
{
	position: absolute;
	left: 84px;
	top: 150px;
	height: 820px;
	width: 709px;
	background-color: Transparent;
	z-index: 101;
}

#pero 
{
	 position: absolute;
	 left: 68px;
	 top: 168px;
	 width: 80px;
	 height: 160px;
	 background: url('../img/pero.png');
	 z-index: 101;
}

#clip 
{
	 position: absolute;
	 left: 335px;
	 top: 145px;
	 width: 200px;
	 height: 42px;
	 background: url('../img/clip.png') no-repeat;
	 z-index: 102;
}

#okraj 
{
	 position: absolute;
	 left: 53px;
	 top: 132px;
	 width: 768px;
	 height: 871px;
	 background: url('../img/okraj.png') no-repeat 0px -18px;
	 z-index: 100;
}

#paper .paper_content
{	
	position: absolute;
	top: 20px;
	left: 40px;
	background-color: White;
	 z-index: 120;
}

#logo
{
	background: url('../img/logo3.png') no-repeat;
	display: block;
	position: absolute;
	top: 44px;
	left: 95px;
	width: 280px;
	height: 20px;
	color: #2d7f9a;
	/*color: #78c158;*/
	font-size: 13px;
	padding-top: 70px;
	font-family: Arial;
	cursor: pointer;
	font-weight:bold;
	z-index: 200;
}

#logo_bottom
{
	position: absolute;
	top: 155px;
	left: 95px;
	width: 80%;
	z-index: 200;
}

#logo_bottom .header
{
	display: block;
	padding: 0px 0px 14px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #2d7f9a;
	/*color: #78c158;*/
}

#logo_bottom .strong
{
	display: block;
	padding: 0px 0px 14px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #2d7f9a;
	/*color: #78c158;*/
}

#logo_bottom .nadpis
{
	display: block;
	padding: 0px 0px 17px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #2d7f9a;
	/*color: #78c158;*/
}



#footmenu
{
    background-image:url(../img/spodek.png);
    display:block;
    height:95px;
    position:absolute;
    right:177px;
    top:915px;
    width:721px;
    z-index:101;
}

#spod1
{
    position:absolute;
    left:150px;
    top:934px;
    z-index:250;
    font-size: 14px;
  	font-weight: bold;
  	color: #2d7f9a;
  	cursor:pointer;
}

#spod2
{
    position:absolute;
    left:262px;
    top:934px;
    z-index:250;
    font-size: 14px;
  	font-weight: bold;
  	color: #2d7f9a;
  	cursor:pointer;
}

#spod3
{
    position:absolute;
    right:370px;
    top:934px;
    z-index:250;
    font-size: 14px;
  	font-weight: bold;
  	color: #2d7f9a;
    cursor:pointer;
}

#spod4
{
    position:absolute;
    right:262px;
    top:934px;
    z-index:250;
    font-size: 14px;
  	font-weight: bold;
  	color: #2d7f9a;
    cursor:pointer;
}
#spod5
{
    position:absolute;
    right:230px;
    top:860px;
    z-index:250;
    cursor:pointer;
}


#hands_helper
{
	position: fixed;
	width: 100%;
	bottom: 0px;
}

#hands_content
{
	width: 980px;
	height: 382px;	
	margin: auto;
}

#hand_left
{
	background: url('../img/hand_left.png') no-repeat -30px 0px;
	position: relative;
	bottom: -56px;
	left: 0px;
	width: 223px;
	height: 382px;
	z-index: 101;
}

#hand_right
{
	background-color: Transparent;
	position: relative;
	bottom: 431px;
	left: 672px;
	width: 334px;
	height: 481px;
	z-index: 101;
}

#righth
{
	background: url('../img/hand_right.png') no-repeat;
	position: absolute;
	bottom: 0px;
	right: 27px;
	width: 279px;
	height: 350px;
	z-index: 1;
}
#righth_correct
{
	background: url('../img/hand_right_correct.png') no-repeat;
	position: absolute;
	top: 134px;
	left: 93px;
	width: 108px;
	height: 131px;
	z-index: 3;
}

#online_link1, #online_link2, #online_link3, #online_link4,
#kontakt_link1, #kontakt_link2, #kontakt_link3, #kontakt_link4,
#produkty_link1, #produkty_link2, #produkty_link3, #produkty_link4
{
	background-color: Transparent;
	cursor: pointer;
	position: absolute;
	z-index: 10;
}

#online_link1 { top: 99px; right: 237px; width: 80px; height: 37px; }
#online_link2 { top: 63px; right: 242px; width: 48px; height: 36px; }
#online_link3 { top: 136px; right: 224px; width: 64px; height: 36px; }
#online_link4 { top: 172px; right: 216px; width: 33px; height: 40px; }

#kontakt_link1 { top: 24px; right: 157px; width: 100px; height: 39px; }
#kontakt_link2 { top: 63px; right: 163px; width: 79px; height: 36px; }
#kontakt_link3 { top: 99px; right: 169px; width: 68px; height: 37px; }

#produkty_link1 { top: 24px; right: 57px; width: 100px; height: 39px; }
#produkty_link2 { top: 63px; right: 61px; width: 102px; height: 36px; }
#produkty_link3 { top: 99px; right: 66px; width: 103px; height: 37px; }
#produkty_link4 { top: 136px; right: 71px; width: 100px; height: 43px; }

#goto_online
{
    font-weight: bold;
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
}

.check_img
{
    display: inline;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

#online
{
	position: absolute;
	background: url('../img/online.png') no-repeat;
	top: 35px;
	left: 0px;
	width: 204px;
	height: 200px;
	z-index: 2;
}

#kontakt
{
	position: absolute;
	background: url('../img/kontakt.png') no-repeat;
	top: 0px;
	left: 70px;
	width: 150px;
	height: 200px;
	z-index: 2;
}

#produkty
{
	position: absolute;
	background: url('../img/produkty.png') no-repeat;
	top: 12px;
	left: 150px;
	width: 150px;
	height: 200px;
	z-index: 2;
}

#top_menu
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 170px;
	left: 107px;
	width: 660px;
	height: 200px;
	background-color: Transparent;
}

#button1,
#button2,
#button3
{
	cursor: pointer;
	background: url('../img/buttony.png') no-repeat;
	position: absolute;
	top: 30px;
	width: 175px;
	height: 170px;
}

#button4
{
	cursor: pointer;
	background: url('../img/buttony.png') no-repeat;
	position: absolute;
	top: 30px;
	width: 175px;
	height: 170px;
}

#button1 { background-color: Transparent; left: 0px; z-index: 10; background-position: 0px 0px; }
#button2 { background-color: Transparent; left: 162px; z-index: 9; background-position: -183px 0px; }
#button3 { background-color: Transparent; left: 328px; z-index: 8; background-position: -368px 0px; }
#button4 { background-color: Transparent; left: 491px; z-index: 7; background-position: -552px 0px; }

#button1 .menu_label
{
	display: block;
	position: absolute;
	top: 79px;
	left: 25px;
	width: 80%;
	height: 20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}
#button2 .menu_label
{
	display: block;
	position: absolute;
	top: 79px;
	left: 25px;
	width: 80%;
	height: 20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}
#button3 .menu_label
{
	display: block;
	position: absolute;
	top: 79px;
	left: 25px;
	width: 80%;
	height: 20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}
#button5 .menu_label
{
	display: block;
	position: absolute;
	top: 79px;
	left: 25px;
	width: 80%;
	height: 20px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}
#button4 .menu_label
{
	display: block;
	position: absolute;
	top: 79px;
	left: 20px;
	width: 80%;
	height: 18px;
	color: White;
	font-size: 12px;
	font-weight: bold;
}
#button1 .menu_text
{
	cursor: pointer;
	display: none;
	position: absolute;
	top: 23px;
	left: 18px;
	width: 90%;
	height: 20px;
	color: White;
	font-size: 11px;
	font-weight: bold;
}
#button2 .menu_text
{
	cursor: pointer;
	display: none;
	position: absolute;
	top: 18px;
	left: 11px;
	width: 90%;
	height: 20px;
	color: White;
	font-size: 11px;
	font-weight: bold;
}
#button3 .menu_text
{
	cursor: pointer;
	display: none;
	position: absolute;
	top: 15px;
	left: 12px;
	width: 90%;
	height: 20px;
	color: White;
	font-size: 11px;
	font-weight: bold;
}
#button4 .menu_text
{
	cursor: pointer;
	display: none;
	position: absolute;
	top: 10px;
	left: 14px;
	width: 90%;
	height: 20px;
	color: White;
	font-size: 11px;
	font-weight: bold;
}
#button5 .menu_text
{
	cursor: pointer;
	display: none;
	position: absolute;
	top: 17px;
	left: 11px;
	width: 90%;
	height: 20px;
	color: White;
	font-size: 11px;
	font-weight: bold;
}

#akce
{
    background-image:url(../img/akce.png);
    height:169px;
    position:absolute;
    right:207px;
    top:179px;
    width:289px;
    z-index:101;
}

#sponka
{
    background-image:url(../img/sponka.png);
    height:80px;
    position:absolute;
    right:365px;
    top:123px;
    width:40px;
    z-index:150;
}

#podpis
{
    background-image:url(../img/podpis.png);
    display:block;
    height:61px;
    position:absolute;
    right:240px;
    top:880px;
    width:210px;
    z-index:180;
}