body {
	font-family: "Arial CE", "Helvetica CE", Helvetica, Arial, sans-serif;
	font-size: 90%; font-weight: normal; text-align: left;
	color: #990000;
	padding: 0;
	text-align: center;
	background:  url("podklad3.jpg") 100% 0 repeat-y; 
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px;
	/*background-color: #f1efcb; svetle zluta */
}

body#detail {
	font-family: "Arial CE", "Helvetica CE", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 15px 15px 15px 15px;
	background: none;
}
html body {
	font-size: 74%;
}
h1 {
font-size: 1.6em;
font-weight: bold;
line-height: 2ex;
margin-bottom: 1ex;
margin-top: 1.4ex;
}

h2 {
font-size: 1.4em;
font-weight: bold;
line-height: 2ex;
margin-bottom: 1.2ex;
margin-top: 1.4ex;
}

h3 {
font-size: 1.2em;
font-weight: bold;
line-height: 2ex;
margin-bottom: 1.4ex;
margin-top: 1.7ex;
}

h4 {
font-size: 1.0em;
font-weight: bold;
line-height: 2ex;
margin-bottom: 1ex;
margin-top: 1.2ex;
}

img { border-width: 0px; border-color: #555555; margin: 0px; padding: 0px; }

code {
	white-space: pre;
	border: 0px none;
}

.konec { position: relative; clear: both;
}

.nonCSS2 { display: none;
}

.vert { vertical-align: middle;
}

#main {
	position: relative;
	top: 0px;
	width: 803px;
	margin: 0 auto;
	text-align: left;
    	background-color: #f8e4ce;	/* kavova */
	/*background: transparent url("images/bg-stred4.png") repeat-y 0 0;*/
    	padding: 0px 0px 0px 0px;
    	min-height: 700px;
}

#footer {
    	width: 803px; /*height: 205px;*/
    	height: 160px;
    	background-color: #c93;		/* okrova */
    	padding: 0px 0px 0px 0px;
}

/* main page */
div#ramecek-s-obrazkem {
    	right: 100px;
    	width: 803px;
    	height: 125px;
    	background-color: #c93;		/* okrova */
    	border: solid 1px #c93;
    	border-width: 4px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	padding: 0px 0px 0px 0px;
}

div#ramecek-s-odkazy {
    	width: 603px;
    	height: 25px;
    	margin: 0px 0px 0px 125px;
    	padding: 0px 0px 0px 0px;
    	background-color: #c93;		/* okrova */
}

div#ramecek-s-obsahem {
    	background-color: #f8e4ce; /*puvodni background-color: #fcfbd0;*/
    	top: 156px;
    	width: 796px;
		font-size: 12pt;
    	border: solid 1px #c93;
    	border-width: 4px 3px 8px 4px;
    	min-height: 700px;
    	_height: 700px;
}

div#ramecek-s-obsahem a:link, div#ramecek-s-obsahem a:visited  {
		color: #990000;
		font-weight: bold;
		font-size: 11pt;
		font-style: italic;
}
div#ramecek-s-obsahem a:hover {
        color: #c93;
		font-weight: bold;
}		
div#ramecek-s-copyrightem {
    	background-color: #c93;
    	text-align: right;
    	width: 803px;
    	height: 46px;
    	border: solid 4px #ffffff;
    	border-width: 10px 0px 0px 0px;
    	margin: 0px 0px 0px 0px;
    	text-decoration: none;
}


.navigace1 {
	/*
        position: absolute;
        left: 123px;
        top: 110px;
        width: 535px;
        padding: 3px;
        margin: 0px;
	*/
        font-size: 15pt;
        color: #FFFFCC;
		text-decoration: none;
}
.navigace1 a, .navigace1 a:visited {
        font-size: 90%;
        font-weight: bold;
        text-align: left;
        color: #FFFFCC;
		text-decoration: none;
}
.navigace1 a:hover {
        color: #990000;
		text-decoration: none;
}


.lista2{
	/*
        position: absolute;
        display: block;
        width: 746px;
        height: 45px;
	*/
        font-size: 15pt;
        font-style: strong;
        color: #FFFFCC;
	text-decoration: none;
}
.lista2 a:link, .lista2 a:visited {
        font-size: 90%;
        font-weight: bold;
        text-align: left;
        color: #FFFFCC;
	text-decoration: none;
}

.lista2 a:hover {
	color: #990000;
	text-decoration: none;
}
.lista3{
	
	display: block;
	width: 746px;
	height: 23px;
	background: #c93;
	font-size: 15pt;
	font-style: strong;
	color: #FFFFCC;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}
/* -------------- my changes ----------------------*/

.picture {
margin-left: 2px;
padding: 0;
border-top: 1px solid #90a0ba;
border-width: 1px;
}
#modify {
position: relative;
width: 770px; height: 31px;
}
#modify #modify-text {
position: absolute;
width: 180px; height: 21px;
top: 2px; left: 557px;
}
#header {
position: relative;
width: 770px; height: 31px;
background-image: url("images/spodni-cast.jpg");
line-height: 2ex;
}

h1.title {
font-size: 3.2em;
line-height: 2ex;
font-weight: bold;
margin-bottom: 2ex;
}

#header a#link-ur {
position: absolute;
display: block;
width: 162px; height: 13px;
top: 10px; left: 16px;
}
#header a#link-cesnet {
position: absolute;
display: block;
width: 114px; height: 21px;
top: 2px; left: 628px;
}
#header a span {
display: none;
}
#header #test {
position: absolute;
height: 31px;
width: 31px;
}
#text {
margin: 40px;
margin-top: 10px;
margin-right: 20px;
line-height: 1.5em;
}
#text p {
text-align: left;
}
#text li {
margin-bottom: 1em;
/*text-align: justify;*/
/*border: 1px solid red; */
}
#upper-menu {
position: absolute;
top: 105px; left: 0px;
width: 770px; height: 22px;
background: url("images/menu-konec2.jpg") 0 0 no-repeat;
}

.links {
padding: 50px 10px 10px 10px;
line-height: 140%;
}
.mlink {
font-weight: bold;
text-decoration: none;
}
.mlink:hover {
text-decoration: underline;
}

/*
.header {
font-size: 3.2em;
line-height: 2ex;
font-weight: bold;
margin-bottom: 1ex;
}
*/
.text-important{
  font-size: 120%;
  padding: 0 16px 10px 0;
}
.subheader {
font-size: 1.6em;
font-weight: bold;
line-height: 2ex;
margin-bottom: 1ex;
margin-top: 1.2ex;
}
.path {
padding: 0;
margin: 0px 0px 4ex 0px;
font-weight: normal;
font-style: italic;
}

.text {
/*padding: 0;*/
font-size: 120%;
margin: 0 16px 10px 0;
text-align: justify;
}