html, body {
	background: #fff ;
	color: #566a69;
	font-family: Arial, Helvetica, lucida, sans-serif;
	font-size: 90.01%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#main {
	width: 960px;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
}
h1, h1 span {
	display: block;
	width: 98px;
	height: 48px;
	padding: 0;
	margin: 0 0 12px 0;
	font-size: 120%;
	overflow: hidden;
	position: relative;
	float: right;
	text-align: center;
}
h1 a {
	color: ##ff0101;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
h1 span {
	top: 0;
	left: 0;
	position: absolute;
	background: transparent url('../images/logo.jpg') no-repeat;
	z-index: 10;
	cursor: pointer;
	margin: 0;
}
#menu {
	background: #fff url('../images/ministars.gif') repeat-x left top;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	min-height: 50px;
	line-height: 50px;
	_height: 50px;
	clear: right;
}
#menu li {
	float: left;
	display: block;
	width: 193px;
	text-align: center;
	position: relative;
}
#menu li span{
 position: absolute;
 top: 5px;
 left: 0;
 background: url('../images/onas.gif') no-repeat right top;
 display: block;
	min-height: 45px;
	line-height: 45px;
	_height: 45px;	
	cursor: pointer;
}
#menu li.o-nas span, #menu li.o-nas{
 width: 120px;
}
#menu li.sluzby span,  #menu li.sluzby{
width: 147px;
} 
#menu li.kontakt span,  #menu li.kontakt{
width: 134px;
}
#menu li.projekty span,  #menu li.projekty{
width: 176px;
}
#menu li.reference span,  #menu li.reference{
width: 195px;
}
#menu li.aktuality span,  #menu li.aktuality{
width: 185px;
}
#menu li.o-nas span{
  background-image: url('../images/onas.gif');
}
#menu li.sluzby span{
  background-image: url('../images/sluzby.gif');
}
#menu li.reference span{
  background-image: url('../images/reference.gif');
}
#menu li.aktuality span{
  background-image: url('../images/aktuality.gif');
}
#menu li.projekty span{
  background-image: url('../images/projekty.gif');
}
#menu li.kontakt span{
  background-image: url('../images/kontakt.gif');
}

/* ENGL */
#menu li.company-profile span, #menu li.company-profile{
 width: 144px;
}
#menu li.services span,  #menu li.services{
width: 147px;
} 
#menu li.contact span,  #menu li.contact{
width: 134px;
}
#menu li.case-studies span,  #menu li.case-studies{
width: 176px;
}
#menu li.references span,  #menu li.references{
width: 195px;
}
#menu li.news span,  #menu li.news{
width: 115px;
}


#menu li.company-profile span{
  background-image: url('../images/company.gif');
}
#menu li.services span{
  background-image: url('../images/services.gif');
}
#menu li.references span{
  background-image: url('../images/references.gif');
}
#menu li.news span{
  background-image: url('../images/news.gif');
}
#menu li.case-studies span{
  background-image: url('../images/projects.gif');
}
#menu li.contact span{
  background-image: url('../images/contacts.gif');
}

/* ENGL */

#menu a {
	color: #758c8c;
	text-decoration: none;
	font-weight: bold;
	min-height: 48px;
	line-height: 48px;
	_height: 48px;
	display: block;
	padding: 0 2em;
	text-transform: uppercase;
}
#menu a:hover {
	color: #ff1111;
}

#footer {
	clear: both;
	background: #fff ;
	color: #566a69;
	margin: 0px;
	height: 2em;
	min-height: 2em;
	_height: 2em;
	line-height: 2em;
	padding: 0 2em;
	text-align: right;
}
#footer a {
	color: #fff;
}
/* stars */

.star{
 width: 291px;
 height: 280px;
 background: url('../images/star3.jpg') no-repeat left top;
 float: left;
 margin-top: 50px;
}
.star a{
 width: 291px;
 height: 280px;
 display: block;
 background: url('../images/star3.gif') no-repeat left top; 
}
.star1, .star2{
 margin-right: 40px;
 background: url('../images/star2.jpg') no-repeat left top; 
}
.star1{
 background: url('../images/star1.jpg') no-repeat left top; 
}
.star1 a{
 background: url('../images/star1.gif') no-repeat left top;
}
.star2 a{
 background: url('../images/star2.gif') no-repeat left top;
}
.star a:hover{
 background: transparent;
}
.clearer{
 clear: both;
 font-size: 0;
 margin: 0;
 padding: 0;
}
#left{
 margin-top: 30px;
 width: 500px;
 float: left;
}
#right{
margin-top: 30px;
 width: 400px;
 float: right;
}
#left p, #right p{
 margin: 0;
}
#left h3, #right h3, #left h4, #right h4{
 color: #ff0101;
 font-size: 120%;
 font-weight: normal;
 margin-top: 1em;
 margin-bottom: 0;
}
#left h4, #right h4{
 font-size: 100%;
}

#left a, #right a{
 color: #ff0101;
}
#footer{
 clear: both;
 	background: #fff url('../images/ministars.gif') repeat-x left top;
 	margin-top: 2em;
 	padding: 0.5em 0;
}
#footer p{
 margin: 0;
}
#footer a{
  color: #ff0101;
}
#text{
 height: auto;
 min-height: 450px;
 _height: 450px;
 width: 600px;
 float: left;
 
}
#bottom {
 	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	min-height: 20px;
	line-height: 20px;
	_height: 20px;
	float: left;
}
#bottom li{
	float: left;
	display: block;
 	padding: 0.2em 10px 0 5px;
 	background: url('../images/microstar.gif') no-repeat right 0.7em;
}
#bottom li.nostar{
 background: transparent;
}
#bottom li a{
	color: #566a69;
}
#bottom li a:hover{
  color: #ff0101;
  text-decoration: none;
}
#topsearch{
 position: absolute;
 top: 0;
 padding-top: 20px;
}
#topsearch a{
	color: #566a69;
}
#topsearch a:hover{
  color: #ff0101;
}
#topsearch input{
 margin-left: 10px;
 background:  #e3e3e3;
 border: none;
}
#topsearch input.button{
 background: #829696 url('../images/hledej.gif') repeat-x left bottom;
 color: #fff;
 font-weight: bold;
 margin-left: 2px;
 padding-left: 0.5em;
 padding-right: 0.5em;
 .font-size: 90%;
}
fieldset{
 margin: 0;
 padding: 0;
 border: none;
}
h5 a{
	color: #566a69;
}
img.ref{
 margin: 5px;
 border: 1px solid #F5F6F6;
}
#archiv{
 display: none;
}
#rightmenu ul li.arch {
 background-image: none;
}
.arch em{
 text-align: right;
 display: block;
 text-decoration: underline;
 padding: 3px 0;
 cursor: pointer;
}