html, body {border: 0; margin: 0; padding: 0;}

body {font: 90%/1 arial, helvetica, sans-serif;background: url(../images/bg6.jpg) repeat 0 0;line-height: 130%;width: 100%;min-width: 970px;}

h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: normal;}

p {margin: 0; padding: 0 0 18px 0;}
table {margin: 0px 0px 0px 10px; padding: 10px 20px 10px 10px;}

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

a {text-decoration: none;color: #c800be;}
a:hover {text-decoration: none; color: #888;}
a img {border: none;}

.clear {clear: both;}

.l_zarovnani {display: block; float: left;}

.p_zarovnani {display: block; float: right;}

.aligncenter {
  	display: block;
  	text-align: center;
  	margin: 0 auto;
}

img {border: none;}
img.l_zarovnani,img.alignright,img.aligncenter {display: block;padding: 3px;background: #F5F4F3;border: 1px solid #E8E4E2;}
img.l_zarovnani {float: left;margin: 0 10px 2px 0;}

img.p_zarovnani {display: block;padding: 3px;background: #F5F4F3;border: 1px solid #E8E4E2;}
img.p_zarovnani {float: right;margin: 0px 10px 0px 10px;}

img.alignright {
	float: right;
	margin: 0 0 2px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

#stranka {	width: 100%;height: 100%;text-align: center;/* IE fix to center the page */background: url(../images/bg6.jpg) repeat-x 0 0;position: relative;z-index: 0;}

#obsah {width: 960px;	background: url(../images/obsah.jpg) repeat-y top left;margin: 0 auto;/* center the page in Firefox */text-align: left;position: relative;z-index: 2;}

#nahore {height: 90px;padding: 0 25px;background: #F4F4EA url(../images/bg6.jpg) repeat-x 0 0;}
#nahore .logo {width: 709px; height: 25px;float: left;	clear: left;margin-top: 45px;margin-left: 20px;background: url(../images/logo.jpg) no-repeat;}
#nahore .logo a span {color: #34b000;font-size: 1.5em;}
#nahore .logo a:hover span {color: #000000;font-size: 1.5em;}
#nahore .logo a {display: block;width: 100%;height: 100%;color: #000000;font-size: 1.2em;padding-left: 50px;line-height: 25px;}
#nahore .logo a:hover {color: #34b000;}

#hlavicka {width: 100%;height: 214px;background: url(../images/kockazahlavi.gif) no-repeat;position: relative;z-index: 1;color: white;font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;}
#hlavicka .intro {width: 500px;height: 130px;padding: 50px 0 0 30px;}
#hlavicka .intro h1 {font-size: 1.8em;padding: 5px 0 5px 0;font-weight: bold;text-transform: uppercase;}
#hlavicka .intro h2 {font-size: 1.4em;padding: 0;margin: 0;font-weight: bold;}
#hlavicka .intro p {font-size: 1.2em;padding: 0;margin: 0;color: #333;}

#text {display: block;float: left;clear: left;width: 910px;padding: 20px;margin: 0 0 30px 0;clear: both;text-align: justify;font-size: 0.9em; background: rgb(255,255,255);}
#text h1 {background: #e6e6e6 url(../images/tlapka.jpg) no-repeat 0 bottom;border: #EEEEDF 1px solid;height: 20px;font-size: 1.4em;font-variant: small-caps;font-weight: normal;padding: 5px 0 0 30px;margin: 10px 0;color: #1ca52d;}
#text h2 {
	background: #F8F7F3 url(../images/post_h2.jpg) no-repeat 0 bottom;border: #EEEEDF 1px solid;height: 20px;font-size: 1.4em;font-variant: small-caps;font-weight: bold;padding: 5px 0 0 30px;margin: 10px 0;color: #65C80B;}
#text h3 {font-size: 1.4em;color: #4A4A4A;font-weight: bold;margin: 30px 0 10px 0;padding: 5px 0;}
#text h4 {font-size: 1.2em;	color: #333;font-weight: bold;margin: 10px 0 10px 20px;}
#text a {text-decoration: underline;}
#text p {	padding: 5px 0  5px 15px;}
#text ul, #content ol {padding: 5px 0 5px 20px;margin-left: 15px;}
#text ul li {	background: url(../images/sipka.jpg) 0 6px no-repeat;padding-left: 15px;}


#dole {clear: both;width: 960px;height: 150px;background: #F4F4EA url(../images/dole.jpg) repeat-x 0 0;color: #999;font-size: 0.9em;}
#dole a {color: #999;border-bottom: 1px dotted #555;}
#dole a:hover {color: #bbb;border-bottom: none;}
#dole .domu {background: url(../images/dole_l.jpg) no-repeat left top;width: 80px;height: 74px;float: left;}
#dole .domu a {display: block;width: 100%;height: 100%;text-decoration: none;border: 0;}
#dole .nahoru {background: url(../images/dole_p.jpg) no-repeat right top;width: 26px;height: 74px;float: right;clear: none;}
#dole .dole_text {display: block;clear: none;width: 800px;float: left;clear: none;padding: 12px 0 0 0;text-align: center;}
#dole .dole_text p {margin: 0;padding: 0;line-height: 20px;}
#dole .dole_text .logo {display: block;width: 196px;height: 38px;margin-top: 3px;float: left;}
#dole .dole_text .logo a {display: block;width: 100%;height: 100%;cursor: pointer;border: none;background: url(../images/footer_logo.jpg) no-repeat 0 0;}
#dole .dole_text .logo a:hover {display: block;background: url(../images/footer_logo.jpg) no-repeat 0 -38px;}
#dole .dole_copy {display: block;clear: both;width: 850px;margin: 0 auto;text-align: center;font-size: 12px;line-height: normal;background: url(../images/bg6.jpg) repeat-x 0 0;}
#dole .zpet {	display: inline;width: 40px;height: 74px;float: right;}
#dole .zpet a {display: block;width: 100%;height: 100%;border: none;background: url(../images/zpet.jpg) no-repeat 0 0;}
#dole .zpet a:hover {border: none;background: url(../images/zpet.jpg) no-repeat 0 -74px;}
#dole ul li {display: inline;}