/* Obecna nastaveni */
body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #C4050A;
}
/* Obal stranek (centrovani) */
.wrapper {
	width: 1020px;
	margin: 0 auto;
}
.cleaner {
	clear: both;
}
/* Hlavicka */
.page-bg {
	width: 735px;
	height: 490px;
	z-index: -1;
}
#home-page-bg {
	background: url('../img/home-page-bg.jpg') no-repeat;
}
#services-page-bg {
	background: url('../img/services-page-bg.jpg') no-repeat;
}
#gallery-page-bg {
	background: url('../img/gallery-page-bg.jpg') no-repeat;
}
#contact-page-bg {
	background: url('../img/contact-page-bg.jpg') no-repeat;
}
#page-title {
	position: absolute;
	top: 50px;
	width: 200px;
	height: 70px;
}
#page-title h1 {
	position: relative;
	left: 600px;
	color: #A19A99;
}
/* Hlavni navigace */
#navigation {
	position: absolute;
	width: 9999px;
	top: 370px;
}
#navigation ul {
	position: relative;
	left: 745px;
	margin: 0;
	padding: 0;
}
#navigation ul li {
	list-style: none;
	margin: 7px 0 0 0;
	padding: 1px;
}
#navigation ul li a {
	color: #9A918E;
	text-decoration: none;
}
#navigation ul li.active {
	padding: 1px;
	background: #7F756E;
}
#navigation ul li.active a {
	color: #ffffff;
}
#navigation ul li:hover {
	padding: 1px;
	background: #A19A99;
}
#navigation ul li:hover a {
	color: #7F756E;
}
/* Obsah */
#content {
	background: #A19A99;
	text-align: center;
}
#content h2 {
	text-align: center;
}
.one-col {
	width: 80%;
	padding: 2%;
	margin: 0 auto;
}
.two-col {
	width: 46%;
	padding: 2%;
	float: left;
}
#gallery table {
	width: 1000px;
	margin: 0 auto;
}
img.gallery-img {
	width: 180px;
}
/* Paticka */
div#webpages {
	width: 750px;
	margin: 0 auto;
}
a.webpage {
	display: block;
	width: 250px;
	height: 104px;
	float: left;
	text-indent: -9999em;
}
a#bebeautiful {
	background: url('../img/bb-banner-noactive.png');
}
a#bebeautiful:hover {
	background: url('../img/bb-banner-active.png');
}
a#atrvaladepilace {
	background: url('../img/atrvaladepilace-banner-noactive.png');
	float: left;
}
a#atrvaladepilace:hover {
	background: url('../img/atrvaladepilace-banner-active.png');
}
a#kosmetikaradka {
	background: url('../img/kosmetikaradka-banner-noactive.png');
	float: left;
}
a#kosmetikaradka:hover {
	background: url('../img/kosmetikaradka-banner-active.png');
}
#footer {
	width: 1020px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	clear: both;
}
#bottom {
	width: 100%;
	padding: 10px 10px 10px 10px;
	margin: 0 0 50px 0;
	font-size: 0.7em;
	color: #A19A99;
	border-top: 2px solid #A19A99;
	border-bottom: 2px solid #A19A99;
	clear: both;
}
#copyright {
	float: left;
}
#copyright a {
	text-decoration: none;
	color: #A19A99;
}
#copyright a:hover {
	color: #7F756E;
}
a#pit-banner {
	display: block;
	width: 70px;
	height: 27px;
	float: left;
	text-indent: -9999em;
	background: url('../img/pit-noactive.png');
	margin: 0 20px 0 10px;
}
a#pit-banner:hover {
	background: url('../img/pit-active.png');
}
#navigation-footer ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation-footer ul li {
	float: left;
	margin: 0 10px 0 0;
}
#navigation-footer ul li a {
	font-size: 1.1em;
	line-height: 2em;
	color: #A19A99;
	text-decoration: none;
}
#navigation-footer ul li a:hover {
	color: #7F756E;
}
/* Page 404 */
#page404 {
	text-align: center;
	padding: 10px 0 10px 0;
}
#page404 h1 {
	margin: 0;
	padding: 0 0 10px 0;
	color: red;
}
/* Kontaktni stranka */
table.contact_page {
  text-align: left; 
  margin-left: 50px;
}
table.contact_page td {
  width: 90px;
}
h2.contact_page {
  font-size: 1em;
  padding: 0px;
  margin: 0px;
}
img#rezidence {
	width: 250px;
}
p.error, p.success {
  text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid;
}
p.error {
	background: #ffc0c0;
	color: #900;
}
p.success {
	background: #b3ff69;
	color: #4fa000;
}