/* CSS Document */

body { background-color: #f7f8fa; margin: 100px auto; padding: 0; text-align: center; width: 820px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em
}
html>body { width: 800px; }

div#page { width: 795px; border: solid #7d88a2 2px; background: scroll url('../_images/main-background.png') repeat-y; }
div#top-box { height: 20px; width: 100%; border-bottom: solid #7d88a2 1px; background: scroll url('../_images/top-box-background.png') repeat-y; }

#left { float: left; width: 106px; padding: 0; text-align: left; }
#ucetnictvi-small { width: 99px; height: 26px; border-bottom: solid #7d88a2 1px; padding-right: 5px; }
.left-menu1 { width: 99px; height: 33px; border-top: solid #7d88a2 1px; border-bottom: solid #7d88a2 1px; margin-top: -1px; }
.left-menu { width: 99px; height: 33px; border-top: solid #7d88a2 1px; border-bottom: solid #7d88a2 1px; }
#servis-small { width: 100px; height: 26px; padding-right: 5px; border-top: solid #7d88a2 1px; border-bottom: solid #7d88a2 1px; }
#kontakt { width: 99px; height: 100px; text-align: center; font-size: 0.7em; padding: 30px 0 0; border-top: solid #7d88a2 1px; }


#main { float: left; text-align: left; width: 689px; }
.ucetnictvi-pictures { width: 341px; height: 170px; border-right: solid #7d88a2 1px; border-bottom: solid #7d88a2 1px; }
.servis-pictures { width: 347px; height: 170px; margin-left: -4px; border-bottom: solid #7d88a2 1px; }

#main-content { min-height: 205px; padding: 15px 10px 0; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.4em; text-align: center; margin-top: 0; }
div.cite { font-size: 1.2em; font-style: italic; font-weight: bold; text-align: center; margin: 20px 0; }
div.main-center { text-align: center; }
h2 { font-size:1.2em; margin-bottom: 0; }
img { border: none; }
#buttons { text-align: right; margin-right: 10px; }


#footer { background: scroll url('../_images/footer-background.png') repeat-y; height: 27px; border-top: solid #7d88a2 1px; text-align: left; margin-top: -15px; }
#kontakty { width: 93px; height: 27px; margin: 0px 0 0 3px; }
#logo { width: 173px; height: 27px; margin-left: 520px; }

.height2 { width: 99px; height: 2px; border-bottom: solid #7d88a2 1px; border-right: solid #7d88a2 1px; font-size: 0.1em; }
.height3 { width: 99px; height: 2px; border-bottom: solid #7d88a2 1px; border-right: solid #7d88a2 1px; font-size: 0.1em; }
.height3x { width: 99px; height: 2px; border-right: solid #7d88a2 1px; font-size: 0.1em; }
.width3 { width: 3px; height: 116px; border-bottom: solid #7d88a2 1px; border-right: solid #7d88a2 1px; }


.content { margin: 0; padding: 0; }
hr.cleaner { clear: both; height: 1px; padding: 0px; border: none; visibility: hidden; }