/* okraje prvků, řádkování  */
body, form {margin: 0px;}
p {margin: .1em 0px .5em;}
h2 { margin: 1.3em 0px .3em; padding: .8em 0px 0px;}
h3 { margin: 1em 0px .2em;}
p, li, dl, menu, td, th, ul, ol {line-height: 1.3}
ul, ol		{margin-top: 0px ; margin-bottom: .8em}

/* pozicování */
#text {margin: 200px 3% 0px 3%; width: 68.5%;}
#gototop, #wherenext {margin: 1em 3% 0px 3%; width: 68.5%;}
#prava {position: absolute; top: 190px; left: 73%; width: 25%}
#head {position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; overflow: hidden}

#l ogo {position: absolute; z-index: 10; left: 0px; top: 2px;}
#pruh {position: absolute; z-index: 10; left: 10px; top: 5px; border-top: 2px solid brown;}

#ourgb(204,153,0)ska {position: absolute; left: 146px; top: 52px}
#prouzek {position: absolute; z-index: 5; left: 10px; top: 150px; width: 970px ; text-indent: 5px; border-top: 2px solid green;}
#slogan {position: absolute; left: 127px; top: 10px}
#hledani {position: absolute; right: 4px; top: 4px}
#sel {color: blue;}

#gototop {text-align: right;}
#prevnextbottom, #prevnexttop{position: absolute; left: 73%; width: 25%; z-index: 8; }/* jako navigace */
#prevnexttop {top: 97px;}
.panel {text-align: right; font-size: 16px; font-family: sans-serif; word-spacing: .6em; line-height: 1.3; font-weight: normal;}
.panel a:link, .panel a:visited {text-decoration: none; padding: 0px 5px; border: 1px solid silver; background-color: #eed; color: black;}
#hrasek {position: absolute; top: 107px; margin-left: 3%; _margin-left: 0px; width: 90%;}

/* text */

body {background-color: white; color: black; }


h1 { color: #7A5F23; text-align: center;}
h2 { border-top: 1px solid #336; font-size: 130%;}

.podtitul {font-weight: bold; text-align: center; text-decoration: overline; font-size: 110%; margin-top: -0.3em; color: green;}
.nadtitul {font-weight: bold; text-align: center; font-size: 110%;}
.pruvodce {font-weight: normal; text-align: justify; font-size: 100%; background-color: #FFFFCC}
.predchozi {font-style: italic; float: left; font-size: 100%; background-color: #99FFFF}
.nasledujici {font-style: italic; float: right; font-size: 100%; background-color: #99FFFF}

/* Fyzické třídy */
.center {text-align: center;}
.underline {text-decoration: underline;}
.jakoodkaz {cursor: hand; cursor: pointer;}
.floatright {float: right;}

/* Odkazy */
a:link {color: #16518E;}
a:visited {color: #2089AA;}
a:hover {color: #AE3333; text-decoration: none; padding: -3;}
a img {border: none;}


/* grafika hlavičky */

#prouzek {
	font-family: Tahoma; font-size: 13px; letter-spacing:1px; font-weight: bold;
	line-height: 20px; 
	height: 31px; overflow: hidden;
	border-width: 2px 0 0 0; border-color: brown;
}
#prouzek a {
	padding: 3px 7px;
	border-width: 0px;
	border-style: solid;
	position: relative; top: 8px;
	text-decoration: none;
	color: brown; 
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}
}

/* Pravý sloupec */

#prava {
	margin-top: 5px;
  padding: .5em 0% .5em 1.5%;
	border-left: 1px solid #e8e8fd;
	font-size: 90%;
}

#prava h3, #prava h2 {
	font-size: 111%;
	background-color: #E3F3D9;
	border-top: 1px solid silver;
	padding-top: .1em;
	margin-top: .5em;
	text-indent: 0em;
}
#prava ul {margin-left: 0em; padding-left: 0px;}
#prava li {list-style-type: none; margin: .2em 0px;}
#prava li:first-letter {text-transform: capitalize;}

/* Pata */
.pata {color: gray; font-size: 80%; padding: .3em 1em 0em; margin-top: 2em; border-top: 1px solid silver; text-align: center;}
.pata a:link, .pata a:visited {color: gray;}


/* ----------------------------------------------------------------- */
/* BARVY variace podle classu u body + barvy ousek */
/* default */
#prouzek {background-color: #F1DDC1;}/*h1 { behavior: url('priklady/pokus2.htc')}*/


/* Tisková verze */
@media print {

#text {margin: 0em; width: 99%}
h1 {margin-top: 58px;}
#prava {position: static; width: 99%; border-left: none; padding: 0em; border-top: 2px dotted silver;}
#prava li {display: inline;}
#prava h3 {border-top: none; margin-top: .2em;}
.sirsi {width: 99%;}
#hlavicka {visibility: hidden;}
#logo, #slogan {visibility: visible; z-index: 0;}
#prevnextbottom, #prevnexttop {display: none;}
h2,h3 {page-break-after: avoid;}
}

/* Reklama v pravém sloupku */
#prava .ad { width: 100%; overflow: hidden; text-overflow: ellipsis;}
#prava .ad h3 {margin-top: 2em;}

.ad h3 a:visited, .ad h3 a:link{ color: gray;}
.ad p {padding: 1em 0px; margin-top: .8em; font-family: Arial; font-size: 85%; background-color: #ffe; line-height: 1.5;}
.ad p a {font-weight: bold; font-size: 110%;}
.ad .visibleurl {color: navy; font-size: 80%;}

/* Reklama pod textem */
#text .ad h3 {font-size: 70%; border-top: 1px dotted silver; margin-top: 5em;}=