/* ------------- zrušení přednastavených stylů prohlížečům ------------ */
* {padding: 0; margin: 0;}
a img {border: none;}
table {border-collapse:collapse;}

/* --------------------- OBECNÉ -------------------------- */
body {
	text-align: center;
	background: #fff url(../images/bg-body.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 2em;
	color: #737373;
}
h1 {background: #fff; color: #fe7602; font-size: 18px; font-weight: bold; padding: 0px 10px; display: inline; position: relative; top: -21px; margin-left: 15px;}
h2 {font-size: 1.3em; padding: 5px;}
h3 {font-size: 1.1em; padding: 5px 15px;}
h4 {font-size: 1em; padding: 0 5px;}

a	{color: #fe7602; text-decoration: underline;}
a:hover {text-decoration: none;	color: #fe7602;}
textarea, input, select, option {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

.bold {font-weight: bold;}
.left		{text-align: left;}
.right	{text-align: right;}
.center	{text-align: center;}
.fleft {float: left;}
.fright {float: right;}
span.cleaner	{display: block; clear: both; font-size: 0;}
.cleaner	{clear: both; font-size: 0; height: 1px;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
#web {width: 862px;	margin: 0 auto;	position: relative;	text-align: left; padding-top: 94px;}
	img#logo {position: absolute; left: 31px; top: 34px; z-index: 2;}
	#jazyky {position: absolute; left: 660px; top: 0;	background: url(../images/bg-jazyky.jpg) no-repeat; width: 192px; height: 23px; color: #000; text-align: left; padding-top: 10px; padding-left: 17px; line-height: 0;}
	#jazyky a {color: #000;}
	#jazyky img {margin-left: 13px; vertical-align: -3px;}

#header {background: #e8f8fe url(../images/header.jpg) no-repeat; height: 140px; margin-bottom: 10px; position: relative;}
	#header img.odkaz-career {position: absolute; right: 10px; top: 42px;}
	#header a.odkaz-agentura {position: absolute; right: 16px; top: 78px; color: #fff; font-weight: bold; line-height: 1.3em; font-family: Tahoma, Arial, sans-serif;}

#levy {float: left; display: inline; width: 180px; margin-bottom: 15px; position: relative;}
#pravostred {float: right; display: inline;	width: 671px; margin-bottom: 20px;}
#stred {float: left; display: inline;	width: 440px;	padding: 0 15px 15px 15px; color: #58595b; border: 1px solid #e2e3e4; font-size: 1.2em;	margin-top: 15px;}
#pravy {float: right;	display: inline; width: 150px; padding: 0 10px 5px 10px;	border: 1px solid #e2e3e4; margin-top: 15px; line-height: 1.3em;}

#footer {background: url(../images/footer.jpg) repeat-x left 27px; margin: 0 auto; height: 100px; width: 862px;	position: relative;	color: #000; font-size: 1em;}
	#footer .menu-top {left: 0; top: 0; font-size: 1em; border-bottom: none; border-top: 1px solid #87d3f2; width: 860px;}
		#footer .menu-top li.odsad {margin-left: 30px;}
		#footer ul.menu-top li {padding-left: 6px;}
	#footer p {position: absolute; left: 15px; top: 35px; line-height: 1.3em;}
	#footer a {color: #000;}
	#footer a.odkaz-agentura {position: absolute; right: 10px; top: 55px;}

/* ----------------- MENU ------------------- */
/* --- menu-top --- */
ul.menu-top {position: absolute; right: 0; top: 53px; background: url(../images/bg-menu-top.jpg) repeat-x; width: auto; border: 1px solid #87d3f2; border-top: none; font-family: Arial, sans-serif; font-size: 1.2em; list-style-type: none;}
ul.menu-top li {float: left; padding-top: 3px; padding-left: 8px;}
ul.menu-top a, ul.menu-top span {background: url(../images/bg-a-top-menu.gif) no-repeat left bottom; display: block; color: #000; text-decoration: none; padding: 0 9px 4px 15px;}
ul.menu-top a:hover, ul.menu-top span {background: url(../images/bg-hover-top-menu.gif) no-repeat left bottom; color: #000;}

/* --- drobinky --- */
ul#drobinky {position: absolute; left: 9px; top: 116px; color: #3ec2ff; font-family: Arial, sans-serif; list-style-type: none;}
ul#drobinky li {float: left; background: url(../images/bg-li-drobinky.gif) no-repeat left 9px; padding-left: 10px; padding-right: 8px;}
ul#drobinky li.bez-bg {background: none; padding-left: 0;}
ul#drobinky a {color: #3ec2ff;}
ul#drobinky a:hover {color: #3ec2ff;}

/* --- menu-left --- */
#nabidka {position: absolute; left: 24px; top: 3px; color: #fff; font-weight: bold; font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 1.2em; background-color: #049ee4; border: 1px solid #7dd6fe; padding: 1px 20px 1px 10px;}

#menu {background: url(../images/bg-repeat-menu-left.jpg) repeat-y; margin-top: 15px;}
ul#menu-left .cara {background: url(../images/bg-li-menu-left.jpg) no-repeat 10px top; height: 2px; font-size: 0;}

ul#menu-left {background: url(../images/bg-menu-left.jpg) no-repeat left -1px; width: 179px; padding-top: 18px; padding-bottom: 24px;
	font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 1.4em; font-weight: bold; border: 1px solid #e2e3e4; border-left: none; list-style-type: none;}
ul#menu-left li {background: url(../images/bg-li-menu-left.jpg) no-repeat 10px bottom; padding: 2px 5px 5px 0;}
ul#menu-left span {display: block; margin-left: 25px; padding-left: 0;}
ul#menu-left a, ul#menu-left span.aktivni {background: url(../images/bg-a-menu-left.gif) no-repeat 5px 4px; color: #049ee4; text-decoration: none; width: 170px; display: block;}
ul#menu-left span.aktivni {margin-left: 0; padding-left: 25px; width: 145px;}
ul#menu-left a:hover, ul#menu-left span.aktivni {background: url(../images/bg-hover-menu-left.gif) no-repeat 5px 4px; color: #fe7602;}

	/* 2. úroveň menu-left */
ul#menu-left li.uroven2, ul#menu-left li.uroven3 {font-size: 12px;}

ul#menu-left li.uroven2 a, ul#menu-left li.uroven2 span.aktivni {display: block; width: 170px; background: url(../images/bg-a-2uroven-menu-left.gif) no-repeat 5px 6px;  font-weight: normal; padding: 0;}
ul#menu-left li.uroven2 a:hover, ul#menu-left li.uroven2 span.aktivni {background: url(../images/bg-hover-2uroven-menu-left.gif) no-repeat 5px 6px; color: #fe7602;}
ul#menu-left li.uroven2 span {background: none;  padding-left: 0px; display: block; margin-left: 34px; color: #049ee4;}
ul#menu-left li.uroven2 span.aktivni {display: block; margin-left: 0; padding-left: 34px; width: 136px;}
ul#menu-left li.uroven2 a:hover span {background: none; color: #fe7602;}
/* 3. úroveň menu-left */
ul#menu-left li.uroven3 a, ul#menu-left li.uroven3 span.aktivni {display: block; width: 170px; background: url(../images/bg-a-3uroven-menu-left.gif) no-repeat 5px 6px;  font-weight: normal; padding: 0;}
ul#menu-left li.uroven3 a:hover, ul#menu-left li.uroven3 span.aktivni {background: url(../images/bg-hover-3uroven-menu-left.gif) no-repeat 5px 6px; color: #fe7602;}
ul#menu-left li.uroven3 span {background: none;  padding-left: 0px; display: block; margin-left: 42px; color: #049ee4;}
ul#menu-left li.uroven3 span.aktivni {display: block; margin-left: 0; padding-left: 42px; width: 128px;}
ul#menu-left li.uroven3 a:hover span {background: none; color: #fe7602;}

/* ----------------- elementy LEVÝ ------------------- */
#levy .box-logo {text-align: center; padding-top: 20px;}
#levy .box-logo img {margin-bottom: 10px;}

/* ----------------- elementy STRED ------------------- */
#stred img.h1-bg {padding-right: 10px; vertical-align: -4px; margin-left: 0; margin-right: 0;}
#stred p.vite {font-size: 16pt; font-weight: bold; color: #737373;}
#stred p.vite span {font-size: 32pt; color: #049ee4; position: relative; top: 13px;}
#stred p.podstata {font-size: 1.2em; font-weight: bold; line-height: 1.8em;}
#stred .prectete-vice {font-size: 13px; font-weight: bold; line-height: 1.8em;}
#stred .prectete-vice img {margin-right: 10px;}
#stred .prectete-vice table {margin-left: 50px;}
#stred .prectete-vice table td {vertical-align: top;}
#stred ul, #stred ol {margin: 5px 0 5px 30px;}
#stred ul li, #stred ol li {padding: 4px;}
#stred a {font-size: 12px;}
#stred p {padding: 5px;}
#stred form {margin-top: 10px; margin-left: 5px;}
#stred input, #stred textarea {margin: 4px 5px 4px 10px;}
#stred textarea {width: 255px;}
#stred input {height: 15px; padding-top: 2px;}
#stred input.submit {height: auto;}
#stred img {margin-top: 5px; margin-right: 10px; margin-left: 10px;}
#stred p.popis-obrazku {font-style: italic; text-align: center; padding-top: 0;}
#stred .eu {text-align: center; margin-top: 5px; margin-bottom: 15px; padding: 3px; border: 1px solid #bbb;}
/*#stred .novinka-nazev {margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0;}*/
#stred .novinka-datum {font-size: 11px; font-style: italic; font-weight: bold; margin-bottom: 0; padding-bottom: 0; margin-left: 6px;}

/* ----------------- elementy PRAVÝ ------------------- */
#pravy h1 {font-size: 1.4em; margin-left: 5px; top: -16px;}
#pravy img.h1-bg {padding-right: 10px; vertical-align: -6px; margin-left: 0; margin-right: 0;}
#pravy a {font-weight: bold;}
#pravy span.neaktiv {color: #fe7602; font-weight: bold;}

table.form tr td {vertical-align:top;}
.chyba	{color:red; font-weight:bold;}
.ok	 {font-weight:bold; color:#FE7502;}