/* 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 */
body {line-height: 1.4; font-size: 62.5%; background: #B6A878 url(../img/bckg.jpg) no-repeat; padding: 0 0 0 50px; font-family: Georgia, "New York CE", utopia, sans-serif; color: #423d29;}
a { color: #941D8C; text-decoration: none; }
h3 { font-size: 20px; color: #7D007F; line-height: 1.2; padding: 0 0 10px 0;  }
.note { font-style: italic; }
.toggle { padding-top: 15px !important; }
.signature { position: absolute;left: 600px; top: 80px; }
.en .signature { left: 560px; top: 80px; }
.link { font-size: 20px; }
.head { position: absolute; left: 416px; top: 269px;  }
.more, .back { visibility: hidden; }
.jsok .more, .jsok .back { visibility: visible; }
.imp { color: #7D007F !important;  }

#wrap { background: url(../img/wrap-cz.jpg) no-repeat; width: 951px;}
.en #wrap { background: url(../img/wrap-en.jpg) no-repeat; width: 951px;}

#struny, #struny span { width: 180px; height: 40px; overflow: hidden; position: relative; top: 0; left: 0; float: left;  cursor: pointer; }
#struny span { position: absolute; background: url(../img/struny.jpg); }

#nav { float: right; }
#nav a { color: #fff; text-decoration: none; font-size: 110%; }
#nav a:hover { text-decoration: underline; }
#nav li { float: left; }
#nav li { padding: 12px 5px 0 10px; }
#cols { width: 951px; margin: 279px 0 0 0; background: url(../img/cols.gif) repeat-y; float: left;  }

#footer { padding: 150px 0 20px 0; clear: both; width: 950px; overflow: hidden; }
#footer .footer { background: url(../img/footer.png) no-repeat; width: 950px; overflow: hidden; color: #5b574a; }
#footer a { color: #5b574a; }
#footer p { float: left; padding: 15px 5px; }
#footer p.mhf { padding-left: 20px }
#footer .bmedia { background: url(../img/bmedia.gif) no-repeat right; padding-right: 24px; }
#footer .bmedia a:hover { text-decoration: underline;  }

#col1, #col2, #col3 { min-height: 455px; _height: 455px; float: left; }
#col1 { width: 366px; position: relative; background: url(../img/col1.jpg) no-repeat; }
#col2 { width: 367px; position: relative; background: url(../img/col2.jpg) no-repeat; }
.en #col2 { background: url(../img/col2-en.jpg) no-repeat; }
#col3 { width: 218px; position: relative; background: url(../img/col3.jpg) no-repeat; }

#col1main, #col1more { width: 360px; overflow: hidden;}
#col2main, #col2bobby, #col2obecni { width: 360px; overflow: hidden;}
#col3main, #col3more { width: 218px; overflow: hidden;}

.jsok #col1more, .jsok #col3more { position: absolute; top: 0; left: 0; }
#col1more {  background: #BEB080 url(../img/col1.jpg) no-repeat; }
#col3more {  background: #B6A879 url(../img/col3.jpg) no-repeat; }

#col1 .text { padding: 18px; font-size: 14px; line-height: 1.6; }
#col1 .text p { padding: 0 0 1em 0; }
#col1 h2, #col3 h2 { font-size: 22px; color: #7D007F; padding: 0 0 10px 0; line-height: 1.2; }
#col1 .more, #col3 .more, #col1 .back, #col3 .back, #col2bobby .back, #col2obecni .back { color: #332E1C; font-size: 22px;}
#col1 .more:hover, #col3 .more:hover, #col1 .back:hover, #col3 .back:hover, #col2 .more:hover, #col2 .back:hover, .link a:hover { background: url(../img/hover.gif) no-repeat 0 100%;}
#col1 .more span, #col3 .more span {  background: url(../img/more.gif) no-repeat left; padding: 0 0 0 35px; }
#col1 .back span, #col3 .back span {  background: url(../img/back.gif) no-repeat left; padding: 0 0 0 35px; }
#col1more .link a:hover { background: url(../img/col1-link.gif) no-repeat 0 100%;}

#col2main { font-size: 22px; }
#col2main a { color: #181508; }
#col2main .date { color: #941D8C;}
#col2main .text { padding: 18px; font-size: 24px; }
#col2main .smaller {  font-size: 19px; }
#col2main #block1 { height: 250px;  }
#col2main #block2 { height: 130px;}
#col2main #block2 .more span { background: url(../img/bobby-more.gif) no-repeat left; padding: 0 0 0 35px; }
#col2main #block3 .more span { background: url(../img/more.gif) no-repeat left; padding: 0 0 0 35px;}

.jsok #col2bobby, .jsok #col2obecni { position: absolute; left: 0; top: 0; }
#col2obecni { background: #B8AF87 url(../img/col2obecni.jpg) no-repeat; }
#col2bobby { background: #5B0454 url(../img/col2bobby.jpg) no-repeat; }
#col2bobby .link a:hover { background: url(../img/col2bobby-link.gif) no-repeat 0 100%;}

#col2bobby .text { font-size: 14px; line-height: 1.6; padding: 18px; color: #fff; }
#col2bobby .text p { padding: 0 0 1em 0; }
#col2bobby h2 { color: #fff; font-size: 20px; line-height: 1.2; }
#col2bobby h2 span { display: block; padding: 0.5em 0; }
#col2bobby h2 span, #col2bobby h3, #col2bobby .link a { color: #dfd7b9;  }
#col2bobby .fr { width:100%; overflow: hidden;}
#col2bobby .fr .back { float: right; }
#col2bobby .back span {  background: url(../img/bobby-back.gif) no-repeat left; padding: 0 0 0 35px; }

#col2obecni .text { font-size: 14px; line-height: 1.6; padding: 15px 18px 18px 18px;}
#col2obecni .text p { padding: 0 0 1em 0; }
#col2obecni h2 { color: #941D8C; font-size: 22px; }
#col2obecni .fr { width:100%; overflow: hidden; padding: 0 0 200px !important;}
#col2obecni .fr .back { float: right; }
#col2obecni .back span {  background: url(../img/back.gif) no-repeat left; padding: 0 0 0 35px; }

#col3 .text { font-size: 12px; padding: 18px; line-height: 1.6; }
#col3 .text p { padding: 0 0 1em 0; }
#col3 .tickets a:hover, #col3 address a:hover { text-decoration: underline; }
#col3 h2 { color: #423d29; }
#col3 address { font-style: normal; color: #941D8C; font-weight: bold; font-size: 12px; padding: 0 0 1em 0; }
#col3 address span { color: #423d29; }