BODY {
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	margin: 0px;
	padding: 0px;
	background: #D0CDC9;
	}


A { color: #cc3300; }
A:hover { text-decoration: none; }

A.rev { color: #444; text-decoration: underline; }
A.rev:hover { color: #cc3300; text-decoration: none; }

A.button {
	margin-top: 5px;
	font-size: 1em;
	border: 1px solid #eee;
	background: #FAFAFA;
	padding: 2px 5px;
	text-decoration: none;
	}
A.button:hover {
	border-color: #cc3300;
	text-decoration: none;
	}

FORM {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	}

/*H1, H2, H3, H4, H5, H6, P { position: relative; }*/

H1, H2, H3, H4 { font-family: serif, "Trebuchet MS"; clear: both;}
H1.no-clear, H2.no-clear, H3.no-clear, H4.no-clear { clear: none; }
H2 	{
	font-size: 1.9em;
	color: #cc3300;
	margin: 1.2em 0em 0.6em;
	padding: 0px;
	font-weight: normal;
	}
H3 	{font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #6E953F;
	margin: 1.5em 0px 0.4em -10px;
	text-transform: uppercase;
	clear: both;
	padding-left: 10px;
	background: transparent url(../_img/ui/bull-h3.gif) no-repeat 0% 50%;
	}
H3.vedeni-firmy { float: left; width: 25%; margin: 0px; clear: none; }
H4 	{
	font-size: 1.1em;
	margin: 0px;
	font-family: "Trebuchet MS", sans-serif;
	}

HR { margin: 0px; border: 1px solid #fff; border-top: 1px solid #eee; }

IMG { border: 0px; }

INPUT, SELECT, TEXTAREA { font-family: arial, helvetica, sans-serif; font-size: 1em; }

P { margin: 10px 0px; padding: 0px; }

SMALL { font-size: 0.9em; }

TABLE, TD { font-size: 1em; }

/*****************************************************************
 * PAGE
 ************************************************************** */
#page { width: 930px; text-align: left;  background: #D0CDC9 url(../_img/ui/bckg.gif) repeat-y; }
#page-left { width: 240px; text-align: left; float: left; }
#page-middle { width: 520px; text-align: left; float: left; overflow: hidden; line-height: 1.5em; }
#page-right { width: 170px; text-align: left; float: left;  }

/*****************************************************************
 * PAGE-LEFT
 ************************************************************** */
#logo { background: url(../_img/ui/logo-bckg.gif) no-repeat; width: 240px; height: 120px; }
#logo A { width: 240px; height: 120px; display: block; }

DIV.logo-kontakty { display: none; }

#search-bar { background: #595959; width: 240px; height: 30px; color: #aaa; }

#search-bar A.btn-grey {
	border-left: 1px solid #666;
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	background-position: 0px 0px;
}
#search-bar A.btn-grey:hover {
	text-decoration: none;
	background-position: -30px 0px;
	background-color: #888;
}

#btn-mapa-webu { background: #595959 url(../_img/ui/btn-mapa-webu.gif) no-repeat top left; }
#btn-home { background: #595959 url(../_img/ui/btn-home.gif) no-repeat top left; }
#btn-search { background: #595959 url(../_img/ui/btn-search.gif) no-repeat top left; }

#sb-btn-help { float: right; display: block; padding-top: 8px; padding-right: 15px; }

/*****************************************************************
 * PAGE-MIDDLE
 ************************************************************** */
#header-img { font-size: 0; line-height: 0; }
#main-content {
	padding: 30px;
	padding-top: 0px;
	margin-top: 30px;
	color: #444;
}
#main-content P { /*text-align: justify;*/ }
#main-content IMG { background: url(../_img/ui/wait.gif) no-repeat 50% 50%; }

/*****************************************************************
 * UL TABS
 ************************************************************** */
UL.tabs { padding: 0px; margin: 0px; list-style-type: none; width: 458px; margin-top: 1em; }
UL.tabs LI { padding: 0px; margin: 0px; list-style-type: none; float: left; padding: 7px 15px 7px 10px; }
UL.tabs LI.selected { background: #fafafa url(../_img/ui/tab-bckg.gif) no-repeat right top; font-weight: bold; border-left: 1px solid #eee; }
UL.tabs IMG { background: none; }

DIV.tab-body { display: none; clear: both; }
DIV.tab-body-selected { display: block; clear: both; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

/*****************************************************************
 * UL TABS2
 ************************************************************** */
UL.tabs2 { padding: 0px; margin: 0px; list-style-type: none; }
UL.tabs2 LI { padding: 0px; margin: 0px; list-style-type: none; float: right; padding: 7px 15px 7px 10px; }
UL.tabs2 LI.selected { background: #fafafa url(../_img/ui/tab-bckg2.gif) no-repeat right bottom; font-weight: bold; border-left: 1px solid #eee; }

/*****************************************************************
 * FOOTER
 ************************************************************** */
#footer { clear: both; width: 770px; background: #595959; color: #aaa; }
#footer #copyright { width: 240px; float: left; text-align: right; padding-top: 10px; }
#footer-spacer { clear:both; font-size: 0.1em; height: 30px; background: #595959; }

#footer-middle { float: left; width: 520px; }

#footer-middle A { display: block; width: 30px; height: 30px; float: right; background-position: 0px 0px; }
#footer-middle A:hover { text-decoration: none; background-position: -30px 0px; }

#footer-middle A.btn-white { border-right: 1px solid #eee; border-top: 1px solid #eee; }
#footer-middle A.btn-white:hover { background-color: rgb( 250,250,250 ); }

#footer-middle A.btn-grey { border-left: 1px solid #666; }
#footer-middle A.btn-grey:hover { background-color: #888; }

#btn-to-page-top { background: #fff url(../_img/ui/btn-to-page-top.gif) no-repeat top left; }
#btn-print { background: #fff url(../_img/ui/btn-print.gif) no-repeat top left; }
#btn-invite { background: #fff url(../_img/ui/btn-invite.gif) no-repeat top left; }

#btn-law { background: #595959 url(../_img/ui/btn-law.gif) no-repeat top left; }
#btn-login { background: #595959 url(../_img/ui/btn-login.gif) no-repeat top left; }

#footer-middle #ft-btn-help { float: right; display: block; padding-top: 10px; padding-right: 15px; }

/*****************************************************************
 * .tabulka
 ************************************************************** */
TABLE.tabulka {
	line-height: 1.2em;
	font-size: 0.9em;
	width: 460px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 1px;
}
TABLE.tabulka TD { padding: 4px 7px; border-bottom: 1px solid #EAEAEA; }
TABLE.tabulka TH { padding: 4px 7px; background: #F1F1F1; font-weight: bold; text-align: left; border-right: 2px solid #fff;  }
TABLE.tabulka TR { border: none; }
TABLE.tabulka TR { background: #fff; }
TABLE.tabulka TR:hover { background: #FAFAFA; }

/*****************************************************************
 * #MESSAGES
 ************************************************************** */
#messages { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 1px; margin: 20px 0px; }
#messages P { margin: 0px; padding: 5px 0px; text-align: center; }
#messages .message1 { color: #339900; background: #F2FFF1; }
#messages .message2 { color: #000; }
#messages .message3 { color: #D99900; }
#messages .message4 { color: #ff0000; background: #FFEEEE; }

/*****************************************************************
 * MENU
 ************************************************************** */
#mnu { width: 240px; clear: both; text-align: left; }

#mnu UL, #mnu LI { list-style-type: none; margin: 0px; padding: 0px; }
#mnu LI.cur { background: #fff url(../_img/ui/smnu-bckg.gif) repeat-x; }
#mnu A.last { border-bottom: #F4F3F2 1px solid; }

A.mnu { margin-left: 10px; width: 230px; color: #7A7A7A; background: #E8E7E5 url(../_img/ui/mnu-bckg.gif) repeat-x; }

#mnu LI.cur STRONG, A.mnu
{
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
}
#mnu LI.cur STRONG { color: #6E953F; padding: 14px 0px 10px 30px; }
A.mnu SPAN { padding: 14px 0px 10px 20px; display: block; }

A.mnu:hover { background: #fff url(../_img/ui/smnu-bckg.gif) repeat-x; color: #cc3300; }

DIV.smnu { padding: 0px 20px 15px 30px; }
DIV.smnu LI
{
  margin-right: 0px !important;
  padding: 2px 15px !important;
  background: url(../_img/ui/smnu-bull.gif) no-repeat left center;
}
DIV.smnu LI A { color: #525252; }
DIV.smnu LI A:hover { text-decoration: none; color: #cc3300; }

/*****************************************************************
 * H2 VYPRODEJ
 ************************************************************** */
H2.vyprodej .nazev { float: left; }
H2.vyprodej .sleva { float: right; margin-right: 20px; color: #888; }
H2.vyprodej .cena { float: right; }

/*****************************************************************
 * FORMULARE
 ************************************************************** */
DIV.form-row { background: url(../_img/ui/form-row-bckg.gif) repeat-y left top; padding: 7px 10px;
border-bottom: 2px solid #fff; }
DIV.form-row:hover DIV.form-popis { color: #CC3300; }
DIV.form-popis { display: block; float: left; width: 130px; }
DIV.form-control { display: block; margin-left: 150px; vertical-align: middle; }
DIV.form-control * { vertical-align: middle; }

/*****************************************************************
 * LIST ROWS - hlavne kontakty
 ************************************************************** */
DIV.list-row { background: #FBFAF9; padding: 1px 0px; }
SPAN.list-popis { display: block; float: left; width: 60px; padding: 0px; }
SPAN.list-val { display: block; margin-left: 70px; vertical-align: middle; padding: 0px; }

/*****************************************************************
 * VYPRODEJ
 ************************************************************** */
#vyprodej A { background: transparent; }

/*****************************************************************
 * THUMBS
 ************************************************************** */
.thumbs-right { display: block; margin-left: 10px; float: right; }
.thumbs-left { display: block; margin-right: 10px; float: left; }
.thumbs-full { display: block; text-align: center; }
.thumbs-full IMG, .thumbs-left IMG { margin-right: 5px; }
.thumbs-right IMG { margin-left: 5px; }

/*****************************************************************
 * CONTAINERY
 ************************************************************** */
.container, .container-grey, .tip
	{
	border-bottom: 1px solid #EFEDEA;
	border-top: 1px solid #EFEDEA;
	padding: 10px 20px;
	margin: 0px;
	}
.container-grey { background: #FBFAF9; }
.glosa
	{
	background: #fafafa url(../_img/ui/tab-bckg.gif) no-repeat right top;
	font-weight: bold;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 15px 20px;
	font-size: 1.1em;
	text-align: center !important;
	}

.tip
	{
	margin-bottom: 10px;
	padding: 10px;
	/*text-align: center;*/
	margin-left: 10px;
	color: #666;
	background: #DAD8D5;
	font-size: 0.9em;
	}
.tip SELECT { background: #fff; color: #666; margin-top: 10px; width: 130px; }
.tip OPTION.sekce { font-weight: bold;}

DIV.novinka H3 { background: #FAFAFA; padding: 7px 0px 3px 15px; margin-bottom: 0px; }
DIV.novinka H3 SPAN.ze_dne { font-size: 0.9em; color: #aaa; margin-right: 20px; }


#cena-vyprodej { font-size: 1.5em; font-weight: bold; text-align: right; }


.pocitadla IMG { display: none; }

.float-right { float: right; }

.spacer { line-height: 1px; height: 1px; font-size: 1px; clear: both; display: block; width: 90%; }
.spacer10 { height: 10px; font-size: 8px; clear: both; display: block; width: 90%; }
.spacer20 { height: 20px; font-size: 10px; clear: both; display: block; width: 90%; }


.invis { display: none; }
.no-screen { display: none; }

.no-bckg { background: none !important; }

.small-grey-text { color: #999; font-size: 0.9em; }

.adresy-studio-volby { padding: 10px 0px 5px; margin-top: 10px; border-top: 1px solid #eee; }

.a_sep { color: #bbb; }

/* Pouµito např. v pravnich informacich*/
SPAN.firma { font-weight: bold; color: #888; }
