/*
	CSS hostlab site
	created by goodmedia
*/

body {
	background: #252525 url(i/bg.gif) repeat-x top;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#071632;
}

img {
	border:0;
}

form {
	margin:0;
	padding:0;
}

#main {
	width:867px;
	background: url(i/bg-main1.gif) no-repeat top;
	background: url(i/bg-main.gif) no-repeat top;
	margin:0 auto;
}

#top {
	width:758px;
	margin:0 auto;
	height:92px;
	background:url(i/top_.gif) top;
}

#top a#homepage  {
	display:block;
	float:left;
	width:162px;
	height:51px;
	margin:11px 0 0 26px;
}

#top form {
	padding:0;
	display:block;
	float:left;
	margin:7px 0 0 340px;
	.margin:5px 0 0 264px;
}

#top form p {
	paddding:0;
	margin:0 0 3px 0;
	vertical-align:middle;
/*	line-height:30px;*/
}


#top form input.inputbox {
	margin:0;
	font-size:9px;
	border:none;
	width:110px;
	padding:5px 10px;
	background: url(i/inputbox.png) no-repeat;
	.background: url(i/inputbox.gif) no-repeat fixed;
}

/*#top form input.logbtn {
	width:none;
}*/

#top form input.subm {
	vertical-align:middle;
	padding-bottom:4px;
	.padding-bottom:8px;
}

#mid {
	width:758px;
	margin:0 auto;
	height:157px;
	background:url(i/mid-menu.jpg) top;
}

#mid #menu {
	float:left;
	margin:5px 0 0 0;
}

#mid #menu a {
	display:block;
	margin:5px 0 0 30px;
	width:154px;
	height:30px;
}

#mid #menu a span.info {
	font-size:24px;
	display:none;
}

#mid #menu a.o1 {
	background:url(i/menu-btn_01.gif);
}

#mid #menu a.o1:hover {
	background:url(i/menu-btn_01-o.gif);
}

#mid #menu a.o2 {
	background:url(i/menu-btn_02.gif);
}

#mid #menu a.o2:hover {
	background:url(i/menu-btn_02-o.gif);
}

#mid #menu a.o3 {
	background:url(i/menu-btn_03.gif);
}

#mid #menu a.o3:hover {
	background:url(i/menu-btn_03-o.gif);
}

#mid #menu a.o4 {
	background:url(i/menu-btn_04.gif);
}

#mid #menu a.o4:hover {
	background:url(i/menu-btn_04-o.gif);
}


#mid p.info {
	margin:0;
	float:left;
	display:block;
	width:360px;
	height:70px;
	overflow:hidden;
	margin:80px 0 0 28px;
	color:#fff;
	font-size:11px;
}
#mid p.info img {
	vertical-align:text-bottom;
}

#hilite {
	width:758px;
	margin:0 auto;
	height:105px;
	background:url(i/hilite-bg.gif) top;
}

#hilite #kontakt {
	float:left;
	padding:0;
	padding-left:73px;
	padding-top:52px;
	background:url(i/kontakt-icon.gif) 38px 50px no-repeat;
	width:130px;
	height:50px;
}

#hilite #kontakt p {
	margin:0;
	padding:0;
}

#hilite #kontakt a {
	color:#0c5a76;
	text-decoration:none;
}

#hilite #kontakt a:hover {
	border-bottom:1px dotted #0c5a76;
}

#hilite #polecamy {
	float:left;
	width:300px;
	padding:0;
	padding-left:11px;
	padding-top:8px;
}

#hilite #polecamy p {
	margin:0;
	line-height:14px;
	text-align:justify;
}

#hilite #baner {
	float:left;
	width:236px;
	padding:0;
	text-align:right;
	margin-top:6px;
}

#hilite-sub {
	display:block;
	clear:both;
	width:758px;
	margin:0 auto;
	background:#fff url(i/hilite-sub-bg.gif) top no-repeat;
}

#hilite-sub #left {
	float:left;
	padding:0;
	padding-top:52px;
	text-align:center;
	width:196px;
}

#hilite-sub #tresc {
	float:left;
	width:540px;
	padding:0;
	padding-left:11px;
	padding-top:52px;
	.padding-bottom:12px;
}

#hilite-sub #tresc h1 {
	text-align:right;
	font-size:20px;
	font-weight:normal;
	color:#173052;
	padding-bottom:6px;
	background: url(i/dotted.gif) repeat-x bottom;	
}

#hilite-sub #tresc h2 {
	font-size:14px;
	font-weight:bold;
	color:#173052;
	padding:4px 0;
	background: url(i/dotted.gif) repeat-x bottom;	
}

#hilite-sub #tresc p {
	color:#173052;
	font-size:11px;
}

#hilite-sub #tresc a {
	color:#173052;
	color:#405685;
	text-decoration:none;
	padding-right:10px;
	background:url(i/modinfo-a.gif) no-repeat center right;
	border-bottom:1px dotted #e0e0e0;
}

#hilite-sub #tresc a:hover {
	border-bottom:1px dotted #173052;
}

#hilite-sub #tresc h2 a {
/*	background: url(i/dotted.gif) repeat-x bottom;	*/
	background:#fff;
	border:1px dotted #e1e1e1;
	border-bottom:none;
	padding:4px 10px;
}

#hilite-sub #tresc h2 a:hover {
	background:#f1f1f1;
	border-bottom:none;
}

#hilite-sub #tresc ul {
	color:#173052;
	font-size:11px;
/*	padding-left:1em;*/
}

#hilite-sub #tresc ul li {
	list-style-type: square;
/*	list-style-position: inside;*/
}

#hilite-sub #tresc table {
	width:95%;
	margin:0 auto;
}

#hilite-sub #tresc table td {
	border-bottom:1px solid #e1e1e1;
	padding:2px;
	text-align:center;
}

#hilite-sub #tresc table td.desc {
	text-align:left;
}

#hilite-sub #tresc table th, #hilite-sub #tresc table td.foot {
	padding:2px 4px;
	background-color:#f1f1f1;

}

#hilite-sub #tresc div.formRow {
/*	height: 36px;*/
	margin:6px 0;
	padding-bottom:6px;
	vertical-align: middle;
	border-bottom:1px solid #f2f2f2;
}

#hilite-sub #tresc div.formLabel {
	float:left; vertical-align:middle; text-align:right; width:100px;
	margin-top:2px;
}

#hilite-sub #tresc input.active, #hilite-sub #tresc textarea.active {
	border:1px dotted #445795;
}

#hilite-sub #tresc input, #hilite-sub #tresc textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	border:1px solid #E0E0E0;
	background-color:#f6f6f6;
}


#moduly {
	width:758px;
	margin:0 auto;
	height:177px;
	background: #fff url(i/dotted.gif) repeat-x bottom;
}

#moduly div.mod {
	display:block;
	height:160px;
	width:180px;
	.width:184px;
	float:left;
	margin:8px 0 0 8px;
	.margin:8px 0 0 4px;	/* ie */
	background:url(i/modul-tlo.gif) no-repeat; /* right 8px;*/
}

#moduly div.mod p {
	margin:0 6px;
	text-align:left;
	font-size:11px;
	word-spacing:0.3em;
	letter-spacing:0px;
	height:104px;
	.height:101px;
}

#moduly div.mod img {
	margin:2px;
}

#moduly div.mod div.mod_more {
	display:block;
}

#ban_info {
	width:758px;
	margin:0 auto;
	height:152px;
	background: #fff url(i/dotted.gif) repeat-x bottom;
}

#ban_info div.mod {
	display:block;
	height:142px;
	width:374px;
	.width:374px;
	float:left;
	margin:8px 0 0 8px;
	.margin:8px 0 0 4px;	/* ie */
	background:url(i/info-tlo.gif) no-repeat; /* right 8px;*/
}

#ban_info div.mod_ban {
	display:block;
	height:142px;
	width:370px;
	float:left;
	margin:8px 2px;
	background:url(i/info-tlo.gif) no-repeat; /* right 8px;*/
}

#ban_info div.mod_ban a {
	display:block;
	text-align:center;
	padding-top:8px;
}

#ban_info div.mod img {
	margin:2px;
}

#ban_info div.mod p.info_data {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0 8px;
	font-weight:bold;
}

#ban_info div.mod p.info_news {
	margin:3px 8px;
	.margin:2px 8px;
	padding-left:14px;
	background:url(i/info-p.gif) left 2px no-repeat;
}

#ban_info div.mod p.info_news a {
	width:120px;
	color:#1d3060;
	text-decoration:none;
	font-weight:bold;
	padding-right:10px;
	background:url(i/modinfo-a.gif) no-repeat center right;
}

#ban_info div.mod p.info_news a:hover {
	border-bottom:1px dotted #1d3060;
}

#stopka, #stopka_main {
	width:867px;
	background: url(i/stopka-bg.gif) no-repeat top;
	.background: url(i/stopka-bg.gif) no-repeat -1px top;
	margin:0 auto;
}

#stopka {
	clear:both;
}

#stopka #content, #stopka_main #content {
	width:758px;
	margin:0 auto;
	height:70px;
}

#stopka #content p#copy, #stopka_main #content p#copy {
	width:160px;
	.width:161px;
	color:#071632;
	float:left;
	margin:0;
	padding-top:11px;
	.padding-top:18px;
	text-align:right;
}

#stopka #content p.menu, #stopka_main #content p.menu {
	width:580px;
	.width:581px;
	color:#071632;
	float:left;
	margin:0;
	padding-top:11px;
	.padding-top:18px;
	text-align:right;
}

#stopka #content p.menu a, #stopka_main #content p.menu a {
	color:#071632;
	text-decoration:none;
}

#stopka #content p.menu a:hover, #stopka_main #content p.menu a:hover {
	border-bottom:1px solid #000;
}

