/* v1.0 | 20080212 */
/* CSS reset E. Meyers */
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	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;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* CSS Document by Jan Malý */
/* basic layout */
body {
  margin:0;
  padding:0;
  background-color: #fff; /*A2B0D3*/
  text-align:center;
  font-size: 16px;
}

#menu {
  padding: 60px 10px 0 10px;
}

#obsah {
  width: 950px;
  background: #9aabcf url('../images/background.png') 0 0 no-repeat;
  text-align:left;
	position: relative;
	margin: 0 auto;  
}

#levypanel {
  float: left;
  width: 200px;
  margin:0;
  padding:0;
  height: 300px;
}
#levypanel-obsah {
  margin:0;
  padding-left: 10px;
}

#hlavnipanel {
  margin:0 0 0 200px;
  padding:0;
}

#hlavnipanel-obsah {
  margin:0;
  padding: 0.5em 1em;
}

#paticka {
  padding: 10px;
  border-top: 1px solid blue;
  background: #dddddd;
}

hr.cleaner {
  clear:both;
  display: none
}

/* CSS */
#menu ul {
  background: #fff url('../images/menu_background.png') 0 0 no-repeat;
  height: 29px;
  width: 930px;
  text-transform: uppercase;
}

#menu li {
  display: inline;
  font-size: 12px;
  padding: 10px;
    line-height: 22px;
}

#menu li a, #levypanel-obsah ul li a {
  color: #005899;
  font-weight: bold;
  text-decoration: none;
}

#menu li a:hover, #levypanel-obsah ul li a:hover, #levypanel-obsah ul li.active a, #menu li.active a {
  color: #d1923b;
}

#levypanel-obsah ul {
  background: url('../images/submenu_background.png') 0 0 repeat-y;
  width: 200px;
}

#levypanel-obsah ul li {
  height: 26px;
  width: 200px;
}

#levypanel-obsah ul li a, #levypanel-obsah ul li.active a {
  font-size: 10px; 
  line-height: 20px; 
  display: block;
  height: 26px;
  padding-left: 4px;
  text-transform: uppercase;
}

#levypanel-obsah ul li a:hover, #levypanel-obsah ul li.active {
  background: url('../images/menu_hover.png') 0 50% no-repeat;
}

/*   */

.homepage {
  font-size: 44px;
  font-weight: bold;
  display: block;
  line-height: 60px;
  margin: 20px 0 0 50px;
}

.homepage .headN, #levypanel-obsah ul li.podpora a {color: #f00;}
.homepage .headN1, .hpp1, .hpp2, .hpp3, .hpp2 a, .hpp3 a, h1, a.downloadPDF, a.downloadDOC, .partneri a, .kontakty a, .hpp4, .hpp4 a, a.intext {color: #005899;}
.hpp1 {font-size: 32px;margin-top: 50px;font-weight:bold;text-align:right;}
.hpp2 {font-size: 20px;margin-top: 20px;font-weight:bold;text-transform: uppercase;text-align: right;}
.hpp3 {font-size: 18px;margin: 30px 0 40px 190px;}
.hpp4 {font-size: 18px;margin: 30px 0 15px 50px; line-height: 20px; font-style: italic; font-weight: bold;}

.hpp2 a, .hpp3 a, .partneri a, .kontakty a, .hpp4 a, a.intext {text-decoration: none;}
.hpp2 a:hover, .hpp3 a:hover, .partneri a:hover, .kontakty a:hover, .hpp4 a:hover, a.intext:hover, .podtrh {text-decoration: underline;}

h1 {font-size: 20px;margin: 10px;}
p {font-size: 16px;margin:10px;text-align: justify;line-height: 16px;}

.content, .content2 {
  margin: 30px 10px 10px 10px;
  list-style: disc url()
}

.content li {
  line-height: 20px;
  margin: 2px 5px 10px 20px;
}

.content2 li {
  line-height: 16px;
  margin: 2px 5px 10px 20px;
}

.content li ul {margin: 10px 10px 10px 30px; list-style: square url()}
.content li ul li {margin:0;}

p.autor {
  font-style: italic;
  margin: 18px 0 10px 550px;
}

p.motto {margin: 15px;font-style: italic;}
.normal {font-style: normal; margin: 15px}

.content li span, .zvyraz, dl {font-style: italic;}

a.downloadPDF {
  background: url('../images/pdf_icon.gif') right 50% no-repeat;
  padding-right: 20px;
  text-decoration: none;
}

a.downloadDOC {
  background: url('../images/doc_icon.gif') right 50% no-repeat;
  padding-right: 20px;
  text-decoration: none;
}

a.downloadPDF:hover, a.downloadDOC:hover {text-decoration: underline;}

h2, h3, h4, address, table, dl {margin: 10px;}
em {font-style: italic; font-weight: bold;}
h3 a, strong a {color: #000; text-decoration: none;}
h3 a:hover, strong a:hover {text-decoration: underline;}

h2.content {margin: 20px 10px 10px 10px;}

.kontakty p {margin-bottom: 35px;}

.portrait {float: right; margin: 5px 0 5px 8px;}
.cistic {clear: both;}

.tym h2 {margin-top: 30px;}
.tym em, .skoly em, .akce em, .vystava em, .centrum em {font-style: italic; font-weight: normal;}
.skoly em.zvyraz, .podekovani .zvyraz {font-weight: bold;}

.podekovani ul, .podekovani p, .zapati, .photo, .vycentruj {text-align: center;}
.podekovani li {list-style: none; font-style: italic;}
.podekovani ul {margin-bottom: 50px;}

.photo img {margin: 5px 2px 5px 2px;}

.label {width: 90px;}

.partneri li {font-size: 17px;margin-bottom: 16px; text-align: center;}
.partneri li img {margin: 2px 0;}
.partneri h2, .zapati {margin-top: 40px;}

dt {float: left; width: 50px;}