@font-face {
font-family: 'UnientB';
src: url('fonts/UnientDINCEBold.eot');
src: local('Unient DIN CE - Bold'), local('UnientDINCE-Bold'), url('fonts/UnientDINCEBold.woff') format('woff'), url('fonts/UnientDINCEBold.ttf') format('truetype'), url('fonts/UnientDINCEBold.svg#UnientDINCE-Bold') format('svg');
}

@font-face {
font-family: 'Unient';
src: url('fonts/UnientDINCERegular.eot');
src: local('Unient DIN CE - Regular'), local('UnientDINCE'), url('fonts/UnientDINCERegular.woff') format('woff'), url('fonts/UnientDINCERegular.ttf') format('truetype'), url('fonts/UnientDINCERegular.svg#UnientDINCE') format('svg');
}

ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,form, body, html,p, fieldset { margin:0; padding:0; list-style-type:none; }

img { border:0; }
hr.hr { display:none; }
.clear { display:block; height:1px; overflow:hidden; margin-bottom:-1px; clear:both; float:none !important; }
.blind, .anchor { position:absolute; left:-100000px; }

.cf, #container, .article-list, .galerie, #footer, .video, .videa, .casopis, .lide, .blesa .item, .star-list { min-height:1%; }
.cf:after, #container:after, .article-list:after, .galerie:after, #footer:after, .video:after, .videa:after, .casopis:after, .lide:after, .blesak .item:after, .star-list:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

a { text-decoration:none; color:#ed62a6; }
a:hover { text-decoration:underline; }
p { padding:0 0 1em; }
h1 { color:#ef519e; font-weight:bold; padding:0 0 .5em; font-size:140%; text-transform:uppercase; }
h2 { font-size:105%; font-weight:bold; text-transform:uppercase; color:#675766; padding:.5em 0 1em; }
h3 { font-size:95%; padding:.7em 0 1em; color:#675766; }
ul { padding:0 0 1em; }
ul li { padding:0 0 0 11px; background:url(img/li.gif) 1px 10px no-repeat; }

html { background:url(img/html.gif) -4px 0 white; padding:0; margin:0; font-family:"trebuchet ms"; font-size:84%; line-height:1.6em; }
body { background:url(img/body.gif) 0 0 no-repeat; padding:28px 0 40px; margin:0; }

#header { width:310px; height:292px; background:white; position:relative; top:-28px; }
#slider,
#vizual { position:absolute; right:-1px; top:-274px; }
#page { background:url(img/kolaz.gif) 364px bottom no-repeat; padding:0 40px 492px 0; }
body > #page { background-image:url(img/kolaz.png); }
#container { width:883px; background:url(img/container.png) right bottom no-repeat white; min-height:700px; height:700px; }
#page > #container { height:auto; }
#footer { clear:both; height:100px; margin:0 0 -100px; width:883px; }
#footer p.copy { display:none; }

.share { padding:1em 0 0; text-align:center; clear:both; }

#logo { width:302px; height:257px; position:relative; }
#logo span { width:302px; height:257px; position:absolute; left:0; top:0; background:url(img/logo.gif) 0 0 no-repeat; }
a#logo span { cursor:pointer; }

#content { width:655px; float:right; position:relative; right:30px; padding:0 0 30px; }
#side { width:185px; float:left; }

#menu-vertical { font-family:Unient; position:absolute; left:190px; top:60px; text-align:right; width:94px; text-transform:uppercase; padding:0; line-height:1.2em; font-size:115%; }
#menu-vertical li { padding:0; background:none; }
#menu-vertical a { color:#675766; font-weight:bold; }
#menu-vertical .active a,
#menu-vertical a:hover { color:#ed62a6; text-decoration:none; }

#menu-vertical div { position:absolute; left:693px; top:250px; width:200px; background:url(img/menu-ul.gif) 0 0 no-repeat; text-align:left; padding:20px 0; }
#menu-vertical div ul { background:url(img/menu-ul.gif) -200px -20px no-repeat; padding:15px 10px; }
#menu-vertical .active li a { color:white; }
#menu-vertical .active li a:hover,
#menu-vertical .active .active a { color:#ed62a6; font-size:100%; }

#menu-horizontal { font-family:UnientB; position:absolute; left:199px; top:257px; line-height:64px; font-weight:bold; text-transform:uppercase; padding:0; font-size:125%; }
#menu-horizontal li { float:left; margin:0 29px 0 0; padding:0; background:none; }
#menu-horizontal a { color:#675766; }
#menu-horizontal .active a,
#menu-horizontal a:hover { color:#ed62a6; text-decoration:none; }

#menu-horizontal div { position:absolute; left:684px; top:53px; width:200px; background:url(img/menu-ul.gif) 0 0 no-repeat; text-align:left; padding:20px 0; }
#menu-horizontal div ul { background:url(img/menu-ul.gif) -200px -20px no-repeat; padding:15px 10px; line-height:1.2em; }
#menu-horizontal ul li { float:none; }
#menu-horizontal .active li a { color:white; }
#menu-horizontal .active li a:hover,
#menu-horizontal .active .active a { color:#ed62a6; font-size:100%; }

.article-list { width:668px; margin:0 -60px 0 0; }
.article-list .item { width:314px; float:left; padding:132px 0 40px; position:relative; margin:0 20px 0 0; }
.article-list .item h2,
.article-list .item h3 { text-transform:uppercase; font-size:1.3em; padding:0; }
.article-list .item p { padding:.5em 0 0; line-height:1.3em; }
.article-list .item small { font-size:85%; color:#999; display:block; }
.article-list .item img { position:absolute; left:0; top:0; width:314px; height:122px; }

.more { font-weight:bold; padding:0 16px 0 0; background:url(img/more.gif) right .6em no-repeat; }

.clanek-detail small { font-size:85%; color:#999; display:block; position:relative; top:-.8em; }

.pager { display:block; clear:both; }
.pager a.active { font-weight:bold; color:black; text-decoration:none; }

.clanky-assign { font-size:.7em; }
.clanky-assign a { margin:0 5px 0 0; white-space:nowrap; }
.clanky-assign a.ano { color:#fff; background:#0c0; padding:0 5px; }
.clanky-assign a.ne { color:#c00; }

#bannery .banner { display:block; padding:0 0 10px; }

.galerie { width:668px; margin:0 -60px 0 0; }
.galerie span.foto { width:155px; height:95px; display:block; float:left; margin:11px 11px 0 0; position:relative; top:-11px; }

#partneri { padding:0 10px 15px; background:url(img/partner-claim.gif) center 51px no-repeat white; float:left; }
#partneri span.partner { display:block; float:left; margin:0 15px 5px 0; }

#last { left:883px; top:28px; position:absolute; width:211px; }
#last .last-out { display:block; }
#last .last-lay { left:0; top:0; position:absolute; width:211px; height:288px; background:url(img/last.gif) 0 0 no-repeat; outline:0; }
#last .last-out img { position:absolute; left:21px; top:17px; z-index:4; }
#last .last-out > .last-lay { background-image:url(img/last.png); z-index:5; }
#last .last-txt { position:absolute; left:8px; top:177px; width:135px; z-index:6; color:#675766; line-height:1.2em; font-weight:bold; }
#last .last-txt strong { color:#fff; font-size:1.2em }
#last .last-txt em { font-style:normal; color:#fff; }

.form fieldset { border:0; padding:15px 0 0; margin:0 0 1em; }
.form fieldset h2 { padding:0 0 5px 125px; }
.form label { width:100px; display:inline-block; vertical-align:top; padding:5px 0 0; font-weight:bold; text-align:right; margin:0 20px 0 0; color:#675766; }
.form label em { font-style:normal; font-weight:bold; color:red; }
.form p { padding:0 0 5px; }
.form input,
.form select,
.form textarea { border:3px solid #e0dadc; color:#675766; padding:5px; width:200px; }
.form input:focus,
.form select:focus,
.form textarea:focus { border-color:#b0a7a9; color:#675766; }
.form textarea { width:300px; height:80px; overflow:auto; }
.form small { font-size:.9em; }
.form .checkbox { padding-left:125px; }
.form .checkbox label { width:auto; text-align:left; }
.form .checkbox input { vertical-align:middle; width:auto; border:none; }
.form .submit-line { padding:0 0 1em 125px; }
.form .submit-line input { border:0; color:white; background:url(img/submit.gif) right bottom no-repeat #ef519e; width:auto; padding:5px 30px 5px 20px; font-weight:bold; text-transform:uppercase; font-size:.9em; cursor:pointer; }
.form .submit-line em { font-style:normal; font-weight:bold; color:red; }

.top-article { background:#e0dadc; margin:0 0 20px; padding:20px; }
.top-article h1 { position:absolute; top:-1000000px; }
.top-article h2 { padding:0; }
.top-article small { font-size:1em; }
.top-article p { padding:.3em 0; }
.top-article .more { font-weight:bold; }

.video { width:300px; float:left; margin:0 20px 0 0; padding:0 0 30px; }
.video img { float:left; }
.video .text { float:right; width:130px; }
.video .text p { padding:0; }
.video h2 { padding:0 0 .5em; }

.poradna-otazka { background:#e0dadc; margin:5px 0 0; padding:20px; }
.poradna-otazka small { font-size:1em; padding:0; display:block; text-align:right; padding:5px 0 0; font-style:italic; }
.poradna-otazka p { padding:0; }
.poradna-odpoved { background:#ef519e; padding:20px 20px 5px; margin:0 0 0 20px; }

.warn { background:#c00; padding:20px; }
.warn ul { padding:0; margin:0; }
.warn ul li { padding:0; margin:0; background:none; color:white; font-size:.9em; }

.mess { background:#0c0; padding:20px; }
.mess ul { padding:0; margin:0; }
.mess ul li { padding:0; margin:0; background:none; color:white; font-size:.9em; }

.komiksy { width:668px; margin:0 -60px 0 0; }
.komiks { width:205px; margin:0 15px 0 0; float:left; padding:0 0 40px; }
.komiks h2 { padding:0; }

.casopis { padding:20px; margin:20px 0 0; }
.casopis h2 { padding:0 0 .7em; }
.casopis img { float:left; }
.casopis .txt { margin:0 0 0 230px; }
.casopis.first { background:#e0dadc; margin:0; }
.casopis .pdf { font-weight:bold; }

.lide { padding:0 0 30px; }
.lide img { float:left; }
.lide .txt { margin:0 0 0 330px; }
.lide .txt em { color:#999; }
.lide .txt ul { padding:0 0 .5em; }
.lide h2 { padding:0 0 .3em; }
.lide .bio { clear:both; padding:1em 0 0; }
.lide .more { font-weight:bold; }

.blesak { border-bottom:2px dotted #e0dadc; }
.blesak .fancybox { float:left; width:300px; display:block; text-align:center; }
.blesak .item { border:2px dotted #e0dadc; padding:20px; position:relative; }
.blesak .item .fancybox { float:left; width:300px; display:block; text-align:center; }
.blesak .item img { display:block; margin:0 auto; position:relative; }
.blesak .item .txt { margin:0 0 0 320px; }
.blesak h2 { padding:40px 0 .7em; }
.blesak .odd { border-width:2px 0 0 2px ; }
.blesak .even { border-width:2px 2px 0 0; }
.blesak strong.rezervace { color:#e0dadc; }
.blesak span.rezervace { position:absolute; width:64px; height:64px; background:url(img/rezervovano.gif) center center no-repeat; left:10px; top:-13px; }

.star-list { padding:20px; margin:0 0 1px; }
.star-list img { float:left; }
.star-list .txt { margin:0 0 0 330px; }
.star-list h2 { padding:0 0 .3em; }
.star-list .more { font-weight:bold; }
.star-actual { background:#e0dadc; }

.chat-form .warn { background:white; border-color:red; }

#chat-stream .chat-item { padding:10px 15px; overflow:hidden; }
#chat-stream .odd { background:#e0dadc; }
#chat-stream .even { background:#ef519e; }
#chat-stream .chat-item em { font-style:normal; color:#666; }

html.iframe,
html.iframe body { background:white; }
html.iframe .form .submit-line input { background:#c1d200; padding:5px 20px; }

