/*

Author: Vojtech Bulant, [bulant.cz]
Project: <project>

Encoding: UTF-8
Media: screen, projection, tv

Latest revision: 18. 11. 2008

*/

/* OBECNE
======================================*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

hr {display: none;}

a {color: #2d6ac7;}
a:hover, a:active, a:focus {color: #d4393b;}
a img {border: none;}

strong {font-weight: bold;}
em {font-style: italic;}

/* UNIVERZALNI PRVKY
======================================*/

.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
.fl {float: left;}
.fr {float: right;}
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}

.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.bold {font-weight: bold;}
.hand {cursor: hand; cursor: pointer;}

.a-hidden {position: absolute; top: -10000em;}

/* STRUKTURA
======================================*/

html {background: white url("img/html.png") center top no-repeat; width: 100%; height: 100%;}
body {height: 100%; font: 14px/1.5 arial, helvetica, sans-serif; text-align: center; color: #333;}

#jump {display: inline; font-size: 1.2em;}
	#jump li {display: inline;}
	#jump a {position: absolute; top: -10000em; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: underline; font-weight: bold; color: white;}
	#jump a:hover,
	#jump a:active,
	#jump a:focus {background: #000; top: 0; z-index: 9;}

#container {background: url("img/body.png") center bottom no-repeat; position: relative; min-height: 100%; text-align: left;}

#header {position: relative; z-index: 11; width: 900px; margin: 0 auto;}
h1#logo,
h1#logo a {display: block; width: 462px; height: 117px; overflow: hidden; font-size: 150%; font-weight: bold; color: #bd3030;}
h1#logo {position: absolute; left: -35px; top: 42px;}
h1#logo .ir {background: url("img/logo.png");}

#nav {position: relative; z-index: 10; left: 0; top: 210px; width: 900px; height: 33px; margin: 0 auto;}
#nav ul {width: 100%; height: 100%; font-size: 12px;}
#nav ul ul {background: #e33e41; /*display: none; jQuery */ position: absolute; z-index: 10; left: 153px; top: 33px; width: 128px;}
#nav ul ul li {display: block;}
#nav ul ul li a {background: #e33e41; border-bottom: 1px solid #c03132; position: relative; display: block;}
#nav li.lvl1 {display: inline;}
#nav a,
#nav span.lvl1 {background: #e03d40; position: relative; color: #fff;}
#nav a.lvl1,
#nav span.lvl1 {position: relative; float: left; height: 33px;}
#nav span.activeitem {position: absolute; display: block; width: 15px; height: 8px; background: url("img/activenav.gif"); overflow: hidden;}
#nav a.lvl1 .ir,
#nav span.lvl1 .ir {background: url("img/nav.png");}
#nav li#oprojektu a {width: 76px;}
#nav li#oprojektu a span.activeitem {left: 26px; bottom: -10px;}
#nav li#oprojektu a .ir {background-position: 0 0;}
#nav li#oprojektu a:focus .ir,
#nav li#oprojektu a:active .ir,
#nav li#oprojektu a:hover .ir {background-position: 0 -33px;}
#nav li#partneri a {width: 77px;}
#nav li#partneri a span.activeitem {left: 31px; bottom: -9px;}
#nav li#partneri a .ir {background-position: -76px 0;}
#nav li#partneri a:focus .ir,
#nav li#partneri a:active .ir,
#nav li#partneri a:hover .ir {background-position: -76px -33px;}
#nav li#akce span.lvl1 {width: 54px;}
#nav li#akce span.activeitem {left: 18px; bottom: -8px;}
#nav li#akce span.lvl1 .ir {background-position: -153px 0;}
#nav li#akce ul a {width: 128px; height: 38px;}
#nav li#akce ul a .ir {background: url("img/akce.png");}
#nav li#akce ul a#aktualni .ir {background-position: 0 0;}
#nav li#akce ul a#aktualni:hover .ir,
#nav li#akce ul a#aktualni:active .ir,
#nav li#akce ul a#aktualni:focus .ir {background-position: -128px 0;}
#nav li#akce ul a#probehle .ir {background-position: 0 -39px;}
#nav li#akce ul a#probehle:hover .ir,
#nav li#akce ul a#probehle:active .ir,
#nav li#akce ul a#probehle:focus .ir {background-position: -128px -39px;}
/*#nav li#akce:focus ul,
#nav li#akce:active ul,
#nav li#akce:hover ul {display: block;} jQuery */
#nav li#vystupy span.lvl1 {width: 129px;}
#nav li#vystupy span.activeitem {left: 56px; bottom: -9px;}
#nav li#vystupy span.lvl1 .ir {background-position: -207px 0;}
#nav li#vystupy ul {left: 207px;}
#nav li#vystupy ul a {width: 128px; height: 38px;}
#nav li#vystupy ul a .ir {background: url("img/vystupy.png");}
#nav li#vystupy ul a#fotogalerie .ir {background-position: 0 0;}
#nav li#vystupy ul a#fotogalerie:hover .ir,
#nav li#vystupy ul a#fotogalerie:active .ir,
#nav li#vystupy ul a#fotogalerie:focus .ir {background-position: -128px 0;}
#nav li#vystupy ul a#materialy .ir {background-position: 0 -38px;}
#nav li#vystupy ul a#materialy:hover .ir,
#nav li#vystupy ul a#materialy:active .ir,
#nav li#vystupy ul a#materialy:focus .ir {background-position: -128px -38px;}
#nav li#vystupy ul a#popis .ir {background-position: 0 -76px;}
#nav li#vystupy ul a#popis:hover .ir,
#nav li#vystupy ul a#popis:active .ir,
#nav li#vystupy ul a#popis:focus .ir {background-position: -128px -76px;}
/*#nav li#vystupy:focus ul,
#nav li#vystupy:active ul,
#nav li#vystupy:hover ul {display: block;} jQuery */
#nav li#diskuse a {width: 73px;}
#nav li#diskuse a span.activeitem {left: 28px; bottom: -12px;}
#nav li#diskuse a .ir {background-position: -336px 0;}
#nav li#diskuse a:focus .ir,
#nav li#diskuse a:active .ir,
#nav li#diskuse a:hover .ir {background-position: -336px -33px;}
#nav li#odkazy a {width: 70px;}
#nav li#odkazy a span.activeitem {left: 26px; bottom: -17px;}
#nav li#odkazy a .ir {background-position: -409px 0;}
#nav li#odkazy a:focus .ir,
#nav li#odkazy a:active .ir,
#nav li#odkazy a:hover .ir {background-position: -409px -33px;}
#nav li#kontakty a {width: 81px;}
#nav li#kontakty a span.activeitem {left: 31px; bottom: -22px;}
#nav li#kontakty a .ir {background-position: -479px 0;}
#nav li#kontakty a:focus .ir,
#nav li#kontakty a:active .ir,
#nav li#kontakty a:hover .ir {background-position: -479px -33px;}

#content {width: 900px; margin: 0 auto; padding: 265px 0 100px 0; line-height: 1.7; position: relative;}

#footer {position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; overflow: hidden; color: #777;}
#footer .inner {position: relative; width: 900px; margin: 0 auto;}
#footer a {color: #777;}
#footer a#kopyrajt {position: absolute; left: 0; top: 28px; display: block; width: 177px; height: 16px; overflow: hidden;}
#footer a#kopyrajt .ir {background: url("img/kopyrajt.png");}
#footer span.author {position: absolute; left: 220px; top: 29px; font-size: 12px; color: #777;}
#footer span.author a:hover,
#footer span.author a:active,
#footer span.author a:focus {color: #ccc;}
#footer #partnersf {position: absolute; right: 0; top: 0;}

/* Obsah
--------------------------------------*/

#content h2#page-heading {margin: 0; font-size: 30px; font-weight: bold; color: #d4393b;}
#content h1 {margin: 25px 0 15px 0; font-size: 24px; font-weight: bold; clear: both;}
#content h2 {margin: 25px 0 15px 0; font-size: 22px; font-weight: bold; clear: both;}
#content h3 {margin: 25px 0 15px 0; font-size: 20px; font-weight: bold; clear: both;}
#content h4 {margin: 25px 0 -5px 0; font-size: 14px; font-weight: bold; clear: both;}

#content h3 .date {background: #aaa url("img/date.gif") 0 100% repeat-x; padding: 5px; font-size: 12px; font-weight: normal; color: #fff; vertical-align: text-top; margin: 0 10px 0 0;}

#content h3 a {color: #333; border-bottom: 1px solid #999; text-decoration: none;}
#content h3 a.comms {font-size: 14px; color: #666; border-color: #ccc; margin-left: 10px; font-weight: normal;}
#content h3 a:hover,
#content h3 a:active,
#content h3 a:focus {color: #2d6ac7; border-color: #9db9e5;}
#content h4 a.comms {font-weight: normal; margin-left: 10px; font-size: 12px;}

#content p {width: 100%; margin: 15px 0 20px 0; overflow: hidden;}
#content p.promo {font-size: 16px; font-style: italic;}

#content ul {margin: 15px 0 20px 0;}
#content ul li {background: url("img/li.gif") 0 8px no-repeat; list-style-type: none; padding: 0 0 0 18px;}
#content ul.noli li {background: none; padding: 0;}
#content ol {margin: 15px 0 20px 20px;}
#content ol li {list-style-type: decimal;}

#content address {margin: 15px 0 20px 0; font-style: italic;}

#content .linkitem {margin: 20px 0 30px 0;}
#content .linkitem a.fl {border: 1px solid #ddd; margin: 0 15px 5px 0; padding: 5px 7px;}
#content .linkitem p {margin: 0;}

#content img.fl {margin: 0 15px 5px 0;}
#content img.fr {margin: 0 0 5px 15px;}

#content .gal {width: 930px; overflow: hidden; margin-bottom: -20px;}
#content .gal img {float: left; margin: 0 30px 25px 0; border: 5px solid #ddd;}

/*#content form#login {margin: 10px 0; width: 500px;}
#content form#login fieldset {border: 1px solid #ddd; padding: 10px 20px 20px 20px;}
#content form#login legend {padding: 0 10px; font-weight: bold; margin: 0 0 0 -10px;}
#content form p.message {margin: 0 0 15px 0;}
#content form p.ok {color: #090;}
#content form p.error {color: #c00;}
#content form#login input.text {width: 150px;}
#content form#login table {width: 100%;}
#content form#login td {padding-right: 10px;}*/

#content fieldset#login {margin: 10px 0; width: 460px; border: 1px solid #ddd; padding: 10px 20px 20px 20px;}
#content fieldset#login legend {padding: 0 10px; font-weight: bold; margin: 0 0 0 -10px;}
#content fieldset#login span.LoginWithAjax_Status {display: block; margin: 10x 0; font-weight: bold;}
#content fieldset#login form {margin: 10px 0 0 0;}
#content fieldset#login td {padding: 2px 0;}
#content fieldset#login td.username_label {width: 150px;}
#content fieldset#login input.input {width: 200px;}

#content a#logouta {text-decoration: none; position: absolute; top: 275px; right: 0; display: block; padding: 5px 7px; font-size: 12px; background: #eee; color: #666;}
#content a#logouta:hover,
#content a#logouta:focus,
#content a#logouta:active {background: #999; color: #fff;}

#content .pagination {border-top: 1px solid #ddd; padding: 15px 0; margin: 40px 0 20px 0; font-weight: bold;}

/*#content #discuss {margin: 20px 0; font-size: 12px;}
#content #discuss .item {padding: 15px 20px;}
#content #discuss .depth-1 {margin-left: 40px;}
#content #discuss .depth-2 {margin-left: 60px;}
#content #discuss .depth-3 {margin-left: 80px;}
#content #discuss .depth-4 {margin-left: 100px;}
#content #discuss .depth-5 {margin-left: 120px;}
#content #discuss .item .fl {width: 10%; margin-right: 10px;}
#content #discuss .item .fl em {display: block; font-size: 11px;}
#content #discuss .item .fr {width: 85%;}
#content #discuss .odd {background: #f5f5f5;}*/

#content ol.commentlist {border-bottom: 1px solid #ddd; margin: 20px 0; font-size: 12px;}
#content ol.commentlist li {background: none; list-style-type: none;}
#content ol.commentlist li.comment {border: 1px solid #ddd; padding: 15px 20px;}
#content ol.commentlist li.even {background: #f9f9f9; border-bottom-color: #fff;}
#content ol.commentlist li.odd {background: #fff;}
#content ol.commentlist li.comment .comment-author {}
#content ol.commentlist li.comment .comment-author cite {font-weight: bold; font-style: normal;}
#content ol.commentlist li.comment .comment-meta {font-size: 11px;}
#content ol.commentlist li.comment .comment-meta a {color: #666;}
#content ol.commentlist li.comment p {margin: 15px 0;}
#content ol.commentlist li.comment .reply {}
#content ol.commentlist li.comment a.comment-reply-link {}

#content form#respond {margin: 10px 0; width: 655px; font-size: 12px;}
#content form#respond fieldset {border: 1px solid #ddd; padding: 10px 20px 20px 20px;}
#content form#respond legend {padding: 0 10px; font-weight: bold; margin: 0 0 0 -10px; font-size: 14px;}
#content form#respond p.info {margin: 10px; color: #777;}
#content form#respond p.logged {margin: 0 0 15px 0;}
#content form#respond label {display: block; margin: 5px 0;}
#content form#respond label span {float: left; width: 100px;}
#content form#respond input.text {width: 300px;}
#content form#respond textarea {width: 500px;}
#content form#respond input.hand {float: right;}