* { margin: 0; padding: 0; }

body { 
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color:#777;
	text-align: center;
	font-size: 12px;
}

div#main {
	position: relative;
	width: 800px; height: 580px;
	min-height:580px;
	margin: auto;
	text-align: left;
}

div#logo {
	position: absolute;
	top: 0; left: 0;
	width: 200px; height: 100px;
}
div#logo img { border: none; margin: 5px 0; }

div#addtop {
	position: absolute;
	top: 20px; right: 0;
	width: 604px; height: 60px;
}

div#rside {
	position: absolute;
	top: 130px; right: 0;
	width: 120px; height: auto;
	padding: 10px 0 0 0;
		font-size:9px;
	color:#999999;
}
div#rside a {
	color:#777
}
div#rside a:hover {
	color:#FF0000;
}
div#addside {
	float: right;
	width: 120px; height: 240px;
	margin: 10px 5px;
}

div#topmenu {
	position: absolute;
	top: 100px; left: 0;
	width: 800px; height: 20px; line-height: 20px;
	font-size: 12px; font-weight: bold; color: #bbb;
	background: #efefef;
}
div#topmenu a { padding: 0 5px; color: #243aa8; text-decoration: none; }
div#topmenu a:hover { text-decoration: underline; }
div#topmenu .sipka { float: left; margin: 3px 10px; }

div#content, div#content_wide {
	padding: 130px 0 30px 0;	
	width: 640px; height: auto;
}
div#content_wide { width: auto; margin-left: 185px; }

div#leftmenu {
	position: absolute; top: 130px; left: 0; 
	width: 175px; background: rgb(250,250,250);
}
div#leftmenu a { display: block; font-weight: normal; color: #243aa8; padding: 0 0 0 15px; }
div#leftmenu a:hover { text-decoration: none; }
div#leftmenu a.active { font-weight: bold; color:#D94343}
div#leftmenu a.service-up, div#leftmenu a.service-top { color: #243aa8; margin: 0 0 0 2px; padding: 2px 0 2px 15px; }
div#leftmenu a.service-up { background: url(../images/sipka-up.jpg) 0% 50% no-repeat; }
div#leftmenu a.service-top { background: url(../images/sipka-top.jpg) 0% 50% no-repeat; }
.sub { margin-left: 15px; }

div#footer, #footer_wide {
	position: relative; bottom: 0; left: 180px;
	width: 615px; height: 25px; line-height: 12px;
	background: #efefef; text-align: center;
}
div#footer_wide { width: 800px; left: 0px; top:60px}

div#footer span, div#footer_wide span { margin: 0 5px ; font-size: 10px; }
div#footer span a, div#footer_wide span a { color: #243aa8; text-decoration: none; }
div#footer span a:hover, div#footer_wide span a:hover { text-decoration: underline; }

div#searchbox { 
/*
	position: absolute; top: 130px; right: 0; width: 130px;
*/
	margin: 0; padding: 0; background: rgb(250,250,250); text-align: left; 
	width:640px;
}

form#sfrm { width: 130px; margin-bottom: 10px }
form#sfrm span {
	display: block;
	line-height: 15px;
	margin-bottom: 1px;
	vertical-align: bottom;
}
form#sfrm input, form#sfrm select, form#sfrm strong, form#sfrm p { font-size: 12px; }
form#sfrm .i1, form#sfrm .i2 { border: 1px solid rgb(153,153,153); width: 120px; }
form#sfrm .i2 { width: 53px; }
form#sfrm .is { 
	width: 85px; height: 15px; border: none; margin-top: 1px;
	background: transparent url(../images/butt-is.jpg) bottom left no-repeat; cursor: pointer; 
	font-size: 11px; font-weight: bold; text-align: center;
	margin-bottom: 5px }
form#sfrm input[type="radio"] { margin-bottom: -2px; }

h1 { font-size:17px;
padding:0pt 160px 0pt 0pt; }
	h1 a { text-decoration: none; color: #777;; }
	h1 a:hover { text-decoration: underline; color: #243aa8; }
h2 { font-size:17px;
padding:0; }
	h2 a { text-decoration: underline; color: #777; }
	h2 a:hover { text-decoration: none; color: #243aa8; }
h3 { font-size: 14px; margin: 5px 0; }

p { margin: 5px 0px; }

table td { padding: 1px 2px; vertical-align: bottom;}

div.kategorie {
	position: relative;
	float: left; display: block;
	width: 270px; height: 45px;
	padding: 0 0 0 42px;
}
div.kategorie h2 { font-size: 14px; margin: 5px 0 0 0; padding:0}
div.kategorie h3 { font-size: 10px; display: inline; }
div.kategorie a { font-size: 10px; display: inline; color: #AAA;}

div.kategorie h2 a, div.kategorie h3 a { font-size: 14px; color: #243aa8; text-decoration: underline; }
div.kategorie h3 a { color: #8e8e8e; }
div.kategorie h2 a:hover, div.kategorie h3 a:hover, div.kategorie a:hover { color: #243aa8; text-decoration: none; }

div.kategorie span a { 
	position: absolute; top: 0; left: 0;
	width: 43px; height: 41px;
	text-decoration: none;
	color: rgb(191, 19, 19);
}

div.kategorie span a span { font-size: 1px; visibility: hidden; }

a#auto { background: url(../images/auto.jpg) top left no-repeat; }
a#deti { background: url(../images/deti.jpg) top left no-repeat; }
a#dum-zahrada { background: url(../images/dum-zahrada.jpg) top left no-repeat; }
a#elektro { background: url(../images/elektro.jpg) top left no-repeat; }
a#foto { background: url(../images/foto.jpg) top left no-repeat; }
a#hry { background: url(../images/hry.jpg) top left no-repeat; }
a#hudba { background: url(../images/hudba.jpg) top left no-repeat; }
a#film { background: url(../images/film.jpg) top left no-repeat; }
a#knihy { background: url(../images/knihy.jpg) top left no-repeat; }
a#casopisy { background: url(../images/casopisy.jpg) top left no-repeat; }
a#obleceni { background: url(../images/obleceni.jpg) top left no-repeat; }
a#obuv { background: url(../images/obuv.jpg) top left no-repeat; }
a#pocitace { background: url(../images/pocitace.jpg) top left no-repeat; }
a#podnikani-prumysl { background: url(../images/podnikani-prumysl.jpg) top left no-repeat; }
a#sberatelstvi-hobby { background: url(../images/sberatelstvi-hobby.jpg) top left no-repeat; }
a#sport { background: url(../images/sport.jpg) top left no-repeat; }
a#turistika { background: url(../images/turistika.jpg) top left no-repeat; }
a#telekomunikace { background: url(../images/telekomunikace.jpg) top left no-repeat; }
a#zdravi-krasa { background: url(../images/zdravi-krasa.jpg) top left no-repeat; }
a#ostatni { background: url(../images/ostatni.jpg) top left no-repeat; }
a#pro-dospele { background: url(../images/pro-dospele.jpg) top left no-repeat; }
a#darkove-predmety { background: url(../images/darkove-predmety.jpg) top left no-repeat; }
a#sluzby { background: url(../images/sluzby.jpg) top left no-repeat; }
a#reality { background: url(../images/reality.jpg) top left no-repeat; }
a#prace { background: url(../images/prace.jpg) top left no-repeat; }

.lft { float: left; }
.rgt { float: right; }
.clr { clear: both; }
.cent { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.bold { font-weight: bold; }
.note { font-size: 11px; color: rgb(102,102,102); }
.err { color: rgb(204,0,0); }
.ml { margin-left: 20px; }

p.navigace, p.kategorie { padding: 1px 5px; font-size: 13px; font-weight: bold; }
p.navigace a, p.kategorie a { color: #243aa8; text-decoration: none; }
p.navigace a:hover, p.kategorie a.:hover { color: rgb(204,0,0); text-decoration: underline; }
p.navigace { float: right; }

div.inzerat { margin: 0 0 10px 0; padding: 1px 0 0 0; color: #000; /* background: rgb(250,250,250); */ }
.nabidka { background: rgb(255,250,250);}
.poptavka { background: rgb(250,250,255);}
h2.inzerat-hlavicka { 
	margin: 2px; padding: 2px; font-size: 14px; font-weight: bold;
	border: 1px solid #fff; background: rgb(240,240,240);
}
	h2.inzerat-hlavicka a { color: #000; text-decoration: none; }
	h2.inzerat-hlavicka a:hover { color: #243aa8; }
p.inzerat-telo { 
	margin: 2px; padding: 2px; font-size: 12px;
	font-size: 12px; color: rgb(51,51,51);
}
	p.inzerat-telo a { color: #243aa8; }
	p.inzerat-telo a:hover { color: rgb(204,0,0); text-decoration: none; }
p.inzerat-ostatni { 
	height: 22px; line-height: 22px; margin: 2px; text-align: right; font-size: 10px;
	font-size: 12px; color: rgb(51,51,51); border: solid #fff; border-width: 1px 0 0 0;
}
	.inzerat-ostatni a { font-weight: bold; color: rgb(102,102,102); text-decoration: none; }
	.inzerat-ostatni a:hover { color: rgb(155,0,0); }
	.butt-gray, .butt-wht { 
		display: block; width: 96px; height: 20px; line-height: 20px; margin: 1px 2px; font-size: 12px; 
		text-align: center; font-weight: bold; color: rgb(102,102,102); text-decoration: none; 
	}
	.butt-gray:hover, .butt-wht:hover { color: rgb(155,0,0); }
	.butt-gray { background: url(../images/butt-gray.jpg) top center no-repeat; }
	.butt-wht { background: url(../images/butt-wht.jpg) top center no-repeat; }
	input.butt-wht, input.butt-gray  { border: none; cursor: pointer; }
	a.butt-edit, .inzerat-ostatni a.butt-del { float: left; display: block; width: 25px; height: 20px; margin: 1px 2px; }
	a.butt-edit { background: url(../images/butt-edit_.jpg) top center no-repeat; }
	a.butt-edit:hover { background: url(../images/butt-edit.jpg) top center no-repeat; }
	a.butt-del { background: url(../images/butt-del_.jpg) top center no-repeat; }
	a.butt-del:hover { background: url(../images/butt-del.jpg) top center no-repeat; }
.inzerat-datum { float: right; margin-right: 2px; font-weight: normal; }
.inzerat-typ, .inzerat-cena { font-weight: normal; }
.inzerat-obrazek { float: left; margin-right: 2px; border: 1px solid #fff; cursor: pointer; width:100px}

div.inzerat-detail { margin: 15px 0 10px 0; color: #000; background: rgb(250,250,250); }
.inzerat-detail-obrazek { float: right; }
div.inzerat-detail p {
	margin: 0 0 10px 0;
	font-size:12px;
	color:#333333;
}
div#googleadd { height: 103px; width: 468px; margin: 10px 0; }
div#googleadd2 { height: 13px; width: 468px; margin: 10px 0; }
.i0 { width: 50px; }
.i1 { width: 85px; }
.i2 { width: 120px; }
.i5 { width: 80px; }
.i3 { width: 200px; }
.i4 { width: 600px; }
.i0, .i1, .i2, .i3, .i4, .i5 { border: 1px solid rgb(153,153,153); }

.admfrm { width: 640px; border: 1px solid rgb(204,204,204); }
.admfrm p { margin: 2px; padding: 2px; }
.admfrm p.service { font-weight: bold; background: rgb(250,250,250); }

table.tbl {}
table.tbl th { padding: 3px 2px 0 2px; }
table.tbl td { padding: 0 2px; vertical-align: center; }

textarea { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
label { margin-left: 8px; margin-right: 4px;} 

table.list
{
	font-size: 11px;
	width: 100%;
}

table.list td { vertical-align: top;}

table.list a,
table.list a:hover,
table.list a:active,
table.list a:visited
{ color: rgb(217, 67, 67);}

img.sort { border: none; vertical-align: text-bottom; }
#footer_wide a, #seolista a, .lista-seo a {
	font-size:9px;
	color:#999999;
	line-height:normal;
}
#footer_wide, #seolista, .lista-seo {
		line-height:1px;
		float:none;
		clear:both;
}
#footer_wide a img, #footer a img {
	border:0;
}
