/* ------------------------------------------------------------------------------------ */
html { 
	margin: 0; padding: 0;
}

body
{ 
	margin: 0; padding: 0;
	color: #4c4c4c;
	background: url(img/design/pozadie-body.gif) repeat-x;
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
} 

h1 { 
	margin: 0px 15px 16px 289px;
	padding: 9px 0px 9px 12px;
	font-size: 22px; 
	color: #4c4c4c; 
	font-weight: normal;
	border-bottom: 1px #efefef solid; 
	background: url(img/design/lampa.gif) right top no-repeat;
}

h2 { 
	margin: 0px 15px 16px 289px;
	padding: 5px 0px 10px 12px;
	font-size: 20px; 
	color: #4c4c4c; 
	font-weight: normal;
	border-bottom: 1px #efefef solid; 
	background: url(img/design/lampa.gif) right top no-repeat;
}

h2 img { margin-bottom: -2px; }

a { color: #4c4c4c; text-decoration: none; }
a:hover {  text-decoration: underline; }
/* ------------------------------------------------------------------------------------ */






/* ---------------hlavicka------------------------------------------------------------- */
div#hlavicka {
	position: relative;
	top: 0px;
	left: 0px;
	width: 798px;
	height: 217px;
	background: url(img/design/pozadie-hlavicka.jpg) no-repeat;
}

 a#logo {
 	position: relative;
	display: block;
	top: 20px;
	left: 130px;
	width: 150px;
	height: 75px;
}
/* ------------------------------------------------------------------------------------ */






/* --------------------------jazyky---------------------------------------------------- */
div#jazyky {
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 10px; 
	color: White; 
}

div#jazyky div { float: left;	padding-top: 5px; }

div#jazyky a { 
	display: block;
	float: left;
	padding-top: 5px;
	margin-left: 6px;
	font-size: 10px; 
	color: White; 
}
div#jazyky a:hover { border-top: 2px #61bde3 solid; padding-top: 3px; }
div#jazyky a#active-lang { border-top: 2px #61bde3 solid; padding-top: 3px; }
/* ------------------------------------------------------------------------------------ */






/* ---------------------------menu----------------------------------------------------- */
div#menu {
	position: relative;
	float: left;
	overflow: hidden;
	height: 35px;
	top: 99px;
	left: 335px;
	margin-right: 40px;
	line-height: 35px;
	text-align: center;
	background: url(img/design/pozadie-menu-h.gif) repeat-x;
}

div#menu ul { margin: 0px; padding: 0px; }
div#menu ul li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: url(img/design/menu-lampa.jpg) center top no-repeat;
}

div#menu ul li#hl-active {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: url(img/design/menu-lampa-active.jpg) center top no-repeat;
}


div#menu a { 
	display: block; 
	float: left;
	height: 35px; 
	padding-left: 16px;
	padding-right: 16px;
	color: white; 
	font-size: 12px;
	background-color: #737e82;
}

div#menu a:hover { text-decoration: none;  background: none; }
div#menu a#active { text-decoration: none;  background: none; }
/* ------------------------------------------------------------------------------------ */








/* --------------------------obsah---------------------------------------------------- */
div#pozadie-obsahu {
	width: 100%;
	background: url(img/design/pozadie-obsah.gif) left repeat-y;
	background-color: #32a1cf;
}

div#obsah {
	width: 798px;
	min-height: 380px;
	_height: 380px;  /*324*/
	background: url(img/design/pozadie-obsah.jpg) 109px 0px no-repeat;
}

div#text {
	padding-left: 335px;
	padding-right: 65px;
	padding-bottom: 20px;
	text-align: justify;
}

div#text ul.menu {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}

div#text ul.menu li a#active_vertical { font-weight: bold; text-decoration: underline; }
div#text ul.menu li a { color: #177DA7; }

div#text a { color: #177DA7;}
/* ------------------------------------------------------------------------------------ */






/* --------------------------pata------------------------------------------------------ */
div#pata {
	width: 100%;
	height: 30px;
	background: url(img/design/pozadie-pata.gif) repeat-x;
	color: #b5b5b5;
	font-size: 11px;
}

div#pata div {
	float: left;
	padding: 10px 0px 6px 126px;
	width: 170px;
	background: url(img/design/pozadie-pata-left.gif) top left no-repeat;
}

div#pata a { 
	float: left;
	display: block;
	margin-left: 390px;
	_margin-left: 343px;
	padding: 10px 0px 6px 5px;
	color: #b5b5b5;
}
/* ------------------------------------------------------------------------------------ */

