/*~-~-~-~-~ kamenictvi kubecka (www.kamenickeprace.eu) -~-~-~-~-~ */
/* ~-~-~-~-~-~ gfx via CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Myriad Web', 'Myriad Pro', Myriad, 'Trebuchet MS', 'Helvetica CE', Helvetica, 'Arial CE', Arial, sans-serif;
	font-size: .85em;
	text-align: center;
	color: #fff;
	background: #272726 url("pozadi.jpg") 50% 0 no-repeat fixed;
	/* obrazek z webu stock.xchng: http://www.sxc.hu/ */
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3 {
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 120%;
	color: #e1dae1;
}
h1 { margin: -2px 0 .5em -2px; color: #ff8f00; }
h2, h3 { font-size: 1.6em; }

a { text-decoration: underline; color: #ff8f00; }
a:visited { color: #b39ab3; }
a:hover, a:active { text-decoration: underline; color: #c1c1c1; outline: none; }
a.nahoru:visited { color: #ff8f00; } a.nahoru:hover { color: #c1c1c1; }

p, ul, address, .dr-bek {
	margin: .2em 0 1.2em 0;
	padding: 0;
	line-height: 145%;
	font-size: 1em;
}
ul { padding-left: 1em; list-style-type: square; list-style-position: inside; }
address { font-style: normal; }
.dr-bek { margin-top: 0; margin-bottom: .3em; font-size: .8em; }
.no { margin-bottom: 0; }

sup { font-size: .8em; }

hr, .hr { display: none; }

img { border: none; }

/* ~-~ design obsahu ~-~ */
#stranka {
	position: relative;
	margin: auto; 
	margin-top: 100px;
	width: 770px;
	text-align: left;
}

#logo { position: relative; z-index: 2; top: 0; width: 268px; height: 118px; border: 1px solid #fff; }
#logo-txt a, #logo-txt a span, #logo-txt strong, #logo-txt strong span {
	display: block;	width: 268px; height: 118px; overflow: hidden; background-image: url("kamenictvi-kubecka.jpg");
}
#logo-txt a span, #logo-txt strong span { position: absolute; top: 0; left: 0; background-image: url("kamenictvi-kubecka.jpg"); }
#logo-txt a:hover, #logo-txt a:hover span { background: url("kamenictvi-kubecka.jpg") 0 -120px; }

#obal { position: relative; z-index: 2; min-height: 180px; overflow: auto; }
#obsah { float: right; margin-top: 32px; padding: 0 15px; width: 470px; overflow: auto; }
#sloupek { float: left; margin: 35px 0 0 14px; width: 244px; overflow: auto; }
#sloupek p { margin-top: 0; padding: 0 12px; }
#sloupek p.nav { width: 220px; margin: 0 0 5px 12px; padding: 0; }
#sloupek p.nav a {
	margin: 0; padding: 5px;
	display: block;
	background: #57584d url("polozka.png") top repeat;
	border: 1px solid #7d7d7d;
}
#sloupek p.nav a:hover, #sloupek p.nav a.hover { border: 1px solid #c1c1c1; }

#prodej-pomniku { margin-left: 12px; border: 1px solid #7d7d7d; }
#prodej-pomniku:hover, #prodej-pomniku.hover { border: 1px solid #c1c1c1; }
#prodej-pomniku, #prodej-pomniku span { position: relative; width: 218px; height: 61px; overflow: hidden; background: url("nejprodavanejsi-pomniky.jpg") no-repeat; }
#prodej-pomniku span { position: absolute; top: 0; left: 0; background: url("nejprodavanejsi-pomniky.jpg") no-repeat; }

/* ~-~ uvodka ~-~ */
#rozcestnik { margin: 0; padding: 0; overflow: auto; }
#rozcestnik li { float: left; margin: 0 35px 35px 0; list-style-type: none; border: 1px solid #fff; }
#rozcestnik li:hover { border: 1px solid #c1c1c1; }
#pomniky, #pomniky span { position: relative; width: 198px; height: 174px; overflow: hidden; background: url("pomniky.jpg") no-repeat; }
#pomniky span { position: absolute; top: 0; left: 0; background: url("pomniky.jpg") no-repeat; }
#zahrady, #zahrady span { position: relative; width: 198px; height: 174px; overflow: hidden; background: url("zahrady.jpg") no-repeat; }
#zahrady span { position: absolute; top: 0; left: 0; background: url("zahrady.jpg") no-repeat; }
#dum, #dum span { position: relative; width: 198px; height: 174px; overflow: hidden; background: url("domy.jpg") no-repeat; }
#dum span { position: absolute; top: 0; left: 0; background: url("domy.jpg") no-repeat; }
#ostatni, #ostatni span { position: relative; width: 198px; height: 174px; overflow: hidden; background: url("ostatni.jpg") no-repeat; }
#ostatni span { position: absolute; top: 0; left: 0; background: url("ostatni.jpg") no-repeat; }

/* ~-~ hlavni nabidka ~-~ */
/*#logo a, #menu a { color: #000; }*/
#menu {
	position: absolute;
	margin: auto;
	margin-left: 270px;
	z-index: 2;
	top: 0;
	width: 500px;
	height: 120px;
	/*background-color: #cc671e;*/
}
#menu ul { margin: 0; padding: 0; width: 500px; height: 120px; }
#menu li { float: left; list-style-type: none; }

#kdo-jsme, #co-delame, #z-ceho, #za-kolik { position: relative; }

#kdo-jsme, #kdo-jsme span, #kdo-jsme a span, #kdo-jsme a:hover span, #kdo-jsme strong, #kdo-jsme strong span {
	width: 125px; height: 120px;
	overflow: hidden;
	background-image: url("menu.jpg");
}
#kdo-jsme span, #kdo-jsme a span { position: absolute; top: 0; left: 0; background-image: url("menu.jpg"); }
#kdo-jsme a:hover span, #kdo-jsme strong span { background-position: 0 -120px; }

#co-delame, #co-delame span, #co-delame a span, #co-delame a:hover span, #co-delame strong, #co-delame strong span {
	width: 125px; height: 120px;
	overflow: hidden;
	background: url("menu.jpg") -125px 0;
}
#co-delame span, #co-delame a span { position: absolute; top: 0; left: 0; background: url("menu.jpg") -125px 0; }
#co-delame a:hover span, #co-delame strong span { background-position: -125px -120px; }

#z-ceho, #z-ceho span, #z-ceho a span, #z-ceho a:hover span, #z-ceho strong, #z-ceho strong span {
	width: 125px; height: 120px;
	overflow: hidden;
	background: url("menu.jpg") -250px 0;
}
#z-ceho span, #z-ceho a span { position: absolute; top: 0; left: 0; background: url("menu.jpg") -250px 0; }
#z-ceho a:hover span, #z-ceho strong span { background-position: -250px -120px; }

#za-kolik, #za-kolik span, #za-kolik a span, #za-kolik a:hover span, #za-kolik strong, #za-kolik strong span {
	width: 125px; height: 120px;
	overflow: hidden;
	background: url("menu.jpg") -375px 0;
}
#za-kolik span, #za-kolik a span { position: absolute; top: 0; left: 0; background: url("menu.jpg") -375px 0; }
#za-kolik a:hover span, #za-kolik strong span { background-position: -375px -120px; }

/* ~-~ paticka ~-~ */
#paticka { margin-top: 35px; }
#paticka-in { height: 34px; text-align: center; background: #a0a091 url("paticka-in.jpg") bottom no-repeat; border: 1px solid #fff; }
#paticka-in p { margin-top: 7px; }
#paticka-in a, #stats a { color: #fff; }
#paticka-in a:hover, #stats a:hover { color: #c1c1c1 }
#design { font-size: .9em; }
#stats { height: 1px; }
#odkazy { margin: 5px 0 -10px 0; text-align: center; font-size: .7em; color: #c1c1c1; }
#odkazy a { color: #999; }
#odkazy a:hover { color: #fff; }

/* ~-~ doplnky ~-~ */
#tapeta-1 { position: absolute; z-index: 0; top: 47px; width: 100%; height: 375px; background: url("pozadi-dekorace.png") 50% 0 no-repeat; }

.foto { padding-bottom: .8em; }
.foto img { margin: 0 2px 2px 0; border: 1px solid #fff; }
.foto a:hover img { border: 1px solid #c1c1c1; }

.polozka {
	float: left;
	margin: 0 10px 10px 0; padding: 5px; width: 210px;
	text-align: center;
	background: #57584d url("polozka.png") top repeat;
	border: 1px solid #7d7d7d;
	cursor: pointer;
}
.polozka:hover, .polozka.hover, .detail img:hover, .detail img.hover { border: 1px solid #c1c1c1; }
.polozka h2 { margin: 0; /*font-size: 1.6em; letter-spacing: -1px;*/ }
.polozka p, .detail p { text-align: left; margin: 0 0 5px 0; padding: 0; }
.polozka img, .detail img { margin-top: 5px; border: 1px solid #7d7d7d; }
.objednat { margin: 10px -5px 1px -5px; height: 30px; line-height: 30px; font-size: 1.2em; border-top: 1px solid #e28011; }
.objednat a { display: block; padding: 3px 0; color: #fff; font-weight: bold; background: #dd700f url("objednat.png"); }
.objednat a:hover { color: #e0e2e1; background-color: #e56600; }

/* ~-~ detail pomniku ~-~ */
#obsah.detail { float: none; width: auto; }
.detail { overflow: auto; }
.detail img { margin: 4px 10px 10px 0; float: left; }

.vlevo { float: left; }
.vpravo { float: right; }
.stred { text-align: center !important; }
.uklizec { clear: both; }

/* ~-~ tabulky ~-~ */
table { margin: 0 0 1em 0; border-collapse: collapse; width: 100%; }
table td { padding: 5px 0; text-align: left; border-bottom: 1px solid #6d6d6d; }
table th { font-weight: bold; font-size: 1.4em; }
table strong { font-size: 1.2em; }
.prvni { width: 70%; }
.druha { width: 10%; }
.treti { width: 20%; }

/* ~-~ formulare ~-~ */
.mail-form { padding: 0; margin-bottom: 1em; }
.mail-form label { margin-top: .2em; font-size: .9em; }
.mail-form .linka { /*clear: both;*/ padding-top: 7px; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { /*float: left; width: 82px;*/ margin-right: 5px; /*text-align: right;*/ }
.mail-form .linka span.pole { /*float: left; text-align: left;*/ display: block; }
.mail-form .posun { /*margin-left: 86px;*/ }

form.valid label.error {
	margin-left: 5px;
	font-size: 1em; font-weight: bold;
	color: #ff8f00;
}