html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;	vertical-align: baseline;	background: transparent; list-style-type:none}

body {color:#ffedb0; font-family:Arial, Helvetica, sans-serif; font-size:0.875em; line-height: 20px; background:#2e2e2e}
h1, h2, h3, h4, h5, h6 {color:#ffc600; margin-top:20px}
h2 {font-size:24px; line-height:1.2em}
h1+h2 {margin-top:40px}
h3 {font-size:16px}
ul+h2, p+h2 {margin-top:50px}
p, ul {margin:20px 0}
p.framed {border:1px solid #ffcc00; padding:10px}
p.intro {text-align:justify}
ul li {background: url(gfx/liPoint.gif) left 0.375em no-repeat; padding:0 0 0 1.3em}
ul li ul {margin:5px 0 15px}
ul li ul li {background: url(gfx/sub-liPoint.gif) left 0.375em no-repeat}
a, button {color:#ffc600}
a:hover, button:hover {color:#FF6600}
button:hover {border:1px solid #FF6600}
a.btn {display:block; width:376px; height:38px; background:url(gfx/btn.png) top; overflow:hidden; text-align:center; line-height:38px}
a.btn:hover {background:url(gfx/btn.png) bottom; color:black}
p a.home {background:url(gfx/back.png) no-repeat left; padding-left:28px}
a.top {background:url(gfx/top.png) no-repeat top left; padding-left:24px}
small {font-size:70%}
hr {border-color:#ffc600; color:#ffc600}
h2+img {margin-top:1em}

form {background:#242424; padding:5px 10px; margin:10px 0 20px 0}
label {float:left; font-size:12px; line-height:20px; padding:0}
input, textarea {width:184px; height:17px; padding:3px; margin:0 0 15px; border:1px solid #ffc600; background:#525252; color:#FFFFFF}
textarea {height:120px; overflow:auto}
button {background:url(gfx/btnSend.png) no-repeat top black; margin:0 0 10px 0; padding:0; height:35px; cursor:pointer; border:1px solid #ffc600 }

#wrap {background: url(gfx/mainBg.png) repeat-x black; width:100%;padding-top:40px;}
#mother {width: 876px; margin:0 auto; padding-bottom:20px}
#main {width:378px; float:left; min-height:300px}
#main.wide {width:711px}
#main.wide2 {width:600px}
#rCol {width:212px; float:right;}

#main ol li, #main ul li {margin:10px 0}
#main ol li {list-style-type:decimal; margin-left:22px; font-weight:bold; color:#ffc600}
#main ol li span {font-weight:normal; color:#ffedb0}
#main ul.local_menu li {font-size:115%; font-weight:bold}

ul#MM {float:left; width:210px; margin-right:37px; margin-top:18px}
ul#MM li {background:none; padding:0; margin-bottom:10px; position:relative}
ul#MM li a {display:block; background:url(gfx/menuBtn.png) no-repeat left top; height:40px; line-height:40px}
ul#MM li a span {background: url(gfx/blank.png) no-repeat; display: block; height:13px; left:182px; position:absolute; top:13px; width:14px} 
ul#MM li a:hover, ul#MM li a#active {background:url(gfx/menuBtn.png) no-repeat left bottom;}
ul#MM li a, a.zpusobilost-btn, a.zpusobilost-shortBtn {padding-left: 38px; color:#000000; font-size:16px; font-weight:bold; cursor:pointer}

ul#MM li.banner a {background:#eb2901 url(gfx/menuBanner.png) no-repeat -210px top; height:auto; line-height:20px; position:relative; padding:10px 0 5px 10px; min-height:57px; width:199px}
ul#MM li.banner a+span {display:block; width:210px; height:4px; background:url(gfx/menuBanner_bottom.png) no-repeat right top; position:relative; left:0; top:0px; overflow:hidden}
ul#MM li.banner.yellow a {background:#eb9c01 url(gfx/menuBanner-yellow.png) no-repeat -210px top;  padding-left:37px; width:172px}
ul#MM li.banner.yellow a+span {background:url(gfx/menuBanner_bottom-yellow.png) no-repeat right top;}
ul#MM li.banner:hover a, ul#MM li.banner:hover a+span, ul#MM li.banner.yellow:hover a, ul#MM li.banner.yellow:hover a+span {background-position: left top; background-color:#ff7720}
ul#MM li.banner.yellow a#active {background:#f2be57 url(gfx/menuBanner-yellow.png) no-repeat left top}
ul#MM li.banner.yellow a#active+span {background:url(gfx/menuBanner_bottom-yellow.png) no-repeat left top}
ul#MM li.banner a#active {background:#ff7821 url(gfx/menuBanner.png) no-repeat left top}
ul#MM li.banner a#active+span {background:url(gfx/menuBanner_bottom.png) no-repeat left top}
ul#MM li.banner.yellow:hover a, ul#MM li.banner.yellow:hover a+span {background-color:#f1be5b}

h1.head {display:block;width:373px;height:54px; position:relative; overflow:hidden}
h1.head span{display:block; width:373px; height:54px; position:absolute; left:0; top:0; background:url(gfx/logo.png) no-repeat} 

p.accent {background:#ffc600; color:#000000; font-weight:bold; padding:5px 10px; margin-bottom:10px}
p.accent+p {margin-top:10px}
form+p {margin-top:25px}

#footer {background:url(gfx/footerBg.gif) top repeat-x; width:100%; padding:20px;}
#footer #f-content {width:876px; margin:0 auto}
#footer #f-content h2 {font-size:14px; float:left}
#footer #f-content ul {float:left}
#footer #f-content ul li {background: url("gfx/liPoint.gif") no-repeat scroll left 0.25em transparent; display:inline;  margin:0 5px 0 20px; padding-left:1.5em}
#footer #f-content p, #footer #f-content #mereni {float:right; margin:20px 50px 0 0}
#footer #f-content #mereni {position:relative; right:-179px; top:36px}

.clr {clear:both}

table {border:0px solid #ffc600; font-size:12px; margin-top:20px; border-collapse:collapse}
p+table {margin-top:0}
table tr td {background: #333333; padding:6px 12px; border:1px solid black}
table tr td p {margin:0}
table tr td.body {font-size:24px; text-align:center; font-weight:bold; vertical-align:middle; background-color: #3B3B3B; min-width:28px}
table tr.head th {background:#4E4E4E; font-weight:bold; vertical-align:middle; padding:6px}
table tr.head td {background:#4E4E4E}
table tr.first {border-top:3px solid black}
table tr hr {border:none; border-bottom:1px solid #ffc600}
.error {background-color: #ff8f60;}
p.ok {border:1px solid green; background: #FBFFE1; color:green; padding:5px 10px}
p.error, p.alert {border:1px solid #CC0000; background:#FFF0EA; color:#CC0000; padding:5px 10px}
p.strongly {border:2px solid #ffc600; padding:10px 20px; font-weight:bold; font-size:115%; line-height:150%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}

.uspesnost table {width:100%}

.uspesnost table#uspesnost-hlavni tr td {width:20%}
.uspesnost table#uspesnost-hlavni tr.head th {line-height:1.2em}
.uspesnost table tr td+td {text-align:center}

.uspesnost table#uspesnost-2 tr td {width:20%}
.uspesnost table#uspesnost-2 tr td+td {width:40%}

.uspesnost table#uspesnost-3 tr td+td, .uspesnost table#uspesnost-4 tr td+td {width:20%}

a.zpusobilost-btn {background:url(gfx/zpusobilost-btn.png) no-repeat top; display:block; width:533px; height:51px; text-decoration:underline; padding-top:35px; line-height:48px}
a.zpusobilost-btn:hover, a.zpusobilost-shortBtn:hover, h2.shortBtn:hover {background-position:bottom}

a.zpusobilost-shortBtn, h2.shortBtn {background:url(gfx/zpusobilost-shortBtn.png) no-repeat top; display:block; width:241px; height:54px; text-decoration:underline; padding:32px 100px 0 38px; line-height:22px}
h2.shortBtn {background:url("gfx/shortBtn.png") no-repeat scroll center -28px transparent; color:#000000; cursor:pointer; display:block; height:52px; line-height:22px; margin:20px 0; padding:6px 20px 0 38px; text-decoration:underline; width:321px}