a img {border: none;}
table {border-collapse:collapse;}

/* --------------------- OBECNÉ -------------------------- */
body 	{text-align: center;	background: #fff url(../images/bg-body.jpg) repeat-x;	font-family: Arial, Helvetica, sans-serif;
			font-size: 62.5%; line-height: 1.5em;	color: #000; padding: 0; margin: 0;}

h1 {color: #04a2e4; font-size: 18px; margin: 0; margin-left: 25px; margin-bottom: 15px; padding: 0; line-height:22px; padding-bottom:5px;}
h2 {color: #04a2e4; font-size: 14px; margin: 0; margin-bottom: 12px; padding: 0;}
h3, .novinka {color: #fe7a24; font-size: 12px; margin: 0; margin-bottom: 12px; padding: 0; font-weight: bold;}
h4 {color: #04a2e4; font-size: 14px; margin: 0; padding: 0; margin-bottom: 5px;}

p {margin: 0; margin-bottom: 12px; padding: 0;}
a	{color: #04a2e4; text-decoration: underline;}
a.ctverecek {background: url(../images/ctverecek.gif) no-repeat 0px 5px; padding-left: 12px;}
a:visited {color: #0372a4;}
a:hover {color: #f18e00; text-decoration: none;	}
textarea, input, select, option {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.big {color: #fe7a24; font-size: 25px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; line-height: 25px;}
.blue {color: #04a2e4;}
.bold {font-weight: bold;}
.left		{text-align: left;}
.right	{text-align: right;}
.center	{text-align: center;}
.fl {float: left;}
.fr {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: 26px; z-index: 2;}

#header {background: url(../images/header.jpg) no-repeat; height: 136px; margin-bottom: 10px; position: relative;}
	#header img.odkaz {position: absolute; right: 10px; top: 18px;}
	#header a.odkaz-it {position: absolute; right: 19px; top: 73px; color: #fff; font-weight: bold; line-height: 1.3em; font-family: Tahoma, Arial, sans-serif;}
	#header #pruh-drob {position: absolute; left: 0px; top: 110px; width: 862px; background: #e9eff1 url(../images/bg-pruh-drobinky.gif) repeat-x left bottom; height: 30px; color: #000;  font-family: Arial, sans-serif; font-size: 11px;}
    #header #pruh-drob a {color: #000;}
		#header #pruh-drob a:hover {color: #000;}
		#header #pruh-drob p {background: url(../images/ikona-tisk.gif) no-repeat right 2px; padding-right: 22px; padding-bottom: 2px; position: absolute; top: 5px; right: 15px;}
			#header #pruh-drob p a {cursor: pointer;}

#levy {float: left; display: inline; width: 180px; margin-bottom: 30px; position: relative;}
#pravostred {float: right; display: inline;	width: 665px; margin-bottom: 30px; margin-top: 15px; font-size: 1.2em; position: relative;}
  #pravostred ul {margin: 0; margin-left: 15px; padding: 0;}
	#pravostred ul li {background: url(../images/li-image.gif) no-repeat 0 5px; list-style-type: none; padding-left: 15px; padding-bottom:8px;}
#stred {float: left; display: inline;	width: 490px;}
#pravy {float: right;	display: inline; width: 174px;}

#footer {background: url(../images/footer.gif) repeat-x left 29px; margin: 0 auto; height: 100px; width: 862px;	position: relative;	font-size: 11px;}
	#footer p {position: absolute; left: 14px; top: 36px;}
	#footer a {color: #000;}
	#footer a.odkaz-it {position: absolute; right: 10px; top: 38px;}
	#footer p#copyright {color: #7b7b80; position: absolute; left: 14px; top: 52px;}
	#footer p#copyright a {color: #7b7b80;}
	#footer p#copyright .ibis {background: url(../images/ikona-ibis.gif) no-repeat right center; padding-right: 15px; color: #41ff33;}

/* ----------------- MENU ------------------- */
/* --- menu-footer --- */
#footer ul {position: absolute; left: 0; top: 0px; background: url(../images/bg-ul-footer.gif) repeat-x; width: auto; list-style-type: none; margin: 0; padding: 0; border: 1px solid #ffbc8f; width: 855px; padding-left: 7px; height: 29px;}
#footer ul li {float: left; padding-top: 5px; padding-left: 10px;}
#footer ul li.odsad {margin-left: 35px;}
#footer ul a, #footer ul span {background: url(../images/bg-hover-top-menu.gif) no-repeat left 2px; display: block; color: #000; text-decoration: none; padding: 2px 9px 6px 18px;}
#footer ul a:hover, #footer ul span {background: url(../images/bg-a-top-menu.gif) no-repeat left 2px; color: #000;}

/* --- drobinky --- */
ul#drobinky {list-style-type: none; margin: 0; margin-left: 9px; margin-top: 5px; padding: 0; width: 770px; height: 22px;}
ul#drobinky li {float: left; background: url(../images/bg-li-drobinky.gif) no-repeat left 6px; padding-left: 10px; padding-right: 8px;}
ul#drobinky li.bez-bg {background: none; padding-left: 0;}

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

#menu {background: url(../images/bg-repeat-menu-left.jpg) repeat-y; margin-top: 15px;}

ul#menu-left {background: url(../images/bg-menu-left.jpg) no-repeat; width: 178px; margin: 0; padding: 0; padding-top: 18px;
	font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 1.4em; font-weight: bold; border: 1px solid #fe7a24; list-style-type: none;}
ul#menu-left li {width: 177px; margin: 0; padding: 0;}
ul#menu-left a, ul#menu-left span.aktivni {background: url(../images/menu1.gif) no-repeat 0px 0px; color: #fff; text-decoration: none; width: 172px; display: block; padding-left: 0; cursor: pointer;}
ul#menu-left span.cara {padding: 7px 5px 7px 0px; display: block; width: 172px;}
ul#menu-left span span {padding-left: 25px; display: block; padding-right: 6px; line-height: 15px;}
ul#menu-left a:hover, ul#menu-left span.aktivni {background-position: 0px -90px; width: 177px;}
ul#menu-left span.aktivni span.cara-akt {background: url(../images/menu-cara.gif) no-repeat 0px bottom; display: block; padding: 7px 5px 7px 0px;}
ul#menu-left a:hover span.cara {background: url(../images/menu-cara.gif) no-repeat 0px bottom;}
ul#menu-left span.aktivni span {cursor:auto;}
ul#menu-left a span.aktivni span {cursor:pointer;}


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

ul#menu-left li.uroven2 a, ul#menu-left li.uroven2 span.aktivni {background: url(../images/menu2.gif) no-repeat 0px 0px;}
ul#menu-left li.uroven2 a:hover, ul#menu-left li.uroven2 span.aktivni {background-position: 0px -90px;}
ul#menu-left li.uroven2 span span {padding-left: 34px;}

ul#menu-left li.uroven3 a, ul#menu-left li.uroven3 span.aktivni {background: url(../images/menu3.gif) no-repeat 0px 0px;}
ul#menu-left li.uroven3 a:hover, ul#menu-left li.uroven3 span.aktivni {background-position: 0px -90px;}
ul#menu-left li.uroven3 span span {padding-left: 42px;}

/* ------------- tlačítka - odkazy --------------------- */
a.vlozit-zivotopis {display: block; background: url(../images/a-vlozit-zivotopis.gif) no-repeat; width: 185px; height: 41px; margin-left: -3px; margin-top: 20px;}
a.vlozit-zivotopis span {display: block; height: 36px; cursor: pointer;}
a.vlozit-zivotopis:hover span {background: url(../images/kulicka.gif) no-repeat 17px 14px;}

a.vlozit-zivotopis-pruh {display: block; background: url(../images/a-vlozit-zivotopis-pruh.gif) no-repeat; width: 116px; height: 32px; margin-top: -7px; margin-right: 10px;}
a.vlozit-zivotopis-pruh span {display: block; height: 32px; cursor: pointer;}
a.vlozit-zivotopis-pruh:hover span {background: url(../images/kulicka.gif) no-repeat 14px 9px;}

a.mam-zajem {display: block; background: url(../images/a-zajem.gif) no-repeat; width: 119px; height: 67px; float:right; margin-top:10px;}
a.mam-zajem span {display: block; height: 67px; cursor: pointer;}
a.mam-zajem:hover span {background: url(../images/hover-zajem.gif) no-repeat 12px 19px;}

/* ----------------- elementy STRED ------------------- */
#pravostred .text {padding: 5px 30px 0px 15px;}
#pravostred table.nabidky {margin: 0; padding: 0; margin-left: 5px;}
#pravostred table.nabidky td, #pravostred table.nabidky th {margin: 0; padding: 0px 30px 0 10px; width: 240px;}
#pravostred table.nabidky td {vertical-align: text-top; padding-top: 8px;  padding-bottom: 10px;}
#pravostred table.nabidky td.td1 {background: url(../images/td1.gif) repeat-y 0 0;}
#pravostred table.nabidky td.td2 {background: url(../images/td2.gif) repeat-y -8px 0;}
#pravostred table.nabidky td.td3 {background: url(../images/td3.gif) repeat-y -4px 0;}
#pravostred table.nabidky th {font-size: 14px; color: #fff; height: 42px; padding-left: 21px; width: 229px;}
#pravostred table.nabidky th.th1 {background: url(../images/nabidky1.gif) no-repeat;}
#pravostred table.nabidky th.th2 {background: url(../images/nabidky2.gif) no-repeat;}
#pravostred table.nabidky th.th2 {background: url(../images/nabidky3.gif) no-repeat;}
#pravostred table.nabidky a.zvyrazni {background: url(../images/a-zvyrazni.gif) no-repeat -1px 2px; padding-left: 14px; margin-left: -2px; color: #7b2e00;}
#pravostred table.nabidky a.zvyrazni:visited {color: #0372a4;}
#pravostred table.nabidky a.zvyrazni:hover {color: #f18e00;}
#pravostred table.rozcestnik th a, #pravostred table.rozcestnik th span {color: #fff; font-size: 13px; display: block; height: 28px; margin: 0; padding: 14px 0px 0 18px; width: 180px;}
#pravostred table.rozcestnik td a {display: inline;}
#pravostred table.rozcestnik th {padding: 0; margin: 0;}

#pravostred .pruh-svetly {background-color: #fef7ed; color: #ff5507; font-size: 14px; padding: 20px 0 8px 20px; margin-bottom: 15px;}
#pravostred .pruh-svetly a.vlozit-zivotopis {margin: -8px 5px 15px 20px; margin-top: -8px;}

#pravostred form  {margin: 0; padding: 16px 5px 12px 16px; margin-top: 20px; background-color: #fff8f1;}
#pravostred textarea {width: 225px; border: 1px solid #f18e00; height: 70px;}
#pravostred input {height: 15px; padding-top: 2px; vertical-align: text-bottom;}
#pravostred input.input-text, #pravostred input.file, #pravostred select {border: 1px solid #f18e00 !important;}
.req {background-image: url('../images/req.gif');}
#pravostred input.submit {height: auto;}
#pravostred form input.submit {margin-left: 30px;}
#pravostred form table {margin-bottom: 10px;}
#pravostred form table td.bottom {vertical-align: bottom;}
#pravostred form table span.upozorneni {font-size: 10px; color: #969696;}
#pravostred form.reg1 table td {padding-bottom: 6px; padding-right: 15px;}
#pravostred form.reg2 table td {padding-bottom: 6px; padding-right: 10px;}
#pravostred form.reg2 table td.bottom {vertical-align: bottom;}
#pravostred form.reg2 input.file {height: auto; background: #fff !important;}
#pravostred form.reg3 {padding-bottom: 16px;}
#pravostred form.reg3 table {width: 100%;}
#pravostred form.reg3 table td {padding-bottom: 10px; padding-right: 15px;}
#pravostred form.reg3 table td input#muz {margin-right: 15px;}
#pravostred form.reg3 table.sloupce2 td {padding-right: 15px;}
#pravostred form.reg3 textarea.delsi {width: 453px;}
#pravostred form.reg3 table.jazyky {margin-bottom: 20px;}
#pravostred form.reg3 table.jazyky caption {color: #fe7a24; text-align: left;}
#pravostred form.reg3 table.jazyky td {padding-bottom: 2px;}
#pravostred form.reg3 table.jazyky td.jazyk {text-transform: uppercase;}

#pravostred .novinka-datum {font-weight: bold; color: #737373; padding-left: 8px;}
#pravostred .pozadujeme {width: 490px;}

#stred a.boxy {display: block; width: 236px; height: 307px; float: left; text-decoration: none; color: black; cursor: pointer;}
#stred a.box1 {margin-right: 15px;}
#stred a.boxy:hover {text-decoration: none; color: black;}
#stred .box-uchazeci, #stred .box-firmy {position: relative; height: 262px; background: url(../images/box-uchazeci.gif) no-repeat; padding: 25px 0 20px 15px;}
#stred .box-uchazeci p, #stred .box-firmy p {width: 205px;}
#stred .box-firmy {background: url(../images/box-firmy.gif) no-repeat;}
#stred .box-uchazeci span.ctverecek, #stred .box-firmy span.ctverecek {background: url(../images/ctverecek.gif) no-repeat 0px 5px; padding-left: 12px; font-size: 12px; color: #fe7a24; font-weight: bold; font-family: Tahoma, Arial, sans-serif; background-position: 0 7px; position: absolute; left: 15px; bottom: 13px;}
#stred .box-firmy img, #stred .box-uchazeci img {position: absolute; left: 17px; top: -9px;}

/* ----------------- elementy PRAVÝ ------------------- */
#pravy img {border: 14px solid #f5f5f5;}
#pravy .info {background-color: #f7f7f7; border: 1px solid #efefef; width: 139px; margin-left: 10px; font-size: 11px; padding: 8px 8px 10px 12px;}
#pravy .info a {font-size: 11px; color: #fe7a24;}
#pravy .info span  {color: #fe7a24; font-size: 18px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; position: relative; top: -5px;}
#pravy .info img {border: none; margin-right: 8px;}


a.thumbnail span.popup {
font-size:11px;
width:200px;
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
top:5px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
line-height:16px;
display: block;
}

/*--hover okno při najetí myši--*/
a.thumbnail {line-height:16px;}
a.thumbnail em.zobrazit-detail {margin-top:15px; margin-left:50px; background: url('../images/zobrazit-detail-nabidky.gif') no-repeat 0 0; display:block; height:31px;}

img.ctv1 {padding-right:4px; padding-left:3px; vertical-align:2px;} 
img.ctv2 {padding-right:1px;}

a.thumbnail span {
	position: relative;
	cursor:default;
	display: inline;
	z-index: 100;
}

a.thumbnail span span {
	display: block;
	position: absolute;
	visibility: hidden;
	top: -120px;
	left: 35px;
	font-size:11px;
	padding: 5px;
	border: 1px solid gray;
	text-decoration: none;
	background-color: White;
	z-index: 100;
	line-height:16px;
	min-height:150px;
	_height:150px;
}

a.thumbnail:hover span span {
	display: block;
	visibility: visible;
	z-index: 5;
	text-decoration: none;
	width:250px;
	background-color: White;
	color: black; /* #F67F09 */
	z-index: 100;
}


/*--ostatni--*/
input.req, textarea.req	{background:url('../images/req.gif') no-repeat right top !important;}
.chyba		{color:red;}
.ok			{color:orange; font-weight:bold;}
.left, table tr th.left       {text-align:left;}
.right      {text-align:right;}
.center     {text-align:center;}
.flright    {float:right;}
.flleft     {float:left;}
.bold       {font-weight:bold;}
.cleaner	{clear:both; font-size:0px; height:0px;}
.skryt		{display:none;}
.pozn		{font-size:10px;}
.radek		{margin-bottom:7px;}