/*====== global =======*/
body { margin: 0; padding: 0; background: url(images/bg-body.jpg) #becbe7; text-align: center; }
body, td, th, input,
textarea, select		{ font: 70% Tahoma, "Lucida Grande CE", lucida, sans-serif; }
img, fieldset				{ border: 0 solid; }
h6, h5, h4, h3, h2, h1, p,
ul, ol, li, dl, dd, dt, 
input, select, textarea, 
form, fieldset				{ margin: 0; padding: 0; }   

/*====== common stuff =======*/
/* align */
.fl		{ float: left; }
.fr     { float: right; }
.ac     { text-align: center; }
.ar     { text-align: right; }
.al		{ text-align: left; }
/* images */
.il     { float: left; clear: left; margin: 0 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0 0 0.5em 1em; }
/* spacing */
.h      { margin: 0 0 0.5em; }
.s      { margin: 0 0 1em; }
.sh     { margin: 0 0 1.5em; }
.d      { margin: 0 0 2em; }
/* hidden & clear */
/*hr      		{ display: none; }*/
h1, .hidden { position: absolute; top: -10000px; left: 0; }
.clr    		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
.error { font-weight: bold; color: red; margin: 0 0 1em; }
.offset { margin: 10px 0 0 204px; }
.offset2 { margin: 10px 0 10px 74px; }

/*====== blocks =======*/
#page		{ position: relative; width: 1090px; height: 760px; background: url(images/pagebackground.png) no-repeat top; margin: 20px auto; padding: 0 0 0; text-align: left; }
#page2		{ position: relative; width: 1090px; height: 760px; background: url(images/pagebackground2.png) no-repeat top; margin: 20px auto; padding: 0 0 0; text-align: left; }
#page3		{ position: relative; width: 1090px; height: 760px; background: url(images/pagebackground3.png) no-repeat top; margin: 20px auto; padding: 0 0 0; text-align: left; }
#page4		{ position: relative; width: 1090px; height: 760px; background: url(images/pagebackground4.png) no-repeat top; margin: 20px auto; padding: 0 0 0; text-align: left; }
#nejfoto { width: 190px; height: 190px; position: absolute; top: 190px; left: 575px; }
#left		{ width: 425px; height: 520px; position: absolute; top: 190px; left: 90px; overflow: auto; }
#left2		{ width: 910px; height: 520px; position: absolute; top: 190px; left: 90px; }
#right1		{ width: 230px; height: 210px; position: absolute; top: 190px; left: 775px; }
#right2		{ width: 445px; height: 260px; position: absolute; top: 440px; left: 575px; }
#right3		{ width: 425px; height: 260px; position: absolute; top: 400px; left: 575px; }
#rightx		{ width: 425px; height: 40px; position: absolute; top: 660px; left: 575px; text-align: right; }
#logo		{ width: 150px; height: 85px; position: absolute; top: 660px; left: 470px; }
#logo span	{ position: absolute; top: -1000px; }
#logox		{ width: 80px; height: 43px; position: absolute; top: 701px; left: 920px; }
#logox span	{ position: absolute; top: -1000px; }
#odpocet		{ width: 154px; height: 85px; position: absolute; top: 660px; left: 468px; }

/*====== default =======*/
a			{ color: gold; }
a:hover		{ color: white; }
body { color: white; }
#high { color: gold; }
hr {border: 0; color: white; background-color: white; height: 1px; width: 100%; text-align: left; }
h2 { font-size: 1.1em; color: gold; font-weight: bold; margin: 0 0 .8em; }
h3 { font-size: 1.2em; color: gold; font-weight: bold; margin: 0 0 .5em; }
h4 { font-size: 1em; color: gold; font-weight: bold; margin: 0 0 .5em; }
h5 { font-size: 1em; color: #111111; font-weight: bold; margin: 0 0 .5em; }
p { margin: 0 0 .5em; }
label { float: left; display: inline-block; line-height: 1.2; vertical-align: top; text-align: right; width: 200px; }
#right1 label { float: left; display: inline-block; line-height: 1.2; vertical-align: top; text-align: right; width: 70px; }
fieldset ol { margin: 0; padding: 0; }
fieldset li { list-style: none; padding: .2em; margin: 0; }
#right3 ol { margin: 0; padding: 0; }
#right3 li { list-style: none; padding: .2em; margin: 0; }
#galery ol { margin: 0; padding: 0; }
#galery li { list-style: none; padding: .2em; margin: 0; }
fieldset input { font-size: 1em; }
fieldset textarea { font-size: 1em; }

#nejfoto .pict				{ display: table; _position: relative; width: 180px; height: 180px; float: left; }
#nejfoto .pict-in				{ display: table-cell; vertical-align: middle; text-align: center; _position: absolute; _top: 50%; }
#nejfoto img					{ margin: 0 auto; display: block; border: 0px; }
* html #nejfoto img			{ position: relative; top: -50%; }

#galery .pict				{ display: table; _position: relative; background: #373737; width: 102px; height: 102px; float: left; border: 1px solid #666666; margin: 0 5px 5px 0; }
#galery .pict-in				{ display: table-cell; vertical-align: middle; text-align: center; _position: absolute; _top: 50%; }
#galery img					{ margin: 0 auto; display: block; border: 0px; }
* html #galery img			{ position: relative; top: -50%; }

.small { font-size: 0.8em; }

.pictext				{ width: 220px; float: left; margin: 0 7px 7px 0; background: #3d3d3d; }

/*====== levy sloupec =======*/
#left p					{ font-size: 1em; text-align: justify; }
#left ul { list-style-position: inside; list-style-type: square; margin: 0 0 1em;}
#left2 ul { list-style-position: inside; list-style-type: square; margin: 0 0 1em;}
#left li { margin: 0 0 .2em;}