a:hover {background-position: 0 0; cursor: pointer}
body {font: normal normal 62.5% sans-serif; background: white url('graphic/h2_back.png') repeat-x center 299px; text-align: center}
#reference {background: white url('graphic/h2_back_ref.png') repeat-x center 299px}
ul, li, h2 {overflow: hidden}

/* Some basic definitions */

body, h1, h2, h3, ul, li, .luni-in-da-cage p, a img {padding: 0; margin: 0; border: 0}
hr {float: none; height: 0; border: none; clear: both; visibility: hidden}
#cz span, #eng span {position: absolute; display: block; z-index: 1}
p {text-align: justify; font-size: 1.2em; color: #666}
li {font-size: 1.2em; list-style: none}
.space {height: 35px}

/* Header */

h1 {background: url('graphic/top_back.png') repeat-x center top; font-size: 10pt; position: relative; height: 240px; padding: 26px 0 0; line-height: 120px}
h1 * {display: block}
h1 a {font-size: 2em; position: relative}
h1 a span#hdcz {background: url('graphic/header_cz.png') repeat-x center top; top: -26px; left: 0; height: 266px !important}
h1 a span#hden {background: url('graphic/header_en.png') repeat-x center top; top: -26px; left: 0; height: 266px !important}
h1, h1 a span, h1 a {height: 246px; width: 100%}
h1 a span, ul#menu li a span, ul#menu li span, h2 span, #contact, .sardonic_smile {display: block; position: absolute; z-index: 2}

.luni-in-da-cage {width: 960px; margin: 0 auto !important; background: none !important; padding: 0 !important}

h2 {height: 51px; position: relative; width: 960px; text-align: left}
h2 span {left: 0; top: 0; height: 46px; width: 560px}
h2#h_1_cz span, body#zobraz-reference h2 span {background: url('graphic/h2_cz_1.png') no-repeat left bottom}
h2#h_2_cz span {background: url('graphic/h2_cz_2.png') no-repeat left bottom}
h2#h_3_cz span {background: url('graphic/h2_cz_3.png') no-repeat left bottom}
h2#h_4_cz span {background: url('graphic/h2_cz_4.png') no-repeat left bottom}
h2#h_5_cz span {background: url('graphic/h2_cz_5.png') no-repeat left bottom}

h2#h_1_en span {background: url('graphic/h2_en_1.png') no-repeat left bottom}
h2#h_2_en span {background: url('graphic/h2_en_2.png') no-repeat left bottom}
h2#h_3_en span {background: url('graphic/h2_en_3.png') no-repeat left bottom}
h2#h_4_en span {background: url('graphic/h2_en_4.png') no-repeat left bottom}
h2#h_5_en span {background: url('graphic/h2_en_5.png') no-repeat left bottom}

#cz, #eng {float: right; width: 36px; margin: 19px 0 0; height: 27px; position: relative; overflow: hidden}
#cz span, #eng span {height: 27px; background: url('graphic/lang_cz.png') no-repeat top left !important; top: 0; left: 0; width: 36px}
#eng, #eng span {width: 39px;}
#eng span {background: url('graphic/lang_eng.png') no-repeat top left !important}
a#cz:hover span, p#cz span {background: url('graphic/lang_cz.png') no-repeat bottom left !important}
a#eng:hover span, p#eng span {background: url('graphic/lang_eng.png') no-repeat bottom left !important}

#contact {font-size: 1.2em; text-align: left; z-index: 3; top: 25px; left: 0; width: 100%; color: black}
#contact fieldset {border: none; width: 960px; margin: 0 auto; display: block}
#contact label:first-child {margin: 0 5px 0 3px; color: #ff0000}
#contact label {display: inline; margin: 0 0 0 24px; font-weight: bold}
#contact input {font-weight: normal; background: none; text-decoration: none; color: black; border: none}
#contact input:hover {color: #ff0000}
 
/* Menu, how troublesome */

#discern {float: left; padding: 3px 1px}
#discern li {float: left; display: block; padding: 5px 0; color: #737373}
#discern li * {background: url('graphic/between.png') no-repeat left 8px}
#discern li a:first-child, #discern li b:first-child {background: none}
#discern li a, #discern li b {padding: 5px 9px 5px 13px; color: #737373; font-weight: bold}
#discern li b, #discern li a:hover {color: red}

ul#menu {height: 28px; padding: 0 35px; float: right; background: url('graphic/menu_back.png') repeat-x center 1px; margin: 1px 0 0}
ul#menu li {overflow: hidden; display: block; text-decoration: none; position: relative; height: 28px}
ul#menu li, ul#menu li a {float: left; padding: 0 5px}
ul#menu li a span {height: 78px; padding: 0 5px; top: 0; left: 0}

li.cz_1 {width: 93px}
li.en_1 {width: 97px}
li.cz_1 a span, li.cz_1 span {background: url('graphic/menu_cz_1.png') no-repeat center top; width: 93px} 
li.en_1 a span, li.en_1 span {background: url('graphic/menu_en_1.png') no-repeat center top; width: 97px} 
li.cz_2 {width: 53px}
li.en_2 {width: 70px}
li.cz_2 a span, li.cz_2 span {background: url('graphic/menu_cz_2.png') no-repeat center top; width: 53px}
li.en_2 a span, li.en_2 span {background: url('graphic/menu_en_2.png') no-repeat center top; width: 70px}
li.cz_3 {width: 79px}
li.en_3 {width: 76px}
li.cz_3 a span, li.cz_3 span {background: url('graphic/menu_cz_3.png') no-repeat center top; width: 79px}
li.en_3 a span, li.en_3 span {background: url('graphic/menu_en_3.png') no-repeat center top; width: 76px}
li.cz_4 {width: 39px}
li.en_4 {width: 40px}
li.cz_4 a span, li.cz_4 span {background: url('graphic/menu_cz_4.png') no-repeat center top; width: 39px}
li.en_4 a span, li.en_4 span {background: url('graphic/menu_en_4.png') no-repeat center top; width: 40px}
li.cz_5 {width: 44px}
li.en_5 {width: 45px}
li.cz_5 a span, li.cz_5 span {background: url('graphic/menu_cz_5.png') no-repeat center top; width: 44px}
li.en_5 a span, li.en_5 span {background: url('graphic/menu_en_5.png') no-repeat center top; width: 45px}
li a:hover span {background-position: center -31px}

/* Now the content */

#ref {background: #323333 url('graphic/ref_back_black.png') no-repeat center top; z-index: 1; border: 1px solid white; border-left: none; border-right: none}
#ref p {line-height: 80px; font-size: 1.1em !important; width: 100%; margin: 0 auto; position: relative}
#ref p span.limitbreak {width: 960px; display: block; margin: 0 auto; position: relative}
#ref p a {background: url('graphic/cont_back.png') no-repeat center bottom; display: block; height: 80px; text-decoration: none; color: #323333}
#ref em {font-style: normal; padding: 0 13px 0 0; text-decoration: underline}
#ref p a:hover {background: url('graphic/cont_back.png') no-repeat center top; height: 80px; color: white; cursor: pointer}
#ref p a:hover strong {color: white}
#ref p strong {position: relative; top: 4px; padding: 0 13px; color: #ff0000; font-weight: normal; font-size: 2.3em; color: #ff0000; line-height: 30px}
#ref img {float: left; display: block; margin: 0 20px 0 0 }
#ref p span {margin: 0 13px}

div p {width: 960px; margin: 10px auto}
#info div img {padding: 15px 0; display: block}
.pricing ul {width: 960px; margin: 30px auto; display: block}
.pricing ul li {font-size: 1.3em; text-align: left; background: #666; margin: 5px 0; padding: 15px; color: white}
a:hover .sardonic_smile {display: none}
.sardonic_smile {top: 0; left: 0; margin: 0 !important}
.res, .sardonic_smile {width: 320px; height: 80px}


/* Footer */

#footer {background: url('graphic/footer_back.png') repeat-x center bottom; padding: 83px 0 0; height: 80px; text-align: center; color: #8c969d; margin: 0}
#reference #footer {background: url('graphic/footer_back_ref.png') repeat-x center bottom}
p#footer small {width: 660px; margin: 0 auto; display: block; height: 40px; padding: 10px 0 0; font-size: .9em}
p#footer a.cz {width: 174px; display: block; height: 56px; float: left; position: relative}
p#footer a.en {width: 61px; display: block; height: 56px; float: left; position: relative}
#footer strong {color: #5f666b}
p#footer span {float: left; width: 473px; display: block}
p#footer a.cz span {background: url('graphic/up_cz.png') no-repeat left top; width: 174px; height: 56px; display: block; position: absolute; z-index: 1; left: 0; top: -5px}
p#footer a.cz:hover span {background: url('graphic/up_cz.png') no-repeat left -57px; color: white}

p#footer a.en span {background: url('graphic/up_en.png') no-repeat left top; width: 61px; height: 61px; display: block; position: absolute; z-index: 1; left: 0; top: 2px}
p#footer a.en:hover span {background: url('graphic/up_en.png') no-repeat left -61px; color: white}