/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* obecne styly */
body {color: #fff; background: #292a31; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0; border-top: 3px solid #dd0024;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; line-height: 1.4em;}
h1 {font-size: 1.8em; margin-bottom: .3em;}
h2 {font-size: 1.2em; color: #2B365B; margin-bottom: 0;}
h3 {font-size: 1.1em; color: #d8dfe1; margin-bottom: .5em;}

p {font-size: .9em; margin: 0 0 1em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}
strong {font-weight: bold;}
em {font-style: italic;}

img {border: 0;}

table {font-size: .9em; margin-bottom: 1em;}
th {text-align: left;}

hr {background: #8a8c94; color: #8a8c94; border: 0; height: 3px; margin: 0 0 2em 0;}
a {color: #dd0024;}

/* layout */
.hlavicka-obsah {background: url(/gfx/hlavicka-obsah.png) top left repeat-x; background-color: #d8dfe1; color: #2e3037;}
.hlavicka {background: url(/gfx/linka.png) bottom center no-repeat; position: relative; height: 100px; margin-bottom: 25px;}
.obsah {text-align: left;}
.pruh {background: url(/gfx/pruh.png) top left repeat-x; background-color: #2e3037; color: #bcbdc4; text-align: left; padding: 2em 0 .5em 0;}
.paticka {background: url(/gfx/paticka.png) top left repeat-x; background-color: #292a31; color: #676970; padding: 2em 0;}
.zprava-doleva, .zleva-doprava {position: relative; top: 0; margin-bottom: 30px; z-index: 1;}
.zprava-doleva {right: 470px;}
.zleva-doprava {left: 470px;}

/* obsah */
.logo {margin-top: 1.2em;}

.nav {font-size: .8em;}
	.nav li {display: inline;}

.hlavicka .nav {padding: 3em 0 0 0; text-align: right;}
	.hlavicka .nav li {margin: 0 1.5em;}
	.hlavicka .nav a {color: #22252c; text-decoration: none;}
	.hlavicka .nav a.zde {color: #dd0024;}
	
.obsah p.ctverec {padding-bottom: 1em; background: 0% 100% url(/gfx/ctverec-sv.png) no-repeat;}
.obsah ul li {background: url(/gfx/odrazka.png) 0px 7px no-repeat; position: relative; padding-left: .8em;}

.video {padding-bottom: 40px;}
	.video .grid_6 {position: relative; height: 375px;}
		.video .novinka {position: absolute; bottom: 0; left: 0;}

table.zakladni {width: 460px;}
	table.zakladni th, table.zakladni td {line-height: 1.4em;}
	table.zakladni th {font-weight: bold;}
	
.objednavka {padding: 1.5em; background: #C7CDD5; border: 1px solid #bdc6c9;}
	.objednavka h3 {color: #000; font-size: 1em; margin: .5em 0;}
	.objednavka table {margin-bottom: 2em;}
		.objednavka th {font-weight: normal; padding-right: 1em;}
		.objednavka td {padding: .5em 0;}
			.objednavka td img {vertical-align: middle;}
			.objednavka td input {padding: .3em; width: 200px; vertical-align: middle; margin-right: .5em;}
				.objednavka td input#hoste {width: 2em;}
	.objednavka textarea {padding: .3em; width: 365px; height: 135px;}
	.objednavka p {line-height: 2em; margin-bottom: 2em;}
		.objednavka p input {position: relative; top: .1em;}
	.objednavka p.m0 {margin: 0;}
	
.obsah h3 {color: #2E3037; font-size: 1.1em; margin-bottom: 0;}

.katalog ul {margin-bottom: 2em;}
.katalog ul li {font-size: .8em; padding-left: .6em; background-position: 0px 5px; margin-bottom: .5em;}
.katalog p {margin: 0 0 .3em 0; font-weight: bold;}
	
.chyba {background: #c00; color: #fff; padding: 10px;}
h2.chyba {margin: 0;}
ul.chyba {list-style: square; margin-top: 0;}
ul.chyba li {margin-left: 2em; background: 0; padding: 0;}
	
.pruh h3 {color: #d8dfe1; background: url(/gfx/ctverec-tm.png) 0px 4px no-repeat; font-weight: bold; font-size: 1.1em; margin-bottom: .4em; padding-left: 20px;}
	.pruh p {padding-left: 20px;}

.pruh .nav {padding: 1em 0; text-align: center;}
	.pruh .nav li {margin: 0 2em;}
	.pruh .nav a {color: #8a8c94;}
	.pruh .nav a.zde {color: #fff;}

.paticka p {margin: 0; font-size: .8em;}
	.paticka p a {color: #676970; margin-left: 2em;}
	
.polozka {text-align: center;}
	.polozka img {display: block; border: 1px solid #bdc6c9; margin-bottom: 1em;}
	.polozka h2 {line-height: 1.2em; height: 2.5em; overflow: hidden;}
		.polozka h2 sub {font-size: .5em;}
	.polozka .cislo {font-size: .7em; margin-bottom: 0;}
	.polozka .katalogova-cena {font-size: 1.1em; margin-bottom: 0; text-decoration: line-through;}
	.polozka .akcni-cena {font-size: 1.3em; color: #dd0024;}

/* obecne tridy */
.centr {text-align: center;}
.vpravo {text-align: right;}
.vlevo {text-align: left;}

.clr {border: 0; clear: both; display: block; height: 0; margin: 0; visibility: hidden;}
.oddelovac {color: #b1b7bf; background: #b1b7bf; border: 1px; height: 1px; margin: 0 20px 2em 0; clear: both;}

.pl {float: left;}
.pp {float: right;}

.m0 {margin: 0;}
.mn1 {margin-top: 1em;}
.md1 {margin-bottom: 1em;}
.ml1 {margin-left: 1em;}
.mp1 {margin-right: 1em;}

.p-cervene {color: #dd0024;}
.p-sede {color: #2E3037;}