/* @group ----- initial CSS rules ----- */
html {font-size: 100.01%}
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, samp, isindex, listing, xmp, plaintext,
dl, dt, dd, ol, ul, li,
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}
dfn, i, cite, var, address, em {font-style: normal}
:focus {outline: 0}
body {line-height: 1.3; }
ol, ul, menu {list-style: none}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
blockquote, q {quotes: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}

input[type="search"] {-webkit-appearance:textfield}

/* @end */

/* @group ----- Form messages CSS rules ----- */
.error, .notice, .success {padding:0.6em; text-align:center;}
.error		{background:#f00;color:#fff;} 
.notice		{background:#00f;color:#fff;}
.success	{background:#0f0;color:#222;}
/* @end */

/* @group ----- Accessibility CSS rules ----- */
#accessibility		{position:absolute;width:350px;left:360px;z-index:199;top:0px;line-height:.2em}
#accessibility a	{position:absolute;left:-1000em;top:0;z-index:999;width:100%}
#accessibility a:focus, #accessibility a:active {top:0;left:0;padding:10px;background:#fff;font-size:110%;font-weight:bold;color:#000;border-bottom:3px solid #f1f4f9;z-index:999}
/* @end */

/* @group ----- Global CSS rules ----- */
abbr, acronym {border-bottom:1px dotted;cursor:help}
img {border:0 none}
.hid {display:none}
hr {display:none}
.nbg {background:none !important}
.end {border:0 !important;background:none !important}

.align-left {text-align:left}
.align-right {text-align:right !important}
.align-center {text-align:center}
.align-justify {text-align:justify}
.left {float:left}
.right {float:right}
.clear {clear:both;}
.nw {background:url(/img/exit.gif) no-repeat 100% 0;padding-right:15px}

.bold {font-weight:bold}
.normal {font-weight:normal}
strong font {color:#fff;}

html, body {height:100%}
body {color:#fff; background:#343434 url(/img/bg-body.png) repeat-y 50% 0; font:.81em/1.45 Arial, helvetica ,sans-serif; text-align:center}

a {color:#fff;}
a:hover {color:#dcc808;}
/*a:visited {color:#aaa;}*/
.end {border-bottom:0 !important;}
.italic {font-style:italic}

h1 {font-size:1.23em; }
h2 { font-size:14px;  }
.box h2 { text-transform:uppercase;}
/* @end */

/* @group ----- LAYOUT ----- */
#page {width:960px; margin:0 auto; background:#262626;}

/* @end */


/* BOXY titulka */

.box {float:left; background:#343434;}
.innerBox {padding:15px; margin:0 6px; background:#2d2d2d;}

.halfs .box {width:50%; }
.thirds .box {width:33.3%;}

.boxContainer {padding:10px 0 0 ;}
.boxContainer .box {background:none;}
.boxContainer .first .innerBox 	{margin-left:0;}

.boxContainer .last {float:right;}
.boxContainer .last .innerBox 	{margin-right:0;}

h2.icon {background: url('/img/ico-roundplay.png') no-repeat 100% 0; padding:10px 0 20px 0;}


#visit .icon {background-image:none;}
#favArts .icon {color:#e8d523;}
#news img, #fotoreport img {float:left; border:1px solid #000; margin:0 10px 0 0;}
#news h2, #fotoreporth2 {text-transform:none;}
#news a, #fotoreport a {color:#E8D523;}
#news .innerBox, #fotoreport .innerBox {height:150px;}
#news .title {padding: 10px 0;}

#fotoreport img {margin:0 30px 0 0;}

#visit {text-align:center;}

/* @group ----- clear ----- */
/* osetreni obtekani */
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden} 
.clearfix {display:inline-block} 
/* IE Mac hack */
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* @end */

/* @group ----- hlavicka ----- */
#header {background:url(/img/line.png) no-repeat 0 15px;}
	#menu {text-transform:uppercase;text-align:left; border-top:9px solid #7d7d7d; background:url(/img/line.png) no-repeat 0 100%; height:65px; padding:10px 0; margin-bottom:10px}	
	#menu li {float:left;height:70px;line-height:70px;padding:0 40px}

	#menu a {color:#fff;text-decoration:none}
	#menu li.active, #menu li:hover {background:url('/img/menu-active.png') no-repeat 50% 0;}
/* @end */

/* @group ----- content ----- */
#content {background:url(/img/bg-content.png) repeat-x;clear:both}
/* @end */

/* @group ----- section ----- */
#section {width:730px;padding: 20px 0 0 0;float:left;text-align:left}
/* @end */

/* @group ----- EVENTS ----- */
.eventBox {margin:background:url(/img/line.png) no-repeat 0 100%;padding:15px}
.events {margin:0 auto 10px; width:100%;}
.events td {vertical-align:middle}
.events th {width:100px;}
.events .eventImage {border:1px solid #626262;background:#000;padding:10px 15px; width:100px;}

.events .eventTitle {font-weight:bold;font-size:110%}
.events .eventInfo th,
.events .eventInfo td {background:#858484;color:#000;font-weight:bold;padding:2px 10px;font-size:90%}
.events .eventInfo.line th,
.events .eventInfo.line td {border-bottom:2px solid #262626;} 
.events .clean {width:10px}
.events .eventCast {padding:5px 10px;font-size:90%}

/* @end */

/* @group ----- aside ----- */
#aside {width:200px;float:left;padding:215px 0 0;margin-left:22px}

#aside h3 {font-weight:normal;margin:15px 0 3px;}

#aside .box { padding:10px 9px; float:none; background-repeat:no-repeat; background-position:0 100%; overflow:hidden;}
#aside input {width:170px;margin-bottom: 20px; color:#6a6a6a;}
#aside .btn, #aside button {float:right; margin:0;}

#content {position:relative;}
#logo {position:absolute;right:0px;top:0px;}
	#logo span {position:absolute; left:0; z-index:-1;}

#searchForm .box {background-image: url('/img/ico-search.png'); }
#newsletterBox .box {background-image: url('/img/ico-letter.png'); }

	/*.box {width:200px;background:#343434;padding:10px 0;margin-bottom:10px}
	.search {background:#343434 url(/img/icoSearch.png) no-repeat 0 100%}
	.letter {background:#343434 url(/img/icoLetter.png) no-repeat 0 100%}
	.box .input-text {border:1px solid #1e2302;width:188px;height:25px;margin-bottom:15px}
	.box .input-submit {width:96px;height:25px;background:url(/img/bgButton.png) no-repeat;color:#000;border:0;text-transform:uppercase;font-weight:bold;float:right;margin-right:10px}
	*/
/* @end */

/* @group ----- paticka ----- */
#footer {background: url('/img/bg-footer.png') no-repeat 0 100%;height:140px;font-size:90%; padding: 20px 0 0 0;}
/* @end */

/* @group ----- FORM ----- */
input {padding:5px; border:1px solid #000;}
.btn, button {margin: 0 10px 0 0; cursor:pointer; text-decoration:none; color:#000; background: url('/img/bg-btn.png') repeat-x 0 0; padding:2px 5px; border:1px solid #1c2f02; text-transform:uppercase; font-size:14px; font-weight:bold;}
.btn:hover {color:#000;}

#form {padding:20px;}
#form td {padding:5px;}


.form-desc {padding:15px 0;}

/* @end */


/* @group ----- FOTOGALERIE ----- */
	#photos .item {float:left; padding:10px;}
	#photos {padding:20px 0 0 20px;}
	
	.photo {text-align:center;}
	.photo img {padding:3px; border:1px solid #333;background:#aaa;}
	.photo a:hover img {background:#fff;}
	.photo .title {display:block;}
	
	#photoGalList {padding:10px 20px 0 0;}
	#photoGalList .item {width:100%; padding:10px; float:none; background: url('/img/line.png') no-repeat 0 100%; }
	#photoGalList .image {float:left;  padding:5px; background:#000; margin:0 10px 0 0;}
	#photoGalList .info { position:relative; width:550px; margin-left:140px; padding:30px 0 0 ;}
	
	#photoGalList .release, #photoGalList .count {font-weight:bold; position:absolute; }
	#photoGalList .release {left:0; top:0}
	#photoGalList .count {right:0; top:0}
	#photoGalList .title a {color:#f6da35;}
	
/* @end */

/* @group ----- KATEGORIE ----- */
	.catName {display:block; font-size:1.23em; text-transform:uppercase; height:70px; line-height:70px; margin:0 0 0 5px; font-weight:normal; background:url('/img/line.png') no-repeat 0 100%; color: #fff; }
	.catName span {display:block; background: url('/img/h-noty.png') no-repeat 10px 100%;  padding:0 0 0 80px; }
	.cat2860 span {background-image:url('/img/h-fotoreport.png');}
	.cat2848 span {background-image:url('/img/h-clanky.png');}
/* @end */

/* @group ----- ARTICLE ----- */
	#artDetail {padding:10px 20px; text-align:justify;}
	
	.artImg img {padding:3px; border:1px solid #333;background:#000;margin:0 20px 0 0;}
	.artTitle {color:#f5d83f; margin:0.5em 0 0.8em;}
	.artPerex {font-weight:bold; color:#fff; margin:10px 0;}
	.artMore {display:block; float:right; font-size:0.9em; font-weight:bold; margin: 15px 0 0 0;}
	
	#artList {padding:0 0 0 5px;}
	#artList .item, #programList .item {background: url('/img/line.png') no-repeat 0 100%; padding:15px;}
	
	#programList .eventBox {padding:0 3px;}
	#programList .eventBox .last {background:none;} 
	#programList .artTitle {color:#fff;}
	#programList .more {padding:10px; text-align:right;}
	
	
	
	#artList .artPerex {font-weight:normal;}	
	
	#articleBtns {margin:10px 0;}
	#articleBtns a {padding: 0 25px; line-height:25px; color:#8a8a89;}
	#articleBtns a:hover {color:#fff;}
	
	#btnPrint{background:url('/img/ico-print.png') no-repeat 0 50%;}
	#btnMail{background:url('/img/ico-sendmail.png') no-repeat 0 50%;}
	
	#sendArticle {margin:20px 0;}
	#sendArticle td {padding:5px;}
	#sendArticle .extra {color:#f00; font-weight:bold;}
	#sendArticle .note {font-size:0.9em;}
	
	#chapters {float:right; margin:0 0 0 20px; padding: 0 0 0 20px; border-left:1px solid #ccc;}
	
	
	#pager { margin:20px 15px; position:relative;padding:10px; text-align:center;}
	#pager .item {background:none;float:none; display:inline; padding:5px;}
	#pager .active {font-weight:bold;color:#dcc808;}
	
	#pager .getPrev {position:absolute; left:10px;top:10px;}
	#pager .getNext {position:absolute; right:10px;top:10px;}
	
	#pager .getFirst, #pager .getLast {display:none;}
	
	#relArt ul {margin: 10px 20px;}
	#relArt li {list-style:disc;}
	
	#favArts li {margin:10px 0; }
	#favArts a {font-weight:bold; }
	#favArts .more, #soutez .more{text-align:right; margin:30px 0 0; } 
		#favArts .more a, #soutez .more a{color:#000;font-weight:bold;} 
/* @end */


/* @group ----- SEARCH ----- */
	#search {padding: 25px;}
	#search h2 {color:#F5D83F;}
	#search .resultBox {padding: 20px 0;}
	#search .resultBox .item {padding: 10px;}
/* @end */

#newsletter {padding:20px;}
#newsletter table {padding:20px;}


#info {padding:10px 20px;}
#info .table-wrap {background:#727171; padding:10px;}
#info table {color:#000; }
#info th {font-weight:bold;}
#info td, #indfo th {padding:5px 10px;}

.table-wrap {color:#000;}
.table-wrap img {float:left; margin: 0 10px 0 0; border:1px solid #000;}
/* infoTitle */
#infoTitle {background:url('/img/line.png') repeat-x 0 100%; padding: 0 0 5px; margin:0 0 10px 0;}
#infoTitle a {display:block; color:#727271; }
#infoTitle a:hover {color:#fff; }


#infoTitle li {float:left; height:70px; line-height:70px; padding:0 25px 0 55px;   font-size:15px; text-transform:uppercase;}
#infoTitle h1 {font-size:15px; font-weight:normal;}
#infoTitle .item1 {background:url('/img/info1.png') no-repeat 0 0;}
#infoTitle .item2 {background:url('/img/info3.png') no-repeat 0 0;}
#infoTitle .item3 {background:url('/img/info4.png') no-repeat 0 0;}
#infoTitle .item4 {background:url('/img/info4.png') no-repeat 0 0;}

/*#splashscreen {position:relative; width:1100px; height:100%; margin:0 auto; background:#343434;}*/
#splashscreen {position:fixed; width:100%; height:100%; top:0; left:0;background:#343434; z-index:1000; overflow:hidden;}
#splashscreen .inner {width:1100px; margin:0 auto; height:100%; background: url('/img/predstranka-bg.jpg') no-repeat 0 0; }
#splashscreen .body {text-align:center; padding:50px;}
#splashscreen .link {display:block; background:url('/img/predstranka-vstupte.png') no-repeat 0 0; width:250px; height:250px; float:right; clear:both; line-height:250px; font-size:22px; text-decoration:none;}

#partnersBox .nw {padding:0; display:block;}
#partnersBox .more { padding:10px; }

#partneriList {padding:20px;}
#partneriList .item {padding:5px;}

#fotky {background:#000;}

.ico-fb {padding:15px; width:250px; margin:0 auto; position:relative;}
.ico-fb a {display:block; color:#306bc3; padding:0 70px 0 0px; line-height:52px; height:52px; background:url("/img/facebook.png") no-repeat 100% 50%; font-weight:bold; font-style:italic; text-align:right; }