/* Standard */
body { background-color: #EEE; font-family: Verdana, sans-serif; font-size: 12px; color: #222; padding: 0; margin: 0;}
a { color: #36F; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
h1,h2,h3,h4 { font-variant: small-caps; }
h1 { font-size: 1.5em; color: #666;}
h2 { font-size: 1.3em; color: #222; margin: 5px 0; }
h2 a { color: #222;}
h2 a:hover { text-decoration: none; }
h3 { font-size: 1.1em; color: #555; margin: 10px 0 0 0; }
h4 { font-size: 1.1em; margin: 10px 0 0 0; padding-left: 5px; color: #666; border-top: 1px solid #CCC; }
h5 { font-size: .9em; color: #222; margin: 0 0 0 10px; padding: 0; }

p, ul, ol { text-align: justify; margin: 5px 0; font-size: .95em; }
table { border-collapse: collapse; }
td { background-color: #FFF; border: 1px solid #CCC; padding: 0px 2px; }
th { background-color: #AAA; color: #FFF; border: 1px solid #AAA; padding: 2px 0px; font-size: .9em; }
caption { color: #222; font-style: italic; font-weight: bold; padding: 5px 0 3px 0; }
hr, .hr_left { height: 1px; width: 95%; color: #CCC; background-color: #CCC; border: none; margin: 0 0 20px auto; }
.hr_left { margin: 0 20px 0 auto; }

dd { margin-left: 20px;}
dt { margin-top: 10px;} 

/* Layout */
#page { width: 750px; margin: 0 auto; padding: 0px; clear: both; }
#header { background-color: #333; height: 40px; border-bottom: 1px solid #CCC; }
#header h1 { font-size: 1.3em; margin: 0; }
#header #kalk { height: 24px; float:left; margin: 8px 0 0 20px; padding-left: 12px; border-left: 1px solid #777;}
#kalk img { border: none;}
#header #trenink { float:left; font-style: italic; margin: 8px 0 0 12px; padding-left: 12px; color: #FFF; font-size: .8em; border-left: 1px solid #777;}
#trenink a { color: #FFF; text-decoration: none; font-weight: bold; font-style: normal; } 

#menu { float: right; margin: 18px 5px 0 0; }
#menu ul { margin: 0; padding: 0; }
#menu li { float: left; display: block; padding: 0 5px; } 
#menu a, #logo, #menu a:hover { color: #FFF; text-decoration: none; font-weight: bold; font-size: .9em; font-variant: small-caps; }
#menu a:hover, #logo:hover, #trenink a:hover { color: #AAA; }
#menu a:hover { border-bottom: 2px solid #36F; }
#logo { font-size: 1.5em; float: left; margin: 5px 0 0 25px; }
#main_content { width: 490px; float: left; padding: 20px 10px 30px 10px; margin: 0 auto; background-color: #FFF; border: 1px solid #CCC; border-top: none; }
#side_menu { width: 228px; float: left; margin: 0 ; padding: 0 5px; text-align: left;}
#side_menu h2 { font-size: .9em; color: #333; padding: 5px 0 0 0; margin: 0; }
#side_menu ul { padding: 0; margin: 0 }
#side_menu ul li, #side_menu ul li ul li  { font-size: 10px; list-style-type: none; padding-left: 8px; }
#kmpz { margin: 25px 0; }

#admin_menu_left { float: left; width: 350px; margin-top: -20px;}
#admin_menu_right { float: right; width: 140px; margin-top: -20px; }

/* Kalkulacka */
input, textarea, select { border: 1px solid #999; }
input:focus, textarea:focus, select:focus { border: 1px solid #000; }
#vysledky { padding-top: 10px; }
#kalkulacka_form, .block { background-color : #EEE; padding: 1px 10px; border: 1px solid #DDD; }
.button { width: 100px; font-weight: bold; border: 1px solid #444; background-color: #CCC; color: #222; }
.butred, .missing, .warning { border: 1px dashed #C30; }
.bytlue, .final, .result { border: 1px dashed #36F; }

/* Format */
.th_center, .th_right, .th_left { padding-right: 5px; font-weight: bold; }
.th_left { padding-left: 5px; }
.center, .th_center { text-align: center; }
.right, .th_right, .td_right { text-align: right; }
.td_right { padding-right: 5px; }
.left, .th_left { text-align: left; }
.bold { font-weight: bold; }
.top { vertical-align: top; }
.description { font-style: italic; font-size: .8em; color: #666; }
.uppercase { text-transform: uppercase; }
.italic  { font-style: italic; }
.img_left { float: left; border: none; padding: 0 5px 5px 0; }
.img_right { float: right; border: none; padding: 0 0 5px 5px; }
.no_border, .no_border td { border: none; }
.clearer { clear: both; }
.lichy td { background-color: #EEE; } 
.datum { font-style: italic; font-size: .8em; color: #666; padding: 0; margin: 15px 0 0 0; }
.motto { font-weight: bold; font-size: 1.1em; color: #333; text-align: right; padding: 10px 5px 0 0; }
.small { font-size: .8em; }
.plus td { padding: 5px; color: #390;}
.minus td { padding: 5px; color: #C30; }
.vyber { 	border: 1px solid #CCC;	padding: 3px; }
.mytable td { background-color: #EEE; }
.block { padding: 15px 0px; }
.comments { text-align: right; font-size: .85em; font-style: italic; color: #666; padding-top: 5px; }
.blok { padding: 10px; background-color: #EEE; border: 1px solid #CCC; }
.table_center td { text-align: center; }
.bezec { float: right; margin: 15px 5px 0 10px; }

/* Barvy */
.textcolor { color: #222; }
.grey { color: #666; }
.orange  { color: #F90; }
.blue  { color: #36F; }
.green  { color: #390; }
.red { color: #C30; }
.nadace {color: #ab0;}

/* hlidani deti */
.hlidani { border-collapse: collapse; }
.hlidani td { margin: 0; padding: 0; width: 68px; height: 68px; vertical-align: top; text-align: center; }
.day { float: right; color: #666; margin: 4px; font-size: .8em; }
.osoba { font-weight: bold; font-size: 1.2em; line-height: 35px; padding-left: 10px; }
.misto { color: #666; font-size: .75em; }
.vikend, .svatek { background-color: #EEE; }
.svatek .osoba, .vikend .osoba { color: #EEE; } 
.stepan { background-color: #9CF; }
.katka { background-color: #C9F; }
.nemcovi { background-color: #FC6; }
.teplych { background-color: #9C6; }