@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
html, body {
	background:url(obr/bg.jpg) center top no-repeat fixed #000;
	height:100%;
	min-height:100%;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align:center;
	outline:none;
  color: #fff;
  font-size: 12px;
}
a img {
  border: none;
}
ul {
  text-align: left;
  margin: 22px 0 0 0px;
  border-bottom:#222 1px solid;
  padding: 0 0 50px 0;
}
ul li {
  font-size: 12px;
  color: #09F;
  list-style:square;
  margin: 5px 0 0 14px;
}
p {
  text-align: left;
  margin-top: 3px;
  margin-bottom: 17px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  border-bottom:#222 1px solid;
  padding: 0 0 50px 0;
}
a {
  color: #09F;
  text-decoration: none;
}
a:hover {
  color: #fff;
}

/* HEADERS */

h1 a, h1 a:hover {
  background:url(obr/logo.png) top left no-repeat;
  width: 447px;
  height: 84px;
	text-indent:-5000px;
	margin: 50px 0 0 0;
	float: left;
}
h2 {
  background:url(obr/tvorba-web-stranok.png) top left no-repeat;
  width: 255px;
  height: 23px;
	text-indent:-5000px;
	clear: left;
	margin: 0 0 0 190px;
}

h3#praca {
  background:url(obr/praca.png) top left no-repeat;
  width: 85px;
  height: 26px;
	text-indent:-5000px;
	margin: 90px 0 0 0;
}
h3#corobim {
  background:url(obr/corobim.png) top left no-repeat;
  width: 126px;
  height: 26px;
	text-indent:-5000px;
	margin: 30px 0 0 0;
}
h3#kontakt {
  background:url(obr/kontakt.png) top left no-repeat;
  width: 118px;
  height: 21px;
	text-indent:-5000px;
	margin: 35px 0 25px 0;
}

/* WEB SITE */

#container {
 	margin: 0 auto;
  width: 900px;
}
#footer {
  float: right;
  margin: 0 0 40px 0;
}
#portfolio {
  margin-top: 30px;
  border-bottom:#222 1px solid;
  padding: 0 0 50px 0;
}
.dalsie {
  margin: 0 0 0 15px;
}
.prvy {
  margin: 0;
}
.white {
  color: #fff;
}
.white:hover {
  color: #09F;
  background-color: #000;
}
p a, #footer a, p a:hover, #footer a:hover {
  background-color: #000;
}