body    { font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; background-color: #fff; background-image: url("images/top-bg.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; margin: 0; padding: 0 }
#content         { text-align: left; margin: 0 auto; padding: 0; width: 796px }
/*h1 { color: #1b679e; font-size: 1.2em; font-weight: bold; background-image: url("images/arrow.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 40px }
h2 { color: #1b679e; font-size: 1.2em; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px }*/
h1,h2,h3  { color: #fff; font-size: 0.9em; font-weight: bold ; background-color: #1b679e; padding: 2px 5px; }
h1 { color: #ffff24; font-size: 1.1em; border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
h2 { border-top: 3px solid #ffff24; border-bottom: 3px solid #ffff24; }
p { font-size: 0.8em; text-align: justify }
ol { font-size: 0.8em }
ul { font-size: 0.8em }
ul li { margin-top: 7px; list-style-image: url(images/li.gif)  }
	img { border: solid 3px #fff }
a { color: #2e8bc8 }
a:hover { color: #f30 }
hr { display: none; }
#header          { background-image: url("images/header.jpg"); background-repeat: no-repeat; position: relative; height: 164px }
#header p                  { color: #fff; font-size: 13px; line-height: 13px; margin: 0; padding: 55px 0 0 572px }
#header a { color: #fff }
#header a:hover { color: #f30 }
#navigace   { background-image: url(images/navigace.gif); background-repeat: no-repeat; height: 41px }
#navigace ul   { margin: 0 0 0 30px; padding: 0 }
#navigace ul li       { color: #fff; font-size: 0.9em; list-style-type: none; display: inline; margin: 0; padding: 0 }
#navigace a     { color: #fff; line-height: 40px; text-decoration: none }
#navigace a:hover  { color: #fff200; text-decoration: none }
body.uvod #navigace li#nav-1 a, 
body.nemo #navigace li#nav-2 a, 
body.poptavka #navigace li#nav-3 a, 
body.dotazy #navigace li#nav-4 a, 
body.lityrea #navigace li#nav-5 a, 
body.kontakt #navigace li#nav-6 a,
body.refer #navigace li#nav-7 a,
body.ziskatel #navigace li#nav-8 a   { color: #fff200; text-decoration: none }
#obsah                   { background-image: url("images/bg.gif"); background-repeat: repeat-y; text-align: left; margin: 0 auto; padding: 0; width: 766px }
	#vnitrek      { margin: 0 auto; padding: 0; width: 796px }
	#flag  { margin-top: 10px ; margin-bottom: 10px; }
	#flag img  { border: 0 }
	#flag a img             { border: solid 2px #858585 }
	#flag a:hover img   { border: solid 2px #fff200 }
	#left       { margin: 0; padding: 0; width: 535px; float: left }
#right                            { margin: 0; padding: 0; width: 230px; float: left }
.right-box        { margin: 5px 11px 5px 0; padding: 0; border: solid 3px #fff }
#footer       { background-image: url("images/footer.gif"); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 766px; height: 6px }
	.copy          { background-color: #1b679e; margin: 0 6px; padding: 3px; border-top: 3px solid #fff }
	.copy a { color: #fff; text-decoration: none }
	.copy a:hover { color: #f30; text-decoration: underline }
	.copy p     { color: #fff; font-size: 0.6em; text-align: center; margin: 0; padding: 0 }
.d2     { margin: 0 0 0 0; padding: 0 20px 0 0; width: 230px; float: left }
.d3    { text-align: center; margin: 0 8px 0 0; padding: 5px 0 0; width: 160px; float: left ; border-top: 1px solid #9a9a9a; }
.d3 p { text-align: center; margin-right: auto; margin-left: auto; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#pref { background-image: url(images/bg_pref.gif); background-repeat: repeat-y; background-position: left 0; overflow: hidden; margin: 0; padding: 0; border-width: 0; }
#pref_foot { background-image: url(images/bg_pref_foot.gif); background-repeat: no-repeat; background-position: left 0; width: 496px; height: 1px; overflow: hidden; float: none; clear: both; margin: 0; padding: 0; border-width: 0; }
.inner                { margin: 10px 9px 10px 15px; padding: 0 }
.inner2  { margin: 0; padding: 0 15px 15px }
.nemovitost    { font-size: 0.8em; margin: 0; padding: 0 }
.nemovitost span { font-size: 0.7em }
.find   { background-color: #cdcdcd; margin: 10px 0 0; padding: 10px 10px 5px; border: solid 3px #2e8bc8 }
form { margin: 0; padding: 0 }
fieldset { margin: 0; padding: 0; border: 0 }
select       { margin: 0 5px 5px 0; padding: 0; width: 150px }
input { margin: 0 0 5px; padding: 0 }
.nodisp { display: none; }
.chyba  { color: #fff; font-weight: bold; background-color: #1b679e; padding: 10px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff  }
.tlac         { color: #fff; background-image: url(images/tlac.gif); background-repeat: repeat-x; background-position: 0 center; text-decoration: none; margin: 0 5px 0 0; padding: 2px 5px     ; border-color: #c6c8ca #322b29 #322b29 #c6c8ca; border-style: solid; border-width: 2px; cursor: pointer; }
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both }
.fl_left { margin-right: 5px; margin-bottom: 5px; float: left }
	.fl_right  { margin-bottom: 5px; margin-left: 20px; float: right }
	.nobr { border: 0 }
.red { color: #f30 }
	#enoviny { margin-bottom: 5px }
	#kontakt    { padding: 10px; border: solid 3px #fff }
	#pridat { padding: 10px; border: solid 3px #fff }
	label   { width: 100px; float: left }
/* tables */
table                 { text-align: left; margin: 5px 0; padding: 0; width: 495px; border: none; border-collapse: collapse}
th         { font-size: 0.8em; background-color: transparent; padding: 5px; width: 50%; border-style: solid; border-width: 1px 0; border-color: #fff  }
td        { font-size: 0.8em; background-color: transparent; padding: 10px; border-style: solid; border-width: 1px 0; border-color: #fff   }
.odd-tab { background-color: #fff; text-align: center; border-width: 0; border-color: #fff }
.red    { color: #f30 }
.blue { color: #369 }
.popis   { background-color: transparent }
	.small { font-size: 10px; }
	/* ----------- */
 .card-l                  { font-size: 75%; background-color: transparent; background-image: none; background-position: 0 0; padding: 10px; width: 320px; margin: 0 0 0 0; border: solid 1px #999    }
.card-title     { color: #666; font-size: 130%; margin: 0 0 5px }
.card-photo      { margin: 0; padding: 0 }
.card-desc  { font-size: 100%; text-align: left; margin: 0; padding: 0 }
.card-info  { color: #666; font-size: 90%; text-align: right; margin: 0; padding: 0 }
/* ------------- */	

/* galerie */
	.galerie  { text-align: center; margin-bottom: 15px }
.galerie img  { background-color: #cdcdcd; margin: 5px auto; padding: 3px; border: solid 1px #bebebe }
.galerie p { color: #000; text-align: center; margin: 0; padding: 0 }
/*gallery card*/
#cards { margin-top: 10px; }
.card4 { background-color: #fff; width: 100px; float: left; margin-right: 5px; margin-bottom: 5px; padding: 5px 5px 2px; border: solid 1px #ceced4; }
.card4 img { margin: 0; padding: 0; border-style: none; border-width: 0; }
.center { text-align: center; }
.card1, .card2, .card3 { background-color: #fff; float: left; margin-bottom: 10px; padding: 5px; border: solid 1px #ceced4; }
.card1 img, 
.card2 img, 
.card3 img { margin-bottom: 5px; border-style: none; border-width: 0; }
.card1 p, 
.card2 p, 
.card3 p { font-size: 0.7em; text-align: center; overflow: hidden; margin: 0; padding: 0; }
.card1 { margin-right: 10px; }
.card2 { margin-right: 10px; }