html,body { height:100%; margin:0; padding:0 }

body{font-family:Tahoma,Arial;font-size:11px;background:#F6F6F6; color: black; line-height: 135%; }

.cistic{clear:both; display: block; height: 0px; width: 100%;}

.cistic span{display: none;}

a{text-decoration:none;color:#354B5F;}

a:hover{text-decoration:underline;}

img{border:0;}

p,ul,form{margin:0;padding:0;}

hr{margin:0;padding:0;}

h1,h2,h3 ,h4{margin:0;padding:0;}

h1 {	font-size: 120%;}

h2 {	font-size: 100%;}

h3 {	font-size: 100%;}

p{padding: 5px 0 5px 0;}

.on{background:#3DA1C3; color:white;}

.off{background: #F8F8F8; }



.msgerr{padding: 10px; border: 1px solid red; color:red; background:#FFDFDF ;  margin: 10px;}

.msg{padding: 10px; border: 1px solid #8AAACA; color:#8AAACA; background:#F0F4F9 ;  margin: 10px;}



/*hlavni menu*/

#menu{clear: both; padding: 7px 0 0 10px; font-size: 85%;}

#menu ul{list-style: none; margin: 0; padding: 0;}

#menu ul li{float: left; padding: 0 1px 0 5px; background: url(../img/oddelovac.jpg) no-repeat right bottom;}

#menu ul li.last{padding: 0 0px 0 0;}

#menu ul li.boj{padding: 0 0px 0 20px; font-weight: bold; font-size: 140%; background:transparent; color:white;}

#menu a{display: block; padding: 0px 20px 0 25px; text-align: center; font-size: 120%; color:white; text-decoration: none;}

#menu a:hover{color:black; text-decoration: none; }

#menu a.active{color:black;}

#menu a.active:hover{color:black;}

#ico_clenove {background: url(../img/ico_clenove.jpg) no-repeat left center;}

#ico_platby {background: url(../img/ico_platby.jpg) no-repeat left center;}

#ico_nastroje {background: url(../img/ico_nastroje.jpg) no-repeat left center;}



#submenu{clear: both; padding: 0px 0 0 0px; background: url(../img/submenu.png) repeat-x left top; }

#submenu h2{padding: 5px 0 5px 8px; color:#354B5F;}

#submenu a{color:black;text-decoration: none; padding: 5px 5px 5px 20px; display: block; width: 98%; border-bottom: 1px solid #BCCCDA;}

#submenu a:hover{ background: #F0F4F9;}

#submenu a.active{color:white; background: #8AAACA; font-weight: bold;}



/*pravy panel*/

#toppanel{height: 35px; background:url(../img/top_bar.jpg) repeat-x; padding: 0 0 20px 0;}





/*levy panel*/

#pnlleft{height:90%; width: 15%;float: left; background: White; border-right: 1px solid #BCCCDA;border-bottom: 1px solid #BCCCDA;}



/*pravy panel*/

#pnlright{height:90%; width: 83%; float: left; background: #F6F6F6;}



#content{height: 100%;}

#mainresize {height: 100%;}

#footer{	clear: both;}



/*resize okno*/

#mainresize .vsplitbar {width: 6px;background: #F6F6F6 url(../img/resize.gif) no-repeat center;}

#mainresize .vsplitbar.active {background: #F0F4F9 url(../img/resize.gif) no-repeat center;opacity: 0.7;}



#leftresize{background: white; height: 100%;border-right: 1px solid #BCCCDA;border-bottom: 1px solid #BCCCDA;overflow: auto; }

#rightresize{border: 1px solid #BCCCDA; border-top: 0;background: white;height: 100%;overflow: auto; }



/*LOGIN*/

#login{width:382px;height:145px;padding:0; background: url(../img/login.png) no-repeat; margin: 50px 0 0 50px;}

#login h2{background: url(../img/login_header.png) no-repeat; font-size: 100%; padding: 5px 0 5px 10px;}

#login p{padding: 0;}

#login #user_login{padding: 5px 0 0 100px;}

#login #heslo_login{padding: 5px 0 0 100px;}

#login #button_login{text-align: right; padding: 0 20px 0 0;}



.tdcount{color: silver; font-size: 90%;}



/* vypis clenu */

.clenove {border-right: 1px solid #BCCCDA; height: 100%;}

.clenove table {width: 100%;}

.clenove table td {border-bottom: 1px solid #BCCCDA; padding: 4px;}

.clenove table .td4 {width: 20%}

.clenove table .td5 {width: 10%}

.clenove table .td1 {width: 30%}

.clenove table .td2 {color: gray; width: 20%;}

.clenove table .td3 {color: gray; width: 20%}

.clenove table tr#aktual {background: #F0F4F9;}



/*detail clena*/

#clen_detail{padding:0px;}

#clen_detail table{width: 95%; margin: 10px;}

#clen_detail table td{padding: 0px 0 5px 0;}

#clen_detail table .popiska{color: gray; width: 150px;}

#clen_detail table .nadpis_sekce{padding: 15px 0 5px 0; font-weight: bold;}

#clen_detail table tr td.td1{font-size: 150%; font-weight: bold; padding: 0 0 5px 0;}

#clen_detail table tr td.td2{font-size: 120%;padding: 0 0 10px 0; vertical-align: top; }

#clen_detail table #foto img{width: 99px; height: 128px; border: 0;}

#clen_detail  table .poznamka {border: 1px solid #BCCCDA; padding: 5px;}






/*tlacitka*/

#btnmenu{background: url(../img/submenu.png) repeat-x left top;  height:20px; padding: 5px 0 0px 5px; clear: both;}

#btnmenu h2{padding: 0px 0 0px 8px; color:#354B5F;}

.newrecord{float: left; display: block; width: 70px; background: url(../img/new.jpg) no-repeat left center; padding: 0 0 0 20px;}

.newrecordmulti{float: left; display: block; width: 60px;}

.radit{float: left; display: block; width: 200px; margin: 0 0 0 10px;}

.radit a{margin: 0 2px 0 2px;} 

.filtr { padding: 5px 0 5px 10px; border-bottom: 1px solid #BCCCDA;}

.filtr select{font-size: 95%;}

/*detail clena - administrace*/



#clen_detail_adm{padding: 0px;}

#clen_detail_adm table{width: 95%; margin: 10px;}

#clen_detail_adm table .popiska{color: gray; width: 150px;}

#clen_detail_adm table .nadpis_sekce{padding: 15px 0 5px 0; font-weight: bold;}

#clen_detail_adm table .td1{font-size: 150%; font-weight: bold; padding: 0 0 5px 0;}

#clen_detail_adm table .td2{font-size: 120%;padding: 0 0 30px 0; vertical-align: top; }

#clen_detail_adm table #foto img{width: 99px; height: 128px; border: 0;}

#clen_detail_adm table input{font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA; padding: 2px; }

#clen_detail_adm table select{font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA;}

#clen_detail_adm table .datum input{width: 65px;}

#clen_detail_adm table  #rc1{width: 45px;}

#clen_detail_adm table  #rc2{width: 30px;}

#clen_detail_adm table  #adresa{width: 200px;}

#clen_detail_adm table .poznamka textarea{width:100%; height: 80px;font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA; padding: 2px;}

#clen_detail_adm #cleninfo td{color: gray;}

.nocomment{	color:gray;}



#btn_admin {background: url(../img/submenu.png) repeat-x left top; height:20px; padding: 5px 0 0 10px; clear: both;}

#btn_admin a{margin: 0 10px 0 0;}

#btn_admin a.delete:hover{color:red;}

#btn_admin #btnsave{color:#354B5F;padding: 0 0 0 15px;background: url(../img/save.png) no-repeat left center; border:0;height: 15px; font-size: 11px;font-family:Tahoma,Arial; float: left; margin: 0 10px 0 0;}

.delete{float: left; display: block; width: 40px; background: url(../img/delete.png) no-repeat left center; padding: 0 0 0 15px;}

.storno{float: left; display: block; width: 30px; background: url(../img/storno.png) no-repeat left center; padding: 0 0 0 20px;}

.edit{float: left; display: block; width: 40px; background: url(../img/edit.png) no-repeat left center; padding: 0 0 0 20px; margin: 0 10px 0 0;}





/* ZKOUSKY */

/* vypis */

.zkousky {border-right: 1px solid #BCCCDA; height: 100%;}

.zkousky table {width: 100%;}

.zkousky table td {border-bottom: 1px solid #BCCCDA; padding: 4px;}

.zkousky table .td1 {width: 30%; font-weight: bold;}

.zkousky table .td2 {color: gray; width: 40%;}

.zkousky table .td3 {color: gray; width: 20%}

.zkousky table tr#aktual {background: #F0F4F9;}



/*detail*/

#zkouska_detail{padding: 0px;}

#zkouska_detail table{width: 95%;margin: 10px;}

#zkouska_detail table td{padding: 0px 0 5px 0;}

#zkouska_detail table .popiska{color: gray; width: 200px;}

#zkouska_detail table .nadpis_sekce{padding: 15px 0 5px 0; font-weight: bold;}

#zkouska_detail table tr td.td1{font-size: 150%; font-weight: bold; padding: 0 0 5px 0;}

#zkouska_detail table tr td.td2{font-size: 120%;padding: 0 0 10px 0; vertical-align: top; }

#zkouska_detail  table .poznamka {border: 1px solid #BCCCDA; padding: 5px;}



/*detail - administrace*/



#zkouska_detail_adm{padding: 0px;}

#zkouska_detail_adm table{width: 95%; margin: 10px;}

#zkouska_detail_adm table .popiska{color: gray; width: 200px;}

#zkouska_detail_adm table .popiska2{color: gray; width: 150px; vertical-align: top;}

#zkouska_detail_adm table .nadpis_sekce{padding: 15px 0 5px 0; font-weight: bold;}

#zkouska_detail_adm table .td1{font-size: 150%; font-weight: bold; padding: 0 0 5px 0;}

#zkouska_detail_adm table .td2{font-size: 120%;padding: 0 0 30px 0; vertical-align: top; }

#zkouska_detail_adm table #foto img{width: 99px; height: 128px; border: 0;}

#zkouska_detail_adm table input{font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA; padding: 2px; }

#zkouska_detail_adm table select{font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA;}

#zkouska_detail_adm table .datum input{width: 65px;}

#zkouska_detail_adm table  #rc1{width: 45px;}

#zkouska_detail_adm table  #rc2{width: 30px;}

#zkouska_detail_adm table  #adresa{width: 200px;}

#zkouska_detail_adm table .poznamka textarea{width:100%; height: 80px;font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA; padding: 2px;}



/* PLATBY */

/* vypis */

.platby {border-right: 1px solid #BCCCDA; height: 100%;}

.platby table {width: 100%;}

.platby table td {border-bottom: 1px solid #BCCCDA; padding: 4px;}

.platby table .td1 {width: 25%; font-weight: bold;}

.platby table .td2 {color: gray; width: 40%;}

.platby table .td3 { width: 20%; text-align: right;}

.platby table .td4 {color: gray; width: 15%}

.platby table tr#aktual {background: #F0F4F9;}



/*detail*/

#platba_detail{padding: 0px;}

#platba_detail table{width: 95%;margin: 10px;}

#platba_detail table td{padding: 0px 0 5px 0;}

#platba_detail table .popiska{color: gray; width: 120px;}

#platba_detail table .nadpis_sekce{padding: 15px 0 5px 0; font-weight: bold;}

#platba_detail table tr td.td1{font-size: 150%; font-weight: bold; padding: 0 0 5px 0;}

#platba_detail table tr td.td2{font-size: 120%;padding: 0 0 10px 0; vertical-align: top; }

#platba_detail  table .poznamka {border: 1px solid #BCCCDA; padding: 5px;}



/*detail - administrace*/



#platba_detail_adm{padding: 0px;}

#platba_detail_adm table{width: 95%; margin: 10px;}

#platba_detail_adm table .popiska{color: gray; width: 120px;}

#platba_detail_adm table .nadpis_sekce{padding: 15px 0 5px 0; font-weight: bold;}

#platba_detail_adm table .td1{font-size: 150%; font-weight: bold; padding: 0 0 5px 0;}

#platba_detail_adm table .td2{font-size: 120%;padding: 0 0 30px 0; vertical-align: top; }

#platba_detail_adm table #foto img{width: 99px; height: 128px; border: 0;}

#platba_detail_adm table input{font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA; padding: 2px; }

#platba_detail_adm table select{font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA;}

#platba_detail_adm table .datum input{width: 65px;}

#platba_detail_adm table  #rc1{width: 45px;}

#platba_detail_adm table  #rc2{width: 30px;}

#platba_detail_adm table  #adresa{width: 200px;}

#platba_detail_adm table .poznamka textarea{width:100%; height: 80px;font-family:Tahoma,Arial;font-size:11px; border: 1px solid #BCCCDA; padding: 2px;}

#platba_detail_adm table .popis input{width: 200px;}



/* souhrn */

.platby_souhrn {width: 100%;  margin: 0 10px 0 0; background: white; height: 100%;border-right: 1px solid #BCCCDA;border-bottom: 1px solid #BCCCDA;  }

.platby_souhrn .vypis {padding: 20px;}

.platby_souhrn table td{padding: 0px 10px 5px 10px; text-align: right;}

.platby_souhrn table .popiska{color: gray; width: 120px; text-align: left;}

.platby_souhrn table .cisty td{font-weight: bold; padding: 10px 10px 20px 10px;}

.platby_souhrn table .nadpis_sekce{padding: 15px 0 10px 8px; font-weight: bold; text-align: left;}



.clenove_souhrn {width: 100%;  margin: 0 10px 0 0; background: white; height: 100%;border-right: 1px solid #BCCCDA;border-bottom: 1px solid #BCCCDA; overflow:auto; }

.clenove_souhrn .vypis {padding: 20px;}

.clenove_souhrn .vypis .zero{color: gray; }

.clenove_souhrn table td{padding: 0px 10px 5px 10px; text-align: right;}

.clenove_souhrn table .popiska{color: gray; width: 120px; text-align: left;}

.clenove_souhrn table .cisty td{font-weight: bold; padding: 10px 10px 20px 10px;}

.clenove_souhrn table .nadpis_sekce{padding: 15px 0 10px 8px; font-weight: bold; text-align: left;}



/* NASTROJE */

/* export */

.export{width: 100%;  margin: 0 10px 0 0; background: white; height: 100%;border-right: 1px solid #BCCCDA;border-bottom: 1px solid #BCCCDA; }

.export .vypis {padding: 20px;}

.export .nadpis_sekce{padding: 20px 0 5px 0px; font-weight: bold; text-align: left;}


#vyberboje{padding: 30px 0 0 50px;}