/** BASIC */

html {
	min-width: 980px;
}

body {
	margin: 0;
	padding: 0;
	background: #EEECE6 url(images/background.gif) center top no-repeat;
	font: 13px/24px "trebuchet ms";
	color: #ffffff;
}

body#fotka {
	background-image: none;
}

h1 {
	margin: 14px 0 0 0;
	font-size: 0;
	text-indent: -9999px;
}

h1 a {
	width: 202px;
	height: 48px;
	float: right;
	background: url(images/logo.gif);
}

h2 {
	display: none;
}

h3 {
	margin: 0 0 12px 0;
	font-size: 15px;
}

#homepage h3 {
	display: none;
}

h4 {
	margin: 0 0 12px 0;
	font-size: 13px;
}

p {
	margin-top: 0;
	margin-bottom: 12px;
}

ol,
ul {
	margin: 0 0 12px 0;
	padding: 0 0 0 30px;
}

form {
	margin: 0px;
	padding: 0px;
}

input, select, textarea {
	font: 13px "Lucida Sans Unicode", "trebuchet MS";
	color: #000000;
}

.input {
	width: 300px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #A90038;
}

.submit {
	padding: 4px 5px;
	background: #A90038;
	border: 1px solid #FFE7F0;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

textarea {
	width: 304px;
	height: 177px;
	margin-bottom: 20px;
	padding: 3px;
	border: 1px solid #A90038;
	overflow: auto;
}

a {
	color: #ffffff;
	text-decoration: underline;
}

a:hover {
	color: #E8E6DD;
}

a img {
	border: none;
}

.cleaner {
	clear: both;
}

.img1 {
	margin: 0 6px 3px 0;
	padding: 3px;
	background: #FFFFFF;
	border: 1px solid #998E66;
}

.img2 {
	margin: 0 0 3px 6px;
	padding: 3px;
	background: #FFFFFF;
	border: 1px solid #998E66;
}

.red {
	color: #FF0000;
}

.green {
	color: #008000;
}

/** LAYOUT */

#header {
	width: 980px;
	margin: 0 auto;
}

#menu {
	padding-top:16px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	height: 32px;
	float: left;
	font-size: 0;
	text-indent: -9999px;
}

#menu a:hover {
	background-position: 0 -32px;
}

#menu1 {
	width: 75px;
	background: url(images/menu1.gif);
}

#menu2 {
	width: 148px;
	background: url(images/menu2.gif);
}

#menu3 {
	width: 102px;
	background: url(images/menu3.gif);
}

#menu4 {
	width: 130px;
	background: url(images/menu4.gif);
}

#image {
	height: 323px;
	background: url(images/image.jpg);
}

#content {
	width: 980px;
	clear: both;
	margin: 10px auto;
}

#homepage #submenu {
	width: 393px;
	float: right;
}

#subpage1 #submenu,
#subpage2 #submenu {
	height: 40px;
	background: #DAD6C8;
}

#submenu h3 {
	width: 109px;
	height: 40px;
	margin: 0;
	float: left;
	background: #AAA080 url(images/nase-sluzby.gif);
	font-size: 0;
	text-indent: -9999px;
}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu li {
	display: inline;
}

#homepage #submenu a {
	width: 131px;
	height: 36px;
	float: left;
	font-size: 0;
	text-indent: -9999px;
}

#subpage1 #submenu a,
#subpage2 #submenu a {
	height: 40px;
	float: left;
	font-size: 0;
	text-indent: -9999px;
}

#homepage #submenu a:hover {
	background-position: 0 -36px;
}

#subpage1 #submenu a:hover,
#subpage2 #submenu a:hover {
	background-color: #FFFFFF;
	background-position: 0 -40px;
}

#submenu-homepage1 {
	background: #EAAA4A url(images/submenu-homepage1.gif);
}

#submenu-homepage2 {
	background: #DA4C7E url(images/submenu-homepage2.gif);
}

#submenu-homepage3 {
	background: #333333 url(images/submenu-homepage3.gif);
}

#left {
	float: left;
}

#homepage #left,
#subpage2 #left {
	width: 587px;
}

#subpage1 #left {
	width: 384px;
}

#right {
	float: right;
}

#homepage #right {
	width: 393px;
}

#subpage1 #right {
	width: 538px;
	min-height: 316px;
	-height: 316px;
	padding: 20px 38px 27px 20px;
}

#subpage2 #right {
	width: 333px;
	min-height: 327px;
	-height: 327px;
	padding: 25px 30px 11px 30px;
}

.box {
	height: 249px;
	clear: both;
	padding: 27px 30px 11px 30px;
	overflow: hidden;
	line-height: 23px;
}

.box p {
	margin-bottom: 14px;
}

#box1 {
	background: #EAAA4A;
}

#box2 {
	display: none;
	background: #DA4C7E;
}

#box3 {
	display: none;
	background: #333333;
}

#bottom {
	background: #C6C0AA url(images/background-bottom.gif) center top no-repeat;
	-background-position: center 10px;
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;
}

#menu-bottom {
	width: 980px;
	height: 198px;
	margin: 0 auto;
	background: #ffffff;
}

#menu-bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-bottom li {
	display: inline;
}

#menu-bottom a {
	width: 188px;
	height: 198px;
	float: left;
	margin-right: 10px;
	font-size: 0;
	text-indent: -9999px;
}

#menu-bottom a:hover {
	background-position: 0 -198px;
}

#menu-bottom1 {
	background: url(images/menu-bottom1.jpg);
}

#menu-bottom2 {
	background: url(images/menu-bottom2.jpg);
}

#menu-bottom3 {
	background: url(images/menu-bottom3.jpg);
}

#menu-bottom4 {
	background: url(images/menu-bottom4.jpg);
}

#menu-bottom5 {
	background: url(images/menu-bottom5.jpg);
}

#menu-bottom a#menu-bottom5 {
	margin: 0;
}

#footer {
	height: 300px;
	padding: 20px 0;
	background: #B1A98B url(images/background-footer.jpg) center top no-repeat;
}

#menu-footer {
	width: 817px;
	-width: 817px;
	padding-left: 163px;
	margin: 0 auto;
}

#menu-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-footer li {
	display: inline;
}

#menu-footer a {
	float: left;
	margin-right: 15px;
	padding-left: 24px;
	background: url(images/menu-footer.gif) 0 4px no-repeat;
}

#copyright {
	width: 906px;
	clear: both;
	margin: 0 auto;
	padding-top: 12px;
	padding-right: 74px;
	text-align: center;
}

/** SUBPAGE 1 */

#left h4 {
	margin: 0;
	padding: 8px 15px;
	background: #AAA080;
}

#box {
	clear: both;
	padding: 16px 0 33px 20px;
}

#subpage2 #box {
	padding: 10px 20px 3px 20px;
	color: #71684A;
}

#submenu1 {
	width: 90px;
	background: url(images/submenu1.gif);
}

#submenu2 {
	width: 85px;
	background: url(images/submenu2.gif);
}

#submenu3 {
	width: 82px;
	background: url(images/submenu3.gif);
}

#submenu4 {
	width: 72px;
	background: url(images/submenu4.gif);
}

#submenu5 {
	width: 85px;
	background: url(images/submenu5.gif);
}

#submenu6 {
	width: 125px;
	background: url(images/submenu6.gif);
}

#submenu7 {
	width: 101px;
	background: url(images/submenu7.gif);
}

#submenu8 {
	width: 72px;
	background: url(images/submenu8.gif);
}

#submenu9 {
	width: 137px;
	background: url(images/submenu9.gif);
}

.kosmetika h1 a {
	background: url(images/logo-kosmetika.gif);
}

.manikura h1 a {
	background: url(images/logo-manikura.gif);
}

.pedikura h1 a {
	background: url(images/logo-pedikura.gif);
}

.masaze h1 a {
	background: url(images/logo-masaze.gif);
}

.solarium h1 a {
	background: url(images/logo-solarium.gif);
}

.modelaz-nehtu h1 a {
	background: url(images/logo-modelaz-nehtu.gif);
}

.zabaly-tela h1 a {
	background: url(images/logo-zabaly-tela.gif);
}

.bioplus h1 a {
	background: url(images/logo-bioplus.gif);
}

.prodej-kosmetiky h1 a {
	background: url(images/logo-prodej-kosmetiky.gif);
}

.o-salonu-afrodita h1 a {
	background: url(images/logo-o-salonu-afrodita.gif);
}

.kontakt h1 a {
	background: url(images/logo-kontakt.gif);
}

.administrace h1 a {
	background: url(images/logo-administrace.gif);
}

.kosmetika #submenu1,
.manikura #submenu2,
.pedikura #submenu3,
.masaze #submenu4,
.solarium #submenu5,
.modelaz-nehtu #submenu6,
.zabaly-tela #submenu7,
.bioplus #submenu8,
.prodej-kosmetiky #submenu9 {
	background-color: #FFFFFF;
	background-position: 0 -40px;
}

.kosmetika #image {
	background: url(images/image-kosmetika.jpg);
}

.manikura #image {
	background: url(images/image-manikura.jpg);
}

.pedikura #image {
	background: url(images/image-pedikura.jpg);
}

.masaze #image {
	background: url(images/image-masaze.jpg);
}

.solarium #image {
	background: url(images/image-solarium.jpg);
}

.modelaz-nehtu #image {
	background: url(images/image-modelaz-nehtu.jpg);
}

.zabaly-tela #image {
	background: url(images/image-zabaly-tela.jpg);
}

.bioplus #image {
	background: url(images/image-bioplus.jpg);
}

.prodej-kosmetiky #image {
	background: url(images/image-prodej-kosmetiky.jpg);
}

.o-salonu-afrodita #image,
.administrace #image {
	background: url(images/image-o-salonu-afrodita.jpg);
}

.kosmetika #content {
	background: url(images/background-kosmetika.gif);
}

.manikura #content {
	background: url(images/background-manikura.gif);
}

.modelaz-nehtu #content {
	background: url(images/background-modelaz-nehtu.gif);
}

.pedikura #content {
	background: url(images/background-pedikura.gif);
}

.masaze #content {
	background: url(images/background-masaze.gif);
}

.solarium #content {
	background: url(images/background-solarium.gif);
}

.modelaz-nehtu #content {
	background: url(images/background-modelaz-nehtu.gif);
}

.zabaly-tela #content {
	background: url(images/background-zabaly-tela.gif);
}

.bioplus #content {
	background: url(images/background-bioplus.gif);
}

.prodej-kosmetiky #content {
	background: url(images/background-prodej-kosmetiky.gif);
}

.o-salonu-afrodita #content {
	background: url(images/background-o-salonu-afrodita.gif);
}

.kontakt #content {
	background: url(images/background-kontakt.gif);
}

.administrace #content {
	background: url(images/background-administrace.gif);
}

.kosmetika #right {
	background: #B48A60;
}

.manikura #right {
	background: #0095C7;
}

.pedikura #right {
	background: #D40045;
}

.masaze #right {
	background: #93C86C;
}

.solarium #right {
	background: #A63939;
}

.modelaz-nehtu #right {
	background: #B6558E;
}

.zabaly-tela #right {
	background: #F26522;
}

.bioplus #right {
	background: #72754A;
}

.prodej-kosmetiky #right {
	background: #005B7F;
}

.o-salonu-afrodita #right {
	background: #EAAA4A;
}

.kontakt #right {
	background: #DA4C7E;
}

.administrace #right {
	background: #333333;
}

/** SUBPAGE 2 */

/** ADDED */

.kontakt #left h4 {
	width: 263px;
	float: left;
}

#left a {
	color: #AAA080;
}

#left a:hover {
	color: #71684A;
}

table {
	margin-bottom: 12px;
}

.editace {
	font-size: 0;
}

.editace img {
	margin-top: 4px;
	margin-right: 5px;
}

span.editace {
	display: block;
	float: left;
}

#strankovani-top,
#strankovani-bottom {
	font-weight: bold;
	text-align: right;
}

#strankovani-top {
	margin-bottom: -24px;
}

#strankovani-bottom {
	margin-bottom: 12px;
}

.administrace .input,
.administrace textarea {
	border-color: #000000;
}

.administrace .submit {
	background-color: #000000;
	border-color: #EEEEEE;
}

.login .input {
	width: 200px;
}

.login .submit {
	margin-top: 15px;
}

/** ADDED */

#banner {
	width: 980px;
	height: 100px;
	margin: 0 auto 25px auto;
	border: 10px solid #fff;
}