* {
    padding: 0;
    margin: 0;
}
html {
	margin: 0;
	padding: 0;
	width: 100%;
    background-color: #000;
}
body {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: .8em;
	color: #b4b4b4;
	width: 100%;
}
#content {
    width: 750px;
    margin: 0 0 0 10px;
}
.box {
	background-color: #464949;
	width: 230px;
	float:left;
	margin: 0 10px 10px 0;
	height: 100px;
}
.box p {
    padding: 10px 15px 15px 15px;
}
.box:hover {
	background-color: #fff;
	color: #000;
	

}
.fbox {
    width: 225px;
	float:left;
	margin: 0 15px 10px 0;
	border-right: 1px #0ff dotted;
	height: 100px;
}
.last {
    width: 180px;
    border: none;
    margin: 0;
}
#kontakt {
    clear: left;
	margin: 30px 0 0 0;
    width: 695px;
	background-color: #2a2c2c;
    height: 185px;
    padding: 15px 0 0 15px;
    border-top: 1px #5C5C5C dotted;
	background: #000 url(../images/news-bg.jpg) no-repeat;
}
#novinky, #reference_firmy {
    clear: left;
	margin: 30px 0 0 0;
    width: 695px;
	background-color: #2a2c2c;
    padding: 15px 0 0 15px;
	background: #000 url(../images/news-bg.jpg) no-repeat;
	border-top: 1px #5C5C5C dotted;
}
address {
	font-style: normal;
}
.block {
	background-color: #FFFFFF;
	width: 730px;
	padding: 0 20px 0 20px;
	margin: 0 auto 0 auto;
	background-image: url(../images/box-background.gif);
	background-repeat: repeat-y;
}
.fltleft {
	float: left;
	display: block;
}
h1 {
	color: #eee;
	font-weight: normal;
	font-size: 2em;
	margin: 20px 0 0px 0;
	font-variant: small-caps;
}
h2 {
	background: #565858 url(../images/h2.gif) no-repeat left top;
	color: #0ff;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0;
	font-variant: small-caps;
	padding: 10px 0 6px 15px;
	border-bottom: 1px #000 dotted;
}
h3, h4 {
	color: #0ff;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0 0px 0;
	font-variant: small-caps;
}
h4 {
	margin: 10px 0 10px 0;
    font-size: 1.7em;
	font-weight: normal;
	color: #fff;
}
#reference {
    background-color: #000;
    width: 710px;
}

span.red {
	color: #0ff;
	font-size: .8em;
}
span.grey {
	color: #989898;
	font-size: .8em;
}
a {
	color: #0ff;
}
a:hover {
    text-decoration: none;
    background-color: #0ff;
    color: #000;
}
hr {
	clear:both;
	border: 0px;
	margin:0;
	padding:0;
}
.note {
	background-color: #cc3333;
	width: 350px;
	height: 350px;
	background-image: url(../images/paper.gif);
	position: absolute;
}
.margin {
	padding: 20px; 
}
ul {
	margin: 1em 0 1em 0; 
	padding: 0;
}
li {
	background: transparent url(../images/li.gif) no-repeat left 5px;
	list-style-type: none;
	padding: 0 0 .5em 15px;
	margin: 0;
}
.right {
	text-align: right;
}
ul.work {
	background: transparent url(../images/slogan.gif) no-repeat left top;
	padding-top: 80px;
}
ul.work li {
	font-weight: bold;
	padding: 10px 10px .5em 40px;
}
ul.work li.A {
	background: transparent url(../images/lia.gif) no-repeat left top;
}
ul.work li.B {
	background: transparent url(../images/lib.gif) no-repeat left top;
}
ul.work li.C {
	background: transparent url(../images/lic.gif) no-repeat left top;
}
ul.work li.D {
	background: transparent url(../images/lid.gif) no-repeat left top;
}
#content {
	padding-bottom: 20px;
}
#feedback {
	position: absolute;
	left: 760px;
	top: 10px;
	font-size: 10px;
}
#feedback a, #feedbackbutton {
	background-color: #0ff;
	color: #000;
	display: inline-block;
	padding: 2px 7px 2px 7px;
	text-decoration: none;
}
#feedback a:hover, #feedbackbutton:hover {
	background-color: #fff;
}
#hodnoceni {
	background-color: #fff;
	padding: 2px 7px 2px 7px;
	font-size: 11px;
	height: 50px;
}
#hodnoceni p {
	padding: 5px 0 5px 0;
}
#hodnoceni a:hover {
	background-color: #000;
	color: #fff;	
}