/* reset */
html,body,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,p,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	outline-style: none;

}
/* basic */
body {
margin: 0px; 
padding: 0px;
text-align: left;
font-family: arial;
font-size: 11px;
color: rgb(240,240,240); 
background: rgb(141,141,141); 
letter-spacing: 1px;    
}
.reset {
clear: both;
line-height: 0px;
height: 0px;
}


/* xhtml tags */
h1 {
position: absolute;
font-weight: bold;
font-size: 14px;
line-height: 18px;
top: 15px;
left: 40px;
width: 220px;
height: 50px;
letter-spacing: 1px;
color: rgb(217,217,217); 
}
.h1-fade {
position: absolute;
font-weight: bold;
font-size: 14px;
line-height: 18px;
top: 17px;
left: 42px;
width: 220px;
height: 50px;
letter-spacing: 1px;
color: rgb(64,64,64); 
}
h4 {
margin-top: 15px;
margin-bottom: 0;
font-weight: normal;
}
p {
color: rgb(252,252,252);
}
table {
width: 660px;
margin: 10px auto 10px auto;
}
td {
font-size: 11px;
margin: 10px;
padding: 10px;
background: rgb(240,240,240);
border: 1px dotted rgb(224,224,224);
}
td a {
color: rgb(80,80,80);
text-decoration: underline;
}
td a:hover {
color: rgb(80,80,80);
text-decoration: none;
}
td.td-title {
font-weight: bold;
color: rgb(158,138,84);
}
ul,ol {
margin-bottom: 15px;
padding: 5px 15px 5px 15px;
}
li {
letter-spacing: 1px;
line-height: 16px;
list-style-position: outside;
margin: 2px 10px 2px 30px;
}
a, a:hover {
color: rgb(224,224,224);
text-decoration: none;
}
hr {
margin: 20px 100px 20px 100px;
border: none;
border-bottom: 1px dotted rgb(160,160,160);
}




/* horní lišta */
.frame-top {
display: none;
}





/* head */
.frame-head {
color: rgb(196,220,209);
}
.head-coat {
position: relative;
width: 976px;
height: 360px;
background: url('../images/bg-main.jpg') repeat-y;
margin: auto;
}
.head {
position: relative;
width: 960px;
height: 360px;
background: black;
margin: auto;
}
.main-photo {
display: none;
}
.logo {
position: absolute;
top: 38px;
left: 25px;
width: 185px;
height: 132px;
}






/* obsah */
.frame-content {
color: rgb(196,220,209);
}
.content-coat {
position: relative;
width: 976px;
background: url('../images/bg-main.jpg') repeat-y;
margin: auto;
}
.content {
width: 960px;
min-height: 420px;
margin: auto;
}





/* menu */
.frame-left-side {
display: none;

}


/* prava strana - obsah */
.frame-main {
position: relative;
color: rgb(32,32,32);
margin-top: -150px;
margin-left: 23px;
float: left;
width: 710px;
min-height: 400px;
}
.main-left {
float: left;
width: 340px;
}
.main-left h2 {
color: white;
line-height: 40px;
padding-left: 34px;
}
.main-left h3 {
color:  rgb(190,168,107); 
font-size: 10px;
font-weight: normal;
margin: 6px 5px 5px 15px;
}
.main-left p {
float: left;
margin-left: 10px;
width: 205px;
line-height: 16px;
}
.main-left a {
display: block;
padding-bottom: 4px;
font-weight: bold;
text-decoration: underline;
color: white;
}
.main-left a:hover {
text-decoration: none;
}
.photo-preview {
float: left;
margin: 5px 5px 8px 15px;
}
.photo-preview img {
border: 1px solid rgb(224,224,224); 
}
.main-right {
float: left;
margin-left: 23px;
width: 340px;
}
.main-right h2 {
color: white;
line-height: 40px;
padding-left: 34px;
}



/* uvodni strana */
.clanek-preview {
margin: 10px 0 10px 0;
border-bottom: 1px dotted rgb(231,231,231);
}
.left-top {
width: 340px;
height: 149px;
}
.left-top  p {
float: left;
margin-left: 10px;
margin-top: 10px;
width: 205px;
line-height: 16px;
}
.left-top .photo-preview {
float: left;
margin: 11px 5px 9px 15px;
}
.left-bottom {
width: 340px;
min-height: 200px;
background: url('../images/main-left-bg.jpg') repeat-y;
border-top: 1px dotted rgb(215,215,215);
}
.cely-clanek-link {
text-align: right;
margin-right: 15px;
padding-top: 5px;
}
.cely-clanek-link a {
font-weight: normal;
font-size: 10px;
display: inline;
}
.left-bottom-end {
background: rgb(81,106,0); 
text-align: right;
padding: 10px;
}
.left-bottom-end a {
display: inline;
font-weight: normal;
text-decoration: none;
}
.left-bottom-end a:hover {
text-decoration: underline;
}
.right-top {
width: 340px;
height: 149px;
}
.right-top p {
padding: 20px 25px 25px 25px;
font-weight: bold;
color: rgb(190,168,107); 
line-height: 16px;
}
.right-bottom {
width: 340px;
min-height: 200px;
background: url('../images/main-right-bg.jpg') repeat-y;
border-top: 1px dotted rgb(215,215,215);
}
.upozorneni {
padding: 0px 25px 15px 25px;
font-weight: normal;
color: white; 
line-height: 14px;
border-bottom: 1px dotted rgb(215,215,215);
color: rgb(208,208,208);
}
.upozorneni a {
text-decoration: underline;
}
.upozorneni a:hover {
text-decoration: none;
}
.upozorneni h4 {
display: block;
padding-bottom: 4px;
font-weight: bold;
color: rgb(240,240,240); 
}
.upozorneni p {
color: rgb(240,240,240); 
}
.right-bottom-end {
margin-top: 10px;
background: rgb(106,0,21); 
text-align: right;
padding: 10px;
}
.right-bottom-end a {
display: inline;
font-weight: normal;
text-decoration: none;
}
.right-bottom-end a:hover {
text-decoration: underline;
}






/* ostatni strany */
.content-top {
width: 690px;
height: 150px;
}
.content-top .left {
float: left;
width: 460px;
}
.content-top h2 {
color: white;
line-height: 40px;
padding-left: 46px;
color: rgb(240,240,240);
}
.content-top h3 {
margin: 32px 5px 5px 35px;
font-size: 20px;
color: rgb(240,240,240);
}
.content-top p {
margin: 10px 5px 5px 35px;
color: rgb(240,240,240);
line-height: 16px;
}
.content-top .right {
float: left;
width: 200px;
}
.content-top .right p.flags {
margin: 50px 5px 5px 45px;
}
.flags img {
margin-left: 5px;
border: 4px solid rgb(124,136,30);
}
.content-top .right p {
line-height: 18px;
margin: 15px 5px 5px 25px;
color: rgb(224,224,224);
}
.content-top select {
width: 180px;
border: 1px solid rgb(160,160,160);
background: rgb(108,141,0);
color: rgb(240,240,240);
}
.content-bottom {
margin-left: 12px;
width: 680px;
min-height: 400px;
background: white;
}
.content-bottom a:hover {
text-decoration: none;
}



/* clanek */
.text {
width: 640px;
padding: 20px;
}
.text p {
margin-top: 10px;
margin-bottom: 10px;
color: rgb(48,48,48);
}
.text a {
color: rgb(48,48,48);
text-decoration: underline;
}
.text a:hover {
color: rgb(48,48,48);
text-decoration: none;
}
.text img {
margin-right: 10px;
margin-bottom: 10px;
border: 4px solid rgb(192,192,192);
}
.text table {
margin: 10px auto 10px auto;
width: auto;
}
.text table td {
font-size: 11px;
margin: 10px;
padding: 10px;
background: none;
border: none;
}
.text .upozorneni h4 {
display: block;
padding-bottom: 4px;
font-weight: bold;
color: rgb(32,32,32); 
}




/* fotogalerie */
.gallery-text {
float: left;
width: 600px;
padding: 20px;
text-align: center;
margin-top: 20px;
border-top: 1px dotted rgb(176,176,176);
}
.gallery-text a img {
border: 4px solid rgb(124,136,30);
margin: 10px 10px 10px 10px;
}
.gallery {
float: left;
width: 600px;
padding: 20px;
text-align: center;
}
.gallery a img {
border: 4px solid rgb(124,136,30);
margin: 10px 10px 10px 10px;
}
.gallery-table {
line-height: 20px;
}
.gallery-table img {
float: left;
border: 2px solid rgb(124,136,30);
margin-right: 8px;
}




/* nahledy */
.nahled-2-sloupce {
float: left;
width: 300px;
height: 140px;
margin: 20px auto 20px 27px;
color: rgb(32,32,32);
border-bottom: 1px dotted rgb(124,135,30);
}
.nahled-2-sloupce p {
float: left;
margin: 5px 10px 10px 5px;
color: rgb(32,32,32);
line-height: 18px;
width: 190px;
}
.nahled-2-sloupce p a {
display: block;
color: rgb(106,115,22);
font-weight: bold;
text-decoration: underline;
padding-bottom: 4px;
}
.nahled-foto {
float: left;
margin: 5px 5px 10px 0px;
}
.nahled-foto img {
border: 2px solid rgb(106,115,22);
}
.nahled-info {
width: 300px;
float: left;
margin-top: 10px;
color: rgb(106,115,22);
font-size: 10px;
}
.nahled-info a {
color: rgb(106,115,22);
text-decoration: underline;
font-size: 10px;
}
.nahled-info a:hover {
text-decoration: none;
}

.nahled-2-sloupce-txt {
float: left;
width: 300px;
margin: 20px auto 20px 27px;
color: rgb(32,32,32);
padding-bottom: 10px;
border-bottom: 1px dotted rgb(124,135,30);
}
.nahled-2-sloupce-txt p {
float: left;
margin: 5px 10px 0px 0px;
color: rgb(32,32,32);
line-height: 18px;
width: 190px;
}
.nahled-2-sloupce-txt p a {
display: block;
color: rgb(106,115,22);
font-weight: bold;
text-decoration: underline;
padding-bottom: 0px;
}
.nas-repertoar {
padding-top: 10px;
padding-bottom: 10px;
}
.nas-repertoar .nahled-2-sloupce {
float: left;
width: 300px;
height: 110px;
margin: 10px auto 10px 27px;
color: rgb(32,32,32);
border-bottom: 1px dotted rgb(124,135,30);
}
.filtr-lista {
display: block;
background: rgb(131,0,27); 
text-align: center;
padding: 10px 20px 10px 20px;
}
.filtr-lista a {
color: rgb(240,240,240); 
font-weight: bold;
font-size: 11px;
background: rgb(105,0,22); 
padding: 10px 20px 10px 20px; 
margin-left: 1px;
margin-right: 0px;
}
.filtr-lista a:hover {
color: rgb(240,240,240); 
background: rgb(93,0,18); 
padding: 10px 20px 10px 20px; 
}



h3.umelecky-soubor {
display: block;
padding: 8px 5px 8px 35px;
font-size: 14px;
font-weight: bold;
background: rgb(240,240,240);
color: rgb(106,115,22);
margin-bottom: 20px;
}
.nahled-4-sloupce {
float: left;
width: 140px;
height: 160px;
margin: 5px auto 20px 22px;
color: rgb(32,32,32);
text-align: center;
}
.nahled-4-sloupce p {
margin: 5px auto 10px auto;
color: rgb(32,32,32);
width: 140px;
}
.nahled-4-sloupce p a {
display: block;
color: rgb(106,115,22);
font-weight: bold;
text-decoration: underline;
padding-bottom: 4px;
}
.nahled-4-sloupce .nahled-foto {
float: none;
margin: auto;
}
.nahled-4-sloupce .nahled-foto img {
border: 2px solid rgb(106,115,22);
}



.detail-predstaveni-video h3, .detail-predstaveni-program h3 {
display: block;
margin-top: 20px;
padding: 5px 5px 5px 25px;
font-size: 14px;
font-weight: bold;
background: rgb(240,240,240);
color: rgb(106,115,22);
}
.video {
width: 480px;
margin: 25px auto 15px auto;
border: 6px solid rgb(160,160,160);
}
.video p {
color: rgb(64,64,64);
padding: 20px;
font-size: 16px;
font-weight: bold;
}



.kontakty-hlavni {
padding: 15px;
}
.kontakty-hlavni h2 {
float: left;
font-size: 18px;
margin: 70px 20px auto 0px;
padding-left: 28px;
line-height: 20px;
color: rgb(158,138,84);
background: url('../images/ico-telefon.jpg') no-repeat;
}
p.kontakt-hlavni {
margin: 4px 5px 4px 20px;
padding: 5px;
width: 655px;
height: 87px;
line-height: 15px;
color: white;
}
.kontakty-hlavni img {
border: 4px solid rgb(208,208,208);
float: right;
}
.kontakty-hlavni a img {
float: left;
border: 4px solid rgb(124,136,30);
}






/* program */
.program-predstaveni {
margin: 20px auto 10px auto;
width: 540px;
color: rgb(158,138,84);
}
.program-datum {
float: left;
display: block;
width: 130px;
padding-left: 10px;
height: 25px; 
line-height: 25px;
background: rgb(112,112,112);
color: white;
}
.program-scena {
float: left;
width: 390px;
padding-left: 10px;
height: 25px; 
line-height: 25px;
background: rgb(128,128,128);
color: white;
}
.program-nazev {
float: left;
width: 530px;
padding-left: 10px;
line-height: 35px;
font-size: 12px;
font-weight: bold;
background: rgb(240,240,240);
border-bottom: 1px solid rgb(224,224,224);
color: rgb(117,97,42);
}
.program-nazev a {
color: rgb(117,97,42);
text-decoration: underline;
}
.program-nazev a:hover {
text-decoration: none;
color: rgb(117,97,42);
}
.program-rezervace {
float: right;
}
.program-rezervace a {
display: block;
background: rgb(240,240,240);
height: 35px; 
line-height: 35px;
padding-left: 25px;
margin-right: 5px;
font-size: 11px;
background: url('../images/ico-rezervace2.jpg') no-repeat; 
}


/* sponzori */
table.sponzori tr td {
border: none;
background: white;
}
table.sponzori tr td img {
border: none;
background: white;
}
h3.h3-sponzori {
display: block;
margin: 0;
background: rgb(132,0,26); 
padding: 10px 20px 10px 20px;
color: rgb(240,240,240); 
}



/* footer */
.frame-footer {
}
.footer {
position: relative;
width: 976px;
height: 240px;
background: url('../images/bg-footer.jpg') no-repeat; 
margin: auto;
color: rgb(230,230,230);
font-size: 11px;
}
.footer-text {
float: right;
text-align: right;
width: 960px;
padding: 204px 10px 0px 0px;
color: white;
background: none;
}
.footer-main {
font-size: 12px;
font-weight: bold;
}
.footer-text img {
width: 10px;
height: 10px;
}
.footer a {
color: rgb(240,240,240);
text-decoration: underline;
}
.footer a:hover {
color: rgb(240,240,240);
text-decoration: none;
}