/* 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: block;
position: fixed;
width: 100%;
min-width: 320px;
background: rgb(0,0,0);
height: 50px;
left: 0px;
bottom: 0px;
z-index: 10000;
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.socialicons a img {
float: right;
display: block;
width: 50px;
height: 50px;
}
.socialicons a.closebar img {
float: left;
}
.socialicons a.ico-dr img {       
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.bdy {
position: relative;
margin: 0px; 
max-width: 800px;
min-width: 320px;
}
em {
font-style: italic; 
}

/* header */
.frame-head {
}
.head {
position: absolute;
width: 100%;
min-width: 320px;
height: 95px;
margin: 0px auto 0px auto;
background: rgb(50,50,50);
z-index: 500;
}
.logo {
position: relative;
float: left;
width: 18%;
height: auto;
margin-top: 7px;
margin-left: 6px;  
}
.logo img {
width: auto;
height: 80px;
}

.menu-button {
}
.menu-button a {
position: relative;
display: block;
float: right;
width: 90px;
height: 46px;
margin-top: 25px;
margin-right: 20px;   
line-height: 46px;
text-align: left;
background: url('../images/menu-button.jpg') no-repeat;
background-position: center right;
color: rgb(200,200,200);
text-decoration: none;
font-size: 1.3em;
text-transform: uppercase;
}


.menu {
display: none;
position: relative;
width: 100%;
margin-top: 95px;
color: rgb(255,255,255);
border-top: 1px solid rgb(0,0,0);
}
ul.egmenu { 
    background: rgb(50,50,50);
    height: 30px;
    width: 100%;
}
ul.egmenu > li {
    float: left;
    width: 20%;
    position: relative; 
    border-bottom: 1px solid rgb(0,0,0);
}
ul.egmenu ul {
    background: rgb(80,80,80);
    display: none;
    position: absolute;
    left: 0; top: 100%;
    width: auto;
    padding-left: 15px;
}
ul.egmenu a {
    cursor: pointer;
    display: block;
    color: white;
    line-height: 30px;
    padding: 0 30px;
    white-space: nowrap;
    text-decoration: none;
    background:  url('../images/menu-arrow.png') no-repeat;
    background-position: 10px center;
}
ul.egmenu li { list-style: none; }
ul.egmenu li:hover ul { display: block;  }

/* @media all and (max-width: 480px) { */
    ul.egmenu {  height: auto; }
    ul.egmenu > li {float: none; width: 100%;}
    ul.egmenu a { line-height: 40px; }
    ul.egmenu ul { position: relative; }
/* } */

a.submenu {
    background: url('../images/arrow-white-right.png') no-repeat !important;
    background-position: 15px center !important;
}

.dr {
display: none;
}
.dr a img {
display: none;
}




/* main photo */
#mainphoto {
position: absolute;
width: 100%;
height: 100%;
min-height: 420px;
z-index: 0;
}
.mphoto {
position: absolute;
background-position: center 75px;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
#photo1 {
background-image: url('../images/photo1m.jpg?a=250706');
}
#photo2 {
background-image: url('../images/photo1m.jpg?a=250706');
}
#photo3 {
background-image: url('../images/photo1m.jpg?a=250706');
}
#photo3 {
background-image: url('../images/photo1m.jpg?a=250706');
}
#photo4 {
background-image: url('../images/photo1m.jpg?a=250706');
}
#photo5 {
background-image: url('../images/photo1m.jpg?a=250706');
}
/* pager */
.cyclepager { 
display:none;
}




/* dulezita upozorneni, aktualni predstaveni */
.frame-titleinfo {
}
.titleinfo {
position: relative;
width: 100%;
height: auto;
margin: 0px auto 0px auto;
}
.predstaveni-title {
position: relative;
margin-top: 268px;
padding: 1px 0px 1px 0px;
width: 100%;
height: auto;
background: rgb(255,255,255);
opacity: 0.85;
filter: alpha(opacity=85);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.predstaveni-title h1 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
font-weight: bold;
margin: 20px  5% 10px  5%;
color: rgb(150,0,25);
}
.predstaveni-title p {
font-size: 14px;
margin: 10px  5% 25px  5%;
color: rgb(0,0,0);
}
.title-date {
position: absolute;
right: 211px;
top: -28px;
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 {
display: none;
}
.title-date.second {
right: 262px;
}

.link-informace a {
position: absolute;
right: 0px;
top: -28px;
display: bock;
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;
}
.upozorneni {
position: relative;
width: 100%;
height: auto;
background: rgb(150,0,25);
padding: 1px 0px 10px 0px;
color: rgb(255,255,255);
}
.upozorneni h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
margin: 10px 5% 5px 5%;
}
.upozorneni p {
font-size: 14px;
margin: 8px 5% 3px  5%;
}
.upozorneni p a {
color: rgb(255,255,255);
text-decoration: underline;
}
.link-oznameni {
}
.link-oznameni a {
position: relative
display: block;
width: 40%;
margin-left: 5%;
padding-right: 5%;
text-align: right;
height: 40px;
line-height: 40px;
text-transform: uppercase;
color: white;
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
background: url('../images/arrow-white-right.png') no-repeat;
background-position: right center;
}





/* content frame */
.frame-content {
}
.content {
position: relative;
width: 100%;
height: auto;
margin: 0px auto 0px auto;
background: rgb(255,255,255);
}
.content.voffset{
margin-top: 250px;
}
.left-container {
position: relative;
float: left;
width: 100%;
}
.left-content {
width: 92%;
padding: 4% 4% 0% 4%;
float: left;
}
.mid-content {
display: none;
width: 100%;
float: left;
padding: 4% 4% 0% 4%;
background: rgb(230,230,230);
}
.main-content {
width: 92%;
padding: 20px 4% 20px 4%;
}
.width-hack {
display: none;
}
.right-content {
display: none;
}
.article {
width: 44%;
height: 200px;
overflow: hidden;
float: left;
margin-bottom: 22px;
}
.mid-content .article {
width: 96%;
}
.article a {
text-decoration: none !important;
color: rgb(50,50,50);
}
.article a h2, .article a h3 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
margin: 0px 0px 10px 0px;
}
.article a p {
font-size: 13px;
color: rgb(70,70,70);
}
.article-separator {
display: block;
float: left;
width: 1px;
height: 180px;
margin: 0px 5% 0px 5%;
border-right: 1px solid rgb(200,200,200);
}
.article.galerie, .article-separator.galerie {
height: 110px;
}
.article-separator.not-mobile {
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;
}
.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 10px 10px 0px;
}
.paging a.active {
background: rgb(150,0,25);
}
.navpath {
color: rgb(70,70,70);
margin: 5px 0px 20px 0px;
}

/* main content */
.main-content h1 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
margin: 0px 0px 10px 0px;
}
.main-content h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
margin: 15px 0px 5px 0px;
color: rgb(150,0,25);
}
.fb-like {
float: right;
width: 130px;
margin-left: 10px;
}

.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 img {
max-width: 100%;
height: auto;
}
.main-content iframe {
max-width: 100%;
}
.main-content table {
border-collapse: collapse;
width: 100%;
margin: 5px 0px 30px 0px;
}
.main-content tr td {
padding: 10px 0.5% 10px 0.5%;
border-bottom: 1px dotted rgb(200,200,200);
vertical-align: top;
}
td.td-first {
width: 30%;
}
.main-content input, .main-content textarea, .main-content select  {
width: 98%;
border: 1px solid rgb(180,180,180);
padding: 1%;
}
input.submit, select.select {
width: 100%;
}
.main-content input.radio {
width: 16px;
height: 16px;
}
.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 {
text-align: center;
}
img.gallery-preview {
width: 170px;
height: auto;
}



/* program */
.program-predstaveni {
width: auto;
height: auto;
min-height: 68px;
margin-top: 8px;
}
.program-left {
width: 15%;
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: 2px;
}
.program-left .den {
font-size: 12px;
width: 100%;
}
.program-text {
width: 85%;
height: auto;
min-height: 70px;
float: left;
}
.predplatne .program-text {
width: 100%;
}
.program-mid {
width: 69%;
height: 100%;
min-height: 52px;
padding: 2px 3% 0px 3%;
float: left;
text-align: left;
}
.predplatne .program-mid {
padding: 13px 3% 0px 0%;
}
.program-mid h3 a {
font-size: 18px;
color: rgb(30,30,30);
text-decoration: none;
}
.predplatne .program-mid h3  {
color: rgb(0,150,50);
}
.program-mid p {
padding: 4px 0% 10px 0%;
font-size: 12px;
color: rgb(30,30,30);
}
.program-right {
width: 25%;
height: 100%;
float: right;
text-align: center;
}
.program-right a {
display: block;
margin: 0px 0px auto auto;
color: rgb(255,255,255);
background: rgb(0,150,50);
width: 100%;
margin-top: 8px;
padding: 6px 0px 6px 0px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
text-decoration: none;
}
.program-right .vypr {
display: block;
margin: 0px 0px auto auto;
color: rgb(255,255,255);
background: rgb(150,0,25);
width: 100%;
margin-top: 8px;
padding: 6px 0px 6px 0px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
text-decoration: none;
}



/* 3 sloupce */
.left-container-left {
position: relative;
float: left;
width: 100%;
}
.left-container-right {
position: relative;
float: left;
width: 100%;
background: rgb(230,230,230);
}
.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.bezrezervace {
background: rgb(70,70,70);
}


/* nahledy */
.previews {
text-align: center;
}
.preview {
display: inline-block;
vertical-align: top;
width: 180px;
margin: 15px 10px 15px 10px;
text-align: center;
}
.preview a {
text-decoration: none;
}
.preview img {
height: 180px;
width: auto;
max-width: 100%;
}
.preview h2 {
margin: 0px;
font-size: 18px;
}
.preview p {
margin: 0px;
}


/* search */
.search {
position: absolute;
top: 95px;
right: 0px;
height: 40px;
width: 310px;
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: 10px;
background: rgb(70,70,70);
width: 250px;
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: 40px;
height: 40px;
padding: 0%;
}



/* patka */
.frame-footer {
}
.footer {
position: relative;
width: 100%;
min-width: 320px;
height: auto;
margin: 0px auto 0px auto;
border-top: 1px solid rgb(150,0,25);
background: rgb(255,255,255);
}
.link-partneri {
display: none;
}

.footer h4 {
margin: 10px 5% 0px 5%;
color: rgb(50,50,50);
font-size: 20px;
}
.footer p {
padding: 5px 5% 5px 5%;
}
.footer img {
margin: 1%;
width: 20%;
height: auto;
}
.footer2 {
position: relative;
width: 100%;
max-width: 1050px;
height: auto;
margin: 0px auto 5px auto;
}
.footer2 p {
text-align: right;
color: rgb(200,200,200);
font-size: 12px;
margin-top: 5px;
}
.footer2 p a {
color: rgb(200,200,200);
text-decoration: none;
}