/* CSS Jaro
	barva červená	#993D3D hnědá	#8F5645	(#643200)
	pozadí			#CCA789			#C7AD8E	(#FFBF7F)
											#3C1400 #602000 #FFCC99 #311000
	světlé #FFE6BF - #FFE0B0 #FFE0C0 #FFD0B0
	text #401000 */
/* =================================================================*/
html {
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	/* hide overflow:hidden from IE5/Mac */
	}

body {
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}
/* ============================= Header - begin ============================= */
#top {
	width: 100%;
	top: 0px;
	height: 300px;
	background: url(../images/tile.jpg) repeat-x;
}

#header {
	position: absolute;
	margin-left: -505px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 50%;
	top: 4px;
	width: 1010px;
	min-width: 1010px;
	height: 136px;
	font-size: 1em;
	z-index: 5;
	background-color: #FFD0B0;
}
* html #header {
	top: 4px;
	width: 1010px;
	height: 136px;
}
/* ================================= Logo ====================================*/
#logo {
	position: absolute;
	margin-left: -505px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 86px;
	left: 50%;
	top: 0px;
	width: 1010px;
	min-width: 1010px;
	background: url(../images/logo_esentier.gif) no-repeat 20px;
	color: #3C1400;
	z-index: 5;
	padding: 0 0 0 0;
}
#logo h1 {
	margin: 25px 10px 0px 0px;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bolder;
}
/* ================================= Menu ====================================*/
#menu {
	position: absolute;
	margin-left: -505px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 50px;
	left: 50%;
	top: 86px;
	width: 1010px;
	min-width: 1010px;
	padding: 0px;
	z-index: 5;
}
#menu a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	float: left;
	width: 109px;
	height: 50px;
	margin-left: 0px;
}
#menu a:link, a:visited {
	color: #3C1400;
}

#menu a:active, a:hover {
	color: #FFFFFF;
}
.btext {
display: block;
margin-top: 14px;
}

/* MENU 1 */
a#odkaz1:link, a#odkaz1:visited {
	margin-left: 7px;
	background: url('../menu/button_1.png') no-repeat left center;
}
a#odkaz1:active, a#odkaz1:hover {
	background: url('../menu/button_1.png') no-repeat -166px center;
}
/* MENU 2 */
a#odkaz2:link, a#odkaz2:visited {
	background: url('../menu/button_2.png') no-repeat left center;
}
a#odkaz2:active, a#odkaz2:hover {
	background: url('../menu/button_2.png') no-repeat -166px center;
}
/* MENU 3 */
a#odkaz3:link, a#odkaz3:visited {
	background: url('../menu/button_3.png') no-repeat left center;
}
a#odkaz3:active, a#odkaz3:hover {
	background: url('../menu/button_3.png') no-repeat -166px center;
}
/* MENU 4 */
a#odkaz4:link, a#odkaz4:visited {
	background: url('../menu/button_4.png') no-repeat left center;
}
a#odkaz4:active, a#odkaz4:hover {
	background: url('../menu/button_4.png') no-repeat -166px center;
}
/* MENU 5 */
a#odkaz5:link, a#odkaz5:visited {
	background: url('../menu/button_5.png') no-repeat left center;
}
a#odkaz5:active, a#odkaz5:hover {
	background: url('../menu/button_5.png') no-repeat -166px center;
}
/* MENU 6 */
a#odkaz6:link, a#odkaz6:visited {
	background: url('../menu/button_6.png') no-repeat left center;
}
a#odkaz6:active, a#odkaz6:hover {
	background: url('../menu/button_6.png') no-repeat -166px center;
}

/* MENU 10 */
a#odkaz10:link, a#odkaz10:visited {
	margin-left: 2px;
	background: url('../image2/menu-uvod.gif') no-repeat left center;
}
a#odkaz10:active, a#odkaz10:hover {
	background: url('../image2/menu-uvod.gif') no-repeat -109px center;
}



/* =========================== Header - end =============================== */

/* ========================== Content - begin ============================= */
.homepage{
	margin: 0px;
	padding: 0px;
}
#content {
	position: absolute;
	margin-left: -505px;
	left: 50%;
	width: 1010px;
	top: 140px;
	bottom: 34px;
	display: block;
	overflow: auto;
	z-index: 3;
	background-color: #FFE6BF;
	line-height: 1.5em;
	font-weight: bold;
	color: #3C1400;
}
* html #content {
	top: 0px;
	height: 100%;
	width: 1010px;
	border-top: 140px solid transparent;
	border-bottom: 34px solid transparent;
}

#content h1 {
	margin: 24px 24px 12px 32px;
	font-size: 2em;
	line-height: 1em;
}
#content h2 {
	margin: 8px 32px 0px 32px;
	font-size: 1.5em;
}
#content h3 {
	margin: 8px 32px 0px 32px;
	font-size: 1.2em;
}
#content p {
	margin: 8px 32px 16px 32px;
	line-height: 1.5em;
	text-align: justify;
	font-weight: normal;
}
#content a {
	margin:1em;	
	text-decoration: none;
}
/* page 1 ======================== Slide show =============================== */
#slide {
	margin: 20px auto 20px auto;
	border: 1px solid #3C1400;
	width: 773px;
	padding: 2px;
	background-color: #FFD0B0;
}
#uvod h1 {
	text-align: center;
	font-size: 2em;
	margin: 1em 0 1em 0;
}
#uvod h2 {
	text-align: center;
	margin: 1em 0 1em 0;
}
/* page 2 =========================== Produkty ================================ */
#produkty img {
	border: none;
}
#produkty h2 {
	text-align: left;
}
/* =============== header ================ */
table.theader, table.tfooter {
	width: 928px;
	padding: 0px;
	border: 1px solid #3C1400;
	border-collapse: collapse;
	margin: 0px auto 0px auto;
}
td.theader {
	background-color: #FFD0B0;
	text-align: justify;
	font-weight: normal;
	height: 60px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
td.theader img {
	float: left;
	padding: 0px 10px 0px 0px;
}
/* ====================================== */
table.tcontent, table.tdescription {
	width: 930px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	margin: 0px auto 0px auto;
}
table.tcontent td, table.tdescription td {
	text-align: center;
	background-color: #3C1400;
	color: white;
	width: 300px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #FFE6BF;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	height: 300px;
}
table.tdescription td {
	height: 20px;
}
/* ======================================= */
table.tfooter td {
	background-color: #FFD0B0;
	text-align: center;
	font-weight: normal;
	height: 20px;
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0px 0px;
}
table.tfooter {
	margin-bottom: 20px;
}
/* page 3 =========================== Kontakty ================================ */
#kontakty h2 {
	text-align: center;
}
#kontakty table {
	width: 240px;
	border-collapse: collapse;
	margin-left: 8px;
	margin-top: 20px;
	padding: 4px 4px 4px 4px;
	float: left;
	background: #FFD0B0;
	text-decoration: none;
	font-size: 11px;
}
#kontakty td {
	padding: 2px 7px 2px 7px;
	text-align: left;
	border: 1px solid #FFE6BF;
}
#kontakty a {
	padding: 0;
	margin: 0;
}
#kontakty img {
	border: none;
	margin: 0px 0px 4px 0px;
}
/* page 4 =========================== Firma ================================= */
#firma_content {
	font: italic 18px "Times New Roman", Times, serif;
	background: url(../images/pergamen2.jpg) no-repeat;
	padding: 130px 0 180px 0;
	margin: 0px 30px 0px 30px;
}
#firma_content h2 {
	margin: 1em 80px 1ex 80px;
}
#firma_content p {
	margin: 1em 80px 1ex 80px;
}
#firma .img_left {
	border: 0;
	float: left;
	padding: 0px 8px 0px 8px;
}
#firma .img_right {
	border: 0;
	float: right;
	padding: 0px 8px 0px 8px;
}
#firma_bottom {
	background-color: #FFFFFF;
	margin: 0px 30px 0px 30px;
}
/* page 5 =========================== Reference ================================ */
#reference a {
	text-decoration: none;
}
#reference ul {
	background-color: #FFD0B0;
	padding-left: 20px;
	width: 450px;
	margin-left: 250px;
}
#reference li {
	width: 94%;
	margin-left: auto;
	list-style: outside url(../images/logo.gif);
	padding: 2px 2px 4px 2px;
}
/* page 6 ========================= Napište ================================= */
#formular {
	background-color: #FFD0B0;
	width: 510px;
	margin-left: 250px;
	padding: 10px 10px 10px 10px;
}
input, textarea {
	width: 350px;
	margin-left: 20px;
}
input.tlacitko {
	width: 168px;
	float: left;
}
/* page 7 ======================== Aktuality =============================== */
#nabidka h2 {
	margin: 16px 32px 0px 32px;
	font-size: 1.5em;
}

/* ============================== Content - end ============================= */

/* ============================= Footer - begin =========================== */
#footer {
	position: absolute;
	margin-left: -505px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 50%;
	bottom: 4px;
	width: 1010px;
	min-width: 1010px;
	height: 30px;
	z-index: 5;
	background-color: #3C1400;
	color: #FFD0B0;
}
* html #footer {
	bottom: 4px;
	width: 1010px;
	height: 30px;
}
#footer h5 {
	text-align: center;
	font-size: 10px;
	font-weight: bolder;
	margin: 0px 0px 0px 0px;
}
#footer #registration {
	text-align: center;
	margin: 0px 0px 0px 0px;
}
/* ============================ Footer - end ============================= */