/* Nadacni fond Umeni doprovazet */
html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button { margin: 0; padding: 0; }
/* Global settings */
.blind, .skips,
hr { display: none !important; }
fieldset,
a img { border: 0; }
/* Clearfix */
.cf { min-height: 1%; _height: 1%; }
.cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }
/* Links */
a:link, a:visited { color: #5A5A5A; }
a:hover, a:active { color: #000; }
a:link span, a:visited span { cursor: hand; cursor: pointer; }
/* Table */
table tr td { padding: 1em; }
table.no-padd tr td { padding: 0; }
/* Lists */
ul, ol { margin-bottom: 1em; }
ul li, ol li { position: relative; left: 2em; }
/* Headings */
h1 { }
h2 { }
/* Layout */
html { background: #fffcf4 url(images/bg-html.gif) repeat-x 0 0; }
body { text-align: center; font: normal 83%/1.3 "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; background: url(images/bg-body.gif) repeat-x 0 100%; }
#container { background: url(images/bg-header.gif) no-repeat 50% 0; }
#page { margin: 0 auto; text-align: left; width: 990px; position: relative; }
#maincontent { background: #fff url(images/bg-maincontent.gif) repeat-x 0 0; padding-top: 90px; }
/* Header */
#header { height: 515px; }
#header #logo { position: absolute; left: 11px; top: 6px; }
#header .languages { font-size: 105%; color: #000; position: absolute; top: 20px; right: 17px; }
#header .languages strong, #header .languages a:link { font-weight: normal; margin-right: 15px; }
#header .languages a:link, #header .languages a:visited { color: #7c7c7c; }
#header .languages a:hover, #header .languages a:active { text-decoration: none; }
/* Mainbox */
#maincontent .main-box { background: transparent url(images/bg-hh-with-logo.jpg) no-repeat 0 100%; height: 245px; position: relative; font-family: Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif; }
#maincontent .main-box h2 { position: absolute; right: 54px; top: 0; width: 547px; height: 91px; background: url(images/bg-h2-main-box.gif) no-repeat 0 0; color: #aea06e; font-size: 200%; font-weight: normal; letter-spacing: -3px; position: absolute; line-height: 1.15em; }
#maincontent .main-box h2 span { position: relative; left: 21px; top: 21px; display: block; }
#maincontent .main-box h2 strong { color: #000; display: block; font-size: 140%; }
#maincontent .main-box .description { position: absolute; width: 547px; top: 100px; left: 413px; color: #868484; }
#maincontent .main-box .description .btn { margin-top: 15px; }
#maincontent .main-box .description .btn a:link, #maincontent .main-box .description .btn a:visited { display: block; float: right; width: 207px; height: 42px; line-height: 42px; overflow: hidden; color: #fff; text-decoration: none; font-size: 110%; background: #e0ab25 url(images/btn-jak-jsme-pomohli.gif) no-repeat 0 0; text-align: center; }
#maincontent .main-box .description .btn a:hover, #maincontent .main-box .description .btn a:active { background: #ca9510 url(images/btn-jak-jsme-pomohli.gif) no-repeat 0 100%; }
#maincontent .main-box .signature { font-size: 90%; color: #8e782f; position: absolute; bottom: 5px; left: 170px; }
#maincontent .main-box .signature strong { color: #000; }
/* News */
#maincontent #news { width: 450px; float: left; background: #fff url(images/bg-news.gif) repeat-x 0 0; padding-top: 46px; }
#maincontent #news .item { position: relative; left: 9px; margin-bottom: 15px; }
#maincontent #news .item .img { width: 57px; height: 49px; overflow: hidden; float: left; position: relative; top: 3px; text-decoration: none; }
#maincontent #news .item .img span { position: absolute; left: 0; top: 0; width: 57px; height: 49px; background: url(images/bg-news-images.png) no-repeat 0 0; }
#maincontent #news .item .cont { width: 370px; float: right; }
#maincontent #news .item .cont h3 { color: #000; font-size: 115%; margin-bottom: 3px; }
#maincontent #news .item .cont h3 a:link, #maincontent #news .item .cont h3 a:visited { color: #000; text-decoration: none; }
#maincontent #news .item .cont h3 a:hover, #maincontent #news .item .cont h3 a:active { text-decoration: underline; }
#maincontent #news .item .cont p { color: #868484; font-size: 100%; }
#maincontent #news .archiv { text-align: right; border-top: #edebdf 1px solid; padding-top: 5px; }
#maincontent #news .archiv a:link, #maincontent #news .archiv a:visited { padding-left: 10px; background: #fff url(images/bg-li.gif) no-repeat 0 60%; }
/* News - vypis */
.news-item { border-bottom: #edebdf 1px solid; padding-bottom: 5px; margin-bottom: 15px; }
/* Newsletter */
#maincontent #newsletter { background: url(images/bg-newsletter.gif) no-repeat 0 0; margin-top: 40px; clear: both; }
#maincontent #newsletter legend { color: #000; font-size: 115%; font-weight: bold; margin-bottom: 3px; padding-left: 84px; &padding-left: 78px; }
#maincontent #newsletter p { color: #868484; padding-left: 84px; }
#maincontent #newsletter p.input { height: 37px; background: url(images/bg-input-newsletter.gif) no-repeat 84px 0; margin-top: 12px; position: relative; }
#maincontent #newsletter p.input .text { border: 0; position: relative; top: 7px; left: 10px; font-size: 18px; width: 250px; }
#maincontent #newsletter p.input .submit { position: absolute; top: -1px; right: 0; width: 92px; height: 39px; background: #e1ae28 url(images/btn-prihlasit-newsletter.gif) no-repeat 0 0; text-align: center; color: #fff; font-size: 18px; border: 0; cursor: hand; cursor: pointer; }
#maincontent #newsletter p.input .submit:hover { background-position: 0 100%; }
/* DMS */
#maincontent #dms { width: 470px; height: 510px; float: right; background: #fff url(images/bg-dms-box.jpg) no-repeat 0 0; position: relative; right: 12px; }
#maincontent #dms .desc { color: #5e5e5e; font-size: 90%; position: absolute; left: 0; bottom: 160px; }
#maincontent #dms .desc a:link, #maincontent #dms .desc a:visited { color: #5e5e5e; }
#maincontent #dms .desc a:hover, #maincontent #dms .desc a:active { color: #000; }
#maincontent #dms .rocni-dms { position: absolute; left: 313px; top: 260px; }
#maincontent #dms .rocni-dms a:link, #maincontent #dms .rocni-dms a:visited { color: #000; }
#maincontent #dms .rocni-dms a:hover, #maincontent #dms .rocni-dms a:active { text-decoration: none; }
#maincontent #dms .widget { position: absolute; bottom: 0; left: 0; }
/* Social networks */
#maincontent .social-networks { clear: both; margin-top: 40px; position: relative; left: 35px; margin-bottom: 25px; }
#maincontent .social-networks li { width: 297px; float: left; margin-right: 14px; list-style-type: none; left: 0; }
#maincontent .social-networks li strong { display: block; text-align: center; font-weight: normal; color: #6b531a; margin-bottom: 5px; }
#maincontent .social-networks li a:link, #maincontent .social-networks li a:visited { display: block; background-color: #f0ca5e; color: #fff; text-align: center; width: 297px; height: 118px; position: relative; line-height: 118px; font-weight: bold; text-decoration: none; font-size: 150%; }
#maincontent .social-networks li a:link span, #maincontent .social-networks li a:visited span { position: absolute; left: 0; top: 0; width: 297px; height: 118px; }
#maincontent .social-networks li#facebook a:link span, #maincontent .social-networks li#facebook a:visited span { background: url(images/btn-facebook.gif) no-repeat 0 0; }
#maincontent .social-networks li#facebook a:hover span, #maincontent .social-networks li#facebook a:active span { background-position: 0 100%; }
#maincontent .social-networks li#youtube a:link span, #maincontent .social-networks li#youtube a:visited span { background: url(images/btn-youtube.gif) no-repeat 0 0; }
#maincontent .social-networks li#youtube a:hover span, #maincontent .social-networks li#youtube a:active span { background-position: 0 100%; }
#maincontent .social-networks li#picasa a:link span, #maincontent .social-networks li#picasa a:visited span { background: url(images/btn-picasa.gif) no-repeat 0 0; }
#maincontent .social-networks li#picasa a:hover span, #maincontent .social-networks li#picasa a:active span { background-position: 0 100%; }
/* Question */
#maincontent .question { padding-left: 90px; background: #fff url(images/bg-question.gif) no-repeat 0 50%; height: 90px; margin-bottom: 20px; font-family: Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif; position: relative; left: 39px; }
#maincontent .question h2 { font-size: 220%; letter-spacing: -2px; position: relative; top: 20px; }
#maincontent .question p { color: #696969; position: relative; top: 20px; }
#maincontent .question p a:link, #maincontent .question p a:visited { color: #696969; }
#maincontent .question p a:hover, #maincontent .question p a:active { color: #000; }
/* Recommend */
#maincontent .recommend { height: 110px; background: #fff url(images/bg-recommend.gif) repeat-x 0 0; font-family: Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif; width: 920px; position: relative; left: 35px; }
#maincontent .recommend h2 { letter-spacing: -1px; font-size: 125%; position: relative; top: 30px; }
#maincontent .recommend p.desc { color: #696969; position: relative; top: 30px; }
#maincontent .recommend form { width: 606px; height: 37px; position: absolute; top: 34px; left: 318px; background: #fff url(images/bg-form-recommend.gif) no-repeat 0 0; }
#maincontent .recommend form input { border: 0; font-size: 18px; width: 240px; position: relative; left: 8px; top: 8px; }
#maincontent .recommend form input#name { left: 40px; }
#maincontent .recommend form button { position: absolute; background-color: #fff; border: 0; position: absolute; width: 66px; top: -3px; right: 0; cursor: hand; cursor: pointer; }
/* Stories */
#maincontent .stories { position: absolute; top: 120px; left: 35px; width: 100%; font-family: Lucida Sans Unicode,Lucida Grande,Garuda,sans-serif; }
#maincontent .stories h2 { font-size: 195%; width: 615px; letter-spacing: -2px; line-height: 1.2em; color: #aea06e; font-weight: normal; }
#maincontent .stories h2 span { font-size: 140%; display: block; font-weight: bold; color: #000; }
/* People ticket */
#maincontent .people { position: absolute; width: 427px; height: 207px; top: 300px; right: -55px; z-index: 1000; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
#maincontent .people span { position: absolute; left: 0; top: 0; width: 427px; height: 207px; background: url(images/bg-people.png) no-repeat 0 0; }
#maincontent .people h2, #maincontent .people h3, #maincontent .people p { font-size: 100%; float: right; width: 220px; position: relative; right: 40px; top: 45px; letter-spacing: 0; color: #000; }
#maincontent .people h2 { font-weight: bold; }
#maincontent .people h3 { color: #5d4308; font-size: 85%; margin: 5px 0 3px 0; }
#maincontent .people p { color: #70622f; margin-bottom: 5px; position: relative; }
#maincontent .people p.img { float: left; width: 56px; position: relative; left: 100px; top: 25px; }
#maincontent .people a:link, #maincontent .people a:visited { color: #000; position: relative; }
#maincontent .people a:hover, #maincontent .people a:active { color: #000; text-decoration: none; }
/* Menu */
#menu { position: absolute; left: 11px; top: 530px; }
#menu li { list-style-type: none; float: left; width: 133px; margin-right: 6px; font-size: 125%; left: 0; }
#menu li a:link, #menu li a:visited { display: block; height: 55px; line-height: 55px; overflow: hidden; color: #fff; text-align: center; text-decoration: none; position: relative; background-color: #f9c631; }
#menu li a:link span, #menu li a:visited span { background: #f9c631 url(images/bg-menu.gif) no-repeat; position: absolute; left: 0; top: 0; width: 133px; height: 55px; cursor: hand; cursor: pointer; }
#menu li#item01 a:link span, #menu li#item01 a:visited span { background-position: 0 0; }
#menu li#item01 a:hover span, #menu li#item01 a:active span, #menu li#item01.active a:link span, #menu li#item01.active a:visited span { background-position: 0 -55px; }
#menu li#item02 a:link span, #menu li#item02 a:visited span { background-position: -139px 0; }
#menu li#item02 a:hover span, #menu li#item02 a:active span, #menu li#item02.active a:link span, #menu li#item02.active a:visited span { background-position: -139px -55px; }
#menu li#item03 a:link span, #menu li#item03 a:visited span { background-position: -280px 0; }
#menu li#item03 a:hover span, #menu li#item03 a:active span, #menu li#item03.active a:link span, #menu li#item03.active a:visited span { background-position: -280px -55px; }
#menu li#item04 a:link span, #menu li#item04 a:visited span { background-position: -420px 0; }
#menu li#item04 a:hover span, #menu li#item04 a:active span, #menu li#item04.active a:link span, #menu li#item04.active a:visited span { background-position: -420px -55px; }
#menu li#item05 a:link span, #menu li#item05 a:visited span { background-position: -558px 0; }
#menu li#item05 a:hover span, #menu li#item05 a:active span, #menu li#item05 a:link.active span, #menu li#item05.active a:visited span { background-position: -558px -55px; }
#menu li#item06 a:link span, #menu li#item06 a:visited span { background-position: -694px 0; }
#menu li#item06 a:hover span, #menu li#item06 a:active span, #menu li#item06 a:link.active span, #menu li#item06.active a:visited span { background-position: -694px -55px; }
#menu li#item07 a:link span, #menu li#item07 a:visited span { background-position: -835px 0; }
#menu li#item07 a:hover span, #menu li#item07 a:active span, #menu li#item07.active a:link span, #menu li#item07.active a:visited span { background-position: -835px -55px; }
/* Subpage mode */
.subpage #header { height: 250px; }
.subpage #maincontent { background-image: url(images/bg-maincontent-subpage.gif); padding-top: 90px; }
.subpage #maincontent .people { top: -55px; right: -10px; }
.subpage #maincontent #dms { right: 0; }
.subpage #content { width: 452px; float: left; position: relative; left: 11px; color: #5a5a5a; margin-bottom: 40px; }
.subpage #content h1 { font-size: 140%; margin-bottom: 7px; color: #000; }
.subpage #content h2 { color: #000; margin-bottom: 5px; font-size: 125%; }
.subpage #content h3 { margin-bottom: 5px; color: #000; }
.subpage #content p { margin-bottom: 20px; }
.subpage #content .style1 { background-color: #fef7df; padding: 3px 7px 3px 7px; font-size: 105%; }
.subpage #content .style2 { background-color: #fbe8a2; padding: 3px 7px 3px 7px; font-size: 95%; color: #000; }
.subpage #content .number-items .item { margin-bottom: 15px; position: relative; }
.subpage #content .number-items .item .number { float: left; width: 42px; height: 43px; margin-right: 20px; background: url(images/bg-number.gif) no-repeat 0 0; color: #bc961d; line-height: 43px; text-align: center; font-size: 150%; font-weight: normal; }
.subpage #content .number-items .item h2 { font-size: 105%; }
.subpage #sidebar { width: 472px; float: right; position: relative; right: 11px; margin-bottom: 40px; color: #5a5a5a; }
.subpage #sidebar h2 { margin-bottom: 5px; color: #000; }
.subpage #sidebar h3 { margin-bottom: 10px; color: #000; }
.subpage #sidebar p { margin-bottom: 20px; }
.subpage #sidebar .darci { margin-bottom: 20px; }
.subpage #sidebar .darci li { width: 40%; left: 0; float: left; margin-bottom: 5px; list-style-type: none; padding-left: 7px; background: url(images/bg-li.gif) no-repeat 0 7px; }
.subpage .gallery { width: 472px; height: 310px; overflow: hidden; position: relative; }
.subpage .gallery .description { background-color: #000; opacity: 0.75; margin-bottom: 0 !important; color: #fff; font-size: 90%; position: absolute; left: 0; bottom: 0; padding: 7px; width: 100%; }
.subpage .more-photos { margin-bottom: 20px; }
.subpage .more-photos a:link, .subpage .more-photos a:visited { clear: both; float: right; display: block; width: 120px; height: 25px; line-height: 25px; color: #fff; text-decoration: none; background: #e0ac26 url(images/btn-more-photos.gif) no-repeat 0 0; text-align: center; }
.subpage .more-photos a:hover, .subpage .more-photos a:active { background-position: 0 100%; }
.subpage #menu { top: 260px; }
.subpage #menu ul { position: absolute; }
.subpage .subpages { padding-bottom: 5px; border-bottom: #fdecb1 1px solid; margin: 0 15px 20px 15px; }
.subpage .subpages strong { float: left; display: block; margin-right: 12px; position: relative; top: 2px; }
.subpage .subpages a:link, .subpage .subpages a:visited { display: block; float: left; height: 24px; line-height: 24px; margin-right: 5px; padding: 0 7px 0 7px; color: #72540f; text-decoration: none; background: #fdecb1 url(images/bg-submenu.gif) no-repeat 0 0; position: relative; margin-bottom: 5px; white-space: nowrap; }
.subpage .subpages a:hover, .subpage .subpages a:active, .subpage .subpages a:link.active, .subpage .subpages a:visited.active { background-position: 0 -24px; }
.subpage .subpages a:link span, .subpage .subpages a:visited span { position: absolute; top: 0; right: 0px; _right: -1px; width: 7px; height: 24px; background: #fdecb1 url(images/bg-submenu.gif) no-repeat -343px 0; }
.subpage .subpages a:hover span, .subpage .subpages a:active span, .subpage .subpages a:link.active span, .subpage .subpages a:visited.active span { background: url(images/bg-submenu.gif) no-repeat -343px -24px; }
/* Flash position */
#flash { position: absolute; left: 15px; top: 120px; width: 955px; height: 390px; }
/* Footer */
#footer { color: #ababab; font-size: 90%; clear: both; width: 920px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px; }
#footer .left { width: 40%; float: left; }
#footer .right { width: 40%; float: right; text-align: right; }
#footer .right span { float: left; display: block; width: 220px; }
#footer .right a img { float: right; }
#footer .links { clear: both; position: relative; top: 15px; }
#footer .links li { list-style-type: none; font-size: 90%; float: left; margin-right: 10px; left: 0; }
#footer .links li a:link, #footer .links li a:visited { color: #ABABAB; }
#footer .links li a:hover, #footer .links li a:active { color: #000; }
.style1 { background-color: #fef7df; padding: 3px 7px 3px 7px; font-size: 105%; display: block;}
.style2 { background-color: #fbe8a2; padding: 3px 7px 3px 7px; font-size: 95%; display: block; }
/** * Basic definitions for the editing area. */
.Bold{font-weight:bold;}
.Italic{font-style:italic;}
.Underline{text-decoration:underline;}
.StrikeThrough{text-decoration:line-through;}
.Subscript{vertical-align:sub;font-size:smaller;}
.Superscript{vertical-align:super;font-size:smaller;}
.FontComic{font-family:'Comic Sans MS';}
.FontCourier{font-family:'Courier New';}
.FontTimes{font-family:'Times New Roman';}
.FontSmaller{font-size:smaller;}
.FontLarger{font-size:larger;}
.FontSmall{font-size:8pt;}
.FontBig{font-size:14pt;}
.FontDouble{font-size:200%;}
.FontColor1{color:#ff9900;}
.FontColor2{color:#0066cc;}
.FontColor3{color:#ff0000;}
.FontColor1BG{background-color:#ff9900;}
.FontColor2BG{background-color:#0066cc;}
.FontColor3BG{background-color:#ff0000;}
.Indent1{margin-left:40px;}
.Indent2{margin-left:80px;}
.Indent3{margin-left:120px;}
.JustifyLeft{text-align:left;}
.JustifyRight{text-align:right;}
.JustifyCenter{text-align:center;}
.JustifyFull{text-align:justify;}
code{font-family:courier,monospace;background-color:#eeeeee;padding-left:1px;padding-right:1px;border:#c0c0c0 1px solid;}
kbd{padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;}
blockquote{color:#808080;}