/* CSS Karel Bartůněk www.karel-bartunek.cz
-------------------------------------------------- */
body,
h1, h2, h3,
address, blockquote, div,  iframe, object, p,
dl, dt, dd, ul, ol, li,
table, caption, col, colgroup, thead, tfoot, tbody, tr, th, td,
form, fieldset, legend, label,
img, a {
	border: none;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background:  url('') no-repeat  #4b4b42;
	padding-top: 20px;
}

html>body {
	font-size: small;
}

#page {
	width: 700px;
	height: 607px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
}

body>#page {
	 height: auto;
}
#logo {
	 background: url('images/header.jpg') no-repeat right bottom  #4b4b42;
	 height: 112px;
}

#container {
	text-align: left; 
	margin: 0px auto;
	width: 670px;
	height: 438px;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
}

#content {
	 width: 400px;
	 float: left;
	 display: block;
}
.roztahni {
  width: 420px;
  height: 420px;
  overflow: scroll;
}

.content_index {
	 background: url('images/background5.jpg') no-repeat  #4b4b42;
}

.content_sluzby {
	 background: url('images/background3.jpg') no-repeat  #4b4b42;
}

.content_kontakt {
	 background: url('images/background4.jpg') no-repeat  #4b4b42;
}

.content_reference {
	 background: url('images/background4.jpg') no-repeat  #4b4b42;
}


#footer {
	 background: url('images/copyright.jpg') right bottom no-repeat  #4b4b42;
	 width: 700px;
	 height: 57px;
}
#slogan {
	position: absolute;
	right: 2px;
	top: 1px;
	color: gray;
	font-size: x-large;
}

#slogan-shadow {
	position: absolute;
	right: 3px;
	top: 2px;
	color: white;
	font-size: x-large;
}
#menu {
	position: absolute;
	width: 435px;
	right: 0px;
	padding-top: 84px;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	text-align: center;
}

#navigation a
{
text-decoration: none;
padding-left: 15px;
} 

#navigation a span
{
background: url("images/a_link_r.gif") right top no-repeat;
padding-right: 15px;
}

#navigation a, #navigation a span
{
display: block;
float: center;
}

#navigation a:hover
{
color: orange;
text-decoration: none;
padding-left: 15px;
padding-top: 1px;
}

#navigation a:hover span
{
padding-right: 15px;
padding-top: 1px;
}

#navigation
{
list-style: none;
padding: 0;
margin: 0;
}

#navigation li
{
float: left;
display: block;
margin: 0;
padding: 0;
margin-left: 1px;
}

h2 {
	font-size: small;
	padding-top: 10px;
	text-align: left;
	width: 430px;
	font-family: Arial,sans-serif;
}
h1 {
	color: #b5f923;
	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
	width: 430px;
}

.text {

	padding-top: 5px;
	padding-bottom: 10px;
	width: 405px;
	text-align: justify;
	color: black;
	font-size: 11px;
	padding-left: 5px;
	font-family: "Trebuchet MS", Tahoma, "Geneva CE", lucida, sans-serif;
}
.text:first-letter {
	padding-left: 10px;
}

.ul_kontakty li {
	
	font-family: "Trebuchet MS", Tahoma, "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	list-style: none;
}
.ul_sluzby li {
	font-size: 11px;
	list-style: none;
}
.float_right {
	max-width: 400px;
	text-align: right;
}

.ul_sluzby_li_navrh {
	background: url("images/pic_navrh.jpg") left top no-repeat;
}
.ul_sluzby_li_konzultace {
	background: url("images/pic_konzultaceXXX.gif") left top no-repeat;
}
.ul_sluzby_li_realizace {
	background: url("images/pic_realizace.jpg") left top no-repeat;
}

#kontakty {
	width: 230px;
	margin-left: 40px;
	padding-top: 100px;
	float: left;
	background: url("images/icon-kontakt.png") center top no-repeat;
}

#mail, .black {
	color: black;
}
.black {
	font-size: x-small;
	text-decoration: none;
	line-height: 40px;
}
.aktivni {
	color: orange;
}
.neaktivni {
	color: white;
}
.odsazeni {
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}