body {
	font-size: 62.5%;
	font-family: sans-serif; 
	color: #000000;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	background: #919296 url(css-images/bg-body.png) repeat-x left top;
}
#page {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	background: #f7f7f7;
	overflow: hidden;
}
#header {
	height: 269px;
	overflow: hidden;
	position: relative;
	padding-top: 25px;
	background: url(css-images/bg-header.jpg) no-repeat 0px 22px;
}
#current a {
	display: block;
	position: absolute;
	left: 22px;
	top: 27px;
	width: 205px;
	height: 115px;
	overflow: hidden;
	font-size: 140%;
}
#current a span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	width: 205px;
	height: 115px;
	overflow: hidden;
	background: transparent url(css-images/logo.jpg) no-repeat left top;
}
a#menujump {
	width: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}
#main {
	width: 694px;
	=width: 724px;
	float: left;
	position: relative;
	left: 236px;
	margin: 0;
	padding: 15px;
	overflow: hidden;
	font-size: 120%;
}
#sidebar {
	width: 236px;
	float: left;
	position: relative;
	top: -150px;
	left: -724px;
	padding: 15px 0;
	margin: 0 0 -140px 0;
	overflow: hidden;
	font-size: 100%;
}
#footer {
	clear: both !important;
	height: 67px;
	padding: 10px;
	margin: 0;
	background: url(css-images/bg-footer.png) repeat-x left top;
}
#footer p {
	font-size: 120%;
	margin: 0;
	padding: 0;
}
p#interesting {
	padding: 25px 0 0 0;
	margin: 0;
	color: #eeeeee;
	font-size: 100%;
}
p#interesting a {
	color: #eeeeee;
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
}
p#interesting a:hover {
	color: #ffffff;
	text-decoration: none;
}
#menu {
	margin-bottom: 15px;
}
#menu h2 {
	text-transform: uppercase;
	color: #909195;
	padding-left: 23px;
	font-size: 130%;
}
#menu h2 strong {
	display: none;
}
#menu ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}
#menu li li{
	font-size: 100%;
}
#menu li a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 3px 23px 0 23px;
	text-decoration: none;
	font-size: 120%;
	color: #ffffff;
	background: #b80000 url(css-images/menu-a.gif) no-repeat left top;
}
#menu li li a {
	color: #b80000;
	background: #eeeeee url(css-images/menu-a.gif) no-repeat left bottom;
}
#menu li a:hover {
	text-decoration: underline;
}
#menu a.ancestor, 
#menu a.current {
	font-weight: bold;
}

X#page2 {width: 950px; overflow: auto; height: 100%; background: white; }
#center {text-align: center;}
#left {width: 197px; float: left; text-align: right; margin: 0; padding: 0;}
#right {width: 753px; float: left; margin: 0; padding: 0;}

#head {border: none; width: 950px; height: 147px; background: url(images/new-head.jpg) no-repeat left bottom; margin-top: 5px;}
#head2 {border: none; width: 197px; height: 41px; background: url(images/new-head2.jpg); margin-top: 0; position: relative;}

#spacer {width: 197px; height: 450px;}

#obsah {margin: 0px; width: 753px; min-height: 500px; background: #FFFFFF;}

#spodek {width: 950px; height: 176px;}
#spacer2 {width: 810px; height: 75px; float: left;}
#cara {width: 810px; height: 59px; background: url(images/cara.jpg);float: left;}
#paka {width: 140px; height: 176px; background: url(images/paka.jpg); float: right;}

h1, h2, h3, h4 {font-weight: bold;}
h1 {font-size: 145%; margin: 0 0 0 20px;}
h2 {font-size: 120%; margin: 0 0 0 20px;}
h3 {font-size: 110%; margin: 0 0 0 20px;}
h4 {font-size: 100%; margin: 0 0 0 20px;}

a {
	text-decoration: underline;
	color: #b50000;
}
a:hover {
	text-decoration: none;
}

#empty {
	display: block;
	width: 197px;
	height: 19px;
	background-possition: left;
	background-image: url(buttons/empty.gif);
}
#bytalarmy {background-image: url(buttons/bytalarmy.gif);}
#zamykaniped {background-image: url(buttons/zamykaniped.gif);}
#taznazarizeni {background-image: url(buttons/tazna-zarizeni.gif);}
#delivery {background-image: url(buttons/delivery.gif);}


a #kalendar {width: 197px; height: 19px; background: url(buttons/kalendar.gif) left;}
a:hover #kalendar {width: 197px; height: 19px; background: url(buttons/kalendar.gif) right; _cursor:hand;}

a #uvod {float: left;width: 80px; height: 18px; background: url(buttons/uvod.gif) left;}
a:hover #uvod {float: left;width: 80px; height: 18px; background: url(buttons/uvod.gif) right; _cursor:hand;}
a #kontakt {float: left;width: 55px; height: 18px; background: url(buttons/kontakt.gif) left;}
a:hover #kontakt {float: left;width: 55px; height: 18px; background: url(buttons/kontakt.gif) right; _cursor:hand;}
a #kdenas {float: left;width: 109px; height: 18px; background: url(buttons/kdenas.gif) left;}
a:hover #kdenas {float: left;width: 109px; height: 18px; background: url(buttons/kdenas.gif) right; _cursor:hand;}
a #odhad {float: left;width: 166px; height: 18px; background: url(buttons/odhad.gif) left;}
a:hover #odhad {float: left;width: 166px; height: 18px; background: url(buttons/odhad.gif) right; _cursor:hand;}


p {text-align: justify; margin: 20px;}

.popis {font-weight: bold;}
.red {color:red;}
.blue {color: blue;}

#tabulka {font: 11px verdana,arial; color: black;}
#tabulka td {vertical-align: top;}

#obrazek {float: right; margin: 0 10px 0 20px;}

.button-form {background: url(images/button-form.gif); font: bold; padding: 0px; color=red;}

.fotka {margin-bottom: 2px;}

#copyright {text-align: right; font-size: 12px; font-weight: bold; margin: 33px 48px 0 0;}
#copyright a {color: black;}
#copyright a:hover {color: red;}

#menu_kosik {
	text-align: right;
	padding: 0.2em 0;
	margin: 0 1em;
	line-height: 1em;
}

#cleaner {clear:both; height:1px; font-size:1px; color: white; background:white;}


.kalendar {width: 700px; background: white; border: solid 1px black; color: black;}
.mesic {width: 100%; height: 30px; background: #050B61; font: bold 20px arial; color: white;}
.tyden {width: 14%; background: #B3E0F5; font: bold 15px arial; text-align: right;}
.den {width: 14%; height: 58px; background: #B3E0F5; font: bold 15px arial; text-align: right; border: solid 1px #71BBEF; border-right: solid 2px #71BBEF;}

.den-empty {width: 14%; height: 58px; border-right: solid 1px black;}

.left {width: 70%; min-width: 60px; height: 100%; float: left;}
.right {width: 30%; height: 100%; float: right;}

.doba {width: 100%; height: 30%; font: 13px arial; text-align: left; background: #B3E0F5; border-bottom: solid 0px black; color: #050B61;}


.datum {width: 100%; height: 40%; font: bold 15px arial; text-align: right;
	background: #FFFFFF; border-bottom: solid 1px black; border-right: solid 1px black;}

.checkbox {width: 100%; height: 100%; background: #39ABED; border-bottom: solid 0px black; text-align: center;}
.checkbox-full {width: 100%; height: 100%; background: #005286; border-bottom: solid 0px black; text-align: center; font-weight: bold;}

.pneu-navig {
	margin: 0px auto;
	text-align: center;
	margin: 10px 0px 10px 0px;
}

.pneu-center {
	margin: 0px;
	text-align: center;
}
.pneuservis {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
.pneuservis form {
	font-size: 89%;
}
.pneuservis table {
	border: 1px solid silver;
	text-align: left;
}
.pneuservis table img {
	border: 0;
}

.spacer3m {
	height: 3em;
}

.hidden {
	display: none !important;
}

#header .kosik {
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 120%;
	padding: 3px 10px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}