/* ------------- zrušení přednastavených stylů prohlížečům ------------ */
table {border-collapse:collapse;}

/* --------------------- OBECNÉ -------------------------- */
html, body {height: 100%;}

body {text-align: center;	background: #1d4107 url(../images/bg-body.gif) repeat-x; font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
	font-size: 62.5%;	line-height: 1.8em;	color: #fff; margin: 0;}

h1 {font-size: 14px; color: #fff; text-transform: uppercase; margin: 0; margin-bottom: 15px; padding: 0;}
h2 {color: #88bd64; text-transform: uppercase; font-size: 12px; margin: 0; margin-bottom: 12px; padding: 0;}
h3 {font-size: 11px; margin: 0; margin-bottom: 10px; padding: 0;}
h4 {color: #88bd64; font-size: 10px; margin: 0; margin-bottom: 6px; padding: 0;}
em {color: #88bd64;}
p {margin: 0; margin-bottom: 12px; padding: 0;}
#pravy-obsah img {border: 3px solid white;}

a {color: #4a6a31; text-decoration: underline; font-weight: bold;}
a:visited {color: #829970;}
a:hover {text-decoration: none;}

input, textarea, select, option {font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 12px;}

.wh {color: #fff;}
.b {font-weight: bold;}

span.cleaner	{display: block; clear: both;}
.cleaner	{clear: both; font-size: 0;}
.l		{text-align: left;}
.r	{text-align: right;}
.c	{text-align: center;}
.float-right {float: right;}
.float-left {float: left;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
#obal {position: relative; height: auto; min-height: 100%; _height: 100%; padding-bottom: 62px; background: url(../images/footer.gif) repeat-x center bottom;
			text-align: center;}

#web {width: 952px; margin: 0 auto; text-align: left;/* min-height: 880px; _height: 880px; /*border: 1px solid aqua;*/}

#header {background: url(../images/header.jpg) no-repeat; height: 280px; position: relative;}
	#header a#logo {position: absolute; left: 278px; top: 113px; width: 540px; height: 40px; display: block;}
	#header a#obj {position: absolute; right: 64px; top: 190px;	width: 128px; height: 60px;	display: block;}

#vnitrek {width: 890px; margin-left: 32px; margin-right: 30px;}
#levy {float: left; display: inline; width: 171px; color: white; border: 1px solid #6f8959; border-top: 1px solid #1a3705;}
#pravy {background: #1a3705 url(../images/bg-pravy.gif) repeat-x; float: right;	display: inline; width: 717px; font-size: 1.2em;}
	#pravy-obsah {background: url(../images/bg-pravy-spodek.gif) repeat-x left bottom; padding: 28px 18px 15px 25px; _padding-right: 15px; min-height: 649px; _height: 649px;}

#copyright {margin: 0 auto; position: relative; top: 31px; left: 80px; font-size: 1.1em; width: 600px; color: #6b9a40;}
	#copyright a {color: #fff; font-weight: normal;}
	#copyright a.ibis {background: url(../images/ikona-ibis.gif) no-repeat right center; padding-right: 15px; color: #41ff33;}
	#copyright p {margin-top: 8px;}

/* ----------------- MENU ------------------- */
ul#menu {list-style-type: none; margin: 0; padding: 0; font-size: 1.1em; border-bottom: 1px solid #fff;}
ul#menu li {margin: 0; margin-bottom: 1px; list-style-type: none; padding: 0;}
ul#menu li a {display: block; text-decoration: none; width: 171px; background: url(../images/menu-hover1.jpg) no-repeat 0 0; color: #fff; font-weight: normal;}
ul#menu li a:hover, ul#menu li.aktivni {background: url(../images/menu-hover1.jpg) no-repeat 0 -53px; color: #fff;}
ul#menu li.aktivni span, ul#menu li a span {display: block; margin: 0 6px; padding: 4px 10px 5px 15px; width: 134px;}
ul#menu li a span {border-bottom: none; cursor: pointer;}
ul#menu li a:hover span {border-top: 1px solid #6b9a40; padding-top: 3px;}
ul#menu li.posledni /*, ul#menu li.aktivni*/ {margin-bottom: 0;}
ul#menu li.aktivni span {border-top: 1px solid #6b9a40; padding-top: 3px;}

/* menu - 2. a 3. úroveň */
ul#menu li.uroven2, ul#menu li.uroven3, ul#menu li.akt2, ul#menu li.akt3 {background: #a26727 url(../images/menu-cara.gif) no-repeat left bottom; margin-bottom: 0;}

#levy ul#menu li.uroven2 a, #levy ul#menu li.uroven3 a {display: block; _height: 1px; background: none; font-weight: normal;}
ul#menu li.uroven2 span, ul#menu li.uroven3 span {padding: 4px 5px 5px 24px; width: 130px; background: #6b9a40;}
ul#menu li.akt2 span, ul#menu li.akt3 span {padding: 4px 5px 5px 24px; width: 130px; background: #6b9a40; display: block; margin: 0 6px; color: #1a3705;}
ul#menu li.uroven3 span {padding-left: 30px; width: 124px;}
ul#menu li.akt3 span {padding-left: 30px; width: 124px;}

ul#menu li.uroven2 a:hover, ul#menu li.uroven3 a:hover {color: #1a3705; font-weight: bold;}

/* ----------------- elementy LEVÉ strany ------------------- */
.upoutavka {width: 171px; background-color: #132200; text-align: center; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-weight: bold;
						line-height: 1em;}
	.upoutavka-obsah {padding: 12px; padding-bottom: 8px;}
	.upoutavka p.vyrazne {font-size: 1.9em;}
	.upoutavka img {margin: 0; margin-bottom: 8px; border: 1px solid #fff;}

/* ----------------- elementy PRAVÉ strany ------------------- */
.box {background: url(../images/box-nahore-hnedy.gif) repeat-x 0 0; margin-bottom: 20px;}
.fialovy {background: url(../images/box-nahore-fialovy.jpg) repeat-x 0 0;}
.oranzovy {background: url(../images/box-nahore-oranzovy.jpg) repeat-x 0 0;}
.zeleny {background: url(../images/box-nahore-zeleny.jpg) repeat-x 0 0;}
.box .nadpis {font-family: Garamond; display: block; font-size: 20px; font-weight: bold; color: #fff; text-align: center; padding-top: 8px; padding-bottom: 6px;}
.box-obsah {background: #adc196; padding: 15px;}
#pravy-obsah .box-obsah img {display: inline; border: 3px solid #e4efcd;}

/* ----------------- stránka objednavka ------------------- */
form#objednavka {margin-left: 40px;}
form#objednavka .table-input {border: none; width: auto; margin-top: 15px;}
form#objednavka .table-input tr td {padding: 4px 20px 4px 0;}
form#objednavka .table-input input {height: 15px; border: 1px solid #6b9a40; padding-top: 3px;}
form#objednavka .table-checkbox {border: none; width: 600px; margin-top: 5px;}
form#objednavka .table-checkbox td {padding: 4px 0px;}
form#objednavka .table-checkbox input {vertical-align: middle;}
form#objednavka h3 {margin-left: 36px;}
form#objednavka input.tlacitko {padding-top: 1px; padding-bottom: 2px; width: 75px; font-size: 12px; margin: 15px 0 0 115px;}
form#objednavka textarea {border: 1px solid #6b9a40;}

/* ----------------- stránka ceník ------------------- */
table.cenik {border: 1px solid #caddb1;}
table.cenik td, table.cenik th {padding: 4px 0 4px 12px; vertical-align: middle;}
input.req	{background:url('../images/req.gif') no-repeat white right top;}

p.chyba		{background:white; border:2px solid #88BD64; color:red; font-weight:bold; padding:3px 10px;}
p.form-ok	{background:white; border:2px solid #88BD64; color:#2C4201; font-weight:bold; padding:3px 10px;}