/* CSS Document */

* {
    margin: 0;
    padding: 0;
    }

/**
 * LAYOUT
 */

html {
    font: normal normal 8pt/15px Verdana, Arial, sans-serif;
    width: 100%;
    height: 100%;
    text-align: left;
    color: #333;
    }
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #719DCB;
    }
#floater {
    float: left;
    width: 100%;
    height: 50%;
    margin-bottom: -336px;
    background-color: #fff;
    }
#wrapper {
    clear: both;
    position: relative;
    padding-top: 44px;
    width: 100%;
    text-align: center;
    background: transparent url('images/background.png') 50% 0 repeat-x;
    }
#shadow {
    width: 964px;
    height: 604px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    left: 4px;
    top: 4px;
    background: transparent url('images/shadow.png') 0 0 repeat;
    }

/**
 * BASICS
 */

p {
    margin: 10px 0;
    }
a {
    color: #004C9C;
    }
a:hover, a:active {
    color: #9C5300;
    }

/**
 * HEADER
 */
#header {
    float: left;
    width: 964px;
    height: 104px;
    margin-top: -44px;
    position: relative;
    left: -4px;
    top: -4px;
    }
.header-cz { background: #fff url('images/header-cz.jpg') 100% 100% no-repeat; }
.header-en { background: #fff url('images/header-en.jpg') 100% 100% no-repeat; }

#logo {
    float: left;
    width: 136px;
    height: 92px;
    background: #fff url('images/logo.png') 0 0 no-repeat;
    }
    a#logo:hover { background-position: -136px 0; }

.top-menu {
    float: right;
    display: block;
    height: 24px;
    margin: 20px 20px 0 20px;
    line-height: 60px;
    overflow: hidden;
    }
    .top-menu:hover,
    .top-menu:active,
    .top-active { background-position: 0 -24px; }

    .top-lang-cz { background-image: url('images/top-lang-cz.png'); width: 67px; }
    .top-contact-cz { background-image: url('images/top-contact-cz.png'); width: 67px; }
    .top-aboutus-cz { background-image: url('images/top-aboutus-cz.png'); width: 73px; }
    .top-homepage-cz { background-image: url('images/top-homepage-cz.png'); width: 124px; }
    .top-lang-en { background-image: url('images/top-lang-en.png'); width: 51px; }
    .top-contact-en { background-image: url('images/top-contact-en.png'); width: 65px; }
    .top-aboutus-en { background-image: url('images/top-aboutus-en.png'); width: 75px; }
    .top-homepage-en { background-image: url('images/top-homepage-en.png'); width: 85px; }

#header p {
    clear: right;
    float: right;
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 60px;
    overflow: hidden;
    }

/**
 * CONTENT
 */
#content {
    float: left;
    width: 960px;
    padding: 4px 4px 4px 0;
    height: 536px;
    background: #fff url('images/dot.png') 0 0 repeat;
    position: relative;
    left: -4px;
    top: -4px;
    }

/**
 * PAGE-INDEX
 */
.index-section {
    float: left;
    width: 236px;
    height: 536px;
    margin-left: 4px;
    }

.photo {
    display: block;
    width: 236px;
    height: 144px;
    margin-bottom: 4px;
    }
    .page-section .photo { float: left; }
    .index-section-1 .photo,
    .page-section-1 .photo { background: #E3EFFB url('images/photo-section-1.jpg') 0 0 no-repeat; }
    .index-section-2 .photo,
    .page-section-2 .photo { background: #EBEFF3 url('images/photo-section-2.jpg') 0 0 no-repeat; }
    .index-section-3 .photo,
    .page-section-3 .photo { background: #F3F0EB url('images/photo-section-3.jpg') 0 0 no-repeat; }
    .index-section-4 .photo,
    .page-section-4 .photo { background: #FBF0E3 url('images/photo-section-4.jpg') 0 0 no-repeat; }
    div.index-section:hover a.photo { background-position: -236px 0; }

.index-section div {
    float: left;
    width: 200px;
    height: 388px;
    }
    .index-section-1 div { background: #E3EFFB url('images/index-inner-1.jpg') 0 0 no-repeat; }
    .index-section-2 div { background: #EBEFF3 url('images/index-inner-2.jpg') 0 0 no-repeat; }
    .index-section-3 div { background: #F3F0EB url('images/index-inner-3.jpg') 0 0 no-repeat; }
    .index-section-4 div { background: #FBF0E3 url('images/index-inner-4.jpg') 0 0 no-repeat; }

h2 {
    margin: 36px 0 20px 16px;
    }
h2 a {
    display: block;
    height: 20px;
    line-height: 60px;
    overflow: hidden;
    }
    .index-section-1 h2 a.cz,
    .page-section-1 .bar h2 a.cz { background: transparent url('images/name-section-cz-1.png') 0 0 no-repeat; }
    .index-section-2 h2 a.cz,
    .page-section-2 .bar h2 a.cz { background: transparent url('images/name-section-cz-2.png') 0 0 no-repeat; }
    .index-section-3 h2 a.cz,
    .page-section-3 .bar h2 a.cz { background: transparent url('images/name-section-cz-3.png') 0 0 no-repeat; }
    .index-section-4 h2 a.cz,
    .page-section-4 .bar h2 a.cz { background: transparent url('images/name-section-cz-4.png') 0 0 no-repeat; }
    .index-section-1 h2 a.en,
    .page-section-1 .bar h2 a.en { background: transparent url('images/name-section-en-1.png') 0 0 no-repeat; }
    .index-section-2 h2 a.en,
    .page-section-2 .bar h2 a.en { background: transparent url('images/name-section-en-2.png') 0 0 no-repeat; }
    .index-section-3 h2 a.en,
    .page-section-3 .bar h2 a.en { background: transparent url('images/name-section-en-3.png') 0 0 no-repeat; }
    .index-section-4 h2 a.en,
    .page-section-4 .bar h2 a.en { background: transparent url('images/name-section-en-4.png') 0 0 no-repeat; }
    .index-section h2 a:hover,
    .page-section .bar h2 a:hover { background-position: 0 -20px; }

.index-section p,
.page-section .bar p {
    margin-left: 17px;
    }

.index-section p a,
.page-section .bar p a {
    font-weight: bold;
    }

.strip-menu {
    float: left;
    width: 36px;
    height: 536px;
    margin-left: 4px;
    }

.strip-photo {
    display: block;
    width: 36px;
    height: 144px;
    margin-bottom: 4px;
    }
    .strip-menu-1 .strip-photo { background: #E3EFFB url('images/photo-section-1.jpg') -436px 0 no-repeat; }
    .strip-menu-2 .strip-photo { background: #EBEFF3 url('images/photo-section-2.jpg') -436px 0 no-repeat; }
    .strip-menu-3 .strip-photo { background: #F3F0EB url('images/photo-section-3.jpg') -436px 0 no-repeat; }
    .strip-menu-4 .strip-photo { background: #FBF0E3 url('images/photo-section-4.jpg') -436px 0 no-repeat; }
    div.strip-menu:hover a.strip-photo { background-position: -200px 0; }

.strip-cz,
.strip-en {
    float: left;
    width: 36px;
    height: 388px;
    }
    .index-section-1 .strip-cz,
    .strip-menu-1 .strip-cz { background: #E3EFFB url('images/section-strip-cz-1.png') 0 100% no-repeat; }
    .index-section-2 .strip-cz,
    .strip-menu-2 .strip-cz { background: #EBEFF3 url('images/section-strip-cz-2.png') 0 100% no-repeat; }
    .index-section-3 .strip-cz,
    .strip-menu-3 .strip-cz { background: #F3F0EB url('images/section-strip-cz-3.png') 0 100% no-repeat; }
    .index-section-4 .strip-cz,
    .strip-menu-4 .strip-cz { background: #FBF0E3 url('images/section-strip-cz-4.png') 0 100% no-repeat; }
    .index-section-1 .strip-en,
    .strip-menu-1 .strip-en { background: #E3EFFB url('images/section-strip-en-1.png') 0 100% no-repeat; }
    .index-section-2 .strip-en,
    .strip-menu-2 .strip-en { background: #EBEFF3 url('images/section-strip-en-2.png') 0 100% no-repeat; }
    .index-section-3 .strip-en,
    .strip-menu-3 .strip-en { background: #F3F0EB url('images/section-strip-en-3.png') 0 100% no-repeat; }
    .index-section-4 .strip-en,
    .strip-menu-4 .strip-en { background: #FBF0E3 url('images/section-strip-en-4.png') 0 100% no-repeat; }
    div.index-section:hover a.strip-cz,
    div.index-section:hover a.strip-en,
    div.strip-menu:hover a.strip-cz,
    div.strip-menu:hover a.strip-en { background-position: -36px 100%; }

    .page-section-1 .strip-cz { background: #CAE0F7 url('images/section-strip-cz-1.png') -72px 100% no-repeat; }
    .page-section-2 .strip-cz { background: #D9E0E8 url('images/section-strip-cz-2.png') -72px 100% no-repeat; }
    .page-section-3 .strip-cz { background: #E8E2D9 url('images/section-strip-cz-3.png') -72px 100% no-repeat; }
    .page-section-4 .strip-cz { background: #F7E2CA url('images/section-strip-cz-4.png') -72px 100% no-repeat; }
    .page-section-1 .strip-en { background: #CAE0F7 url('images/section-strip-en-1.png') -72px 100% no-repeat; }
    .page-section-2 .strip-en { background: #D9E0E8 url('images/section-strip-en-2.png') -72px 100% no-repeat; }
    .page-section-3 .strip-en { background: #E8E2D9 url('images/section-strip-en-3.png') -72px 100% no-repeat; }
    .page-section-4 .strip-en { background: #F7E2CA url('images/section-strip-en-4.png') -72px 100% no-repeat; }

/**
 * PAGE-SECTION
 */

.page-section {
    float: left;
    width: 836px;
    height: 536px;
    margin-left: 4px;
    }
.page-section .page {
    float: left;
    width: 596px;
    height: 536px;
    margin-right: 4px;
    }
    .page-section-1 .page { background: #E3EFFB url('images/page-top-1.jpg') 0 0 no-repeat; }
    .page-section-2 .page { background: #EBEFF3 url('images/page-top-2.jpg') 0 0 no-repeat; }
    .page-section-3 .page { background: #F3F0EB url('images/page-top-3.jpg') 0 0 no-repeat; }
    .page-section-4 .page { background: #FBF0E3 url('images/page-top-4.jpg') 0 0 no-repeat; }

.page-section .bar {
    float: left;
    width: 200px;
    height: 388px;
    padding-left: 28px;
    margin-left: -28px;
    background-color: gray;
    color: #000;
    }
    .page-section-1 .bar { background: #CAE0F7 url('images/page-bar-1.png') 0 0 repeat-y; }
    .page-section-2 .bar { background: #D9E0E8 url('images/page-bar-2.png') 0 0 repeat-y; }
    .page-section-3 .bar { background: #E8E2D9 url('images/page-bar-3.png') 0 0 repeat-y; }
    .page-section-4 .bar { background: #F7E2CA url('images/page-bar-4.png') 0 0 repeat-y; }

h1 {
    height: 40px;
    margin: 114px 32px 33px 76px;
    line-height: 120px;
    overflow: hidden;
    }
    .page-section-1 h1.cz { background: transparent url('images/section-h1-cz-1.png') 0 0 no-repeat; }
    .page-section-2 h1.cz { background: transparent url('images/section-h1-cz-2.png') 0 0 no-repeat; }
    .page-section-3 h1.cz { background: transparent url('images/section-h1-cz-3.png') 0 0 no-repeat; }
    .page-section-4 h1.cz { background: transparent url('images/section-h1-cz-4.png') 0 0 no-repeat; }
    .page-section-1 h1.en { background: transparent url('images/section-h1-en-1.png') 0 0 no-repeat; }
    .page-section-2 h1.en { background: transparent url('images/section-h1-en-2.png') 0 0 no-repeat; }
    .page-section-3 h1.en { background: transparent url('images/section-h1-en-3.png') 0 0 no-repeat; }
    .page-section-4 h1.en { background: transparent url('images/section-h1-en-4.png') 0 0 no-repeat; }

.page-section .page h2,
.page-special h2 {
    height: 20px;
    margin: -39px 32px 19px 78px;
    font-size: 10pt;
    color: #004C9C;
    line-height: 24px;
    letter-spacing: 1px;
    }
.page-section .page h3 {
    margin: 20px 32px 10px 78px;
    font-size: 9pt;
    }
.page-special h3 {
    margin: 20px 0 10px 0;
    font-size: 9pt;
    }
.page-section .page p {
    margin: 10px 32px 10px 78px;
    }
.page-section .page ul {
    margin: 10px 32px 10px 78px;
    padding: 0;
    }
.page-section .page li {
    list-style-image: url('images/dots.png');
    margin-bottom: 5px;
    }

/**
 * PAGE-SPECIAL
 */
.page-special {
    float: left;
    width: 796px;
    height: 536px;
    margin-left: 4px;
    }
    .page-aboutus { background: #eee url('images/page-special-1.jpg') 0 0 no-repeat; }
    .page-contact { background: #eee url('images/page-special-2.jpg') 0 0 no-repeat; }
    .page-reference { background: #eee url('images/page-special-3.jpg') 0 0 no-repeat; }
    .page-certificates { background: #eee url('images/page-special-4.jpg') 0 0 no-repeat; }
    .page-partners { background: #eee url('images/page-special-5.jpg') 0 0 no-repeat; }

    .page-aboutus h1.cz { background: transparent url('images/special-h1-cz-1.png') 0 0 no-repeat; }
    .page-contact h1.cz { background: transparent url('images/special-h1-cz-2.png') 0 0 no-repeat; }
    .page-reference h1.cz { background: transparent url('images/special-h1-cz-3.png') 0 0 no-repeat; }
    .page-certificates h1.cz { background: transparent url('images/special-h1-cz-4.png') 0 0 no-repeat; }
    .page-partners h1.cz { background: transparent url('images/special-h1-cz-5.png') 0 0 no-repeat; }
    .page-aboutus h1.en { background: transparent url('images/special-h1-en-1.png') 0 0 no-repeat; }
    .page-contact h1.en { background: transparent url('images/special-h1-en-2.png') 0 0 no-repeat; }
    .page-reference h1.en { background: transparent url('images/special-h1-en-3.png') 0 0 no-repeat; }
    .page-certificates h1.en { background: transparent url('images/special-h1-en-4.png') 0 0 no-repeat; }
    .page-partners h1.en { background: transparent url('images/special-h1-en-5.png') 0 0 no-repeat; }

.page-special .widecolumn {
    float: left;
    width: 678px;
    margin-left: 78px;
    list-style-image: url('images/dots.png');
    }
.page-special .column {
    float: left;
    width: 300px;
    margin-left: 78px;
    list-style-image: url('images/dots.png');
    }
.logobox {
    float: left;
    width: 704px;
    margin-left: 52px;
    }
.logo {
	display: block;
	float: left;
	width: 150px;
	height: 95px;
	text-align: center;
	line-height: 15px;
	text-decoration: none;
	margin: 0 0 20px 26px;
	}
	.logo img { border: 0; }
	.logo span { text-decoration: underline; }
.certifbox {
    float: left;
    width: 693px;
    margin-left: 63px;
    }
.certif {
	display: block;
	float: left;
	width: 100px;
	height: 141px;
	margin: 0 0 20px 15px;
	}
p.contact {
    margin: 0;
   /* color: #004C9C; */
    }
p.contact span,
p.contact label {
    display: inline-block;
    width: 64px;
    font-size: 7pt;
    font-weight: bold;
   /* color: #5F92C7; */
    color: #666;
    }
input {
    width: 232px;
    font: normal normal 8pt/15px Verdana, Arial, sans-serif;
    color: #333;
    }
textarea {
    width: 232px;
    height: 72px;
    font: normal normal 8pt/15px Verdana, Arial, sans-serif;
    color: #333;
    }

/**
 * FOOTER
 */
#footer {
    width: 964px;
    height: 16px;
    margin: 8px auto 0 auto;
    color: #CDDDEC;
    font-weight: bold;
    text-align: right;
    }
#footer a {
    color: #E9F0F7;
    text-decoration: none;
    }
#footer a:hover {
    color: #FFD791;
    text-decoration: underline;
    }