/* RESET STYLES BEGIN */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
/*table {border-collapse: collapse; border-spacing: 0;}*/
/* RESET STYLES END*/


BODY{background: #969fa8; margin: 0 auto; padding: 0 0 10px 0; text-align: center; font-size: 9pt;}

DIV, P, SPAN, UL, OL, LI, TH, TD, LEGEND{font: normal 9pt Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; color: #4b4b4b;}

H1#title-page{
	/*background: url(../img/nadpis-lista.gif) no-repeat;*/
	font: normal 18pt Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #4b4b4b;
	padding: 4px 0 8px 15px;
	margin: 0 0 2px 0;
	text-align: left;
	/*margin: 0 1px 1px 0*/;
}
H2{
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #474324;
	margin: 0;
	padding: 10px 0;
}
~H3{
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #474324;
	margin: 0;
	padding: 10px 0;
}

A{color: #84086E; text-decoration: underline;}
A:hover{color: #84086E; text-decoration: none;}
HR{color: #B9B9B9; background-color: #B9B9B9; border: 0 none; height: 1px; clear: left;}
P{margin-top: 0; margin-bottom: 10px;}

/* HLASKY BEGIN */
P.message-info, P.message-error, UL.message-error{padding: 5px 15px; color: #000; width: 80%; font-weight: bold; margin: 15px auto 15px auto;}
P.message-info{background-color: #fcecb5; border: 1px solid #6ebe20;}
P.message-error, UL.message-error{background-color: #ff836a; border: 1px solid #a60a06;}
P.message-info A, P.message-error A{font-weight: bold; color: #2B4B2B;}
/* HLASKY END */

/* LEGENDA */
#legenda{float: right; margin-right: 10px; text-align: right; font-size: 8pt;}
#legenda STRONG{font-size: 10pt;}
/* LEGENDA END */

.poznamka{color: red;}
.strankovani{text-align: center;}
.clear{clear: both;}

/* FORMULAR BEGIN */
FIELDSET{border: 1px solid #cfcfcf; border-top: 3px solid #cfcfcf; padding: 5px 10px 10px 10px;}
LEGEND{padding: 0 10px; font-weight: bold;}

FORM{margin: 0; padding: 0;}
.text-label{font-weight: bold; font-size: 8pt; padding-top: 5px;}
.text-label SPAN.doplnek{font-size: 8pt; font-style: italic;}
.text-box, .text-box-inactive, .dateformat-d-sl-m-sl-Y{background: #f4f4f4; border: 1px solid #CFCFCF; font-size: 8pt; padding: 1px 3px;}
.text-box-inactive{color: #777;}
.textarea-box{background: #f4f4f4; border: 1px solid #CFCFCF; width: 736px !important; width: 745px; padding: 1px 3px; font: normal 8pt Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;}
.select-box{font-size: 8pt;}
.checkbox{width: 15px; height: 15px; padding: 0; margin: 0;}
OPTION{background: #f4f4f4;}
.form-buttons{text-align: center; padding: 0 0 15px 0;}
/* FORMULAR END */

/* TABULKY BEGIN */
TABLE.form-table{background-color: #e5e8ed; width: 753px; text-align: left; margin: 0 auto; border: 1px solid #b7b9bf; margin-bottom: 15px;}
TABLE.form-table TH{background: #4b4b4b; font-weight: bold; color: #fff; padding: 3px;}

TABLE.vypis-table{background-color: #fff; border: 1px solid #b7b9bf; width: 753px; margin-bottom: 15px;}
TABLE.vypis-table TR{background: #e5e8ed;}
TABLE.vypis-table TH{background: #4b4b4b; font-weight: bold; color: #fff; padding: 3px;}
TABLE.vypis-table TD{/*background: #e5e8ed;*/ font-weight: normal; padding: 3px; text-align: left; vertical-align: top;}

TABLE.vypis-table TD.left{text-align: left;}
TABLE.vypis-table TD.center{text-align: center;}
TABLE.vypis-table TD.right{text-align: right;}
/* TABULKY END */

/* PRIHLASENI BEGIN */
.chyba{margin: 70px 0 10px 0; height: 50px;}
TABLE#hl-tab-prihlaseni{background: #e5e8ed; border: 1px solid #656565; table-layout: auto; margin: 0 auto; width: 300px;}
TABLE#hl-tab-prihlaseni TH{border: 0 none; background: #3C3B40; text-align: center; font-weight: bold; margin: 0 auto; padding: 3px; color: #fff;}
TABLE#hl-tab-prihlaseni TD{border: 0 none; padding: 3px 0; text-align: center;}
TABLE#sub-tab-prihlaseni{background: #e5e8ed; table-layout: auto; margin: auto; text-align: center;}
INPUT.login{font-size: 8pt; width: 150px; border: 1px solid #cfcfcf; padding: 2px 3px 2px 3px;}
INPUT.pass{font-size: 8pt; width: 150px; border: 1px solid #cfcfcf; padding: 2px 3px 2px 3px;}
/* PRIHLASENI END */

/* ODHLASENI BEGIN */
TABLE#hl-tab-odhlaseni{background: #e5e8ed; border: 1px solid Background; table-layout: auto; margin: 130px auto 0 auto;}
TABLE#hl-tab-odhlaseni TH{border: 0 none; background: #3C3B40; padding: 3px; text-align: center; margin: 0 auto; font-weight: bold; color: #fff;}
TABLE#hl-tab-odhlaseni TD{border: 0 none; padding: 10px 15px;}
TABLE#sub-tab-odhlaseni{background: #e5e8ed; table-layout: auto;}
/* ODHLASENI END */

/* GUESTBOOK BEGIN */
SPAN.formatovani{float: left; margin: 0 5px; padding: 2px 0;}  
SPAN.formatovani A{padding: 2px 10px; text-decoration: none;}
SPAN.formatovani A.btn{background: url(../pic/buttons/btn.gif) no-repeat center;}
/* GUESTBOOK END */

/* POPUP LAYER BEGIN */
.layer{position: absolute; width:450px; left: 0; top: 150px; margin-left: 350px; visibility: visible;}
.layer TABLE.form-table{border-bottom: 2px solid #b7b9bf; border-right: 2px solid #b7b9bf;}
/* POPUP LAYER END */

/* ZOBRAZENI A SKRYTI OBSAHU BEGIN */
.noscreen{display: none;}
/* ZOBRAZENI A SKRYTI OBSAHU END */

/*-------------------------------- ID -------------------------------*/
#head{width: 960px; margin: 0 auto;}
#head #logo{float: left; padding: 5px 15px;}
#head #nadpisadmin{float: right; padding: 5px 15px 0 0; font-size: 18pt; color: #4d4b4b; text-align: center;}
#nadpisadmin SPAN{padding: 0 0 3px 0; display: block; margin: 5px auto 0 auto; color: #000;}

#main{background: url(../pic/podklad.png) repeat-y; width: 960px; margin: 0 auto; padding: 0; text-align: center;}
#stred{background: url(../pic/top.png) no-repeat; width: 960px; text-align: center; padding: 15px 0;}
#lbox{float: left; width: 204px; text-align: center; padding: 0 0 30px 0; margin: 0;}
#pbox{border-left: 0 solid #fff; float: left; width: 753px !important; width: 756px; padding: 0 1px 30px 1px; text-align: center;}
#pbox P.text {text-align: left; padding: 0 15px;}

/* MENU */
UL#nav{width: 200px; list-style: none; margin: 0 auto !important; margin: 0; padding: 0;}
UL#nav LI.foldout{background: #fff url(../pic/buttons/foldout.gif) no-repeat 12px 13px; margin: 0 0 1px 0; padding: 0;}
UL#nav LI.not-foldout{background: #fff url(../pic/buttons/not_foldout.gif) no-repeat 13px 12px; margin: 0 0 1px 0; padding: 0;}
UL#nav LI A{
	font-size: 8pt;
	font-weight: bold;
	color: #84086e;
	text-decoration: none;
	display: block;
	width: 165px !important;
	width: 200px;
	padding: 7px 10px 7px 25px;
	text-align: left;
	margin: 0;
}
#nav LI A:hover{background-color: #fff; color: #84086e;}
UL#subnav{list-style: none; margin: 0; padding: 0; text-align: left;}
UL#subnav LI{background: #fff url(../pic/buttons/not_foldout.gif) no-repeat 23px 12px; margin: 0 0 1px 0; width: 200px;}
UL#subnav LI A{color: #980202; font-weight: normal; padding-left: 35px; width: 155px !important;}
UL#subnav LI A:hover{color: #000;}
/* KONEC MENU */

/* jednoduche menu */
UL#menu{width: 200px; list-style: none; text-align: center; margin: 0 auto !important; margin: 0; padding: 0;}
UL#menu LI.not-foldout{background: #fff url(../pic/buttons/not_foldout.gif) no-repeat 13px 12px; margin: 0 0 1px 0; padding: 0;}
UL#menu LI A{
	font-size: 9pt;
	font-weight: normal;
	color: #84086e;
	text-decoration: none;
	display: block;
	width: 165px !important;
	width: 200px;
	padding: 7px 10px 7px 25px;
	text-align: left;
	margin: 0;
}
UL#menu LI A:hover{color: #f88d8d;}
/* konec jednoducheho menu */

#bottom{background: url(../pic/bottom.png) no-repeat; width: 960px; height: 25px; margin: auto;}
