/*  css pro Dimatrans */
body {
	background-color: #FFFDC9;
	background-image: url(../images/backgr02.gif);
	color: Black;
	text-align: center;
}
/* hlavní kontejner na všechno */
div#hlavni {
	width: 55em;
	max-width: 100%;
	min-width: 600px;
	margin: 0.2em auto 0.2em auto;
	background-color: #FFE02B;
	border: 0px solid Black;
}


	/* aby se roztáhnul hlavní kontejner a nepřetékalo menu v mozille */
hr.roztahni {
	clear: both;
	visibility: hidden;
	height: 1px;
	margin: 0px;
	padding: 0;
}
/* zakulecený okraj nahoře */
div#hl {
	background: url(../images/men02.gif) no-repeat;
	background-position: bottom left;
	height: 35px;
}
div#dolni1 {
	border-left: 14px solid Black;
	background-image: url(../images/men05.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 2.5em;
}


/* zakulacný okraj dole */
div#dolni {
	background-color: Black;
	background-image: url(../images/men02.gif);
	background-repeat: no-repeat;
	background-position: top right;
	color: #FFE02B;
	font-family: sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
}
/* definice menu a jeho rozložení */
div#menu {
	float: left;
	width: 14em;
	max-width: 50%;
}
/* men 1-4 zakulacené okraje menu */
div#men1, div#men4 {
	background-repeat: no-repeat;
	background-position: left;
	height: 48px;
}
div#men1 {
	background-image: url(../images/men01.gif);
}
div#men4 {
	background-image: url(../images/men04.gif);
}
div#men2, div#men3 {
	background-repeat: no-repeat;
	height: 15px;
	background-color: Black;
}
div#men2 {
	background-image: url(../images/men02.gif);
	background-position: top right;
}
div#men3 {
	background-image: url(../images/men03.gif);
	background-position: bottom right;
}
div#cerny {
	background-color: Black;
	padding: 0.5em;
	padding-left: 0px;
}


#menu a {
	display: block;
	color: Yellow;
	border: 1px solid Black;
	font-family: monospace;
	font-weight: bold;
	text-decoration: none;
	background-color: Black;
	vertical-align: text-bottom;
	padding: 0.1em;
	margin: 0.5em;
	vertical-align: text-bottom;
}
.sipkyl, .sipkyp{
	color: Black;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 0.5em;
}
.sipkyl{
float: left;
}
.sipkyp{
float: right;
margin-left: 0.5em;
}
a.vybrano, a.vybrano div, a.vybrano span {
	display: inline;
	color: Red;
}
#menu a:hover{
	border: solid Red;
	border-width: 1px 0px 1px 0px;
}
div.submenu {
	margin-left: 1.5em;
	font-weight: normal;
	border-left: 3px double Red;
}
#menu .submenu a {
	font-weight: normal;
	font-size: 90%;
	margin: 0.1em;
}
/* kontejner pro menu a data */
div.stred {
	border: 0px;
	padding-left: 14px;
	background-image: url(../images/levpoz.gif);
	background-position: left;
	background-repeat: repeat-y;
}
/* tady už jsou vložená vlastní data*/
div.data {
	margin-left: 15em;
	margin-right: 1em;
	margin-bottom: 1.5em;
	min-width: 35%;
}
/* --------------------------------------------------------------------------------- */
/* ===============  tady je formátování dokumetu  ================================== */
a.nahoru {
	float: right;
	display: block;
	width: 15em;
	color: Maroon;
	font-family: monospace;
	font-size: 90%;
	text-align: right;
	text-decoration: none;
	padding-right: 2em;
	margin: 1em 1em 1em 5em;
	border-top: 1px solid Maroon;
	letter-spacing: 0.2em;
}
a:hover.nahoru {
	font-weight: bold;	
}

p {
	text-align: justify;
	margin: 0.5em 0em 0.5em 0em;
}
p:first-line {
	margin-left: 1em;	
}
ul {
	text-align: left;	
}

div.levy {
	text-align: left;	
}

/* ================ */
/* fotky */
table.foto {
	border: none;
	border-collapse: collapse;		
	margin: auto;
}
table.foto img {
	display: block;
	margin: auto;
	margin-bottom: 5px;
}



table.foto td {
	text-align: center;
	vertical-align: middle;	
	border-bottom: 0px;
	width: 50%;
	padding: 1em;
}

a img {
	border: 1px solid black;	
}
a:hover img {
	border-color: Red;	
}

.cena {
	text-align: right;
	font-style: italic;
}
.vrak {
	text-align: left;
	font-family: monospace;	
}
table#cenik {
	border: 1px solid black;	
	border-collapse: collapse;
}
table#cenik td, table#cenik th {
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #353535;
	padding: 0.5em 1em 0.2em 1em;
}

.hi {
	font-size: 0.6em;
	position: relative;
	top: -0.5em;	
}

div#servis a {
	font-family: monospace;
	font-size: 1.2em;
	font-weight: bold;
	color: Black;
	margin: 2em;
	text-decoration: none;	
}
div.vlevo {
	text-align: left;	
}

ul.velky{
	font-weight: bold;	
	line-height: 1.5em;

}

ul.maly {
	font-weight: normal;
	line-height: 1.1em;	

}


div.banner img {
	float: left;
	position: relative;
	left: -10em;		
		
}



