body { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; 
background: url(/images/bodybg.gif) 0 0 repeat-x; background-color: white; margin: 0; padding: 0; border: 0;	}

p, td, ul, ol, li, dl, dt, dd, input, textarea { font-family: verdana,  arial,  helvetica, sans-serif; }

p, li { line-height: 1.5;  }

p.zarovnat { text-align: justify; }

p.chyba { color: red; font-weight: bold; }

td { vertical-align: top; padding: 0; }

form { margin: 0; }
input, textarea { font-size: 12px;  }

a:link, a:visited, a:active { color: #00586b; outline: none; }
a:hover { color: black;}

a.pdf, a.doc, a.xls, a.file, a.zip, a.pps, a.ppt, a.jpg, a.jpeg { padding: 2px 0 2px 20px; background-position: 0% 50%; background-repeat: no-repeat; }
a.pdf { background-image: url(/images/icons/pdf.gif); }
a.doc { background-image: url(/images/icons/word.gif); }
a.xls { background-image: url(/images/icons/excel.gif); }
a.file { background-image: url(/images/icons/file.gif); }
a.zip { background-image: url(/images/icons/zip.gif); }
a.ppt, a.pps { background-image: url(/images/icons/ppt.gif); }
a.jpg, a.jpeg { background-image: url(/images/icons/jpeg.gif); }

a.celytext { font-weight: bold; background-image: url(/images/icons/2arr.gif); background-repeat: no-repeat; background-position: 100% 2px; padding-right: 20px; }
a.celytext:hover { background-position: 100% -16px;  }

div.ram { width: 780px; margin: 0 auto; background: url(/images/rambg.gif) 0 73px no-repeat; }

div#disclaimer { width: 780px; margin: 10px auto; border-top: 1px solid silver; color: gray; font-size: 10px; padding: 3px 0 10px 0; }
div#disclaimer a { color: gray; font-size: 10px; }

div#logobox { position: relative; padding: 0 0 370px 0;}
div#logobox img { position: absolute; top: 18px; left: 0; border: 0; }

table#nav	{	position: absolute; top: 18px; left: 300px; 	}
table#nav td	{ white-space: nowrap;text-align: center;	background-color: black; }
/* table#nav td a	{	font-family: verdana; font-size: 11px; font-weight: bold;	text-decoration: none;	display: block;	margin: 0;	padding: 0;	}*/ 
table#nav td a:link, table#nav td a:visited { border: 1px solid black;	font-family: verdana; font-size: 11px;background-color: black; text-decoration: none;	display: block;	margin: 0;	width: 148px;	line-height: 24px; 	color: white;	font-weight: normal; } 
table#nav td a:hover {	color: black; font-weight: bold;		background-color: #8fd2e9;		} 


div.obsahLeft { float: left; width: 410px; }
div.obsahRight { float: right; width: 330px; }
div.cb { clear: both; }
div.cb2 { clear: both; margin-bottom: 15px; }

div.obsahLeft p { text-align: justify; }

a.op { background: url(/images/forward2.gif) 0 -32px no-repeat; font-size: 14px; font-weight: bold; padding-left: 24px; }
a.op:hover { background-position: 0 0; }

h1 {  margin: 0 0 15px 0; padding: 7px 0 5px 0; border-bottom: 1px solid #89cfe6; border-bottom: 1px solid #bcb9b9; background: url(../images/h1bg.gif) top right no-repeat; }
h3 { font-size: 15px; }

div.vn { margin: 0 0 20px 0; } /*  Vera Novotna */
div.vn h3 { color: black; }
div.vn p { padding-left: 100px; }
div.vn ul, div.mb ul { margin: 10px 0 10px 100px; }

div.mb { margin: 0 0 20px 0; } /*  Martina Brozova */
div.mb h3 { color: #09627f; }
div.mb p { padding-left: 100px; color: #09627f; color: #005e7d;}
div.mb img { border: 1px solid #005e7d; float: right; margin: 0 0 10px 10px; }
div.mb li { color: #005e7d; }
div.mb li.vnli { color: black; }

div.dr { font-style: italic; padding: 10px 20px; border: 1px dashed #a6b5bb; margin: 0 0 20px 0; background-color: #f2fafd; }

li { padding: 5px 0;  }

div.fnavi { padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid silver; }
div.fnavi a { font-weight: bold; font-size: 14px; }

table#fotogal { margin: 0 auto; }
table#fotogal td { padding: 10px;  }
table#usergal p.fpop { font-size: 10px; padding: 0 0 2px 0; margin: 0; text-align: center; }


.img-shadow { float:left; background: url(/images/shadowAlpha.png) no-repeat bottom right !important; background: url(/images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.img-shadow img { display: block; position: relative;  background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

.img-shadow2 { float:left; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.img-shadow2 img { display: block; position: relative; background-color: #fff; border: 1px solid black; margin: -6px 6px 6px -6px; padding: 4px;  }



div.napsaliBoxWrap { margin: 15px 0; }
p.napsali { margin: 0; padding: 0; } 

div.napsaliBox { background-color: #d3edf6; padding: 10px; margin: 8px 0; }
div.napsaliBox p.zdroj { font-size: 11px; padding: 0; margin: 0 0 10px 0; }
div.napsaliBox h2 { font-size: 12px; margin: 0 0 15px 0; padding: 0; }
div.napsaliBox p.citace { text-align: justify; margin: 0; padding: 0; font-size: 11px; }
div.napsaliBox p.citace2 { text-align: justify; margin: 10px 0; padding: 0; font-size: 11px; }

table#kontakttab td,  div.downloadBox table.kontakttab td { padding: 5px 0; }
table#kontakttab td.klab, div.downloadBox table.kontakttab td.klab { text-align: right; padding-right: 10px;  font-weight: bold;  white-space: nowrap;}

div.kformBox { float: right; width: 350px; background-color: #d3edf6; padding: 10px 20px; }
div.kformBox h2 { font-size: 12px; margin: 0 0 15px 0; padding: 0; }

div.kformBox h3 { font-size: 12px; margin: 0 0 2px 0; padding: 0; font-weight: normal; }

div.kformBox input, div.kformBox textarea { display: block; margin: 0 0 10px 0; border-width: 1px; }
div.kformBox input.but { margin: 0; padding: 3px 5px; background-color: #f3f5f5; }

div.kformBox div.ikod { font-size: 11px; margin: 0 0 10px 0; }
div.kformBox div.ikod input { display: inline; margin: 0; }


ul#chyby { list-style-type: none; margin: 0 0 15px 0; padding: 0; font-weight: bold; color: red; }
div.kformBox p.ok { background-image: url(/images/ok.gif); background-position: 10px 10px; background-repeat: no-repeat; background-color: white; padding: 30px 10px 20px 80px; font-size: 14px; font-weight: bold; }
div.kformBox p.chyba { background-image: url(/images/vykricnik.gif); background-position: 0 0; background-repeat: no-repeat; padding: 0 0 0 30px; font-weight: bold; }


div.downloadBox { background-color: #d3edf6; padding: 10px; margin: 0 0 20px 0; }
div.downloadBox h2 { font-size: 12px; margin: 0 0 15px 0; padding: 0; }
div.downloadBox div.downloads { background-color: white; padding: 10px; }
div.downloadBox ul { list-style-type: none; margin: 0; padding: 0; }
div.downloadBox li { padding: 3px 0; }


ul.homepageMenu { list-style-type: none; margin: 0 0 0 35px; padding: 0; }
ul.homepageMenu li { padding: 10px 0; }
ul.homepageMenu a { font-size: 13px; font-weight: bold; background-position: 0 50%; background-repeat: no-repeat; padding: 6px 0 6px 40px; }
ul.homepageMenu a.informace { background-image: url(/images/icons/informace.gif); background-position: 5px 50%; }
ul.homepageMenu a.prubeh { background-image: url(/images/icons/prubeh.gif); background-position: 5px 50%; }
ul.homepageMenu a.fotogalerie { background-image: url(/images/icons/fotogalerie.gif);  }
ul.homepageMenu a.media { background-image: url(/images/icons/media2.gif);  }

div.martina { margin: 20px 0 0 0; }
div.martina img { border: 0; float: left; margin: 0 15px 0 0; }
div.martina a { font-weight: bold; font-size: 15px; }

table#skoly { background-color: #d3edf6; }
table#skoly td { background-color: white; padding: 5px 20px; white-space: nowrap;}
table#skoly td.slab {  background-color: #d3edf6; color: #353535; font-weight: bold; }
table#skoly td.datum { text-align: right; }
table#skoly td.skola { font-weight: bold; }
table#skoly td.trida { text-align: center; }


div#fotogalerie { padding-left:10px; }
div#fotogalerie img { border: 1px solid #a9a9a9; padding: 4px; float: left; margin: 0 10px 0 0;}
div#fotogalerie a { font-size: 14px; font-weight: bold; line-height: 1.3;}
div#fotogalerie div.cb { clear:both; }

div#fotogalerie p.cdat { padding: 0; font-size: 12px; margin: 0; padding: 10px 0 0 0; }

div#fotogalerie div.dot { margin: 20px 0; }
div#fotogalerie div.dot img { border: 0; margin: 0; padding: 0; }

div.medailonek { margin-bottom: 15px; }
div.medailonek p { margin-top: 0; padding-top: 0; }
div.medailonek img { float: left; margin: 0 10px 10px 0; }

div#uvodtext img { border: 0; }
div#uvodtext img.left { float: left; margin: 0 10px 10px 0; }
div#uvodtext img.right { float: right; margin: 0 0 10px 10px; }


div#podekovani { margin: 15px 0 0 0; background-color: white; border: 10px solid #eee; }
div#podekovani h2 { padding: 5px; background-color:#eee; font-size: 15px; margin: 0;  }
div#podekovani table { width: 95%; margin: 10px auto; }
div#podekovani td { text-align: center; vertical-align: bottom; font-size: 11px; font-weight: bold;}
div#podekovani td img { display: block; margin: 0 auto 10px auto;}
div#podekovani td a { display: block; font-weight: normal; }


div#btBox img { display: block; margin: 15px auto 0 auto; border: 1px solid black; }
div#btBox p { margin: 0 auto; }

