* {margin: 0;padding: 0;outline: 0}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border: 0}
ul, ol {list-style-type: none}
html {background: url('../img/bg-repeat.jpg') repeat-x;}
body {background: url('../img/bg-center.jpg') no-repeat 50% 0;color: #5c6e7a;font: normal 75%/1 Georgia,Arial,sans-serif}
p {line-height: 1.7em;font-size: 1.1em;margin-bottom: 10px}
p.high {color: #0a72b5;font-weight: bold}
/* Links */
a {color: #14983f;text-decoration: underline;}
a:link {color: #14983f}
a:focus {color: #14983f; outline: 0}
a:visited {color: #14983f}
a:hover {color: #0a72b5;text-decoration: none;}
a.more {background: url('../img/ico-more.gif') no-repeat 0px 12px;font-size: 1.1em;display: block;padding:10px 6px 10px 15px;font-weight: bold;border-top: 1px solid #c6d6de;margin-bottom: 10px}
a.archive {background: url('../img/ico-archive.gif') no-repeat 0px 10px;font-size: 1.1em;display: block;padding:10px 6px 10px 25px;font-weight: bold;border-top: 1px solid #c6d6de;margin-bottom: 10px}
.sidebar a.archive {padding-bottom: 0;margin-bottom: 0}
a.arrow {background: url('../img/ico-arrow.gif') no-repeat 3px 55%;font-size: 0.9em;display: block;padding:3px 6px 3px 10px;color: #1e9d47;font-weight: bold}
a.out {background: url('../img/ico-out.gif') no-repeat 100% 40%;padding:0 13px 0 0}

/* H1 - H5 */
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px;}
h1 { font-size: 2.0em;margin: 0 0 15px;line-height: 1.2em;color: #0a72b5}
.homepage h1 {font-weight: normal;margin-bottom: 5px}
h2 { font-size: 1.5em;line-height: 1.4em;color: #0a72b5;}
h3 { font-size: 1.4em;line-height: 1.4em;color: #0a72b5;}
h4 { font-size: 1.2em;text-transform: uppercase;color: #0a72b5}
h5 { font-size: 1.0em}

/* Layout */
#layout {margin: 0 auto;width: 961px;position: relative;padding: 220px 0 30px;}
.homepage #layout {padding-top: 200px;}
/* Logo */
a#logo {display: block;color: #5c6c18;text-decoration: none;width: 405px;height: 112px;position: absolute;top: 0;left:0}
a#logo:hover {color: #fff}
a#logo span {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;cursor: pointer;background: url('../img/logo.jpg') no-repeat}

#breadcrumbs {position: absolute;top:173px;left: 0;height: 48px;font-size: 1.0em;line-height: 48px;padding: 0 20px;}
#breadcrumbs strong {padding-right: 3px}
#breadcrumbs a {background: url('../img/breadcrumbs-arrow.gif') no-repeat 100% 50%;padding-right: 15px;margin-right: 5px}
#breadcrumbs a.active {margin: 0;padding: 0;background: none;color: #0a72b5}

#partner {width: 485px;height: 112px;position: absolute;top: 0;right: 0}
#partner span {display: block;position: absolute;top: 0;left: 0;cursor: pointer;width: 100%;height: 100%;background: url('../img/partner.jpg') no-repeat}

/* Navigation */
ul#nav {position: absolute;top: 112px;left: 0;z-index: 100;height: 59px;background: url('../img/nav-bg.jpg') repeat-x;border: 1px solid #dde3e6;width: 100%}
ul#nav li {float: left;padding: 14px 5px 0 10px}
ul#nav li a {border-left: 1px solid #dde3e6;background: url('../img/nav-arrow.jpg') no-repeat 10px 50%;display: block;float: left;text-decoration: none;font-weight: bold;padding: 8px 0 8px 30px;text-align: center;font-size:1.2em;color: #14983f}
ul#nav li a.first {border: 0}
ul#nav li a:hover {color: #1679b8;text-decoration: none}
ul#nav li.active a {color: #1679b8;text-decoration:none}
        
.container {padding-bottom: 20px}
.sideLeft {width: 672px;float: right}

/* Content */
#content {float: left;padding-top: 20px;background: url('../img/double-border.jpg') repeat-x}
.homepage #content {width: 350px;padding-top: 0;background: none}
#content ul {margin-bottom: 20px;padding-left: 10px}
.homepage #content ul {padding-left: 0}
#content ul li {line-height: 1.6em;padding: 4px 0 4px 15px;background: url('../img/ico-bullet.gif') no-repeat 0 9px}
.homepage #content ul li {font-weight: bold;padding: 2px 0 2px 15px}
.topArticle .info {font-size: 0.9em;margin-bottom: 15px}
.topArticle .info span {background: #7ebf93;display: inline-block;padding: 2px 5px;color: #fff;margin-right: 10px}
.topArticle .about {font-size: 0.9em;line-height: 2.4em}
.article {padding: 10px 0 10px}
.textPage .article {padding-top: 0;}
.textPage .article p.info {font-size: 1.0em;position: relative;background: url('../img/double-border.jpg') repeat-x bottom;padding-bottom: 15px}
.textPage p {text-align: justify;padding-right: 20px;}
.textPage h3 {margin-top: 25px;font-size: 1.3em}
.homepage .article {padding-bottom: 10px}
.article .image {float: left}
.article .articleContent {float: right;width: 540px}
.homepage .article .articleContent {float: right;width: 220px}
.article h2 {font-size: 1.0em;line-height: 1.6em;margin-bottom: 5px}
.article .info {text-align: left;font-size: 0.9em;margin-bottom: 10px}
.article .info strong {margin-right: 30px}
.homepage .article .info strong {margin-right: 0}
.homepage .article .info {margin-bottom: 15px}
.article .info span {background: #7ebf93;margin-bottom: 10px;display: inline-block;padding: 2px 5px;color: #fff;margin-right: 10px}
.article .info span.blue {background-color: #cbdfed;font-size: 0.9em;color: #0a72b5}
.article .info a.blue {color: #0a72b5}
.article p {text-align: justify;margin: 0}
.borderBox {border: 1px solid #dde3e6;background: #fff;height: 40px}
.paging {position: relative;margin: 20px 0;width: 670px}
.paging a.pageLeft {background: url('../img/page-left.gif') no-repeat 0 52%;padding-left: 15px;display: block;height: 40px;line-height: 40px;position: absolute;top: 0;left: 15px;width: 80px}
.paging a.pageLeft:hover {}
.paging a.pageRight {background: url('../img/page-right.gif') no-repeat 100% 52%;padding-right: 15px;text-align: right;display: block;height: 40px;line-height: 40px;position: absolute;top: 0;right: 15px;width: 80px}
.paging a.pageRight:hover {}
.paging p {padding: 8px 120px;margin: 0;text-align: center}
.paging p a {display: inline-block;font-family: Arial;margin: 0 2px;text-decoration: none;width: 23px;height: 22px;line-height: 22px;text-align: center;background: #e3f6e9;border: 1px solid #dde3e6}
.paging p a.active,
.paging p a:hover {color: #fff;background: #0a72b5;border: 1px solid #0a72b5}
.paging p span {font-size: 0.8em;}
.sort {overflow: hidden;line-height: 40px;padding: 0 15px;width: 640px;margin-bottom: 20px;font-size: 1.0em}
.sort .label {float: left}
.sort a.sortUp,
.sort a.sortDown {margin: 0 2px;float: left;display: block;width: 15px;height: 13px;font-size: 10px;line-height: 10px;position: relative;top:14px}
.sort a.sortUp span {background: url('../img/sort-up.gif') no-repeat 100% 0;display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.sort a.sortDown span {background: url('../img/sort-down.gif') no-repeat 100% 0;display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.sort a.sortUp:hover span,
.sort a.sortUp span.active {background-position: 0 0}
.sort a.sortDown:hover span,
.sort a.sortDown span.active {background-position: 0 0}
.sort a.link {padding: 0 5px 0 10px;font-weight: normal;text-decoration: underline;float: left;display: block;}
.sort a.link.active {color: #0a72b5}
.form {margin-bottom: 20px}
.form fieldset {background: #fff;padding: 15px;border: 1px solid #dde3e6}
.form.inline fieldset {padding: 10px 15px 5px}
.form label {float: left;display: block;padding: 8px 8px 8px 0}
.form .date {float: left;margin-right: 4px}
.form img {float: left;margin-right: 10px;cursor: pointer}
.form .col label {float: none;display: block;padding-top: 0}
.form.inline .col label {float: left; margin-right: 10px;padding-top: 7px}
.form.inline .col .jqTransformSelectWrapper {float: left}
.form .col {float: left;}
.form .col.wid195 {margin-right: 30px}
.form .col.wid280 {width: 280px;}
.form .col.wid340 {width: 340px;float: right}
.form .borderBtm {padding-bottom: 15px;width: 640px;margin-bottom: 15px;border-bottom: 1px solid #dde3e6}
.form .calendar {padding: 0;height: 50px;}
.dictionary {position: relative;background: url('../img/double-border.jpg') repeat-x bottom;padding-bottom: 15px;margin-bottom: 15px}
.dictionary h1 {margin-bottom: 10px;position: relative}
#content table {width: 100%;border: 3px solid #e8eaed;border-collapse: collapse;margin-bottom: 20px}
#content table thead th {color: #0a72b5;text-align: left;padding: 10px;background: #edf4f9;border-bottom: 1px solid #dee1e5;border-right: 1px solid #dee1e5;border-top: 1px solid #fff} 
#content table tbody td {padding: 10px;border-bottom: 1px solid #dee1e5;border-right: 1px solid #dee1e5}
#content table tbody tr:hover td {background: #e3f6e9}
.filtr {background: url('../img/double-border.jpg') repeat-x bottom;padding-bottom: 15px;margin-bottom: 15px}
.filtr h2 {font-size: 1.2em}
.filtr .letters {width: 460px;background: none;border: 0}
.filtr .letters p {padding: 0;margin: 0}
.filtr .letters p a {display: block;float: left;text-decoration: none;width: 31px;height: 31px;line-height: 31px;margin-right: 10px;margin-bottom: 10px;text-align: center;background: url('../img/letter-bg.gif') no-repeat}
.filtr .letters p a:hover {background-position: 100% 0}
.filtr .search {width: 200px}
#content .filtr .search .text {background: #fff;width: 170px;margin-bottom: 15px}
.share {font-size: 1.0em;padding-top: 10px;margin-top: 20px;border-top: 1px solid #d1d1d1}
.share strong {margin-right: 15px;display: inline-block;padding: 1px 0}
.share a {display: inline-block;padding: 1px 0 1px 20px;margin-right: 5px}
.share a.facebook {background: url('../img/ico-facebook.gif') no-repeat 0 50%}
.share a.delicious {background: url('../img/ico-delicious.gif') no-repeat 0 50%}
.share a.jagg {background: url('../img/ico-jagg.gif') no-repeat 0 50%}
.share a.twitter {background: url('../img/ico-twitter.gif') no-repeat 0 50%}
.share a.linkuj {background: url('../img/ico-linkuj.gif') no-repeat 0 50%}
.share a.digg {background: url('../img/ico-digg.gif') no-repeat 0 50%}
.share a.google {background: url('../img/ico-google.gif') no-repeat 0 50%}
/* podrubriky - pridano */
.sections {padding: 15px;border: 1px solid #dde3e6;background: #fff;width: 640px;margin-bottom: 20px;height: auto;}
.sections h2 {font-size: 1.1em;margin: 0 0 10px}
#content .sections ul {padding: 0;margin: 0;width: 32%;float: left}
#content .sections ul li {background-position: 0 10px}



/* Sidebar */             
.sidebar.floatLeft {width: 261px;background: #fff url('../img/gradient.jpg') repeat-x;border: 1px solid #dde3e6;border-bottom: 0}
.sidebar .box {padding: 20px;border-bottom: 1px solid #dde3e6}
.sidebar.floatRight {width: 296px}
.sidebar .wrapBox {background: #fff url('../img/gradient.jpg') repeat-x;border: 1px solid #dde3e6;border-bottom: 0}
.sidebar .wrapBox h3 {font-size: 1.0em;margin-bottom: 5px}
.sidebar .wrapBox p {font-size: 0.9em}
.sidebar .test {height: 185px;background: url('../img/box-test.jpg') no-repeat;position: relative;margin-bottom: 20px}
.sidebar .test h3 {position: absolute;top: 20px;left: 20px;color: #14983f;font-size: 1.5em}
.sidebar .test p {position: absolute;top: 75px;left: 20px;line-height: 1.4em;}
.sidebar .test .button {background: url('../img/button-bg.jpg') repeat-x;height: 34px;line-height: 30px;padding: 0 10px;color: #fff;font-size: 1.2em;position: absolute;top: 130px;left: 20px;text-decoration: none}
.sidebar .text {border-right: 0;width: 164px;float: left;}
.sidebar .submit {float: right}
.sidebar .nav {background: #e3f6e9;padding: 10px 20px 10px 0;margin-top: 10px}
.sidebar .nav li a {background: url('../img/ico-arrows.gif') no-repeat 10px 12px;width: 170px;font-weight: bold;color: #1e9d47;display: block;padding: 11px 0 11px 25px;border-top: 1px solid #b2e0c0}
.sidebar .nav li a:hover,
.sidebar .nav li.active a {color: #0a72b5;text-decoration: underline;background-position: 10px -27px}
.sidebar .nav li a.first {border: 0}
/* submenu  - pridano */
.sidebar .nav li ul {padding-bottom: 10px}
.sidebar .nav li ul li a {color: #0a72b5;padding: 7px 0 7px 40px;width: 145px;font-weight: normal;font-size: 0.9em;border: 0;background-position: 25px -31px !important}
.sidebar .nav li ul li a:hover,
.sidebar .nav li ul li.active a {color: #1e9d47;background-position: 25px 8px !important;}
/* / submenu */
.sidebar ul.top li {position: relative;width: 220px;line-height: 1.5em;padding-top: 8px;margin-bottom: 10px;border-top: 1px solid #dde3e6}
.sidebar ul.top li.first {border: 0}
.sidebar ul.top li .num {display: block;width: 7px;height: 23px;padding: 0 8px;line-height: 23px;color: #0a72b5;background: url('../img/number-bg.gif') no-repeat;position: absolute;top: 10px;left: 0}
.sidebar ul.top li a {color: #1e9d47;display: block;padding-left: 30px;}
.sidebar .info {text-align: left;font-size: 0.9em;margin-bottom: 5px}
.sidebar .info span {background: #cbdfed;display: inline-block;padding: 2px 5px;color: #0a72b5;margin-right: 5px}
#newsletter {margin-bottom: 10px}   
#search fieldset {padding: 0 0 10px}
#search label,
#newsletter label {display: none} {display: none}
#search .text {background: #fff url('../img/ico-search.jpg') no-repeat 8px 55%;padding-left: 35px;width: 139px}
#search .button {float: left;margin-left: 9px;}
#search .button button {font-size: 0.9em}
                            
/* Footer */
#footer {margin-bottom: 10px;border: 1px solid #dde3e6;clear: both;height: auto;overflow: hidden}
#footer p {float: left;padding: 20px;height: 55px;font-size: 0.9em;margin: 0}
#footer p.gradient {background: url('../img/gradient.jpg') repeat-x;border-right: 1px solid #dde3e6}
#footer p.gradient strong {color: #0a72b5}
#footer p strong {font-size: 1.1em;}
#footer p.sep {background: url('../img/footer-sep.gif') no-repeat left bottom}
a.msd,
a.msd:visited {float: right;display: block;padding: 5px 20px 5px 66px;background: url('../img/logo-msd.jpg') no-repeat 0 50%;color: #009999;font-size: 11px}

/* Other */
dl {margin-bottom: 15px}
dl dt {color: #0a72b5;font-weight: bold;font-size: 1.2em;margin-bottom: 10px}
dl dd {line-height: 1.5em}
a.print {position: absolute;top: -5px;right: 20px;padding-left: 25px;background: url('../img/ico-print.gif') no-repeat 0 50%}
a.add {position: absolute;top: 30px;font-weight: bold;right: 20px;padding: 2px 0 2px 25px;display: block;background: url('../img/ico-add.gif') no-repeat 0 50%}
.text {border: 1px solid #dde3e6;color: #5c6e7a;font-family: Georgia;font-style: italic;background: #fff;height: 16px;padding: 10px 10px 8px 10px;float: left;}
.text.long {width: 550px;margin-right: 10px}
.buttOK {float: right}
#content .text {border-color: #696b6d #f0f6fa #f0f6fa #959a9d;background: #ecf4f9;padding: 4px 5px;font-style: normal}
a.image img,
img.image {padding: 8px;background: #fff;border: 1px solid #dde3e6;margin-bottom: 10px}
a.image:hover img,
img.image:hover {border-color: #afcbdd}
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.floatLeft {float: left;}
.floatRight {float: right;}
.bold {font-weight: bold;}
.small {font-size: 0.9em}
.alignLeft {text-align: left}
.alignCenter {text-align: center}
.alignRight {text-align: right}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.ui-datepicker { width: 17em; padding: 15px;margin-top: 7px;background: #fff;z-index: 900;border: 1px solid #dde3e6;width: 150px}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0;margin-bottom: 5px;background: #0a72b5;color: #fff }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { text-indent: -9999px;position:absolute; top: 8px; width: 6px; height: 10px; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 8px; }
.ui-datepicker .ui-datepicker-prev { left:6px; background: url('../img/month-left.gif') no-repeat }
.ui-datepicker .ui-datepicker-next { right:6px; background: url('../img/month-right.gif') no-repeat }
.ui-datepicker .ui-datepicker-prev-hover { left:6px; }
.ui-datepicker .ui-datepicker-next-hover { right:6px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 150px; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: 0;width: 20px;height: 20px;border: 0;border-bottom: 2px solid #dde3e6;text-align: center; font-weight: normal;color: #0a72b5}
.ui-datepicker th span {display: block;width: 20px;height: 20px;line-height: 20px;}
.ui-datepicker td { border: 0;color: #b0b9bf;padding: 0;width: 20px;height: 20px; text-align: center; font-size: 10px}
.ui-datepicker td a { display: block; padding: 0;color: #5c6e7a; text-align: center; text-decoration: none;}
.ui-datepicker td a {height: 20px;line-height: 17px;width: 20px;}
.ui-datepicker td a:hover,
.ui-datepicker td a.ui-state-active {background: #1e9d47;color: #fff}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}