@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: white;
	font-size: 13px;
	background: #0e0e0e;
	}
a img {
	border: 0;
	}
img {
	z-index: 20;
	}
.cistic {
	clear:both;
	height:0;
	margin: -1px 0 0 0; 
	padding:0;
	border:none;	
	visibility: hidden;
	display: block;
	}
ul,li,p {
	margin: 0;
	padding: 0;
	}
/* layout */
#hlavni-blok {
	margin: 0 auto;
	width: 960px;
	}
#pozadi {
	width: 100%;
	height: 600px;
	background: red;
	position: absolute;
	z-index: -1;
	background: url(grafika/hlavni-pozadi.jpg) top center repeat-x #0e0e0e;
	}
#pozadi2 {
	width: 100%;
	height: 150px;
	background: red;
	position: absolute;
	z-index: -1;
	background: url(grafika/hlavni-pozadi.jpg) top center repeat-x #0e0e0e;
	}
#logo {
	width: 264px;
	height: 121px;
	float: left;
	}
#menu-logo {
	height: 111px;
	}
#slogan {
	width: 960px;
	height: 42px;
	margin: 49px 0 0 0;
	background:url(grafika/slogan.jpg) top left no-repeat;
	}
#animace {
	margin: 2px 0 0 0;
	padding: 20px 0 0 10px;
	width: 960px;
	height: 332px;
	background: url(grafika/pozadi-animace.jpg) top left no-repeat;
	}
#nase-weby {
	text-align: right;
	float: right;
	}
#nase-weby ul li {
	list-style: none;
	}
#nase-weby ul li a {
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	background: url(grafika/sipka.gif) center right no-repeat;
	padding: 0 20px 0 0;
	}
#nase-weby ul li a:hover {
	color: #ffff00;
	background: url(grafika/sipkahover.gif) center right no-repeat;
	}
#drobek {
	font-size: 11px;
	text-transform: uppercase;
	}
#drobek strong {
	color: white;
	font-weight: bold;
	margin: 0 0 0 10px;
	}
#hlavni-obsah {
	padding: 10px 0 40px 0;
	}
#paticka {
	background: url(grafika/paticka-pozadi.gif) top repeat-x white;
	margin: 10px 0 0 0;
	color: #0E0E0E;
	}
#paticka-unvitr {
	width: 960px;
	padding: 10px 0 40px 0;
	margin: 0 auto;
	}
#odkazovnik {
	padding: 40px 0 40px 0;
	border-top: 1px solid #cbcbcb;
	background: white;
	color: #0E0E0E;
	}
#odkazovnik-uvnitr {
	width: 960px;
	margin: 0 auto;
	}
#odkazovnik-uvnitr a {
	text-transform: uppercase;
	color: #0E0E0E;
	font-size: 10px;
	background: url(grafika/sipka.gif) left no-repeat;
	padding: 0 0 0 16px;
	}
#levy-blok {
	width: 560px;
	float: left;
	}
#levy-blok img {
	padding: 4px;
	border: 1px solid #5f5959;
	}
#levy-blok-uvnitr {
	border-right: 1px solid #5f5959;
	}
#pravy-blok {
	width: 400px;
	float: left;
	}
#pravy-blok-uvnitr {
	}
	
/* menu */
#menu {
	width: 696px;
	height: 100px;
	float: left;
	}
#menu ul li a {
	color: white;
	text-decoration: none;
	display: block;
	height: 31px;
	padding: 15px 0 0 0;
	float: left;
	}
#menu ul li a:hover {
	margin: 3px 0 0 0;
	text-decoration: underline;
	}
#menu ul li.aktivni a:hover {
	margin: 0;
	text-decoration: none;
	}
#menu ul li.aktivni a {
	background: url(grafika/menu-st.gif) top left no-repeat;
	color: black;
	}
#menu ul li span.pr {
	display: block;
	width: 11px;
	height: 41px;
	background: none;
	float: left;
	}
#menu ul li span.le {
	display: block;
	width: 11px;
	height: 41px;
	background: none;
	float: left;
	}
#menu ul li.aktivni span.pr {
	background: url(grafika/menu-pr.gif) bottom right no-repeat;
	}
#menu ul li.aktivni span.le {
	background: url(grafika/menu-le.gif) bottom left no-repeat;
	}

#menu ul {
	margin: 15px 0 0 15px;
	}
#menu ul li {
	float: left;
	padding: 0 4px 0 4px;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	}
/* carousel boxy */
#prvni-box {
	width: 450px;
	float: left;
	margin: 0 60px 20px 0;
	}
#prvni-box h3 {
	position: absolute;
	z-index: 2;
	color: #0E0E0E;
	margin: 14px 0 0 20px;
	}
#druhy-box {
	width: 450px;
	float: left;
	margin: 0 0 20px 0;
	}
#druhy-box h3 {
	position: absolute;
	z-index: 2;
	color: #0E0E0E;
	margin: 14px 0 0 20px;
	}
/* formulář */
.textove-pole-velke {
	width: 480px;
	height: 150px;
	}
.povinne {
	font-weight: bold;
	}
.radek {
	margin: 10px 0 0 0;
	padding: 10px 0 10px 0;
	width: 800px;
	}
.radek-nadpis {
	width: 300px;
	display: block;
	float: left;
	padding: 5px 0;
	}
textarea,input.textove-pole {
	background: white;
	padding: 5px;
	border: 1px solid #404040;
	}
input:focus,textarea:focus {
	background: #FBFF55;
	}
.odesilac {
	margin: 20px 0 0 300px;
	}
/* nahled podlahy */
.nahled-podlahy {
	width: 231px;
	height: 165px;
	float: left;
	margin: 0 12px 20px 0;
	}
.nahled-podlahy2 {
	width: 231px;
	height: 165px;
	float: left;
	margin: 0 0 20px 0;
	}
.nahledy-podlah a img {
	padding: 4px;
	border: 1px solid #5F5959;
	}
.nahledy-podlah a:hover img {
	padding: 4px;
	border: 1px solid #ffff07;
	background: #FFFF07;
	}
.nahledy-podlah h3 {
	margin: 0;
	padding: 0;
	float: left;
	}
.nahledy-podlah h3 a {
	color: ##0E0E0E;
	font-size: 12px;
	height: 18px;
	margin: 0 0 4px 0;
	display: block;
	padding: 0 0 0 5px;
	color: #0AB9E5;
	text-decoration: underline;
	float: left;
	}
.nahledy-podlah h3 a:hover {
	color: #FFFF07;
	}
/* typografie */
a {
	color: #0ab9e5;
	}
a:hover {
	color: #ffff00;
	}
#paticka h3 {
	display: block;
	height: 40px;
	padding: 25px 0 0 30px;
	font-size: 24px;
	color: white;
	background:url(grafika/formular-nadpis-pozadi.gif) top left no-repeat;
	}
#paticka p {
	width: 730px;
	line-height: 24px;
	margin: 0 0 10px 0;
	}
#paticka form {
	margin: 40px 0 0 0;
	}
p.upozorneni {
	background: url(grafika/vykricnik.gif) top left no-repeat;
	padding: 0 0 0 30px;
	}
h1 {
	display: none;
	}
h2 {
	background: url(grafika/h2-pozadi.gif) top left no-repeat;
	display: block;
	height: 40px;
	color: #0E0E0E;
	padding: 25px 0 0 30px;
	font-size: 24px;
	margin: 20px 0 40px 0;
	}
p {
	line-height: 22px;
	margin: 0 0 12px 0;
	}
#cena-bez-dph {
	font-size: 48px;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 1px solid #5f5959;
	padding: 0 0 0 20px;
	}
#cena-bez-dph .zmensit {
	font-size: 18px;
	letter-spacing: 0;
	}
#ceny-s-dph {
	padding: 10px 0 10px 20px;
	line-height: 30px;
	border-bottom: 1px solid #5f5959;
	}
.vetsi {
	font-size: 24px;
	font-weight: bold;
	}
a.kalkulace {
	display: block;
	width: 360px;
	height: 83px;
	background: url(grafika/kalkulace.png) top left no-repeat;
	margin: 20px 0 0 20px;
	}
a:hover.kalkulace {
	background: url(grafika/kalkulace.png) top right no-repeat;
	}
#o-kalkulaci {
	padding: 20px;
	}
#o-kalkulaci p {
	margin: 0 0 10px 0;
	font-style: italic;
	}
#popis-podlahy {
	border-top: 1px solid #5f5959;
	margin: 14px 0 0 0;
	}
#zakladni-info {
	border-bottom: 1px solid #5f5959;
	padding: 10px 20px 10px 0;
	font-weight: bold;
	}
#povrch {
	float: left;
	text-align: right;
	width: 216px;
	font-weight: normal;
	}
#rozmery-lamely {
	width: 63px;
	float: left;
	}
#rozmery-lamely-hodnota {
	width: 260px;
	float: left;
	font-weight: normal;
	}
#popis-podlahy-detail {
	padding: 0 20px 0 0;
	}
#popis-podlahy-detail h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 18px;
	}
.technicke-zmeny {
	margin: 20px 0 0 0;
	}
.cenovka .suma {
	float: right;
	color: #716969;
	font-size: 11px;
	margin: 3px 0 0 0;
	}
.bezdph {
	color: #716969;
	}
.redik {
	color: #E84233;
	}
.povrchy-obrazek img {
	border: 1px solid #5F5959;
	padding: 4px;
	}
.povrchy-obrazek {
	height: 170px;
	float: left;
	margin: 0 20px 0 0;
	}
.povrchy {
	margin: 0 0 100px 0;
	float: left;
	height: 140px;
	}
.povrchy2 {
	margin: 0 0 60px 0;
	float: left;
	height: 140px;
	}
.povrchy h3 {
	margin-top: 0;
	}
.povrchy2 h3 {
	margin-top: 0;
	}
.zpracovani-povrchu .povrch {
	float: left;
	margin: 0 0 15px 5px;
	color: #867e7e;
	}
.zpracovani-povrchu img {
	border: 1px solid #5F5959;
	padding: 4px;
	margin: 4px 0 0 0;
	}
#barvy-jehlicnatych-drevin {
	float: left;
	margin: 0 50px;
	}
#barvy-listnatych-drevin {
	float: left;
	}
#barvy-jehlicnatych-drevin img {
	border: 1px solid #5F5959;
	padding: 4px;
	margin: 3px 0 10px 0;
	}
#barvy-listnatych-drevin img {
	border: 1px solid #5F5959;
	padding: 4px;
	margin: 3px 0 10px 0;
	}
.seda {
	color: #867e7e;
	}
/* napoveda */
a.napoveda {
	display: block;
	width: 13px;
	height: 13px;
	background: url(grafika/otaznik.gif) top left no-repeat;
	float: right;
	margin: 12px 25px 0 0;
	}
a.napoveda span {
	display: none;
	}
a:hover.napoveda span {
	display: block;
	position: absolute;
	background: #0AB9E5;
	color: #0E0E0E;
	width: 250px;
	line-height: 16px;
	}
a:hover.napoveda span span {
	padding: 10px;
	margin: 0 0 0 -273px;
	}
/* kontakty */
#kontakty #praha {
	float: left;
	width: 300px;
	margin: 0 30px 0 0;
	}
#kontakty #brno {
	float: left;
	width: 300px;
	margin: 0;
	}
#kontakty #hradiste {
	float: left;
	width: 300px;
	margin: 0 0 0 30px;
	}
#kontakty .nadpis {
	width: 280px;
	height: 27px;
	background: url(grafika/kontakty-nadpis.gif) top left no-repeat;
	color: #0E0E0E;
	padding: 13px 0 0 20px;
	}
#kontakty .nadpis h3 {
	display: inline;
	font-size: 16px;
	}
#kontakty .nadpis span {
	margin: 0 0 0 10px;
	}
#kontakty .kontakty {
	margin: 10px 0 0 0;
	padding: 0 10px 0 20px;
	}
#kontakty .kontakty-uvnitr {
	border-top: 1px solid #1F1D1D;
	padding: 5px 0 0 0;
	}
#kontakty .adresa-uvnitr {
	margin: 10px 0 0 0;
	padding: 5px 10px 0 20px;
	}
#kontakty .zarovnavac {
	float: left;
	margin: 0 3px 0 0;
	}
#kontakty .oteviraci-doba {
	margin: 10px 0 0 0;
	padding: 0 10px 0 20px;
	}
#kontakty .oteviraci-doba-uvnitr {
	border-top: 1px solid #1F1D1D;
	padding: 5px 0 0 0;
	}
#kontakty .mapka {
	margin: 20px 0 0 0;
	}
#statistiky {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
	}
#akcni-nabidka {
	padding: 0 0 20px 0;
	text-align: center;
	}
#omluva {
	padding: 60px 50px;
	font-size: 300%;
	line-height: 42px;
	}