html	{}
body	{background-color: #C0D4FF; color: #333333; font-family: "Verdana CE", Verdana, sans-serif, Helvetica; font-size: 10px; margin: 0; padding: 0;}
img	{border: 0;}
h1	{background-color: #5070c8; font-size: 10px; text-align: center; padding: 4px; margin: 0px; color: #ffffff;}

#page		{text-align: center}
#page-width	{width: 768px; text-align: left; margin: 0 auto; padding: 0;}
#page-ram	{border-width: 4px 2px 4px 2px; border-color: #5070c8; border-style: solid; background-color: #98B4FF;}


button	{border: 0; margin: 0; padding: 0; width: 100px; height: 30px;}
input.nazev	{margin: 0 2px; border: 1px solid #666666; width: 740px; height: 16px;}
input.file_foto {margin: 0 2px; border: 1px solid #666666; height: 20px;}
input.checkbox	{margin: 0 2px; border-width: 0; width: 16px; height: 14px;}
input		{width: 160px; height: 16px; margin: 0 2px; padding: 0; border: 1px solid #666666; font-size: 10px;}
input.input_index{width: 180px; height: 16px; margin: 0 2px; padding: 0; border: 1px solid #666666; font-size: 10px;}
select		{width: 160px; height: 16px; margin: 0 2px; padding: 0; border: 1px solid #666666; font-size: 10px;}
select.select_index	{width: 670px; height: 16px; margin: 0 2px; padding: 0; border: 1px solid #666666; font-size: 10px;}
textarea.popis	{margin: 2px; border: 1px solid #666666; width: 740px; height: 80px;}
textarea.dostupnost	{margin: 2px; border: 1px solid #666666; width: 220px; height: 60px;}
input.submit		{width: 120px; height: 20px; text-align: center; color: #000000; font-weight: normal; margin: 4px 20px; border: 1px solid #666666; background-color: #8098B0;}
input.submit_index	{width: 120px; height: 20px; text-align: center; color: #000000; font-weight: normal; margin: 4px 30px; border: 1px solid #666666; background-color: #8098B0;}

#conn			{width: 195px; border: 1px solid #5070c8; text-align: left; margin: 40px auto;}

.bod			{height: 21px; _height: 25px; padding: 6px 0 0 30px; margin: 1px; font-weight: bold; color: #ffffff; font-size: 10px;}
.zakladni_informace	{background: url("../images/bod_zakladni_informace.gif") no-repeat;}
.editace_zaznamu	{background: url("../images/bod_editace_zaznamu.gif") no-repeat;}
.informace_o_vas	{background: url("../images/bod_informace_o_vas.gif") no-repeat;}
.novinky		{background: url("../images/bod_novinky.gif") no-repeat;}
.statistiky		{background: url("../images/bod_statistiky.gif") no-repeat;}
.seznam_nemovitosti	{background: url("../images/bod_seznam_nemovitosti.gif") no-repeat;}
.detail_nemovitosti	{background: url("../images/bod_detail_nemovitosti.gif") no-repeat;}
.karta_prodejce		{background: url("../images/bod_karta_prodejce.gif") no-repeat;}
.nastaveni_index	{background: url("../images/bod_nastaveni_index.gif") no-repeat;}

#detail_cislo		{float: left; width: 200px; height: 51px; margin-right: 20px; background: url("../images/detail_cislo.gif") no-repeat;}

a#byt_v		{display: block; float: left; width: 55px; height: 55px; background: url("../images/byt_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#byt_v	{background-position: 0 0;}
a#domy_v	{display: block; float: left; width: 55px; height: 55px; background: url("../images/dum_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#domy_v	{background-position: 0 0;}
a#pozemky_v	{display: block; float: left; width: 55px; height: 55px; background: url("../images/pozemky_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#pozemky_v{background-position: 0 0;}
a#nebytove_v	{display: block; float: left; width: 55px; height: 55px; background: url("../images/nebyt_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#nebytove_v	{background-position: 0 0;}
a#rekreacni_v	{display: block; float: left; width: 55px; height: 55px; background: url("../images/rekrea_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#rekreacni_v	{background-position: 0 0;}
a#drazby_v	{display: block; float: left; width: 55px; height: 55px; background: url("../images/drazby_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#drazby_v	{background-position: 0 0;}
a#karta_v	{display: block; float: left; width: 55px; height: 55px; background: url("../images/karta_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#karta_v	{background-position: 0 0;}
a#index_v	{display: block; float: left; width: 55px; height: 55px; background: url("../images/index_v.jpg") no-repeat; margin: 5px; background-position: 0 -55px; overflow: hidden;}
a:hover#index_v	{background-position: 0 0;}
.odkaz		{margin: 25px 0 0 60px; font-size: 14px; color: #ffffff; font-weight: bold; }


a#byt_m		{display: block; float: left; width: 42px; height: 42px; background: url("../images/byt_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#byt_m	{background-position: 0 0;}
a#domy_m	{display: block; float: left; width: 42px; height: 42px; background: url("../images/dum_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#domy_m	{background-position: 0 0;}
a#pozemky_m	{display: block; float: left; width: 42px; height: 42px; background: url("../images/pozemky_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#pozemky_m{background-position: 0 0;}
a#nebytove_m	{display: block; float: left; width: 42px; height: 42px; background: url("../images/nebyt_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#nebytove_m	{background-position: 0 0;}
a#rekreacni_m	{display: block; float: left; width: 42px; height: 42px; background: url("../images/rekrea_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#rekreacni_m	{background-position: 0 0;}
a#rekreacni_m	{display: block; float: left; width: 42px; height: 42px; background: url("../images/rekrea_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#rekreacni_m	{background-position: 0 0;}
a#drazby_m	{display: block; float: left; width: 42px; height: 42px; background: url("../images/drazby_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#drazby_m	{background-position: 0 0;}


a#karta_m	{display: block; float: right; width: 42px; height: 42px; background: url("../images/karta_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#karta_m	{background-position: 0 0;}
a#index_m	{display: block; float: right; width: 42px; height: 42px; background: url("../images/index_m.jpg") no-repeat; margin: 5px; background-position: 0 -42px; overflow: hidden;}
a:hover#index_m	{background-position: 0 0;}
.nabidka	{float: left; height: 52px; width: 180px; color: #ffffff; font-weight: bold;}
.nabidka_text	{margin-top: 10px;}

a.kam		{color: #ffffff;}
a:hover.kam	{color: #cc0000;}

table	{width: 100%; padding: 7px 4px 0px 4px; font-family: "verdana CE", verdana, sans-serif, Helvetica; font-size: 10px;}
td	{padding: 2px; margin: 1px;}
tr	{background-color: #c0d4ff; color: #000000;}
tr.name	{background-color: #5070c8; color: #ffffff; font-weight: bold;}
td.ico	{padding: 0px; margin: 1px;}

div.smazat		{left: right; font-weight: bold; color: #ffffff; margin-top: 2px; padding-right: 20px; height: 16px; background: url("../images/kos.gif") right no-repeat; }
div.rezervace		{left: right; font-weight: bold; color: #ffffff; margin-top: 2px; padding-right: 20px; height: 16px; background: url("../images/reserve.gif") right no-repeat;}
div.sleva		{left: right; font-weight: bold; color: #ffffff; margin-top: 2px; padding-right: 20px; height: 16px; background: url("../images/sleva.gif") right no-repeat;}

a.smazat		{display: block; margin: 0 3px; width: 16px; height: 16px; background: url("../images/kos.gif") no-repeat; overflow: hidden; float: left;}
a.rezervace		{display: block; margin: 0 3px; width: 16px; height: 16px; background: url("../images/reserve.gif") no-repeat; overflow: hidden; float: left;}
a.sleva			{display: block; margin: 0 3px; width: 16px; height: 16px; background: url("../images/sleva.gif") no-repeat; overflow: hidden; float: left;}

#hlava		{height: 80px; background: url("../images/logo.gif") no-repeat; padding: 8px 32px 0 500px;}
#menu		{height: 20px; background-color: #C0D4FF; font-weight: bold; padding: 2px; border-top: 1px solid #5070c8;  border-bottom: 1px solid #5070c8; clear: both;}


a		{color: #cc0000;}
a:hover		{color: #000000;}

#zapis		{width: 100px; height: 30px; background: url("../images/zapis.gif") no-repeat; overflow: hidden;}
#ulozit		{width: 100px; height: 30px; background: url("../images/ulozit.gif") no-repeat; overflow: hidden;}
#odstranit	{width: 100px; height: 30px; background: url("../images/odstranit.gif") no-repeat; overflow: hidden;}
#rezervovat	{width: 100px; height: 30px; background: url("../images/rezervovat.gif") no-repeat; overflow: hidden;}

.tlacitka	{margin: 10px 0; text-align: center;}

.nadpis		{font-weight: bold; padding: 4px; color: #ffffff; background-color: #5070c8;}
.text		{font-weight: bold; padding: 4px; background-color: #C0D4FF; border-bottom: 1px solid #98b4ff; text-align: right; font-size: 10px; color: #0000cc;}
.textn		{padding: 4px; background-color: #C0D4FF; border-bottom: 1px solid #98b4ff; text-align: left;}

.odskok		{margin: 4px 4px 16px 4px;}
.l_odstavec	{width: 280px; float: left;}

.pul	{float: left; width: 374px; margin: 2px;}
#prava_foto	{float: left; width: 146px;}

#create		{text-align: center; padding: 4px 0px;}
#create a	{color: #cc0000;}

#datum		{text-align: right; font-weight: bold; margin-top: 4px;}

.list		{padding-top: 15px;}
.clear		{clear: both; height: 1px; overflow: hidden;}
.linka		{clear: both; height: 1px; margin: 8px 20px; overflow: hidden; background-color: #C0D4FF; }
.bold		{font-weight: bold;}
.normal		{font-weight: normal;}
.center		{text-align: center;}
.right		{text-align: right;}
.left		{text-align: left;}
.modra		{color: #0000cc;}
.cerna		{color: #000000;}
.cervena	{color: #bb0000;}

.cesky		{background: #ffffff url("../images/jazyk_cesky.gif") no-repeat; background-position: center center;}
.anglicky	{background: #ffffff url("../images/jazyk_anglicky.gif") no-repeat; background-position: center center;}

#mapa {
	margin-left: 32px;
	width: 700px;
	height: 400px;	
}