h1 {text-align: center;clear:both;font-size:200%;}
h2 {margin:0;padding: 0;font-size: 0.9em;text-align: left;line-height: 1.2em;font-weight: normal;}
h3 {text-align: left;font-size: 0.8em;font-weight: normal;}
img {border:0;}
body {background: #d7d7d7;padding:0;margin:0; font-family: verdana,arial;}
a {color: red;}
a:hover {text-decoration:none;}
.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
     filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .3s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #BBBBBB;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #BBBBBB;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #BBBBBB;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #BBBBBB;
}
.page {width: 100%;max-width: 1600px; margin: 0 auto;background:#FFFFFF;}
/*HORNE MENU definition*/
nav {
	margin: 0 auto; 
	text-align: center;
	position:fixed;
	display:inline;
	left:0px; right:0px;top:0px;
	z-index:1000;
}

.menu ul {display: none;}
.menu li:hover > ul {display: block;}
.menu {
	background: #272727;
	opacity: 0.8;
	padding: 0px;
	border-radius: 0 0 12px 12px;  
	list-style: none;
	position: relative;
	display: inline-table;
	width:100%;
	max-width:1090px;
	margin-top:0px;
	text-transform: uppercase;
	font-size:0.8em;
	line-height:2.5em;
}
.menu:after {content: ""; clear: both; display: block;}

.menu li.first-child:hover {border-bottom-left-radius:12px;}
.menu li.posledny:hover {border-bottom-right-radius:12px;}

.menu li {float: left;}
li.ramik{border-right:2px solid #000000;}
li.vpravo{float: right;}
.menu li:hover {background: #000000;}
.menu li a,.menutext {display: block; padding: 10px 10px;color: #FFFFFF; text-decoration: none;}
li.hladaj a{padding:13px 5px 0px 0px;}
li.jazyk a{padding:10px 4px;}
.menu ul {background: #5f6975; border-radius: 0px; padding: 0;position: absolute; top: 100%;list-style: none;}
.menu ul li {float: none;border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a; position: relative;}
.menu ul li a {padding: 10px 20px;color: #fff;}	
.menu ul li a:hover {background: #4b545f;}
.menu ul ul {position: absolute; left: 100%; top:0;}

#FilmSearchForm img {top: 3px; position: relative; cursor: pointer; left: 165px;}
#FilmSearchForm select {height:22px; position:relative; left:-5px; border-top-right-radius:10px; border-bottom-right-radius:10px; border:1px;}

input[name=search] {border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 2px 0 2px 10px; margin: 14px 0px; border: 1px solid #FFFFFF; color: #000000;}
    
/*obsah stranky definition*/
article,aside,section {max-width: 1422px; margin:0 auto;clear:both;padding: 0 10px 10px 10px;}
aside {text-align:right;};
div#flashMessage.message {text-align: left; margin-top: 15px; color: red; font-size: 22px;background-color:#df2028;padding:2px;}
article h3{text-transform: uppercase;font-size: 1.3em;clear: both;margin-bottom:5px;font-weight:normal;}
   .movieBox {float:left;max-width:270px;overflow: hidden;margin-left:5px;margin-right:5px;margin-bottom:40px;}
   .movieBox a {text-decoration:none;font-size: 14px;color:#000;}
   .movieBox a:hover {color:#FF0000;}
   .movieBox:hover {background: #F0F0F0;}
   .movieBox h2 {font-size: 16px;color:#000;margin-top:5px;}
   .BoxPosledny{margin-right: 0px;}
   .movieBox img {max-height: 162px;max-width: 100%;width: 100%;}
   .movieText {margin:2px;height:40px;}
   .movieZanerBox {margin:2px;}

   p {padding-right: 25px;text-align: justify;}
   .video {position: relative;overflow: hidden;}
   .video iframe,.video object,.video embed {position: relative;width:80%;max-width: 1090px;}
   .jwplayer {margin: auto;}
   #videoPlayer_wrapper {text-align:left;}
   .bookmarks h3 {background: url('/img/redbar.gif') no-repeat left bottom;font-weight:bold;margin-bottom:0.7em;padding-bottom:0.3em}
   .bookmarks #bm_row {display: table; margin-bottom:20px;border-bottom:#000000 1px solid;width:100%;}
   .bookmarks #bm_row img {float:left; min-width:200px; max-width:30%; max-height:120px; padding:0 10px 10px 10px;}
   .bookmarks #bm_row a {color:#000000;}
   .bookmarks #bm_row a:hover {color:#FF0000;}
   .bookmarks #bm_text a {font-weight:bold;text-decoration:none;font-size:110%;}
   .bookmarks #bm_text {width:50%;float:left;}
/*ASIDE definition*/
  aside a, aside input {float:right; margin:14px 0 0 10px;}
  aside a {padding-top:3px;}
  aside input {font:16px arial; width:280px; height:20px; background:#eeeeee; border: 2px solid #bbbbbb;border-radius:10px;padding-left:10px;}
  aside .fb_iframe_widget {margin-right:10px;}

/*SECTION definition*/
section {display: block;}
    .box{float: left;width:31.3%;text-align: left;padding:0 1% 0 1%;}
    .box:last-child{padding-left:5px;}
    .blog:last-child{text-align:right;}
	.box a {text-decoration:none;}
    .box a:hover img{opacity: 0.7;}
    .blog{margin: 5px 5px 5px 5px;clear: both;overflow: hidden;}
    section H3 {padding-left: 0;font-size: 1.1em;}
    .blog h2 a, .blog a {text-decoration: none;font-size:1.1em;}
    .blog h2 a:hover, .blog a:hover {color:RGB(251,67,67);}
	.blog h3 {background: url('/img/redbar.gif') no-repeat left bottom;font-weight:bold;margin-bottom:0.7em;padding-bottom:0.3em}
    .blog img{float:left;margin-right: 10px;border:2px solid #000000;}
    .blog p{margin:0;padding:0;text-align: justify;color:#777777;font-size:0.8em;}
  	form[name="kontakt"] input,textArea{width: 90%;max-width:390px;background: #eeeeee;border: 2px solid #bbbbbb;line-height: 2em;margin: 0;margin-bottom: 15px;font-family: arial;padding: 3px;border-radius:10px;}
    textarea {height: 148px;max-width: 90%;}
    form[name="kontakt"] input[type="submit"]{width:auto;text-align:center;}
    .tlacitko{text-align: center;width: 90%;max-width: 390px;}
 /*FOOTER definition*/
footer {background: #9d9d9d;color: #212321;display: inline-block;width: 100%;}
    .footer, .copyrights {float:left;list-style-type: none;margin:0;}
    .copyrights {float: right;}
    .footer li, .copyrights li  {margin-right: 25px;float:left;}
    .footer li a, .copyrights li, .copyrights li a{color: #212321;text-decoration: none;line-height: 4em;text-transform: uppercase;}
    .footer li a:hover, .copyrights li a:hover{color: #ececec;}
    
/* --------------------- DOPLNENE 4.5.2014  ---------------- */

hr {clear:both;color:#4b505c; height: 1px;background-color:#4B505C;}
.videoSocial {text-align:right;max-width:1200px;margin:0px auto;}
article .fb_iframe_widget {margin-right:10%;}
.videoLink {text-align: center; width:100%;}
.videoLink a, .videoSocial a {display:inline-flex;padding-right:20px;font-size:110%;text-decoration:none;color:#000000;line-height:1.2;}
.videoLink a:last-child, .videoSocial a:last-child {padding-right: 0;}
.videoLink a img, .videoSocial a img {padding-right: 5px;}
.videoLink a:hover, .videoSocial a:hover{text-decoration:underline;color:#FF0000;}
.predplatne {text-align: center;padding:0px;margin:4px 6px 14px 0;border-spacing:0;border-collapse: separate;text-transform:uppercase;font-weight:bold;float:left;}
.predplatne td{padding:5px 2px;}
.tdColor1 {background-color:#90bdd4;}
.tdColor2 {background-color:#2397c8; color:#FFFFFF;}
.tdColor3 {background-color:#1e739a; color:#FFFFFF;}
.tdColor4 {background-color:#125069; color:#FFFFFF;}
.tdColor5 {background-color:#eaf7fd; padding:10px 2px !important;}
.tdColor6 {background-color:#d8ebf1;}
.tdColor7 {background-color:#d7effb;}
.tdColor8 {background-color:#bcd9eb;}
.tdColor9 {background-color:#fbc63a; text-transform:none;font-size:80%;letter-spacing:0.4px;}
.tdBorderBottom {border-bottom:1px solid #000000;}
.predplatne td.tdSpace {width:2px;padding:0px;}
.cornerTopRadius {border-radius:5px 5px 0 0;}
.cornerBottomRadius {border-radius:0 0 5px 5px;}
.cornerBottomLeftRadius {border-bottom-left-radius:5px;}
.cornerBottomRightRadius {border-bottom-right-radius:5px;}
a.zaplatit{color: #FFFFFF;background-color: #df2028;padding:3px;text-decoration:none;font-size:70%;letter-spacing:2px;}
a.zaplatit:hover{background-color:#FBC63A;}
#showGallery {display:none;}
#zobrazInfo {display:none;}
#zobrazInfo #col {width:47%; float:left; padding:0 1%;margin-bottom:8px;}
#zobrazInfo #col img {float:left; padding: 0 2% 2% 0; max-width:30%;}
#zobrazInfo .lborder {border-left: #000000 1px solid;}
#zobrazInfo #col p {margin: 0 0 1em 0;padding:0;}
#zobrazInfo h3 {background: url('/img/redbar.gif') no-repeat left bottom;font-weight:bold;margin-bottom:0.7em;padding-bottom:0.3em;margin-left:1%;}
#infoText {cursor:pointer;}
#showComments {display:none;background-color:#1e739a;width:52%;margin-left:auto;margin-right:auto;border-radius:5px;padding:5px 1px 1px 1px;}
#commentsText {cursor:pointer;}
#CommentText {width:75%;border-radius:4px;padding-left:5px;}
#showComments .addcomment {color:#FFFFFF; background-color:#df2028; padding:3px; font-size:70%; letter-spacing:2px; font-weight:bold;cursor:pointer; margin-left:5px;}
#showComments .addcomment:hover {background-color:#FBC63A;}
.comment {margin-top:5px;padding:8px;background-color:#FFFFFF;border-radius:5px;}
.comment p {background-color:#FFF;border-radius:5px;margin:0px;padding:3px;}

/* --------------------- DOPLNENE 11.5.2014  ---------------- */
.registracia {margin-bottom:50px;text-align:center;}
.registracia table{table-layout:fixed;border-spacing:0;border-collapse: separate;margin-left:auto;margin-right:auto;}
.registracia td{padding:0 50px 0 0;height:50px;}
.registracia td:last-child {padding-right:0;}
.registracia input, .registracia select {background:#f1f1f1;border:2px solid #bbbbbb;border-radius:10px;width:295px;line-height:2em;padding:3px;}
.registracia select {padding: 10px 0; }
.registracia input[type="checkbox"] {width: auto;height: auto;margin-left:0;}
.registracia input[type="submit"] {text-transform: uppercase; background:#df2028; color:#FFFFFF; border-radius:20px; font-weight:bold; letter-spacing:0.5px; width:159px;}
.registracia input[type="submit"]:hover {background:#1E739A;cursor:pointer;}
.registracia .podmienky{cursor: pointer;text-decoration:underline;color:red;}
.registracia .odoslat {text-align: center;padding-top:20px;}
.registracia img {width:123px;height: 46px;float:left;}
.registracia .ochrana {cursor: pointer;color:red;float:left;margin: 5px 10px;}
.registracia .zapamatatHeslo {cursor: pointer;color:red;margin: 5px 10px;}
#zobrazPodmienky{display:none;word-wrap:break-word;}
#zobrazPodmienky td {max-width: 750px;padding-right:0px;text-align:justify;}

#myElement {margin-left:auto;margin-right:auto;}
/* --------------------- DOPLNENE 13.5.2014  ---------------- */
.kontakty h2, .kontakty h3 {text-transform:uppercase;}
.kontakty h2 {font-size:160%;}
.kontakty h3 {font-size: 140%;}
.kontakty {border-spacing:0;border-collapse: separate;padding:0;margin-bottom:70px;}
table.kontakty {margin-left:auto;margin-right:auto;margin-top:20px;width:75%;}
.kontakty td{padding:0 50px 0 0;margin-bottom:0;}
.kontakty td:last-child {padding-right:0;padding-left:50px;border-left:3px solid red;}
.kontakty p {margin-bottom:0;}

/* -------------------- Vypis filmov ------------------------ */
.films {margin-left:auto;margin-right:auto;text-align:center;}
.form {text-align:left;}
.films .movieBox {margin-left:5px;margin-right:5px;}
.films .paging, .bookmarks .paging {display:table;text-align:center;width:100%;max-width:1090px;margin:15px auto;font-weight:bold;color:rgb(244, 130, 130);text-decoration:none;}
.films .paging a, .bookmarks .paging a {text-decoration:none;padding:2px 2px;margin:0 3px;color:rgb(244, 130, 130);}
.films .paging a:hover, .bookmarks .paging a:hover {color:#FF0000;border:#FF0000 1px solid;border-radius:4px;margin:0 2px;}
.films .paging .current, .bookmarks .paging .current {border:#FF0000 1px solid;border-radius:4px;padding:2px 2px;margin:0 5px;color:#FF0000;}
.films .paging .prev, .bookmarks .paging .prev {padding-right:10px;}
.films .paging .next, .bookmarks .paging .next {padding-left:10px;}

.fb-like {z-index:10;}

#vop_print {width:100%;text-align:right;padding-top:10px;}
#vop_print img {width:14px; height:14px}
#vop_print a {text-decoration:none;font-weight:bold;font-size:16px;color:rgb(138,138,138);}
#vop_print a:hover {color:rgb(255,0,0);}
#vop_page a {padding: 0 20px;}
ol.vop_main, ol.vop_sub { counter-reset: item; padding:0 20px;}
ol.vop_main li, ol.vop_sub li { display: block;text-align:justify;}
ol.vop_main li {font-weight:bold;}
ol.vop_sub li {font-weight:normal;}
ol.vop_main li:before, ol.vop_sub li:before { content: counters(item, ".") " "; counter-increment: item;}

.error-message {color:#FF0000;}

/* CUSTOM RESPONSIVE STYLES */
/* ------------------------------------ */

/* WIDE DESKTOP */
@media only screen and (min-width: 1200px) {
	
}

/* REGULAR DESKTOP */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
   .movieBox {margin-right: 7px;}
    
}

/* SMALL DESKTOP */
@media only screen and (min-width: 768px) and (max-width: 979px) {
}

/* ALL MOBILE SIZES */
@media only screen and (max-width: 767px) {
    header {height: 200px;}
    .searchBox {clear:both;float:left;}
    article {width:80%;}
    .movieBox {margin-right: 7px;}
    aside {width:20%;}
/*    aside input {width: 89%;}*/
}

/* MOBILE LANDSCAPE TO TABLET PORTRAIT */
@media only screen and (min-width: 480px) and (max-width: 766px) {
 .menu { width: 200px; padding: 8px 0 0 0; border: solid 1px #aaa;background: #272727 url('/img/icon-menu.png') no-repeat 10px 11px;
        border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.3);margin: 7px 0 0 0;}
 .menu li { display: none;margin: 0;float:none;border-right: 0px;padding: 0;line-height: 1.3em;font-size: 0.9em;} /*hide all <li> items*/ 
 .menu .current {display: block;} /*show only current <li> item */
 .menu a {display: block;padding: 5px 5px 5px 32px;text-align: left;}
/*     on nav hover */
  nav ul:hover {background-image: none;}
  nav ul:hover li {display: block;margin: 0 0 5px;}
  nav ul:hover .current {background: url('/img/icon-check.png') no-repeat 10px 7px;}
}

/* MOBILE PORTRAIT TO MOBILE LANDSCAPE */
@media only screen and (min-width: 0px) and (max-width: 479px) {
 .menu, .footer { width: 200px; padding: 8px 0 0 0; border: solid 1px #aaa;background: #272727 url('/img/icon-menu.png') no-repeat 10px 11px;
        border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.3);margin: 7px 0 0 0;}
 .menu li, aside li, .footer li { display: none;margin: 0;float:none;border-right: 0px;padding: 0;line-height: 1.3em;font-size: 0.9em;} /*hide all <li> items*/ 
 .menu .current, aside ul li.current, .footer .current {display: block;} /*show only current <li> item */
 .menu a, aside ul li a, .footer a{display: block;padding: 5px 5px 5px 32px;text-align: left;}
/*     on nav hover */
  nav ul:hover, aside ul:hover, ul.footer:hover {background-image: none;}
  nav ul:hover li, aside ul:hover li,ul.footer:hover li{display: block;margin: 0 0 5px;}
  nav ul:hover .current, aside ul:hover .current , ul.footer:hover .current{background: url('/img/icon-check.png') no-repeat 10px 7px;}
  article {width:100%;}
  aside {width:100%;text-align: center;}
  aside h3 {margin:0px;text-align: center;}
  aside ul {text-align:center;width: 250px; padding: 0px 0 0 0; border: solid 1px #aaa;background: #fff url('/img/icon-menu.png') no-repeat 10px 11px;
        border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.3);margin: 0 auto 30px;}
  aside input {margin-bottom: 10px;}
  .box {clear:both;width:100% !important;float:none;}
  .footer {padding: 5px;}
  .footer li a{color:#000000;line-height: 1em;}
#zobrazInfo #col {width:100%;}
#zobrazInfo #col p {margin: 0 0 1em 0;padding-right:25px;}
}