html, body, div, span, ol {
 border: 0;
 margin: 0;
 padding: 0;
 vertical-align: baseline;
}

body{
margin-top: 0px;
text-align: center;
background: #adaaaa;
font-family : Verdana; 
color : #000000; 
font-size : 12px;
}

.nadpis_strany {
font-family : verdana;
color : #323232;
font-size : 14px;
font-weight: bold
}

.vyrazne {
font-family : verdana;
color : #323232;
font-size : 10px;
font-weight: bold
}

.maly_text {
font-family : verdana,sans-serif;
color : #000000;
font-size : 9px;
font-weight: normal
}

.neplatny{
color:#FF0000;
}

.txt {
font-family : Verdana; 
color : #000000; 
font-size : 12px;
}
.red_txt {
font-family : Verdana; 
color : #FF0000; 
font-size : 12px;
font-weight : bold; 
}
.green_txt {
font-family : Verdana; 
color : #00FF00; 
font-size : 12px;
font-weight : bold; 
}
.head {
font-family : Verdana; 
color : #000000; 
font-size : 14px;
font-weight : bold; 
}
.small_head {
font-family : Verdana; 
color : #000000; 
font-size : 11px;
font-weight : bold; 
}
.small_txt {
font-family : Verdana; 
color : #000000; 
font-size : 9px;
font-weight : bold; 
}

A:link {
color : #000000; 
text-decoration : none; 
font-weight : bold; 
} 
A:visited {
color : #000000; 
text-decoration : none; 
font-weight : bold; 
} 
A:hover {
color : #F6801B; 
text-decoration : none; 
font-weight : bold; 
} 
.form {
padding-right : 0; 
padding-left : 0; 
font-size : 10px; 
padding-bottom : 0; 
margin : 0; 
background : #CCCCCC; 
padding-top : 0; 
font-family : "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
} 
.form_table_login {
border-right:  #797979 1px solid;
border-top:  #797979 1px solid; 
font-family:  "Verdana";
font-size:  10px;
border-left: #797979 1px solid; 
color: #CCCCCC; 
border-bottom: #797979 1px solid; 
background: #323232;
font-weight: bold
}
.form_table {
border-right:  #797979 1px solid;
border-top:  #797979 1px solid; 
font-family:  "Verdana";
font-size:  10px;
margin:  5px;
border-left:  #797979 1px solid; 
color:  #000000; 
border-bottom:  #797979 1px solid; 
background: #E3E9EC;
}
.form_input{
background: #F2F3F4;
font-size: 10px;
font-family: Verdana
}
.form_input_submit{
background: #F2F3F4;
font-size: 10px;
font-family: Verdana;
cursor: pointer;
}

#div_obalujici {
position: relative;
margin: auto;
min-height: 600px;
height: 100%;
width: 1000px;
_text_align: center;
background: #dfdddd;
border: 0px #FF0000 solid;
}

#div_head{
height: 120px;
width: 1000px;
position: fixed;
background-repeat: no-repeat;
background-image: url("/design/header.jpg");
margin-bottom: 0px;
font-size : 13px;
padding-top: 5px;
text-align: right;
margin-left: auto;
margin-right: auto;
z-index: 100;
}

#div_page_space{
position: relative;
top: 140px;
width: 980px;
min-height: 450px;
font-family : Verdana; 
color : #000000; 
font-size : 10px;
padding: 10px;
text-align: left;
background: #dfdddd;
border: 0px #CC00CC solid;
float: left;
}

#div_copyright{
bottom: 0px;
position: fixed;
font-family : verdana;
text-align: right;
width: 100%;
clear: both;
padding-top: 15px;
margin-right: 15px;
margin-top: 10px;
border: 0px #00FF00 solid;
}
/* menu */
.clear{clear:both;}

#menu {
/* the menu container */
top: 120px;
position: fixed;
background: #CCCCCC;
font-size: 12px;
width: 1000px;
z-index: 100;
}

#menu ul {
/* menu ul style */
list-style: none;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}

#menu li {
/* horizontal menu */
float: left;
position: relative;
min-width: 120px;
width: 120px;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}

#menu a {
/* the link style of menu */
color: #888888;
display: block;
line-height: 20px;
padding: 0 5px;
text-decoration: none;
border-right:1px solid #666;
}

/* The sub menu is hidden by default and its position is places right under the parent menu*/
#menu ul ul {
display: none;
background: #CCCCCC;
position: absolute;
top: 20px;
left: 0;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
float: left;
z-index: 200;
}

/* The sub menu list element is given a minimum width */
#menu ul ul li {
min-width: 120px;
width: 120px;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}

#menu li:hover > a,
#menu ul ul :hover > a {
background: #666;
color: #fff;
}

#menu ul li:hover > ul {
display: block;
}

/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/

#menu ul li:hover ul {
display: block;
}

/* Styles the anchor (a) tag when mouse over */
#menu li:hover > a, #menu ul ul :hover > a {
background: #666;
color: #fff;
}
/*end menu*/

/*TABLE*/
#table-odkazovy{
font-family:Verdana;
font-size:12px;
width:940px;
text-align:left;
border-collapse:collapse;
margin:20px;}

#table-odkazovy th{
font-size:13px;
font-weight:normal;
background:#caf8be;
border-top:4px solid #9de311;
border-bottom:1px solid #fff;
color:#090;
padding:8px;
}
#table-odkazovy td{
background:#e6f9e9;
border-bottom:1px solid #fff;
color:#696;
border-top:1px solid transparent;
padding:8px;
}
#table-odkazovy tr:hover td{
background:#d9f6de;
color:#393;
}

#table-zebra{
font-family:verdana;
font-size:12px;
width:940px;
text-align:left;
border-collapse:collapse;
margin:20px;
border: 1px solid #666666;
}

#table-zebra th{
font-size:14px;
font-weight:normal;
background:#caf8be;
border-top:4px solid #9de311;
border-bottom: 1px solid #666666;
color:#090;
padding:12px 4px;
}
#table-zebra td{
color:#555;
padding:8px;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
}
#table-zebra .odd{
background:#e8ffee;
}

#table-clasic{
font-family:verdana;
font-size:12px;
margin: 3px;
margin-bottom: 4px;
margin-top: 4px;
text-align:left;
border-collapse:collapse;
border: 1px solid #666666;
}

#table-clasic td{
color:#555;
padding:3px;
border: 1px solid #666666;
}

/* DIV vypisy*/
#zv_vypis{
background-color: #e6f9e9;
font-family:verdana;
font-size:12px;
width:427px;
text-align:left;
border:1px solid #9de311;
border-top:4px solid #9de311;
margin:20px;
margin-bottom: 5px;
padding: 10px;
float: left;
}

#waiting_table{
background-color: #FFFFFF;
font-family:verdana;
font-size:16px;
font-weight: bold;
color: #9de311;
width:427px;
text-align:center;
border:1px solid #9de311;
border-top:4px solid #9de311;
margin: auto;
margin-top: 120px;
padding: 10px;
}

/* submit butts */
#plus_butt, #plus_butt_kl {
  background: url(design/icons/plus.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#edit_butt {
  background: url(design/icons/edit.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#pdf_butt {
  background: url(design/icons/acrobat.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#xls_butt {
  background: url(design/icons/excel.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#logout_butt {
  background: url(design/icons/logout_big.png) top left no-repeat;
  width: 120px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#zneplatnit_butt {
  background: url(design/icons/zneplatnit.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#smazat_butt {
  background: url(design/icons/smazat.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#zpet_butt {
  background: url(design/icons/zpet.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#email_butt {
  background: url(design/icons/email.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#dochazka_butt {
  background: url(design/icons/dochazka.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#doch_fill_butt {
  background: url(design/icons/doch_fill.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#doch_plan_butt {
  background: url(design/icons/doch_plan.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#vlevo_butt {
  background: url(design/icons/vlevo.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#vpravo_butt {
  background: url(design/icons/vpravo.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#material_butt {
  background: url(design/icons/material.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#sklad_prijem_butt {
  background: url(design/symboly/sklad_prijem.png) top left no-repeat;
  width: 100px; height: 85px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#sklad_vydej_butt {
  background: url(design/symboly/sklad_vydej.png) top left no-repeat;
  width: 100px; height: 85px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#sklad_vratka_butt {
  background: url(design/symboly/sklad_vratka.png) top left no-repeat;
  width: 100px; height: 85px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#sklad_presun_butt {
  background: url(design/symboly/sklad_presun.png) top left no-repeat;
  width: 100px; height: 85px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#sklad_pridat_butt {
  background: url(design/symboly/sklad_pridat.png) top left no-repeat;
  width: 100px; height: 85px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#odmitnout_butt {
  background: url(design/icons/odmitnout.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#prijmout_butt {
  background: url(design/icons/prijmout.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#prevzit_butt {
  background: url(design/icons/prevzit.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#vratka_butt {
  background: url(design/icons/vratka.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#back_butt {
  background: url(design/icons/back.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

#download_butt {
  background: url(design/icons/download.png) top left no-repeat;
  width: 30px; height: 30px;
  border: 0px;
  line-height: 0px;
  cursor: pointer;
}

/* SLIDE checkbox */
.slidecheck {
	width: 80px;
	height: 26px;
	background: #333;
	margin: 20px auto;
        
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slidecheck:after {
	content: 'NE';
	font: 12px/26px Arial, sans-serif;
	color: #FF0000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
}

.slidecheck:before {
	content: 'ANO';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slidecheck label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slidecheck input[type=checkbox]:checked + label {
	left: 43px;
}