html, body { height: 100%; width: 100%; position: relative; padding: 0; margin: 0; }
body { color: #000; font-family: "Trebuchet MS", tahoma, arial, sans-serif; position: relative; background: #000; text-align: center; font-size: 1em; }
/*-------------------------------------------------------------------------------------------------------
	obecne prvky
---------------------------------------------------------------------------------------------------------*/
.noCSS { display: none; }
.printOnly {display: none;}
.clearer {clear:both;}
div.clearer {height: 1px;overflow: hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #dd0000;}
a:link, a:visited {color: navy;	text-decoration:none;}
a:hover {color: #000000; text-decoration:underline;}
a img {border: none;}
ul {margin-top:0.8em; margin-bottom:0.8em; margin-left:0.8em; padding-left:1em; line-height: 150%;}
ol {line-height: 140%;}
li {margin-bottom:0.3em;}
p {margin-top: 0em;  margin-bottom: 0.4em;  text-align: left;  line-height: 170%;  text-indent: 0px;}
.noIndent {text-indent: 0;}
h1 {font-size: 150%; line-height: 115%; font-weight: bold; margin-top:5px; margin-bottom: 5px;}
h2 {font-size: 130%; font-weight: bold; margin-top: 12px; margin-bottom: 7px;}
h3 {font-size: 110%; margin-top: 0px; margin-bottom: 5px; margin-top: 7px;}
h2 em, h3 em {font-style: normal; font-weight: normal}
legend {font-size: 110%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px;  padding-left: 2px;  color:#000000;}
fieldset {margin-top: 0px;  margin-bottom: 10px;  padding: 0px 0px 2px 0px;}
fieldset div.fieldsetContent {margin: 0px 20px;}
textarea { font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  font-size: 12px;}
label {font-weight: bold;}
.help {cursor: help; border-bottom: 1px dashed #638EB5;}
/*-------------------------------------------------------------------------------------------------------
	layout stranky
---------------------------------------------------------------------------------------------------------*/
#container { position:relative; width:100%; height:100%; min-height: 560px; }
#page, #pageSpacer { position:relative; width: 990px; height: 560px; padding:0; }
#page {	position: absolute; top: 50%; left: 50%; margin: -280px auto auto -495px; background: #e5eae9 url(../images/introBg.jpg) no-repeat left top; overflow: hidden; }
#charvi, #charvi:visited { margin: 0; position: absolute; left: 95px; top:44px; width:397px; height: 237px; background: transparent url(../images/charviHover.gif) no-repeat left top;	}
#charvi:hover { background-position: left bottom;}
#padrino, #padrino:visited { margin: 0; position: absolute; left: 498px; top:54px; width:366px; height: 227px; background: transparent url(../images/padrinoHover.gif) no-repeat left top;	}
#padrino:hover { background-position: left bottom;}