* {
	padding: 0px;
	margin: 0px;
	color: #d8d8d8;
}

body {
	background-color: black;
	background-image: url('../img/bg.png');
	padding-top: 5px;
	text-align: left;
}

h1 {
  color: white;
}

a, a:hover, a:link, a:visited, a:active {
	text-decoration: none;
	color: #d8d8d8;
}

p {
  text-align: justify;
  color: white;
}

.info {
	color: #8f8f8f;
}

.error {
	color: #8f8f8f;
}

.ramecek {
	background-color: rgba(0, 0, 0, 0.52);
	width: 550px;
	padding: 5 5 5 5;
	border: 1px solid;
	color: #fff;
}


.spolecna {
	margin: 0 auto;
	width: 946px;
}

.spolecnaI {
	margin: 0 auto;
	width: 565px;
}

.spolecnaII {
	margin: 0 auto;
	width: 200px;
}

.spolecnaIII {
	margin: 0 auto;
	width: 172px;
}

.dlazdice {
	background-color: rgba(0, 0, 0, 0.52);
	width: 165px;
	height: 34px;
	padding: 5 5 5 5;
	margin: 5 5 5 6;
	border: 1px solid;
	color: #999;
}

.dlazdiceI {
	background-color: rgba(0, 0, 0, 0.52);
	width: 20px;
	height: 25px;
	padding: 5 5 5 5;
	margin: 5 5 5 6;
	border: 1px solid;
	color: #999;
}

.dlazdiceII {
	background-color: rgba(0, 0, 0, 0.52);
	width: 255px;
	height: 25px;
	padding: 5 5 5 5;
	margin: 5 5 5 6;
	border: 1px solid;
	color: #999;
}

#left { 
  float: left; 
}

#right { 
  float: right; 
}

.footer a:hover {
  text-decoration: underline;
}