html, body {
	margin: 0px; padding: 0px;
	height: 100%;
}
body {
	font-family: Trebuchet ms, Arial, Tahoma, Verdana, lucida, sans-serif;
	background: #DCE0E5 url(../img/pozadi.jpg) repeat-x;
	color: #333A49;
	font-size: smaller;
	text-align: center;
	line-height: 1.5;
}
html>body {
	font-size: small;
}
p,ul,li,a,img,h1,h2,h3,h4,h5,table,tr,td,hr,form{
margin: 0px;
padding: 0px;
}
#main {
 	width: 770px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: #FFFFFF;
	border-left: 1px solid #727A87;
	border-right: 1px solid #727A87;
}
 body>#main {
 	height: auto;
 }
#logo {
	margin: 0 5px;
	background: #5D6676 url("../img/top.gif") repeat-x;
}

#head {
	position: relative;
 	margin: 0 5px;
	background: url(../img/nadpis-top.jpg) no-repeat 350px 100px;
	color: #fff;
	height: 129px;
}
#head img {	border: none;}
#head a {
	position: absolute;
	top: 38px;
	left: 20px;
}

/*----menu----*/
#topmenu{position: relative;}

#topmenu ul {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 760px;
	height: 51px;
	margin: 0 5px;
	padding: 0;
	/*background: url(../img/menu.gif) repeat-x;*/
}
#topmenu li{float: left;width: 100px;margin: 0; padding: 0;list-style: none;}

#topmenu li#uvod{width: 152px;}
#topmenu li#reference{width: 152px;}
#topmenu li#tiskoviny{width: 152px;}
#topmenu li#fotografie{width: 152px;}
#topmenu li#kontakt{width: 152px;}

#topmenu a {
display: block;
height: 51px;
width: auto;
text-indent: -999em;
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0px;
}
li#uvod a { background-image: url(../img/uvod.gif) }
li#reference a{ background-image: url(../img/reference.gif) }
li#tiskoviny a{ background-image: url(../img/tiskoviny.gif) }
li#fotografie a{ background-image: url(../img/fotografie.gif) }
li#kontakt a{ background-image: url(../img/kontakty.gif) }

#topmenu li a.current, #topmenu li a:hover{
background-position: 0 -51px;
}

#pole {
	margin: 56px 5px 0px 5px;
	_padding-bottom: 75px;
	width: 760px;
	height: auto;
}
#pole[id] {
	padding-bottom: 88px;
}

#leftbox {
	float: left;
	border: 1px solid #CED5DD;
	background-color: #F1F3F6;	
 	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 204px;
}
#leftbox a img {
	text-align: center;
	margin: 5px 20px 0px;
	border: 5px solid #D0D5DD;
}
#leftbox a:hover img {border: 5px solid White;}

.nadpis{
	/*border: 1px solid green;*/
}
.nadpis img{
	margin: 15px 15px 5px;
	padding: 0px 10px 5px;
	border-bottom: 1px solid #CED5DD;
}

#leftbox p{
	margin: 0 15px 10px; padding: 5px 10px 10px;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #CED5DD;
}

#leftbox ul{
	margin: 0px 25px 10px;
	font: 11px Arial, Helvetica, sans-serif;
	list-style: none;
	text-align: left;
}
#leftbox ul li{
	height: 20px;
}

#leftbox a{
	text-decoration: underline;
	color: #333A49;
}
#leftbox a:hover{
	text-decoration: none;
	color: #F46426;
}

#footer {
	margin: 0 5px;
	width: 760px;
	height: 83px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #8A92A1 url("../img/pata.gif") repeat-x;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	color: White;
}
#footer p{margin: 20px 15px;	text-align: left;}
#footer p a{font: 11px Arial, Helvetica, sans-serif;color: White;text-decoration: none;}
#footer p a:hover{text-decoration: underline;}

#bottommenu{
	position: absolute;
	top: 20px;
	right: 10px;
	text-align: right;
}
#bottommenu ul {height: 20px;	margin: 0 5px;	padding: 0;}
#bottommenu li{list-style: none; display: inline;}
#bottommenu li a{
	margin: 0 3px;
	font: 11px Arial, Helvetica, sans-serif;
	color: White;
	text-decoration: none;
}
#bottommenu li a:hover{margin: 0 3px;text-decoration: underline;}

hr.ende{clear:both;margin: -1px 0 0 0;padding: 0;visibility: hidden;border: none;height: 1px;}
#leftbox a.banery img {border: 0px; margin: 10px 20px;}

#text {margin-left: 215px;padding: 1em;font: 12px Arial, Helvetica, sans-serif;} 
#text h1{font: 18px Trebuchet ms, Arial, Helvetica, sans-serif;border-bottom: 1px solid #F46426;padding-bottom: 5px;}
#uvodni p{	padding: 10px 0px;line-height: 1.5em;}

#text h2,h3{font-size: 14px;border-bottom: 1px solid #F46426;padding-bottom: 5px;}
#text ul {margin: 10px 30px;font: 12px Arial, Helvetica, sans-serif;}
#text li {line-height: 25px;}

table#kontakty {
	margin-top: 10px;
	width: 510px;
}

a{text-decoration: underline;color: #333A49;}
a:hover{text-decoration: none;color: #F46426;}

div.ref {
	float: right;
	margin: 0px;
	_padding-bottom: 5px;
	width: 515px;
	border-bottom: 1px solid #CED5DD;
}
a.foto{
	float: left;
	margin: 5px 15px 5px 0px;
	border: 5px solid #CED5DD;	
}
a.foto img{border: none;}

div.ref p{margin: 0px;padding-bottom: 10px;}
div.ref h4 {
	margin-top: 5px;
	font-size: 12px;
	font-weight: bolder;	
}
#formular {
	margin: 10px 0px;	padding: 10px;
	border: 1px solid #CED5DD;
	background-color: #F1F3F6;	
}
#formular form input, #formular form textarea {margin-bottom: 5px;border: 1px solid #CED5DD;}
#formular form input#odeslat {
	width: 80px;
	height: 30px;
	background: url(../img/odeslat.jpg) no-repeat;
}