/*  HARKO s.r.o. - Copyright (c) ALMEO - www.almeo.cz  */

body {
	margin: 0;
	padding: 0;
	cursor: default;
	background: url(./images/page_background.gif) center top repeat-x rgb(246,246,246);
	text-align: center;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	color: rgb(79,79,79);
}

a {
	text-decoration: underline;
	color: rgb(233,160,19);
}

a:hover {
	text-decoration: none;
}

img {
	border: 0;
	margin: 0;
}

H1#hlavni_h1 {
	display: none;
}

#body_area {
	width: 100%;
	margin: 0;
	text-align: center;
	/*padding-bottom: 80px;*/
	background: url(./images/page_background2.gif) center bottom repeat-x;
}

#page_area {
	margin: 0 auto 0 auto;
	width: 980px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

#horni_lista {
	clear: both;
	height: 48px;
	background: url(./images/horni_lista.gif) 1px top no-repeat;
}

#main {
	clear: both;
	width: 980px;
	overflow: hidden;
	float: left;
	padding: 0 0 30px 0;
	text-align: left;
}

#sloupec_levy {
	float: left;
	width: 286px;
	overflow: hidden;
	margin-right: 11px;
	padding-bottom: 45px;
}

#sloupec_pravy {
	float: left;
	width: 683px;
	overflow: hidden;
	padding: 1px 0 0 0;
}

A#levy_horni_logo {
	display: block;
	width: 272px;
	height: 106px;
	background: url(./images/harko_horni_logo.jpg) left top no-repeat;
	overflow: hidden;
	margin: 0 0 0 14px;
}

#menu {
	clear: both;
	padding: 0;
	margin: 15px 0 0 14px;
	width: 270px;
	background: url(./images/menu_pozadi.jpg) left top repeat-y;
	overflow: hidden;	
}

#menu DIV {
	display: block;
	
	overflow: hidden;
	clear: both;
	padding: 15px 0 0px 0;
	margin: 0;
	width: 270px;
	background: url(./images/menu_rohy_horni.jpg) left top no-repeat;
}

#menu IMG {
	display: block;
	clear: both;
	float: left;
	margin-top: 20px;
}

#menu UL {
	display: block;
	margin: 0;
	padding: 2px 16px 10px 16px;
}

#menu UL LI {
	clear: both;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu UL LI UL {
	display: block;
	margin: 0;
	padding: 0 0 3px 16px;
}

#menu UL LI A {
	display: block;
	clear: both;
	width: 230px;
	padding: 8px 0 8px 8px;
	line-height: 20px;
	/*letter-spacing: 1px;*/
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	font-size: 13px;
	color: rgb(71,71,71);
	border-bottom: rgb(197,197,197) 1px solid;	
}

#menu UL LI A:hover, #menu UL LI.active UL LI A:hover, #menu UL LI.active A {
	color: rgb(233,160,19);
	border-bottom: rgb(39,20,109) 1px solid;
}

#menu UL LI.active UL LI A {
	width: 214px;
	color: rgb(71,71,71);
	border-bottom: rgb(197,197,197) 1px solid;	
}

#paticka {
	clear: both;
	background: url(./images/dolni_lista.gif) -12px top no-repeat;
	height: 91px;
	overflow: hidden;
	padding: 13px 30px 0 38px;
}

#paticka A {
	color: rgb(79, 79, 79);
}

#paticka SPAN {
	display: block;
	float: right;
	text-align: right;
}

#hlavicka_motiv_box {
	clear: both;
	height: 215px;
	overflow: hidden;
}

#content_box {
	clear: both;
	margin-top: 10px;
	text-align: left;
	padding-bottom: 5px;
}

#nadpis_stranky_box {
	clear: both;
	height: 46px;
	overflow: hidden;
	background: url(./images/nadpis_stranky_box.jpg) left top no-repeat;
	padding-left: 10px;
	margin-left: 10px;
}

#nadpis_stranky_box P {
	display: block;
	clear: both;
	margin: 0;
	float: left;
	height: 46px;
	width: 10px;
	overflow: hidden;
	padding: 0;
	background: url(./images/nadpis_stranky_box.jpg) right top no-repeat;
}

H2#nadpis_stranky {
	display: block;
	/*clear: both;*/
	float: left;
	/*width: 200px;*/
	height: 39px;
	overflow: hidden;
	text-align: left;
	padding: 7px 15px 0 13px;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	color: white;
	background: url(./images/nadpis_stranky_box_pozadi_repeat.jpg) left top repeat-x;
}

#content_container {
	clear: both;
	text-align: left;
	padding: 10px 10px 5px 10px; 
	font-size: 12px;
	font-family: Arial, sans-serif;
}

#content_container P {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#kontakty_box {
	clear: both;
	padding: 35px 20px 0 25px;
}

.cistic {
	clear: both;
	height: 0;
}

#kontakty_box1 {
	float: left; 
	width: 300px; 
	height: 178px; 
	margin-right: 30px; 
	background: url(./images/kontakty_box1.jpg) left bottom no-repeat;
}

#kontakty_box2 {
	float: left; 
	width: 300px; 
	height: 178px; 
	background: url(./images/kontakty_box2.jpg) left bottom no-repeat;
}

#kontakty_box1 P, #kontakty_box2 P {
	display: block; 
	clear: both; 
	margin: 0; 
	font-size: 11px; 
	letter-spacing: 1px; 
	font-weight: bold; 
	color: white; 
	font-family: Arial, sans-serif; 
	padding: 0 25px 0 25px;
}