body {
margin: 0;
padding: 2em 0;
background: #039 url("../images/body-bg.jpg") repeat-x;
}

body {
font: .8em/150% Arial, sans-serif;
font/* */:/**/.8em/150% Arial, sans-serif;
font: /**/.8em/150% Arial, sans-serif;
text-align: center;
}

h1, h2, h3, h4, h5, h6, p {
margin: .5em 0;
padding: 0;
}

ul {
margin-bottom: 1em;
margin-top: 0;
padding: 0;
}

h1 { font-size: 1.8em; color: #d00; margin-bottom: 1em; }
h2 { font-size: 1.1em; color: #d00; }
h3 { font-size: 1em; color: #003; }
h4 { font-size: .9em; color: #003; }

h2 a { color: #d00; }

#logo a {
color: #eee;
text-decoration: none;
font-weight: bold;
font: 1.3em/140% "xTrebuchet MS", sans-serif;
}

#logo {
padding: 0.5em 25px;
margin: 0;
background: #3366CC;
}

#contentContainer {
margin: 0 auto;
width: 752px;
text-align: left;
}

#contentBorder {
border: 1px solid #039;
}

.contentMain {
width: 403px;
float: left;
}

.contentSide {
width: 271px;
float: right;
}

#topMenu a, #topMenu a:visited {
color: #0033CC;
}

#topMenu a {
display: block;
float: left;
width: 107px; /* puvodne 92px (s vyucujicimi) */
background: transparent url("../images/razdelitel.gif") no-repeat right center;
text-align: center;
padding: 10px 0;
}

#topMenu a.last {
background-image: none;
}

#topMenu strong a {
background: #fff url("../images/razdelitel.gif") no-repeat right center;
}

#topMenu {
background: #fff url("../images/topmenu-bg.jpg") repeat-x;
}

#content {
color: #333;
padding: 1em 25px;
background: #fff;
margin-top: -5px;
}

#footer {
background: #E1E1E1;
color: #333;
font-size: .9em;
padding: 0;
}

#footer p {
padding: 1em 25px;
margin: 0;
}

.paragraphImportant {
background: #eee;
padding: 1em;
}

table.klienti, table.klienti td {
border: 0;
}

table.klienti td {
border: 0;
vertical-align: middle;
padding: .5em 25px .5em 0;
}



.clearBoth        { clear: both; }
.clearBothZero    { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.clearLeftZero    { clear: left; height: 1px; line-height: 1px; font-size: 1px; }
.clearRightZero   { clear: right; height: 1px; line-height: 1px; font-size: 1px; }

input.xs 					{ width: 3em; }
input.s 						{ width: 4em; }
input.m 						{ width: 8em; }
input.l 						{ width: 12em; }
input.xl, select.xl		{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl				{ width: 25em; height: 20em; }
textarea.xxxl				{ width: 25em;  height: 40em; }
input.submit				{ font-weight: bold;  }

.floatLeft50 				{ width: 49%; float: left; }
.floatRight50 				{ width: 49%; float: right; }

.floatLeft 					{ float: left; }
.floatRight 				{ float: right; }

.marginTopZero				{ margin-top: 0; padding-top: 0; }
.marginTop2em				{ margin-top: 2em; }
.marginTop1em				{ margin-top: 1em; }
.marginBottom2em			{ margin-bottom: 2em; }
.marginTopHead        { margin-top: 2.7em; }

.displayInline				{ display: inline; }

.alignRight					{ text-align: right; }
.alignLeft					{ text-align: left; }
.alignTop					{ text-align: top; }
.alignMiddle				{ vertical-align: middle; }
.alignBottom				{ vertical-align: bottom; }
.alignCenter				{ vertical-align: center; }


.fontWeightNormal			{ font-weight: normal; }
.displayNone				{ display: none; }
.noBorder					{ border: none; }

.testRed						{ border: 1px solid red; }

/* doplneny styl */

#slovnikTable td { vertical-align: top; }
#slovnikTable .even { background: #eee; }
#slovnikTable .myli { background: #03c; margin-right: .5em; }

#kontaktTable td { vertical-align: top; }
#kontaktTable textarea { height: 14em; width: 300px; }