@font-face {
	font-family: 'AllerLightItalic';
	src: url('../fonts/aller_ltit-webfont-2.eot');
	src: local('AllerLightItalic'), url('../fonts/aller_ltit-webfont-2.ttf') format('truetype'), url('../fonts/aller_ltit-webfont-2.svg#webfont') format('svg');
}

@font-face {
	font-family: 'AllerRegular';
	src: url('../fonts/aller_rg-webfont-2.eot');
	src: local('AllerRegular'), url('../fonts/aller_rg-webfont-2.ttf') format('truetype'), url('../fonts/aller_rg-webfont-2.svg#webfont') format('svg');
}

@font-face {
	font-family: 'AllerLightRegular';
	src: url('../fonts/aller_lt-webfont-2.eot');
	src: local('AllerLightRegular'), url('../fonts/aller_lt-webfont-2.ttf') format('truetype'), url('../fonts/aller_lt-webfont-2.svg#webfont') format('svg');
}


/* css reset */
	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, 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;}
	ul, ul li { margin: 0; padding: 0; list-style: none }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea { font-family: sans-serif; font-size: 100% }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* elements */
html, body {height: 100%;}
body {line-height: 1.4; font-size: 11px; font-family: sans-serif; position: relative; background: #000; }
h1, h2, h3, h4 { font-size: 250%; line-height: 1.1  }
h2 { font-size: 200%;}
h3 { font-size: 140%;}
h4 { font-size: 120%;}

a { color: #fff; }
a:hover { color: #828282; }

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.imp { color: #bbbb00;  }
.push {height: 50px; clear: both;}

/* layout */
#bckg img { position: absolute; left: 0; top:0; display: block; }
#page { padding: 0 12px; position: relative; z-index:1; min-width: 1200px;}
/* sticky footer */
#page {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -50px auto;}

#header { overflow: hidden; width:100%; height: 70px; overflow: hidden; position: relative; top: 10px;}
.auto #header { width: auto; float: left; }
#header img { display: block; }
#header span.off img.on { display: none; }
#header span.off img.off { display: block; }
#header img.off { display: none; }

#lang { position: absolute; top: 70px; left: 28px; height: 24px; background: url(../img/lang.png) no-repeat 100% 0; z-index: 999 }
#lang li { float: left; }
#lang li a { float: left; padding: 4px; color: #000; text-decoration: none; line-height: 16px }
#lang li a:hover { color: #fff; }
#lang ul { float: left;background: url(../img/lang-ul.png) no-repeat 0 0; margin: 0 5px 0 0; padding: 0 0 0 5px; height: 30px; }

#logo { float: left;}
#nav { background: url(../img/nav.png) repeat-x; height: 60px; overflow: hidden;}
#nav ul { padding: 0 0 0 25px; float: left; background: url(../img/nav-ul.gif) no-repeat 0 13px;}
#nav ul ul { display:none; }
#nav li { float: left; text-decoration: none; padding: 2px 5px 9px; }
#nav li.curr { background: url(../img/nav-curr.gif) no-repeat 50% 5px; }
#nav li.curr a { color: #fff; }
#nav a {  color: #828282; font-size: 13px; font-family: 'AllerRegular'; float: left; padding: 15px 1px; text-decoration: none; white-space: nowrap; }
#nav a:hover { color: #fff; }
#motto { float: right; }
#motto img{ margin: 5px 0 0 0; }
#search { float:right; margin: 16px 23px 0 17px; }
#search label { display:none; }
#search #query { background:url(../img/search_input.png) no-repeat top left; width:115px; height:19px; margin:0; border:none; float:left; }
#search .submit { background:url(../img/search_submit.png) no-repeat top left; width:22px; height:19px; margin:0; border:none; text-indent:-2000px; float:left;font-size:1px; line-height:1px; }


#button { width: 35px; height: 54px; background: url(../img/button-bckg.png) no-repeat; float: right;}
#button img { padding: 5px 0 5px 0; margin: 0 0 5px 0; }
.jsok #button { cursor: pointer; }
.jsok #button img.off { display: none; }

#footer { clear: both; color: #828282; font-family: 'AllerRegular'; background: url(../img/footer.png) no-repeat top right; padding: 0 10px 0 0; margin: 0 12px; min-width: 1190px; position: relative;}
#footer div { background: url(../img/footer-div.png) no-repeat;/* width: 100%;*/ overflow: hidden; height: 45px; }
#footer .copy { float: left; padding: 15px 10px 14px 65px; background: url(../img/footer-copy.gif) no-repeat 15px 58%; }
#footer .facebook { float: left; padding: 15px 50px 14px 10px; }
#footer .facebook img { position: relative; top:-2px; z-index: 999; }
#footer .bmedia { float: right;}
#footer .bmedia a { float: left; padding: 15px 40px 15px 0; background: url(../img/bmedia.gif) no-repeat 90% 50%; text-decoration: none; position:relative; z-index:1000; }
.de #footer .bmedia a {padding: 15px 37px 15px 0; background: url(../img/bmedia.gif) no-repeat 94% 50%;}
#footer .bmedia span { float: left; padding: 15px 0.5em 15px 0;}


/* news */
#news { float:left; margin: 25px 0 0 70px; min-width: 650px;}
#news li { padding: 0 0 15px 0;  font-size:16px; font-family:'AllerLightRegular'; color:#000; clear: left; zoom:1 }
#news .img { background:url(../img/article_hp_bg.png) no-repeat; float:left; }
#news .img img { margin:15px; }
#news .date { font-size: 16px; float: left; white-space: nowrap; width: 110px;font-family:'AllerLightRegular'; padding: 0 0 10px 0; }
#news h2, .banner h2 { font-size:16pt; font-weight: normal;  color:#000; padding: 32px 0 4px 5px;  font-size:16px; font-family: 'AllerRegular';}
#news h2 a, .banner h2 a { color:#000; text-decoration:none; }
#news h2 a:hover, .banner h2 a:hover { text-decoration:underline; }


#news li.red, #news li.red .hometext, #news li.red a, #news li.red h2, #news li.red h2 a { color:#d60000 !important; }
#news li.red .hometext { color:#000 !important; }
#news .perex { clear: left; position: relative; left: 5px;   background: url(../img/perex.png); _background: #000; }
#news .perex .text { color: #828282; padding: 10px;}
#news .perex .more { text-align: right; padding: 5px 0 0 0; }
#news .perex .more a { color: #fff; }
#news .detail { background: url(../img/news-a-bckg.png) no-repeat; float: left; padding: 2px 0 7px 0; }

.jsok #news .detail { cursor: pointer; }

#news .more { clear:left;float:left; background:url("../img/vsechnytexty.png") no-repeat center; color:#FFFFFF; font-family:'AllerRegular'; font-size:12px; margin:0 0 10px 10px; text-decoration:none; text-align: center; width: 87px; padding: 5px 0; }
#news .more:hover { text-decoration:none; }
#news .hometext { color:#000000; font-family:'AllerRegular'; font-size:12px; font-weight:normal; margin:0 0 0 220px; padding:0; width: 100%;}
#news .hometext a { color:#000; text-decoration:none }
#news .hometext a:hover { text-decoration:underline }

#news2 { float:right; padding:6px 0;width:440px; position: relative; margin: 9px 35px 0 0;}
#news2 .img { background:url(../img/article_hp_bg.png) no-repeat; float:left; margin: 0 0 0 10px; }
#news2 .img img { margin:15px; }
#news2 .banner { clear: left; margin: 0 0 10px 0; background: url(../img/banner2.png) no-repeat top; padding: 10px 0 0 0; }
#news2 .banner-in { background: url(../img/banner.png) no-repeat bottom; padding:0 0 7px 0; width: 100%; overflow: hidden; }
#news2 .hometext { margin: 0 15px 10px 125px; text-align: justify; }
#news2 h2 { padding-top: 8px; margin: 0 0 0 120px }
#news2 a.more { color:#000 }
/*
#homepage-banner-1 { text-align: center; }
#homepage-banner-1 .hometext { display: none; }
#homepage-banner-1 h2 { font-size:19px; line-height:32px; letter-spacing:3px; font-family:'AllerLightRegular'; color:#000000; font-weight:normal; padding-top: 0;  }
*/
#news2 h2 a:hover { text-decoration: none; }

#footer div#icon {width: 98px; height: 43px; background: url(../img/myslivost.png) no-repeat; position: absolute; bottom: 62px; z-index: 1002; *right: 17px; } /* right: 27px; */ 

/* OLD */
/*
#news2 { float:right; padding:20px 0;width:440px; position: relative; margin: 0 35px 0 0;}
#news2 .bannertop { background:url(../img/banner_left.png) no-repeat center; width:14px; height:115px; float:right; margin-top:35px; }
#news2 .bannerbottom { background:url(../img/banner_right.png) no-repeat center;  width:14px; height:115px; float:right; clear:right; margin-top:35px; }
#news2 .banner { background:url(../img/banner_x.png) repeat-x center; height:115px; float:right; margin-top:35px;}
#news2 .banner ul { height:90px; min-width:300px; }
#news2 .banner ul li {; padding:12px 0;  }
#news2 .banner ul li, #news2 .banner ul li h2 a, #news2 .banner ul li h2 { font-size:19px; line-height:40px; letter-spacing:3px; font-family:'AllerLightRegular'; color:#000000; font-weight:normal; }
#news2 .banner ul li h2 { text-align:center; float:left; margin-left:8px; }
#news2 .banner ul li h2 a { text-decoration:none; }
#news2 .banner ul li h2 a:hover { text-decoration:none; }
*/

/* gallery */
#gallery { clear: both; text-transform: uppercase; position: relative; width: 1120px; z-index: 999; margin: 0 auto; overflow: hidden; }
#gallery li { float: left; width: 250px; height: 250px; background: url(../img/photo.png) no-repeat; position: relative; }
#gallery img { display: block; padding: 16px 0 12px 16px; }
#gallery strong { font-size: 15px; font-weight: normal; color: #fff; font-family: 'AllerLightRegular'; padding: 0 25px 0 25px; display: block; line-height: 1.3; height: 50px; overflow: hidden;}
#gallery .count { color:#828282; padding: 0 25px;  }
#gallery a { text-decoration: none; }
.jsok #gallery li { cursor: pointer; }


#carousel { float: left;}
#gallery .disabled { cursor: default; }
#gallery .disabled img { visibility: hidden;}
#gallery .prev { background: url(../img/prev-disabled.png) no-repeat right }
#gallery .next { background: url(../img/next-disabled.png) no-repeat left }
.prev, .next { width: 60px; margin: 85px 0 0 0; display: none;}
.jsok .prev, .jsok .next { display: block; }
.prev img, .next img { padding: 0 !important;}
.prev img { float: right; }
.prev { float: left; }
.next { float: right; }


/* text page */
#popupb, #popup2b { background:url("../img/popup1b.png") no-repeat scroll center bottom transparent; padding:0 0 5px; position:relative; }
#popup, #popup2 { width: 883px; float: left; background: url(../img/popup1.png) no-repeat; padding: 5px 0 0 0; margin: 30px 0 10px 0; position: relative; }
#popup .popupbckg { background: url(../img/popup2.png) repeat-y center; width: 100%; overflow: hidden;  }
#popup .close, #popup2 .close,
#popup .close2, #popup2 .close2 { position: absolute; top: 10px; right: 8px; }

#popup2 .popupbckg { background: url(../img/popup3.png) repeat-y center; width: 100%; overflow: hidden;  }
#popup2 #section { width: 100%; color: #bbb; padding: 0 0 30px 0;  }


#aside { float: left; width: 348px;color: #fff;  font-size: 110%; }

#section { float: right; width: 535px; color: #fff; padding: 0 0 30px 0;  }
#section h1 { border-bottom: 1px solid #464646; margin: 35px 30px 20px 30px; color: #fff;	font-family: 'AllerLightItalic';font-weight: normal; padding: 0 0 5px 0;}
#section h2 { border-bottom: 1px solid #464646; margin: 35px 30px 20px 30px; color: #fff;	font-family: 'AllerLightItalic';font-weight: normal; padding: 0 0 5px 0;}
#section h3 { color: #fff;	font-family: 'AllerLightItalic';font-weight: normal; padding: 0 0 5px 0;}
.article { padding: 0 35px; font-size: 110%; overflow:hidden; margin: 0 0 1em 0; }
.article p { margin: 0 0 0.8em 0; }
.article ul { margin: 0 0 1em 0; }
.article ul li { padding: 5px 0 5px 15px; background: url(../img/li.gif) no-repeat 0 0.9em; list-style:none; }
.article ul ul {margin:0;}

.article .img { background:url(../img/article_hp_bg.png) no-repeat; float:left; }
.article .img img { margin:15px; }
.article .strong { float:left; margin:25px 15px 0px 15px; }
.nomargin { margin:0 !important; }
.article .hometext { float:left; }
.article .ht { clear:both; margin: 0 0 0 80px; width: 500px; text-align: justify;}
.article .right { float:right; margin:25px 0 0 0; }
/* forms */
.article form h2 { font-weight: normal; margin: 0 0 0.8em 0; }
.article form td { padding: 0.4em 1em 0.4em 0; vertical-align: top }
.article form input, form textarea { border: 1px solid #BBBBBB; background: #fff; width: 300px; }
.article form textarea { height: 100px; }
.article form label { font-weight: bold; }
.article .submit { background: #BBBBBB; color: #000; border: 1px solid #000; font-weight: bold; padding: 3px 15px; }

#section .box { background: #000; border: 1px solid #464646; /*margin: 0 30px 0 30px;*/ padding: 15px 20px; color: #B2B2B2 }
.box h3 { font-size: 110%; font-weight: normal; color: #fff; margin: 0 0 0.5em 0; }

#aside .img { padding: 40px 0 0 40px; }
#aside h2 { font-family: 'AllerRegular'; font-size: 16px; font-weight: normal; padding: 15px 5px;  }
#aside .info { padding: 0 40px; }
#aside .table { width: 100%; border-top: 1px solid #464646; color: #fff; }
#aside .table td, #aside .table th { border-bottom: 1px solid #464646; padding: 5px;  }
#aside .table th { color: #fff; font-weight: bold; }


/* photo */
body.photo { background: #292929 url(../img/photo-bckg.png) repeat-x; padding: 0 0 20px 0; }
#detail { width: 850px; margin: 0 auto; padding: 0 0 10px 0; background: url(../img/detail.png) no-repeat bottom; overflow: hidden; position: relative;  }
#detail h1 { color: #fff; font-weight: normal; font-size: 120%; padding: 40px 0 20px 0; }
#detail .img { width: 800px; overflow: hidden;text-align:center; }
#detail .desc { color: #828282; padding: 20px 0 20px 0; width: 530px; float: left; }
#detail .articledesc { color:#afafaf; font-size:12px; border-bottom:1px solid #868585;padding:0 0 20px 0; width:800px; line-height:18px; }

#detail .articledesc .articleimg { background:#0d0d0d; border:1px solid #868585; width:600px;_width:620px; margin:20px auto; padding:10px; }

#detail .articledesc .articleimg .text { font-size:10px;  text-align:left; }
#detail .articledesc .articleimg .text span { color:#fff; }
#detail .articledesc .articleimg p { padding:0;margin:0; }
#detail .articledesc p { margin: 0 0 1em 0; }
#detail .articledesc h2 { font-weight: normal; font-size: 150%; margin: 0 0 0.5em 0; }

#detail .close,#detail .close2 { position: absolute; top: 33px; right: 15px;  }
#gallery .close { background:url("../img/vsechnytexty.png") no-repeat scroll left top transparent; bottom:16px; font-size:12px; padding:2px 11px; position:absolute;right:20px; }
#gallery .close a,
#gallery .close a:hover { text-transform:none; color:#fff; text-decoration:none; }
.detailbckg { background: url(../img/detailbckg.png) no-repeat; padding: 0 25px; float: left;  }
.detailbckgbg { background: url(../img/detailbckgbg.png) repeat-y; float: left;  }
.detailbckg h1.h22 { font-size:22px !important; margin:30px 0 0 0; }

.jsok #comments { display: none; }
#comment { float: right; width: 168px; text-align: center; text-decoration: none; color: #A8A8A8; 	font-family: 'AllerRegular'; background: url(../img/comment.gif) no-repeat center; text-transform: uppercase; font-size: 110%; padding: 14px 0; margin: 20px 0 0 0; }
#comment .count { float: left; background: url(../img/comment-count.gif) no-repeat 0 1px; width: 19px; color: #000; font-size: 10px; font-family: sans-serif; padding: 0 0 5px 0; position: relative; left: 10px; }
#comments { width: 800px; margin: 0 auto; }
.error { border: 1px solid #fff; margin:0 0 15px 0; padding: 20px; background: #161616; color: #fff;  }
.error li { background: url(../img/li.gif) no-repeat 0 0.4em; padding: 0 0 0 15px; }

#form { background: #080808; margin: 15px 0 20px 0; padding: 20px; color: #fff; font-size: 110%; }
#form h2 { color: #fff; font-size: 110%; font-weight: normal; font-family: 'AllerRegular'; margin: 0 0 20px 0; }
#form form { width: 100%; overflow: hidden; }
#form p { margin: 0 0 1em 0;  }
#form label { display: block; padding: 0 0 0.4em 0; }
#form input, #form textarea { border: 1px solid #434343; background: transparent; color: #fff; }
#form input { width: 160px; padding: 4px; }
#form textarea { width: 420px; height: 80px; }
#form .form1 { width: 200px; float: left;  }
#form .form2 { width: 450px; float: left;  }
#form .form3 { float: left;  }
#form .submit { background: url(../img/comment-submit.gif) no-repeat center; color: #fff; border: 0; text-transform: uppercase; font-family: 'AllerRegular'; padding: 6px 0 7px 0; font-size: 100%; width:76px; cursor: pointer; margin: 80px 0 0 0;}

.msg {  margin: 0 0 10px 0; }
.msg .author { background: #161616; color: #fff; padding: 11px 0 10px 25px; }
.msg .id { background: url(../img/comment-count.gif) no-repeat 0 1px; width: 19px; float: left; text-align: center; color: #000; font-size: 10px; font-family: sans-serif; position: relative; left: -10px; padding: 0 0 5px 0; }
.msg .text { background: #000; color: #fff/*#838383*/; padding: 15px 25px; font-size: 110%; }

#section .pagination { width: auto;  }
#section .pagination ul { margin:0 25px 0 0; }
.pagination{ clear:both; margin:0 auto; overflow:hidden; position:relative; z-index:999; width:1120px; }
.pagination ul { float:right; font-family:'AllerLightRegular'; margin:0 130px 0 0; }
.pagination ul li{ float:left; background:url(../img/pageli.png) no-repeat top center; width:27px; height:27px; text-align:center; }
.pagination ul li.prevNotHP, .pagination ul li.nextNotHP { background:none !important; margin:0;padding:0; }
.pagination ul li strong { color:#fff; font-size:16px; margin:0; padding:0; text-align:center;height:27px; }
.pagination ul li a { color:#fff; font-size:16px; margin:0; padding:0; text-align:center;height:27px; text-decoration:none; }

/* homepage */
.home .push {height: 300px;}
.home #page {margin: 0 auto -300px auto;}

/* IE 6*/
.auto #button { *float: none;}
#page { _width: 1100px; _margin: 0 0 -50px 0; }
.home #page { _width: 1100px; _margin: 0 0 -300px 0; }
#header { _background: #000; }
#footer { _width: 1100px; _background: #000;}
#footer div { _background: transparent }
#gallery {_margin: 0; }

#preloader {position:absolute; width:100%; height:5000px; z-index:10000; left:0; top:0; background:#fff;}
#loadbar, #foobar {position:absolute; top:50%; height:2px; width:100%; background:red; left:0;z-index:10001; }
#foobar { top: 0; background: #fff; width: 0; }
#intrologo {position:absolute;z-index:110002; width:133px; height:75px; cursor: pointer; display: block;}
/*
.de #intrologo { background:url('../img/intrologo-de.png');  }
.cz #intrologo { background:url('../img/intrologo-cz.png');  }
*/
#percent {position:absolute;z-index:10003; color: #f00; display: block; padding: 8px 0; width: 34px; text-align: center; left: 50%; margin-left: -17px; font-weight: bold; font-size: 13px;}

#intrologo, #percent { visibility: hidden;}
.jsok #intrologo, .jsok #percent { visibility: visible;}
.link { color:#FFFFFF !important; }
.red .link, .red a, .red { color:#d60000 !important; }



.updateie6{font-family:Arial;font-size:12px;background-color:#FFFFE1;color:#000;position: relative; z-index:999999; width:100%; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #F7E998}
.updateie6 div { padding: 0 10px; }
.updateie6 p { float: left; }
.updateie6 a{color:#000;font-size:12px;text-decoration:underline;}
.updateie6 a:hover{color:#333;font-size:12px;}
.updateie6 span#hideme{float: right;}
.updateie6 .firefox { background: #FFFFE1 url(../img/ico-firefox.gif) no-repeat left; padding: 3px 10px 3px 20px; float: left;}
.updateie6 .opera { background: #FFFFE1 url(../img/ico-opera.gif) no-repeat left; padding: 3px 10px 3px 20px; float: left;}
.updateie6 .chrome { background: #FFFFE1 url(../img/ico-chrome.gif) no-repeat left; padding: 3px 10px 3px 20px; float: left;}

.unvisible #page,.unvisible #gallery,.unvisible #footer, .unvisible #bckg { visibility: hidden; }
/*
html.home, body.home { overflow: hidden; }
html { *overflow: hidden; }
*/

.fb-like-article { float: left; margin: 25px 0 0 20px; }