/* == defaulty == */

html, body, div, span,
form, fieldset, label,
p, ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6, a, img,
blockquote, q,
strong, em, b, i, dfn,
table, thead, tbody, caption, tr, td, th {
	margin: 0; padding: 0; border: solid 0 #666;
	background: transparent none no-repeat left top;
	table-layout: fixed; border-collapse: separate; border-spacing: 0; 
}

input, textarea { padding: 0; }

table { table-layout: auto; border-collapse: collapse; }

ul { list-style-type: square; }
ol { list-style-type: decimal; }

a:link, a:visited{ text-decoration: underline; }
a:hover { text-decoration: none; }

.sep { display: none; }
/* == tok textu, vlastnosti písma == */

body { font-size: 0.875em; line-height: 143%; text-align: left; } /* 14px/20px */
body, input, textarea, button { font-family: Arial, sans-serif; }
h1 { font-family: "Times New Roman", serif; font-weight: normal; }
table, input, textarea, .text-input { font-size: 100%; }

.para-like, p, table, ul, ol, dl, dd, .deco-list li { margin-bottom: 1.4286em; } /* 20px */
ul, ol, dd, blockquote { margin-left: 2.8571em; } /* 40px */
blockquote { margin-right: 2.8571em; } /* 40px */

h2, h3, h4, h5, h6, th, dt, strong, thead th { font-weight: bold; }

h1{ font-size: 1.7857em; line-height: 120%; margin: 0 0 0.6em; } /* 25px/30px/15px */
h2 { font-size: 1.2857em; line-height: 125%; margin: 1.5em 0 0.5em; }
h3 { font-size: 1.1em; line-height: 125%; margin: 1.5em 0 0.5em; }

td, th { text-align: center; vertical-align: top; padding: 0.125em 0.5em; }
thead th { padding: 0.3333em 0.5em; }

table { border: solid 2px #fff; }
td, th { border-width: 0 1px; border-style: solid; }
thead th { border-style: solid; border-width: 0 0 2px; border-color: #fff; }
tbody .odd td, tbody .odd th { background-color: #eee; }
tbody .even td, tbody .even th { background-color: #fff; }
tbody td.blank { padding: 0; border-left: solid 2px #fff; background-color: #fff; width: 1px; }

.number { text-align: right; }

.autoclear:after, form .row:after {
	content: " "; display: block; height: 0; clear: both; visibility: hidden;
}

a.help {position:relative; top:-0.5em; font-size: 0.75em; text-decoration:none; z-index:100;}
a.help span.box {visibility:hidden; display:block; position:absolute; top:-10px; right: -460px; color:#000; width:450px; font-weight:normal; z-index:100; background:#fff; border:solid #b61c23 1px; padding: 5px;}
a.help:hover span.box {visibility:visible;}

/* == Barvy == */
body color: #333; background-color: #fff; }
h1, h2, h3, h4, h5, h6 { color: #000; }
a:link, .t-x, .error, .help, .required{ color: #b61c23; }
a:visited { color: #666; }

.text-input, .u-select, .u-select-val { background-color: #ddd; color: #000; }

.h-0, .h-3, .h-6, .h-d, .h-e, .h-x, .hr-0, .hr-3, .hr-6, .hr-d, .hr-e, .hr-x, .adj-0, .adj-3, .adj-6, .adj-d, .adj-e, .adj-x { background-color: transparent; background-repeat: no-repeat; }
.h-0, .h-3, .h-6, .h-d, .h-e, .h-x, .adj-0, .adj-3, .adj-6, .adj-d, .adj-e, .adj-x{ background-position: right top; }
.hr-0, .hr-3, .hr-6, .hr-d, .hr-e, .hr-x{ background-position: right bottom; }

.h-0, .h-3, .h-6, .h-d, .h-e, .h-x, .hr-0, .hr-3, .hr-6, .hr-d, .hr-e, .hr-x { display: block; }
.adj-0, .adj-3, .adj-6, .adj-d, .adj-e, .adj-x { display: inline-block; }

.i-0, .i-3, .i-6, .i-d, .i-e, .i-x { display: block; line-height: 122%; }
.i-0, .i-3, .i-6, .i-d, .i-e, .i-x { margin: 0 1.3333em 0 0; padding: 0.2778em 0 0.2778em 10px; }


.i-0, .c-0, .selectable-0 .selected, .selectable-0 .selected a, .selectable-0 a:hover{ background-color: #000; color: #fff !important; }
.h-0, .hr-0, .adj-0 { background-image: url('../images/h0.png'); }

.i-3, .c-3, .selectable-3 .selected, .selectable-3 .selected a, .selectable-3 a:hover { background-color: #333; color: #fff !important; }
.h-3, .hr-3, .adj-3 { background-image: url('../images/h3.png'); }

.i-6, .c-6, .selectable-6 .selected, .selectable-6 .selected a, .selectable-6 a:hover{ background-color: #666; color: #fff !important; }
.h-6, .hr-6, .adj-6 { background-image: url('../images/h6.png'); }

.i-d, .c-d, .selectable-d .selected, .selectable-d .selected a, .selectable-d a:hover { background-color: #ddd; color: #000 !important; }
.h-d, .hr-d, .adj-d { background-image: url('../images/hd.png'); }

.i-e, .c-e, .selectable-e .selected, .selectable-e .selected a, .selectable-e a:hover { background-color: #eee; color: #000 !important; }
.h-e, .hr-e, .adj-e{ background-image: url('../images/he.png'); }

.h-x .help,.i-x, .c-x, .selectable-x .selected, .selectable-x .selected a, .selectable-x a:hover, .selectable-m .selected, .selectable-m .selected a{ background-color: #b61c23; color: #fff !important; }
.h-x, .hr-x, .adj-x { background-image: url('../images/hx.png'); }

/* == Layout == */
body {margin:0; padding:0;}
#page {width:720px; margin:20px auto 0; position:relative;}
#header {position:relative;}
#site-name { display: block; padding: 0; font-size: 1em; line-height: 125%; position: relative; overflow: hidden; }
#site-name span { position: absolute; left: 0; top: 0; background-color: transparent; background-position: left top; background-repeat: no-repeat; }
#site-name, #site-name span { width: 270px; height: 90px; }
a#site-name span { cursor: pointer; }
#site-name span { background-image: url('../images/site_cs.png'); }

#site-perex {position:absolute; top:2em; right:0; font-size:1.3333em; font-weight:bold;}

#main-frame {position:relative;}

#footer {position:relative; width:100%; height:40px; background-color:#000; padding-right:1em; margin-top:5em;}
#footer p {color:#fff; text-align:right; line-height:3em;}

.paged { margin-left: 10px; margin-right: 25px; }

.col-set .col-1 {width:400px; float:left; margin-right: 20px;}
.col-set .col-2 {width:300px; float:right;}

/* == Forms == */
form .row { margin-bottom:0.5em;}
form .label, form .checkbox-label {float:left;}
form .label label, form .checkbox-label label {width:100%;}
form .input, form .checkbox-input {float:right;}
form .input input {width:100%;}
form .button {text-align:right; margin-top: 1em;}

.perex {position:relative; margin: 2em 0 1em;}

form fieldset {margin-top:2em;}

/* == HP == */
.login-home form{width:365px; margin: 1em 1em 1em 10px;}
.login-home .label  {width:150px;}
.login-home .input  {width:200px;}

.login-home ul {margin-left:10px;}
.login-home ul li{display:inline-block; margin-right:1em;}

.oc-home { background: url('../images/opencard.jpg') no-repeat 10px 70px; height:245px;}
.oc-home  .bcg-margin{margin:80px 20px 0 120px;display:block;}

/* == Registration == */
.checkbox {margin-top: 1.5em;}
.registration .label  {width:428px;}
.registration .input  {width:250px;}
.registration .checkbox-label {width:500px;}
.registration .checkbox-input {width:130px;}

/* == Registration Used LoginName == */
.registrationUsedName p {margin: 0 1em 1em;}
.UsedLoginName {margin-top: 0.5em;}
.UsedLoginName .label  {width:428px;}
.UsedLoginName .input  {width:250px;}
.UsedLoginName .checkbox-label {width:310px; float:right;}
.UsedLoginName .checkbox-input {width:50px; float:left;}

/* == Lost Password == */
.lost-password form{width:365px;}
.lost-password .label  {width:150px;}
.lost-password .input  {width:200px;}

/* == No authorize == */
.no-authorize form {width:250px; margin: 0 auto;}
.no-authorize form .button {text-align:center;}
.no-authorize .error {text-align: center;}
.no-authorize ul {width:220px; margin: 1em auto;}
.no-authorize ul li{display:inline-block; margin-right:1em;}