* { margin: 0; padding: 0; font-family: tahoma, arial, sans-serif; }

table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }

a { color: #00a606; font-weight: bold; text-decoration: none; }
a:hover { color: #00a606;  text-decoration: underline; }
p { margin: 10px 0 10px 0; }
ul,ol { margin: 10px 0 30px 15px; }
li { margin: 5px 0 5px 0; }
sup { text-transform: lowercase; }

h1 { margin: 20px 0 25px 0; font-size: 31px; color: #797979; line-height: 1.3em;  }
h2 { margin: 30px 0 10px 0; font-size: 18px; font-weight: normal; color: #797979; line-height: 1.3em; text-transform: uppercase; }
h3 { margin: 20px 0 10px 0; font-size: 13px; color: #797979; line-height: 1.3em; }

.h2 { width: 440px; height: 30px; }
.h1 { height: 40px; background-repeat: no-repeat; }
#header h1 { margin: 0; }

hr { color: #cdcfcb; background: #cdcfcb; height: 1px; font-size: 0px; border: 0 none; padding: 0; margin: 10px 0 10px 0; }
input { background: #ffffff; border: 1px solid #dfdede; font-size: 12px; color: #757975; padding: 10px 10px 10px 10px; overflow: visible; }
.button { cursor: pointer; }
label { display: block; margin: 10px 0 3px 0; color: #797979; font-weight: normal; font-size: 12px; }
textarea { background: #ffffff; border: 1px solid #dfdede; font-size: 11px; color: #757975; padding: 7px 10px 7px 10px; }
select { color: #757975; border: 1px solid #dfdede; width: 300px; }
option { padding: 0 5px; }

body, html { height: 100%; min-height: 100%; margin: 0; padding: 0; }
body { text-align: center; font-size: 13px; line-height: 1.4em; color: #4d4d4d; background: #ebebeb url('../img/bg_body.jpg') repeat-x center top; }

#frame { position: relative; height: 100%; min-height: 100%; background: transparent url('../img/bg_frame.gif') no-repeat center bottom; }
div[id]#frame { height: auto; }

#container { position: relative; height: 100%; min-height: 100%; width: 970px; margin: 0 auto; }

#logo-name { display: block; position: absolute; top: 21px; left: 38px; width: 574px; height: 126px; background: transparent url('../img/logo_spu.gif') no-repeat 0px 0; }

#content-wrap { padding: 50px 40px 100px 40px; text-align: center; position: relative; }
.uvod #content-wrap { padding: 50px 20px 50px 40px; }

#content { text-align: left;  }
#content ul { margin-left: 30px; }

#text { width: 560px; padding: 0 50px 0 0; float: left; border-right: 1px solid #797979; }
div[id]#text { width: 510px; }
#content-right { float: right; width: 345px; padding: 0 0 0 25px; }
div[id]#content-right { width: 320px; }
#text .csc-textpic-image { margin-right: 0 !important; margin-bottom: 0 !important; }

#header { height: 257px; width: 970px; position: relative; }
.header-loga { position: absolute; top: 40px; right: 0; }

.registration-button a { width: 164px; height: 53px; display: block; background: transparent url('../img/register_button.gif') no-repeat 0 0; }
.registration-button a:hover {
	box-shadow: 0px 0px 1px #000;
	-moz-box-shadow: 0px 0px 1px #000;
	-o-box-shadow: 0px 0px 1px #000;
	-webkit-box-shadow: 0px 0px 1px #000;
}

#rootline { position: absolute; top: 20px; left: 40px; text-align: left; }

#hlavne-menu { background: #9ac23b; position: absolute; top: 166px; left: 0px; /*width: 950px;*/padding: 0 10px 0 10px; height: 91px; z-index: 20; }
#hlavne-menu ul { margin: 0; }
#hlavne-menu li { background: #00a606; position: relative; margin: 0 1px 0 0; float: left; list-style-type: none; }
#hlavne-menu li a { height: 66px; background-position: 0 -84px; }
#hlavne-menu .active a { height: 84px; background-position: 0 0px; }
#hlavne-menu li a:hover { height: 84px; background-position: 0 0px; }

#hlavne-menu .level2 { background: #fff; border: 0 none; position: absolute; top: 66px; left: 0; width: 142px; padding: 5px 0 5px 0px; text-align: left; }
#hlavne-menu .level2 li { float: none; background: #fff; line-height: 1.0em; }
#hlavne-menu .level2 li a { font-weight: normal; display: block; height: auto; font-size: 12px; color: #00a606; padding: 0px 10px 0px 15px; border-bottom: 1px solid #fff; }
#hlavne-menu .level2 li a:hover { height: auto; text-decoration: none; background: #f8f5f5; color: #585858; }
#hlavne-menu .level2 li.active a {  background: #f8f5f5; color: #585858; }

#hlavne-menu .level2js { padding: 20px 0 20px 0px;  width: 255px; }
#hlavne-menu .level2js li { line-height: 1.4em; }
#hlavne-menu .level2js li a { padding: 9px 10px 9px 15px; }

#content .filelinks li { list-style-type: none; background-image: none ! important; padding: 8px 0 0px 8px; }
#content .filelinks { padding: 50px 0 20px 0px; background: transparent url('../img/download.png') no-repeat 0 0; }
#content .filelinks ul { margin: 0 0 20px 0; }
#content .filelinks li a { font-size: 16px; color: #00a606; line-height: 1.3em; }
#content .filelinks li span { display: inline;  }
#content .filelinks li.first { padding-bottom: 20px; border-bottom: 1px solid #797979; }
#content .filelinks li.last { margin-top: 20px; padding-top: 20px; border-top: 1px solid #797979; }
#content .filelinks li.last a { font-size: 18px; }
#content .filelinks .file-size { font-size: 10px; }


#footer { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%;  color: #556661; font-size: 10px;  }
#footer a { color: #fff; font-weight: normal; text-decoration: none; }
#footer-text { text-align: right; width: 950px; margin: 0 auto; padding: 17px 30px 5px 0; color: #fff; text-transform: uppercase; background: #00A606 url('../img/bg_footer.gif') repeat-x left top; }


#content-right table { margin: 20px 0 20px 0; border: 1px solid #e2e2e2; }
#content-right table th { border: 1px solid #e2e2e2; color: #fff; padding: 10px 10px 5px 20px; }
#content-right table td { border: 1px solid #e2e2e2; color: #fff; padding: 10px 1px 5px 20px; background: #818181;  }


table { font-size: 12px; margin: 20px 0 20px 0; border: 1px solid #e2e2e2; width: 98%; }
table th { border: 1px solid #e2e2e2; color: #d0d0d0; padding: 10px 10px 10px 20px; background: #797979; font-weight: normal; }
table td { border: 1px solid #e2e2e2; color: #6f6f6f; padding: 10px 10px 10px 20px; background: #d0d0d0; }
table tr:nth-child(even) td { background: #c0c0c0; }
table tr.odd td { background: #c0c0c0; }
table .name { width: 200px; }

/* FORM */
.req-field { width: 100%; text-align: right; color: red; display: block; }
.fherror { color: red; padding-right: 5px; }
fieldset .fherror { display: block; }
.note { color: #797979; }
.csc-box {  }
.csc-mailform-field { float: left; padding: 0 60px 0 0; }
.csc-mailform-field input { width: 280px; }
.csc-mailform-radio { float: left; padding: 0 10px 0 30px; }
.csc-mailform-radio label { margin: 0 20px 0 0; float: left; top: 20px; }
.csc-mailform-radio input {  background: none; border: 0 none; box-shadow: 0px 0px 0px #d1d0d0; -o-box-shadow: 0px 0px 0px #d1d0d0; }
.csc-mailform-select { padding: 0 60px 0 0; float: left;  }
.csc-mailform-select select { width: 300px; padding: 8px; }
.lborder { border-left: 1px solid #797979; }
.height70 { height: 70px; }
.width300 { width: 322px; }
.top label { position: relative; top: 42px; }
.left { float: left; }
.captcha-img { display: block; float: left; margin: 0 10px 0 0; }
.captcha-img img { vertical-align: top; }
#fh_captcha { float: left; border: 0 none; margin: 0 10px 0 0; width: 100px; }
input.btn-submit { padding: 9px 0 8px 0; width: 120px; background: #00a606; color: #fff; font-weight: bold; cursor: pointer; }
input.btn-submit:hover { background: #9ac23b; }
.check, .check2 { border: 0 none; background: none; }
.checkbox-box label { margin-top: 5px; float: left; width: 100px; }
.night input { width: 138px; }
.night label { margin-top: 10px; float: none; width: auto; }

.coltitle { font-size: 18px; background: none ! important; }
.leftColumn { font-weight: bold; }
.rightColumn { }

input, select {
	box-shadow:  1px 1px 0px #d1d0d0;
	-webkit-box-shadow: 1px 1px 0px #d1d0d0;
	-moz-box-shadow: 1px 1px 0px #d1d0d0;
	-o-box-shadow: 1px 1px 0px #d1d0d0;
}
input:focus, select:focus {
	box-shadow: 0px 0px 3px #9ac23b;
	-webkit-box-shadow: 0px 0px 3px #9ac23b;
	-moz-box-shadow: 0px 0px 3px #9ac23b;
	-o-box-shadow: 1px 1px 0px #d1d0d0;
}

.detail { float: right; }

.fileupload-list { list-style-type: decimal; font-weight: bold; }
.fileupload-list a { vertical-align: middle; padding: 4px 0 0 10px; }
input.button{ padding: 9px 0 8px 0; width: 120px; background: #00a606; color: #fff; font-weight: bold; cursor: pointer; }
input.button:hover { background: #9ac23b; }

/* SLIMBOX IMAGE BUTTONS */
#lbPrevLink:hover { background: transparent url(../img/slimbox/all/prevlabel.gif) no-repeat 0 15% !important; }
#lbNextLink:hover { background: transparent url(../img/slimbox/all/nextlabel.gif) no-repeat 100% 15% !important; }
#lbCloseLink { width: 88px !important; background: transparent url(../img/slimbox/all/closelabel.gif) no-repeat center !important; }


/* CSS settings */
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-justify { text-align: justify; }
.align-center { text-align: center; }
.h { width: 1px; height: 1px; overflow: hidden; display: block; position: absolute; margin: 0; padding: 0; border: 0 none; }
#accesskeys { width: 1px; height: 1px; overflow: hidden; display: block; position: absolute; margin: 0; padding: 0; }