html {font: normal normal 62.5% sans-serif; background: url('graphic/top.png') repeat-x center top; color: #003978}
ul, li , h2, fieldset, select, tr, td, form {padding: 0; margin: 0; border: 0}
body {overflow-x: hidden; width: 960px; margin: 0 auto}
hr {clear: both; float: none; border: none; height: 0; visibility: hidden}
h1 span, h2 span {display: block; position: absolute; z-index: 1}
a {color: #285280}
a:hover, ul#submenu li a:hover, .support_center a:hover, .warn, #loan table tr th label a, #footer a:hover, .calculator p a:hover {color: #f20b14}
#iwant:hover, #contact_submit:hover, .button:hover {cursor: pointer}
a:visited {color: #666666}
p {font-size: 1.2em; padding: 0 26px 10px; text-align: justify; line-height: 16px}

/* Hlavička */

#support {color: #285280; width: 178px; float: right; background: url('graphic/support_call.png') no-repeat 0 0; padding: 21px 0 0 30px; margin: 0; font-size: 1.2em; text-align: center; height: 50px}
#support strong {display: block; font-size: 1.2em; padding: 3px 0 0; color: #d91f26}

h1 {margin: 16px 0 0 0; width: 265px; padding: 0 0 0 26px; height: 84px; float: left; position: relative; overflow: hidden}
h1 span{width: 265px; height: 84px; background: url('graphic/logo.png') no-repeat 26px top; top: 0; left: 0}

/* Menu */

ul#menu {width: 664px}
ul#menu, ul#submenu {float: right}
ul#menu li {list-style: none; display: block; float: left; font-size: 1.3em; height: 45px; line-height: 45px; font-weight: bold}
ul#menu li a {text-decoration: none; background: url('graphic/menu_ back.png') repeat-x; display: block; float: left; height: 45px; color: #285280; padding: 0 32px; border-right: 1px solid #8fc7ff}
ul#menu li a:hover, ul#menu li.active {background: #3c8cdb url('graphic/menu_active.png') repeat-x; padding: 0 32px; color: white}

/* Obrázek */

h2 {width: 960px; clear: both; height: 228px; position: relative; border-top: 7px solid #3c8cdb; margin: 0 0 21px; line-height: 100px}
h2 span {width: 960px; background: url('graphic/header_back.png') no-repeat 0 0; height: 228px; top: 0; left: 0}

div#container {float: left; width: 720px}
div#cont {float: left; width: 960px}
#collum_right {width: 240px; float: left}

/* Formulář žádající o půjčku */

.cond {font-size: 1.4em !important; margin: 0; padding: 2px 25px}
.cond:first-letter {font-size: 1.4em; color: #f20b14; font-weight: bold}
#loan {width: 646px; margin: 20px auto; background: #c3dfff; vertical-align: middle; padding: 0 0 20px}
#loan table label, #loan table td {font-size: 1.2em; padding: 0px 5px 0 0}
#loan table th label {position: relative; display: block; text-align: right}
#loan table tr th label a {position: absolute; top: -7px; right: -12px; z-index: 1; display: block; font-size: 0.9em; padding: 5px}
#loan fieldset tr th label span {display: none !important}
#loan fieldset tr th label a:hover span {display: block !important; position: absolute; top: 0; left: 20px; background: white; width: 200px; padding: 15px 20px; text-align: justify; color: #003978; border: 1px solid #003978; border-top: 10px solid #003978}
#loan fieldset tr th label a:hover {text-decoration: none !important}
#loan table tr th span {display: block; padding: 3px 5px 0 0}
#loan table td, #loan table th {width: 278px; border: 0; padding: 5px 10px}
#loan table th {text-align: right}
#loan table input {border: 1px solid #ccc; margin: -2px 5px 0 0}
.warn {font-size: 1em !important}
#loan #terms {background: white; border: 1px solid #ccc; width: 240px; height: 140px; overflow-y: scroll; padding: 10px; margin: 0}
#iwant {height: 29px; background: url('graphic/iwant.png') no-repeat 0 0; width: 172px; font-size: 2em; color: white; border: none; margin: 20px auto 0; display: block}
#iwant:hover {background: url('graphic/iwant.png') no-repeat 0 -29px}

/* Tabulka s aktuálním přehledem */

#list_of {width: 646px; margin: 0 auto; background: #c3dfff}
#list_of thead {font-size: 1.2em}
#list_of thead th {background: #115db0; color: white; padding: 6px 10px}
#list_of tbody th {font-size: 1.2em}
#list_of td {background: white; padding: 3px; text-align: center}
.space {margin: 31px 0 11px 25px}


/* Požádejte o úvěr */

#request {width: 698px; display: block; float: left; background: url('graphic/request.png') no-repeat 0 0; height: 173px; border: 1px solid #8fc7ff}
#request h3 {font-size: 2.4em; color: white; font-weight: bold; text-align: left; padding: 25px 0 23px 25px; margin: 0}
#request fieldset {padding: 14px 0 0}

#request input.continue {float: left}
#request select {border: 1px solid #8fc7ff; height: 29px; padding: 4px 0 0px 4px; float: left; margin: 0 20px; width: 272px}
#request label {display: block; font-size: 1.6em; color: #285280; font-weight: bold; margin: 0 0 12px 26px}
optgroup, option {background: white}

/* Podmenu */

ul#submenu {border-bottom: 1px solid #8fc7ff; float: right}
ul#submenu li {width: 238px; background: url('graphic/submenu_back.png') repeat-y 0 0; list-style: none; display: block; font-weight: bold; border: 1px solid #8fc7ff; border-bottom: none}
ul#submenu li a {font-size: 1.2em; text-decoration: none; color: #285280; padding: 7px 0 6px 27px; display: block}
ul#submenu li a:hover {text-decoration: underline}
#submenu .active {font-size: 1.2em; padding: 7px 0 6px 27px; width: 211px; text-decoration: none; color: #f20b14}

/* Jak fungujeme? */

#how {padding: 0 0 5px}
#how li {list-style: none; display: block; font-size: 1.2em; padding: 0 10px 15px 66px}
#how li strong {background: url('graphic/red_pointer.png') no-repeat left center; font-size: 1.2em; margin: 0 0 0 -42px; display: block; padding: 0 0 0 20px}
#how li em {; background: url('graphic/symbol.png') no-repeat 10px 5px; font-style: normal; display: block; margin: 0 0 0 -25px; padding: 5px 0 0 25px}

/* Akční nabídka */

table#action_offer {width: 338px; text-align: center; background: url('graphic/action_offer_top.png') repeat-x 0 0}
table#action_offer td {font-size: 1.2em; line-height: 30px; display: block; float: left; padding: 4px 0 2px; font-weight: bold; width: 25%}
table#action_offer tr {background: url('graphic/offer_line.png') repeat-x 0 bottom}
td.first em {font-style: normal; padding: 0 0 0 25px}
td.first img {float: left; margin: 2px 0 0 25px}
table#action_offer tr strong {font-size: 1.6em; color: #d91f26}
table#action_offer tr.top {height: 34px}
table#action_offer tr.top td {padding: 0; font-weight: normal; font-size: 1.1em}
table#action_offer tr.top strong {font-size: 1.1em; color: #003978}
form#panel {padding: 0 !important; float: right !important}

/* Kalkulačka */

.calculator {background: url('graphic/calculator.png') no-repeat -338px 0 !important; padding: 0 0 10px !important}
.calculator p {padding: 0 10px}
.calculator fieldset {display: block; float: left; padding: 10px 10px; font-size: 1.2em; font-weight: bold; color: #002864}
.calculator fieldset input.field {float: right; width: 52px; border: 1px solid #8fc7ff; display: block; margin: 5px 0}
.calculator fieldset label {float: left; display: block; padding: 8px 0 6px 14px; width: 185px}
.calculator fieldset label.currency {float: right !important; width: 31px}
.calculator p strong {color: white; padding: 12px 13px 10px; margin: 0 6px 0 11px; display: block; float: left}
.calculator p a {padding: 12px 13px 10px; margin: 0 11px 0 0; display: block; float: left}
#count_small {margin: 23px 100px 0; display: block; float: left; font-size: 1.6em !important}

#second {background: url('graphic/calculator.png') no-repeat 0 0 !important}
#second p strong {margin: 0}
#second p a {margin: 0 7px 0 12px}
.calculator ul {display: block; border: thin solid #c3dfff; margin: 9px 49px; width: 240px; float: left; font-size: 1.2em; text-align: center; padding: 10px 0}
.calculator ul li {background: url('graphic/red_pointer.png') no-repeat 12px center; list-style: none; display: block; padding: 5px}
.calculator ul .calc_first {background: none; padding: 20px 0 10px}

/* Speciální akce */

#sp_actions strong {display: block; padding: 0 0 10px}

/* Kontakt */

form#contact {width: 238px; display: block; border: 1px solid #8fc7ff; background: url('graphic/box_top.png') repeat-x center top; float: right; margin: 21px 0; padding: 0 0 10px}
form#contact h3, div h3, h3#support_center {font-size: 1.8em; color: #285280; font-weight: normal; margin: 21px 0 21px 25px}
form#contact p {background: url('graphic/support.png') no-repeat 0 0; font-size: 1.2em; text-align: center; padding: 167px 0 30px; font-weight: bold}
form#contact p strong {color: black; font-size: 1.6em; padding: 0 0 3px; display: block}
form#contact fieldset {display: block; font-size: 1.2em}
form#contact label {font-weight: bold; color: #285280; display: block; padding: 3px 0 7px 12px}
form#contact input {float: left}
#telnum {border: none; padding: 5px 5px 0; height: 22px; margin: 0 10px; width: 137px; background: url('graphic/contact_form.png') no-repeat 0 0}
#contact_submit {background: url('graphic/contact_button.png') no-repeat 0 0; width: 59px; height: 27px; border: none; color: white; font-weight: bold}
#contact_submit:hover {background: url('graphic/contact_button.png') no-repeat 0 -27px}

/* Tlačítka */

.button {height: 29px; font-size: 1.9em; color: white; border: none; font-weight: bold}
#continue {width: 139px; background: url('graphic/button_continue.png') no-repeat 0 0}
#continue:hover {background: url('graphic/button_continue.png') no-repeat 0 -29px}
#count_b {width: 238px; background: url('graphic/button_count.png') no-repeat 0 0; margin: 20px auto 21px; display: block}
#count_b:hover {background: url('graphic/button_count.png') no-repeat 0 -29px}
#count_small {width: 114px; background: url('graphic/button_count_small.png') no-repeat 0 0}
#count_small:hover {background: url('graphic/button_count_small.png') no-repeat 0 -29px}

/* Centrum nápovědy + struktura obsahových panelů (div) */

#left, #right {width: 340px; float: left; margin: 0 20px 0 0}
#left div, #right div, h3#support_center, #panel, .calculator, #cont div {float: left; background: url('graphic/box_top.png') repeat-x center top; width: 338px; margin: 21px 0 0 0; border: 1px solid #8fc7ff; padding: 0}
#cont div {width: 960px}
h3#support_center {padding: 21px 0 21px 20px; width: 218px; float: right; margin: 0; border-bottom: none}
.content {background: url('graphic/box_top.png') repeat-x center top; width: 698px !important; margin: 0 20px 0 0; border: 1px solid #8fc7ff; padding: 0 0 25px}

.support_center li {list-style: none; display: block; font-size: 1.2em; padding: 0 10px 15px 22px; background: url('graphic/red_pointer.png') no-repeat left 3px; margin: 0 0 0 20px}
#how li strong {; font-size: 1.2em; margin: 0 0 0 -42px; display: block; padding: 0 0 0 20px}
#how li em {; background: url('graphic/symbol.png') no-repeat 10px 5px; font-style: normal; display: block; margin: 0 0 0 -25px; padding: 5px 0 0 25px}
.support_center {float: right; width: 238px; border: 1px solid #8fc7ff; border-top: none}

/* Patička */

#footer {position: relative; font-size: 1.1em; font-family: Verdana, "Geneva CE", lucida, sans-serif; width: 958px; clear: both; float: none; padding: 21px 0 21px 1px; background: url('graphic/footer.png') repeat-x 0 bottom; border: 1px solid #8fc7ff; margin: 25px 0}
#footer strong a {padding: 5px 15px}
#foot_lead a {padding: 5px 15px 5px 25px !important}
#footer span {display: block; padding: 1px 0 0 25px}
#footer span a {padding: 5px 10px}
#author {color: #d91f26; padding: 0 0 0 20px; position: absolute; left: -10000px; bottom: 0}