/* 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;
}
body {
margin: 0px; 
padding: 0px;
text-align: left;
font-size: 14px;
color: rgb(16,16,16); 
background: rgb(0,0,0);
font-family: 'Roboto', sans-serif;
text-align: left;
}
.reset {
clear: both;
line-height: 0px;
height: 0px;
padding: 0px;
margin: 0px;
}
.socialicons {
display: none;
}
@media screen and (min-width: 1100px) {
.socialicons {
display: block;
position: fixed;
width: 50px;
height: 204px;
right: 0px;
top: 160px;
z-index: 10000;
}
.socialicons a img {
display: block;
width: 50px;
height: 50px;
margin-bottom: 1px;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.socialicons a:hover img {
display: block;
width: 50px;
height: 50px;
margin-bottom: 1px;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
.ico-dr {
display: none !important;
}
.bdy {
position: relative;
margin: 0px auto 50px  auto; 
max-width: 1050px;
min-width: 940px;
}
em {
font-style: italic; 
}

/* header */
.frame-head {
}
.head {
position: fixed;
width: 100%;
max-width: 1050px;
min-width: 940px;
height: auto;
margin: 0px auto 0px auto;
background: rgb(50,50,50);
z-index: 500;
}
.logo {
position: relative;
float: left;
width: 19%;
max-width: 190px;
height: auto;
margin-top: 8px;
margin-left: 1%;  
}
.menu-button {
display: none;
}
.menu-env {
position: relative;
float: left;
top: 66px;
margin: auto;
width: 62%;
height: 25px;
text-align: center;
}
.menu {
position: relative;
margin: auto;
width: 560px;
height: 25px;
color: rgb(255,255,255);
text-align: center;
}

.menu ul {
margin: 0px;
list-style-type: none;

}
.menu li {
float: left;
position: relative;
}
.menu a {
background:  url('../images/menu-arrow.png') no-repeat;
color: rgb(255,255,255);
background-position: center 36px;
font-size: 16px;
padding: 10px 16px 16px 16px;
text-align: center;
margin: 0px 0px 0px 0px;
text-decoration: none;
-webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;
border-right: 1px solid rgb(70,70,70);
}
.menu a.last {
border: none;
}

.menu ul li:hover > a {
background-color: rgb(0,100,150);
text-decoration: underline;
}
.menu ul li ul {
z-index: 2;
padding: 12px 0px 12px 0px;
position: absolute;
top: 35px;
left: 0px;
width: auto;
background: rgb(0,100,150);
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;
visibility: hidden;
}
.menu ul li ul li {
line-height: 30px;
width: 100%;
text-align: left;
}
a.submenu {
white-space: nowrap;
background-image: none;
padding: 0px 18px 0px 18px;
margin: 0px 0px 0px 0px; 
border-right: none;
}
a.submenu:hover {
color: rgb(255,255,255);
text-decoration: underline;
}
a.active {
font-weight: bold;
text-decoration: underline !important;
}
.menu ul li:hover ul {
display: block;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}

.dr {
float: right;
width: 18%;
max-width: 200px;
height: auto;
background: rgb(71,71,71);
}
.dr a img {
width: auto;
max-width: 190px;
height: auto;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.dr a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/* main photo */
#mainphoto {
position: absolute;
width: 100%;
height: 100%;
min-height: 1050px;
z-index: 0;
}
.mphoto {
position: absolute;
background-position: center top;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
#photo1 {
background-image: url('../images/photo1.jpg?a=250706');
}
#photo2 {
background-image: url('../images/photo2.jpg?a=250706');
}
#photo3 {
background-image: url('../images/photo3.jpg?a=250706');
}
#photo4 {
background-image: url('../images/photo4.jpg?a=250706');
}
#photo5 {
background-image: url('../images/photo5.jpg?a=250706');
}
/* pager */
.cyclepager { 
position: absolute;
bottom: 1px;
right: 0px; 
width: 82px; 
height: 40px;
}
.cyclepager a { 
float: left;
display: block;
width: 40px;
height: 40px;
margin-left: 1px;
background: url('../images/cyclepager-next.jpg');
text-decoration: none;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.cyclepager a#prev { 
background: url('../images/cyclepager-prev.jpg');
}
.cyclepager a:hover { 
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/* dulezita upozorneni, aktualni predstaveni */
.frame-titleinfo {
}
.titleinfo {
position: relative;
width: 100%;
max-width: 1050px;
height: 370px;
margin: 156px auto 0px auto;
}
.upozorneni {
width: 380px;
height: auto;
max-height: 100%;
overflow: auto; 
float: right;
background: rgb(150,0,25);
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
color: rgb(255,255,255);
}
.upozorneni h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
font-weight: bold;
margin: 20px 25px 10px 25px;
}
.upozorneni p {
font-size: 14px;
font-weight: bold;
margin: 10px 25px 25px 25px;
}
.upozorneni p a {
color: rgb(255,255,255);
text-decoration: underline;
}
.upozorneni p a:hover {
color: rgb(255,255,255);
text-decoration: none;
}

.link-oznameni a {
position: absolute;
right: 0px;
margin-top: -5px;
display: block;
width: 140px;
height: 40px;
line-height: 40px;
padding-left: 20px;
text-transform: uppercase;
color: white;
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
background: url('../images/arrow-white-right.png') rgb(70,70,70) no-repeat;
background-position: 135px center;
}
.link-oznameni a:hover {
background-color: rgb(0,100,150);
text-decoration: underline;
}
.predstaveni-title {
position: absolute;
top: 94px;
left: 0px;
width: 310px;
height: auto;
background: rgb(255,255,255);
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.predstaveni-title h1 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 23px;
font-weight: bold;
margin: 20px 25px 10px 25px;
color: rgb(150,0,25);
}
.predstaveni-title p {
font-size: 14px;
margin: 10px 25px 25px 25px;
color: rgb(0,0,0);
}
.title-date {
position: absolute;
left: 5px;
margin-top: -5px;
display: bock;
width: 50px;
height: 45px;
line-height: 45px;
font-size: 16px;
color: white;
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
background: rgb(50,50,50);
text-align: center;
}
.title-date.karlstejn {
width: 372px;
}
.title-date.second {
left: 56px;
}

.link-informace a {
position: absolute;
left: 107px;
margin-top: -5px;
display: block;
width: 190px;
height: 45px;
line-height: 45px;
padding-left: 20px;
text-transform: uppercase;
color: white;
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
text-decoration: none;
background: url('../images/arrow-white-right.png') rgb(0,100,150) no-repeat;
background-position: 188px center;
}
.link-informace.karlstejn a {
margin-top: 40px;
left: 5px;
}
.link-informace a:hover {
background-color: rgb(70,70,70);
text-decoration: underline;
}

/* content frame */
.frame-content {
}
.content {
position: relative;
width: 100%;
max-width: 1050px;
height: auto;
min-height: 500px;
margin: 0px auto 0px auto;
background: rgb(255,255,255);
}
.content.title {
background: url('../images/bg-content-right-blue.jpg') rgb(255,255,255) repeat-y;
background-position: right;
}
.content.voffset{
/* margin-top: 460px; po pikniku vratit */
margin-top: 520px;
}
.content.err {
background: rgb(220,220,220);
min-height: 100px;
}
.left-container {
position: relative;
width: 73%;
padding: 0px 0px 0px 0px;
float: left;
}
.left-container.title {
position: relative;
float: left;
width: auto;
margin-right: 280px;
padding: 0px;
}
.left-container.rightwide {
width: 58%;
padding: 0px 0.5% 0px 0.5%;
}
.left-content {
width: 59%;
padding: 4% 3% 0% 4%;
float: left;
}
.mid-content {
width: 25%;
float: right;
padding: 30px 4% 0px 4%;
background: rgb(230,230,230);
}
.main-content {
width: 92%;
padding: 20px 4% 20px 4%;
}
.width-hack {
visibility: hidden;
overflow: hidden;
height: 1px;
}
.right-content {
position: relative;
float: right;
width: 27%;
background: rgb(0,100,150);
}
.right-content.fixed {
position: absolute;
right: 0px;
width: 280px !important;
padding-top: 0;
background: rgb(0,100,150);
}
.right-content.wide {
width: 41%;
}


.article {
width: 28%;
height: 210px;
float: left;
margin-bottom: 22px;
margin-top: 10px;
overflow: hidden;
}
.left-content .article {
width: 44%;
margin-top: 0px;
min-height: 195px;
height: auto;
}
.mid-content .article {
width: 96%;
margin-bottom: 25px;
margin-top: 0px;
min-height: 180px;
height: auto;
}
.article a {
text-decoration: none !important;
color: rgb(50,50,50);
}
.article a:hover h2, .article a:hover h3, .article a:hover p {
text-decoration: none;
color: rgb(0,100,150);
text-decoration: underline;
}
.article a:hover p {
text-decoration: none;
color: rgb(0,100,150);
}
.article a h2, .article a h3 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
margin: 0px 0px 8px 0px;
}
.article a p {
font-size: 13px;
color: rgb(70,70,70);
}
.datum {
color: rgb(70,70,70);
}
.navpath {
color: rgb(70,70,70);
margin: 5px 0px 20px 0px;
}

.article-separator {
display: block;
float: left;
width: 1px;
height: 180px;
margin: 0px 22px 0px 18px;
border-right: 1px solid rgb(200,200,200);
}
.article.galerie, .article-separator.galerie {
height: 110px;
}
.article-separator.not-desktop {
display: none;
}
.link-archiv a {
display: block;
float: right;
width: 120px;
height: 30px;
line-height: 30px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 16px;
padding-left: 30px;
color: rgb(150,0,25);
background: url('../images/arrow-red-right.png') rgb(255,255,255) no-repeat;
background-position: 145px 8px;
text-decoration: none;
}
.link-archiv a:hover {
color: rgb(0,100,150);
text-decoration: underline;
}
.paging {
margin: 0px 0px 30px 0px;
}
.paging a {
display: block;
float: left;
width: 32px;
height: 32px;
line-height: 32px;
color: rgb(255,255,255) !important;
background: rgb(0,100,150);
text-align: center;
text-decoration: none !important;
margin: 0px 1px 1px 0px;
}
.paging a:hover {
background: rgb(0,150,50);
text-decoration: underline !important;
}
.paging a.active {
background: rgb(150,0,25);
}


/* main content */
.main-content h1 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
margin: 0px 0px 10px 0px;
}
.fb-like {
float: right;
width: 122px;
margin-left: 10px;
margin-top: 5px;
}
.main-content h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
margin: 25px 0px 2px 0px;
color: rgb(150,0,25);
}
.main-content p {
font-size: 14px;
margin: 0px 0px 10px 0px;
}
.main-content a {
font-size: 14px;
color: rgb(50,50,50);
text-decoration: underline;
}
.main-content a:hover {
color: rgb(30,30,30);
text-decoration: none;
}
.main-content img {
max-width: 100%;
height: auto;
}
.main-content iframe {
max-width: 100%;
}
.main-content a:hover img {
opacity: 0.85;
filter: alpha(opacity=85);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.main-content table {
border-collapse: collapse;
width: 100%;
margin: 5px 0px 30px 0px;
}
.main-content tr td {
padding: 10px 0px 10px 0px;
border-bottom: 1px dotted rgb(200,200,200);
vertical-align: top;
}
td.td-first {
width: 30%;
}
.sponzori td {
border-bottom: none !important;
}
.main-content input, .main-content textarea, .main-content select  {
width: 98%;
border: 1px solid rgb(180,180,180);
padding: 1%;
}
.main-content input.radio {
width: 16px;
height: 16px;
}
.main-content textarea  {
height: 100px;
}

input.submit, select.select {
width: 100%;
}
.main-content ul, .main-content ol {
margin: 10px 0px 30px 0px;
}
.main-content li {
list-style-position: outside;
margin: 0px 0px 5px 40px;
}
.main-content hr {
height: 1px;
width: 100%;
border: none;
background: url('../images/bg-hr.jpg') repeat-x;
margin: 30px 0px 30px 0px;
clear: both;
}

.main-content embed {
max-width: 100%;
}

/* fotogalerie */
.gallery {
}
img.gallery-preview {
width: 170px;
height: auto;
}


/* program */
.program-predstaveni {
width: auto;
height: auto;
min-height: 68px;
margin-top: 8px;
border-top: 1px dotted rgb(180,180,180);
}
.program-predstaveni.predplatne {
height: 50px;
}
.program-left {
width: 10%;
height: 100%;
min-height: 62px;
float: left;
background: rgb(150,0,25);
color: rgb(255,255,255);
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
text-align: center;
padding-top: 8px;
}
.program-left .den {
font-size: 12px;
width: 100%;
}
.program-text {
width: 90%;
height: auto;
min-height: 70px;
float: left;
}
.predplatne .program-text {
width: 100%;
}

.program-mid {
width: 69%;
height: 100%;
min-height: 52px;
padding: 13px 3% 0px 3%;
float: left;
text-align: left;
}
.predplatne .program-mid {
width: 72%;
padding: 13px 3% 0px 0%;
line-height: 50px;
}
.program-mid h3 {
margin: 0px;
}
.program-mid h3 a {
font-size: 18px;
color: rgb(30,30,30);
text-decoration: none;
}

.predplatne .program-mid h3  {
font-size: 18px;
color: rgb(0,150,50);
}

.program-mid h3 a:hover {
text-decoration: underline;
}
.program-mid p {
padding: 4px 0% 10px 0%;
font-size: 12px;
color: rgb(30,30,30);
margin: 0px;
}
.program-right {
width: 25%;
height: 100%;
min-height: 52px;
padding-top: 10px;
float: left;
text-align: left;
}
.program-right a {
display: block;
float: right;
margin: 10px 0px auto auto;
color: rgb(255,255,255);
width: 100px;
height: 34px;
line-height: 34px;
padding-left: 15px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
text-decoration: none;
background: url('../images/arrow-white-right.png') rgb(0,150,50) no-repeat;
background-position: 96px center;
}
.program-right .vypr {
display: block;
float: right;
margin: 10px 0px auto auto;
color: rgb(255,255,255);
width: 100px;
height: 34px;
line-height: 34px;
padding-left: 15px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
text-decoration: none;
background: rgb(150,0,25);
}

.program-right a:hover {
text-decoration: underline;
color: rgb(255,255,255);
}

/* 3 sloupce */
.left-container-left {
position: relative;
float: left;
width: 60%;
}
.left-container-right {
position: relative;
float: right;
width: 40%;
background: rgb(230,230,230);
}
.left-container-left .main-content {
width: 86%;
padding: 20px 7% 20px 7%;
}
.left-container-right .main-content {
width: 80%;
padding: 30px 10% 20px 10%;
}
.detail-termin a, .detail-termin.bezrezervace {
display: block;
width: 90%;
padding-left: 10%;
height: auto;
line-height: 40px;
color: rgb(255,255,255);
background: rgb(0,150,50);
margin-bottom: 1px;
text-decoration: none;
}
.detail-termin a:hover {
color: rgb(255,255,255);
text-decoration: underline;
}
.detail-termin.bezrezervace {
background: rgb(70,70,70);
}


/* nahledy */
.preview {
width: 33%;
min-height: 255px;
float: left;
margin: 15px 0% 10px 0px;
text-align: center;
}
.preview a {
text-decoration: none;
}
.preview img {
height: 180px;
width: 180px;
max-width: 100%;
object-fit: cover;
}
.preview h2 {
margin: 0px;
line-height: 22px;
}
h2.repert {
color: rgb(60,60,60);
font-size: 18px;
}
.preview a:hover h2 {
text-decoration: underline;
}
.preview p {
margin: 0px;
}


/* prava lista */
.right-content a {
color: rgb(255,255,255);
text-decoration: none;
}
.right-content h4 {
background: rgb(0,90,135);
color: rgb(255,255,255);
padding: 20px 30px 20px 30px;
margin-top: 10px;
font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;
}
.dnes-hrajeme a h4 {
padding: 0px;
}
.right-content a:hover h4 {
color: rgb(240,240,240);
text-decoration: underline;
}
.right-content a p {
font-size: 13px;
margin: 0px 0px 2px 0px;
}
.right-content a img {
margin: 10px 0px 30px 0px;
max-width: 100%;
height: auto;
}
.right-content a:hover p {
color: rgb(240,240,240);
}
.right-content a:hover p img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.right-content a h4 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
margin: 0px 0px 2px 0px;
}
.dnes-hrajeme {
padding: 30px 30px 0px 30px;
background: rgb(0,90,135);
/* border-bottom: 1px solid rgb(255,255,255); */
}
.dnes-hrajeme p {
margin-top: 5px;
color: rgb(255,255,255);
}
.dnes-hrajeme.seznam {
padding: 10px 30px 10px 30px;
background: rgb(0,90,135);
margin-bottom: 1px;
}
.dnes-hrajeme.seznam a h4 {
font-size: 18px;
}


.link-youtube a, .link-magazin a {
display: block;
width: 65%;
height: 60px;
line-height: 60px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
padding-left: 35%;
background: url('../images/logo-youtube.png') rgb(0,90,135) no-repeat;
background-position: 24px 18px;
}
.link-youtube a:hover, .link-magazin a:hover, .link-program a:hover {
text-decoration: underline;
}
.link-magazin a {
background-image: none;
padding-left: 10%;
width: 90%;
}
.link-program a {
display: block;
width: 90%;
height: 50px;
line-height: 50px;
font-size: 16px;
padding-left: 10%;
}

.right-content h1, .right-content h2, .right-content h3 {
color: rgb(255,255,255);
padding: 25px 0px 10px 30px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
}
.right-content ul {
padding: 0px 0px 0px 32px;
margin-bottom: 30px;
list-style-type: none;
/* border-bottom: 1px solid rgb(255,255,255); */
}
.right-content ul li {
margin: 15px 0px 15px 0px;
}
.right-content ul li a {
display: block;
background: url('../images/arrow-white-right.png') no-repeat !important;
background-position: 0px center !important;
font-size: 15px;
padding: 0px 25px 0px 18px;
}
.right-content ul li a:hover {
text-decoration: underline;
}
.link-bfc {
padding: 30px;
text-align: center;
}
/* search */
.mobilesearch {
display: none;
}
.search {
position: absolute;
top: -40px;
right: 0px;
height: 40px;
width: 100%;
background: rgb(70,70,70);
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.search input {
float: left;
padding: 4%;
background: rgb(70,70,70);
width: 78%;
color: rgb(255,255,255);
border: none;
font-size: 14px;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.search input.searchbutton {
width: 12%;
height: 98%;
padding: 1%;
}
.wide .search input.searchbutton {
width: 8%;
height: 90%;
padding: 4px 3px 4px 0;
}
.wide .search input {
padding: 3%;
width: 85%;
}

.search input.searchbutton:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* patka */
.frame-footer {
}
.footer {
position: relative;
width: 100%;
max-width: 1050px;
height: auto;
margin: 0px auto 0px auto;
border-top: 1px solid rgb(150,0,25);
background: rgb(255,255,255);
}
.link-partneri a {
display: block;
float: right;
width: 330px;
height: 30px;
line-height: 30px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
margin: 15px 30px 0px 0px;
padding-left: 30px;
color: rgb(50,50,50);
background: url('../images/arrow-black-right.png') rgb(255,255,255) no-repeat;
background-position: right 12px;
text-decoration: none;
}
.link-partneri a:hover {
color: rgb(0,100,150);
text-decoration: underline;
}
.footer h4 {
margin: 15px 0px 0px 30px;
color: rgb(50,50,50);
font-size: 24px;
}
.footer p {
padding: 5px 30px 5px 30px;
}
.footer img {
margin: 4px;
}
.footer p a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.footer2 {
position: relative;
width: 100%;
max-width: 1050px;
height: auto;
margin: 0px auto 5px auto;
}
.footer2 p {
text-align: right;
color: rgb(180,180,180);
font-size: 12px;
margin-top: 5px;
}
.footer2 p a {
color: rgb(180,180,180);
text-decoration: none;
}
.footer2 p a:hover {
text-decoration: underline;
}