html {
	font-family: Verdana, Arial, Helvetica;
	font-size: 80%;
}

body {
	background: url('/img/bg-top.png') center 132px repeat-x;
	margin: 0px;
	padding: 0px;
	min-width: 600px;
}

h1 {
	color: #1F8754;
	font-size: 130%;
	font-weight: bold;
}

h2 {
	color: #1F8754;
	font-size: 120%;
	font-weight: bold;
}

a { text-decoration: none; }

img { border: 0; }

.center { text-align: center; }

div.clearfix {
	float: none !important;
	clear: both !important;
}

/*** PAGE ***/

div#page {
	width: 900px;
	margin: 23px auto 0 auto;
	background: url('/img/page-borders.png') 300px top repeat-y;
}

/*** PAGE-LEFT ***/

div#page-left {
	float: left;
	position: relative;
	width: 300px;
}

div#page-left div#header-left {
	margin-top: 128px;
	position: relative;
	background: url('/img/header-left.png') right top no-repeat;
	height: 189px;
}

div#page-left ul#menu-top {
	float: right;
	position: relative;
	bottom: 60px;
	margin: 0; padding: 0;
	list-style: none;
}

div#page-left ul#menu-top li {
	float: left;
	padding: 0 12px;
	border-left: 1px solid #eaeaea;
}

div#page-left ul#menu-top li.first {
	border-left: none;
}

div#page-left ul#menu-top li a {
	color: #62a887;
	font-size: 80%;
}

/*** CONTENT-LEFT ***/

div#page-left div#content-left {
	padding: 1em;
}

div#page-left div#content-left ul {
	float: right;
	width: 266px;
	margin: 0; padding: 0;
	list-style: none;
}

div#page-left div#content-left ul li {
	line-height: 120%;
	padding: 5px 1em;
	margin: 5px 0;
}

div#page-left div#content-left ul li.main {
	height: 21px;
	line-height: 21px;
	padding: 0 1em;
	background: url('/img/menu-bg.png') left top no-repeat;
	color: white;
	font-weight: bold;
}

div#page-left div#content-left ul li a {
	color: black;
}

/*** PAGE-RIGHT ***/

div#page-right {
	float: left;
	position: relative;
	width: 595px;
	z-index: 50;
}

div#header {
	height: 180px;
	background: url('/img/page-top.png') left top no-repeat;
	padding: 0 40px;
	padding-top: 245px;
}

div#header p {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	color: white;
}

div#header a#home {
	display: block;
	width: 102px; height: 100px;
	position: absolute;
	top: 23px; left: 23px;	
}

div#header a#flag-cr, div#header a#flag-en {
	display: block;
	position: absolute;
	right: 0;	
	width: 35px; height: 26px;
	background-position: right top;
	background-repeat: no-repeat;
}

div#header a#flag-cr { top: 46px; }
div#header a#flag-en { top: 74px; }
div#header a.flag-off { width: 16px !important; }

div#header a#flag-cr.flag-on { background-image: url('/img/flag-cr-on.png'); }
div#header a#flag-en.flag-on { background-image: url('/img/flag-en-on.png'); }
div#header a#flag-cr.flag-off { background-image: url('/img/flag-cr-off.png'); }
div#header a#flag-en.flag-off { background-image: url('/img/flag-en-off.png'); }

/*** CONTENT ***/

div#content {
	margin: -100px 0 -60px 0;
	padding: 0 40px 0 40px;
	min-height: 400px;
	position: relative;
}

* html div#content {
	height: 400px;
	position: relative;
}

div#content ul {
	list-style: none;
}

* html div#content ul {
	position: relative;
}

div#content ul li {
	line-height: 2em;
	padding-left: 25px;
	background: url('/img/menu-dot.png') left center no-repeat;
	color: #62a887;
}

div#content p {
	text-align: justify;
}

/*** PAGE-BOTTOM ***/

div#page-bottom {
	clear: both;
	position: relative;
	height: 150px;
	background: url(/img/page-bottom.png) 300px top no-repeat;
}

/*** COPYRIGHT ***/

div#page-bottom div#copyright {
	padding: 100px 0 0 1em;
	color: #5e5e5e;
	font-size: 60%;
}

div#page-bottom div#copyright p {
	margin: 5px 0 0 0;
}

div#page-bottom div#copyright p a {
	color: #5e5e5e;
}

/*** FOOTER ***/

div#footer {
	margin-top: -150px;
	padding-top: 200px;
	background: #333 url('/img/bg-bottom.png') center top repeat-x;
}

div#footer, div#footer a {
	color: #5e5e5e;
	font-size: 90%;
}

div#page-bottom div#copyright p a:hover, div#footer a:hover {
	text-decoration: underline;
}

/*** BACK-LINKS ***/

div#back-links {
	width: 750px;
	margin: 0 auto;
	padding: 0 0 20px 200px;
	min-height: 100px;
	background: url('/img/footer-logo.png') 3em top no-repeat;
}

div#back-links div {
	float: left;
	width: 31%;
	padding-left: 2%;
}

/*** OBSAH ***/


p.important {
	font-weight: bold;
	color: #1F8754;
}

table.table-produkty {
	font-size: 0.8em;
	border:1px dotted #87D2AE;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.table-produkty th {
	color: white;
	background: url('/img/table-header.png') top #87D3AF repeat-x;
}

table.table-produkty th a {
	font-size: 1.2em;
	color: white;
	background: url('/img/table-header.png') top #87D3AF repeat-x;
}

table.table-produkty th a:hover {
	text-decoration: underline;
}

td.table-produkty-1 {
	width: 70%;
	padding: 5px;
	border:1px dotted #87D2AE;
}

td.table-produkty-2 {
	width: 15%;
	padding: 5px;
	border:1px dotted #87D2AE;
}

td.table-produkty-3 {
	width: 15%;
	padding: 5px;
	border:1px dotted #87D2AE;
}

table.table-obsah-baleni {
	font-size: 0.8em;
	border:1px dotted #87D2AE;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.table-obsah-baleni th {
	font-size: 1.2em;
	color: white;
	background: url('/img/table-header.png') top #87D3AF repeat-x;
}

td.table-obsah-baleni-1 {
	width: 15%;
	padding: 5px;
	border:1px dotted #87D2AE;
}

td.table-obsah-baleni-2 {
	width: 70%;
	padding: 5px;
	border:1px dotted #87D2AE;
}

td.table-obsah-baleni-3 {
	width: 15%;
	padding: 5px;
	border:1px dotted #87D2AE;
}

p.backto a {
	color: #1F8754;
}

p.backto a:hover {
	text-decoration: underline;
}

/*** TABULKA DETAILU PRODUKTU ***/

table.table-produkt-detail {
	font-size: 0.8em;
	border:1px dotted #87D2AE;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.table-produkt-detail th {
	font-size: 1.2em;
	color: white;
	background: url('/img/table-header.png') top #87D3AF repeat-x;
}

td.table-produkt-detail-1 {
	width: 52%;
	padding: 5px;
	border:1px dotted #87D2AE;
}

td.table-produkt-detail {
	width: 8%;
	text-align: center;
	padding: 5px;
	border:1px dotted #87D2AE;
}

td.table-produkt-detail-25p {
	width: 25%;
	text-align: center;
	padding: 5px;
	border:1px dotted #87D2AE;
}