/*
  ================== MAIN CSS FILE ==================

    CREATED: 18. 3. 2014

  ===================================================
*/


/******************************** 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, ol, ul, li, 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;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body        {line-height:1;}

ul          {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

table       {border-collapse:collapse; border-spacing:0;}

a img       {border:none;}

input[type="submit"], input[type="button"], button {cursor:pointer;}
textarea    {overflow:auto;}
:focus      {outline:none;}

/***** Firefox buttons fix *****/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {padding:0; margin:0; border:0;}


/**************************** GENERAL ELEMENTS ********************************/
/******************************************************************************/
html        {font-size:16px; font-family:'Oxygen', Arial, Helvetica, sans-serif;}

body        {height:100%; position:relative;}

.wrapper    {max-width:1150px; margin:0 auto;}
.wrapper.cfsTop {max-width:1250px;}
.fLeft      {float:left;}
.fRight     {float:right;}
.aLeft      {text-align:left;}
.aRight     {text-align:right;}
.center     {text-align:center;}
.hidden     {position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden;}

/*********** CLEARFIX ***********/
.group:before, .group:after {content:""; display:table;}
.group:after{clear:both;}
.group      {zoom:1;}
.clear      {clear:both;}

/*********** LINKS ***********/
a           {color:#000;}
a:hover     {color:#444;}

.bg {
  /* Set rules to fill background */
  /*max-width:1100px;*/
	
  /* Set up proportionate scaling */
  width: 100%;
	
  /* Set up positioning */
  position: absolute;
  top: 0;
  left: 0;
  z-index:0;
}

ul.messages                {padding:0; margin:0; text-align:center; line-height:1.5;}
ul.messages li             {padding:0 !important; margin:10px 0 !important; background:none !important; list-style-type:none; font-weight:bold;}
ul.messages li span        {display:inline-block; padding:5px 10px; background:#fff no-repeat 5px 50%; border:1px solid #eee; color:#fff;}
ul.messages li span a      {color:#fff;}
ul.messages li.error span,
ul.messages li.invalid span{background-color:#BC341C;}
ul.messages li.success span{background-color:#408900;}
ul.messages li.exists span   {background-color:#4b75b6;}
.formErrorMessage {color:#BC341C; font-weight:bold; font-style:italic;}
.formRow .formErrorMessage {margin-left:115px;}

/*********************************** HEADER ***********************************/
/******************************************************************************/
.header     {position:relative; z-index:2;}

.cfsLogo    {margin:0 auto; padding:80px 0 20px; text-align:center;}
.cfsLogo img {width:25%;}

/*.cfsSlogan  {position:absolute; top:150px; left:5%; width:35%; text-align:center; font-size:29px; color:#121A33; font-style:italic; line-height:1.4;}
*/
.cfsSlogan {
  position: absolute;
    top: 84px;
  left: 3%;
  width: 25%;
  text-align: center;
  font-size: 21px;
  color: #121A33;
  font-style: italic;
  line-height: 1.4;
}

.cfsTitle   {float:left; width:67%; padding:25px 8%; font-size:30px; text-align:right; background: url('/images/stripe.png') no-repeat 100% 0; margin:0 0 20px; font-weight:normal; color:#fff;}
.cfsDate    {float:right; width:45%; padding:17px 5%; font-size:25px; text-align:left; background: url('/images/stripe.png') no-repeat 0 100%; margin:0 0 7px; color:#fff;}
.cfsPlace   {float:left; width:47%; padding:17px 10%; font-size:25px; text-align:right; background: url('/images/stripe.png') no-repeat 100% 0; margin:0 0 30px; color:#fff;}

.cfsPhotoAuthor {padding:0 10px; font-size:11px; text-align:right; color:#fff;}

.cfsMenu {margin:10px 0 0 0; background:#636363; width:100%;}
.cfsMenu.fixedMenu {}
.cfsMenu.scroll-to-fixed-fixed {margin:0; border-top:15px solid #fff; box-shadow:0 2px 5px #888;}
.cfsMenu ul {display:inline-block;}
.cfsMenu ul li {display:inline-block;}
.cfsMenu ul li a {display:inline-block; padding:15px 8px; font-size:16px; color:#fff; text-transform:uppercase; text-decoration:none;}
.cfsMenu ul li a:hover, .cfsMenu ul li a.active {background:#4a4949;}
.cfsMenu .wrapper {max-width:980px; position:relative; padding-left:60px;}
.cfsMenuLogo img {position:absolute; left:-15px; top:-15px;}
.mobileMenuLink {display:none; position:fixed; left:0; top:5px; width:40px; height:40px; background:#444 url('/images/menu.png') no-repeat 50% 50%; border-radius:0 5px 5px 0;}

.cfsFB {display:inline-block; margin:5px 0 0 10px; width:210px;}
.cfsFbLink {display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
.cfsFbLike {top:2px;}
.part       {position:relative; z-index:1; padding:20px 0; background-color:#fff; background-repeat:no-repeat;}
.part .wrapper  {color:#444;}
.part h2        {margin:20px 0 40px; color:#393939; font-size:24px; font-weight:bold; text-align:center; text-transform:uppercase;}

#intro h2 {text-transform:none;}
#video   {overflow:hidden; background-image: url('/images/intro.jpg'); background-position:50% 0;}
.video {max-width:612px; margin:15px auto 25px;}
.video iframe {border:5px solid #6c6d6d; border-radius:7px; background:#fff;}
.video iframe:hover {border-color:#14636a;}
.video h2 { font-size:30px; margin:0 0 20px; text-shadow: 1px 1px 0px #fff; color:#14636a;}

/***** PROGRAM *****/
#program {background-image: url('/images/program.jpg'); background-position:50% 500px;}
#program .wrapper { overflow:auto;}
.programItem {position:relative; margin:0 0 0 10%; min-width:750px;}
.programTime {display:inline-block; width:29.7%; text-align:right; color:#515050; font-weight:bold; vertical-align:middle; font-size:18px; line-height:1.2;}
.programItemWithPhoto .programTime {width:24%;}
.programImage {display:inline-block; vertical-align:middle; margin:0 0.8%; position:relative; z-index:1;}
.programItemWithPhoto .programImage { width:14%; min overflow:hidden; border:6px solid #14636a; border-radius:50%; position:relative; z-index:1; background:#b9b7b7;}
.programItemWithPhoto .programImage img {width:100%; border-radius:50%; overflow:hidden; display:block;}
.programItem h3 {color:#1c1b1b; font-size:20px; line-height:1.2;}
.programItem .workshopsNote {display: inline-block; padding:0 0 0 30px; font-size:16px; font-weight:normal; font-style:italic;}
.programItemWithPhoto h3 {margin:0 0 10px;}
.programItemWithPhoto h3.noMargin {margin:0;}
.programLine {padding-bottom:80px;}
/*.programLine:after {position:absolute; left:32.7%; bottom:-17px; z-index:0; margin:0 0 0 -3px; content:""; display:block; width:1px; height:120px; border-left:6px solid #000;}*/

.programLine:after {position: absolute;
  position: absolute;
  left: 32.7%;
  bottom: -50px;
  z-index: 0;
  margin: 0 0 0 -3px;
  content: "";
  display: block;
  width: 1px;
  height: 183px;
  border-left: 6px solid #000;
}
.programLine2 {padding-bottom:59px;}
.programLine2:after {position:absolute; left:32.7%; bottom:-88px; z-index:0; margin:0 0 0 -3px; content:""; display:block; width:1px; height:196px; border-left:6px solid #000;}
.programLineDashed:after {border-left:6px dashed #000;}
.programImageBig img {display:block; width:140px;}

.programDesc {display:inline-block; max-width:57%; vertical-align:middle; font-size:18px;}
.programDesc h3 a {color: red;}
.programDescContent {vertical-align:top;}
.programText {display:inline-block; /*max-width:69%;*/ line-height:1.3; font-weight:300;}
.programPerson {color:#1c1b1b; display:inline-block; /*max-width:31%;*/ vertical-align:top; margin:0 10px 0 0; line-height:1.3; color:#084044;}
.programPerson a {color:#084044;}
.programAnotation {display:inline-block; font-style:italic; margin:10px 0 0; line-height:1.3; font-size:16px;  text-align: justify;}

/***** WORKSHOPS *****/
.workshops {position:relative; margin:70px 0;}
.workshops .programItem {margin-bottom:0px;}
.workshopsTime {position:absolute; left:16%; top:206px; display:inline-block; padding:0 10px 0 0; vertical-align:middle; text-align:right; color:#515050; font-weight:bold; font-size:18px;}
.workshopsTime:after {  position: absolute;  right: -94px;  top: -69px;  content: "";  display: block;  width: 46px;  height: 157px;  background: url('/images/program-angle.png') no-repeat 0 0;  background-size: cover;}
.workshops h4 {font-size:18px; margin-left:10%; color:#14636a;}


/***** BANNERS *****/
.banner1 { overflow:hidden; background-image: url('/images/banner1.jpg'); background-position:50% 0;}
.banner2 { overflow:hidden; background-image: url('/images/banner2.jpg'); background-position:50% 0;}
.banner3 { overflow:hidden; background-image: url('/images/banner3.jpg'); background-position:50% 0;}

.bannerTitle {float:left; width:100%; padding:17px 0; font-size:29px; text-align:center; background: url('/images/stripe.png') no-repeat 125% 10%; margin:30px 0 7px; color:#fff;}
.bannerSubTitle {float:right; width:100%; padding:17px 0; font-size:29px; text-align:center; background: url('/images/stripe.png') no-repeat -25% 0; margin:0 0 30px; color:#fff;}

.banner1 .bannerSubTitle {font-weight:bold;}


/***** PLACE *****/
#place .wrapper {min-height:580px; position:relative;}
.placeAddress {}
.placeMap {position:absolute; right:40%; top:0; z-index:1; margin:0 -310px 0 0;width:620px; height:420px;}
.placeMap iframe {position:absolute; top:100px; left:25px; z-index:1;}
.placeMapOverlay {position:absolute; left:0; top:50px; z-index:10; display:block; width:620px; height:420px; background: url('/images/place.jpg') no-repeat 0 0;}

.placeAddress {position:absolute; top:80px; left:110px; z-index:10; line-height:1.5; font-size:24px;}
.placeAddress strong {text-transform:uppercase;}
.placeAddress a {font-size:21px; text-decoration:none; color:#14636a; font-weight:bold;}

.placeDate {position:absolute; bottom:0; right:140px; z-index:10; width:390px; border-top:4px solid #000; text-align:right; font-size:24px;}
.placeDate strong {display:block; margin:20px 0 0px;}


/***** TICKETS *****/
#tickets ul li {padding:13px 0 13px 40px; font-size:20px; width:140px; display: inline-block;}
#tickets ul {max-width:960px; margin:0 auto;}
#tickets ul.videoAccessList {max-width:290px;}

.regPrice {margin:50px 0 0;}
.regPrice h3 {text-align:center; font-size:21px; text-transform:uppercase;}
.regSwitch {width:350px; margin:20px auto; text-align:center; position:relative;}
.regSwitch:after {position:absolute; left:52%; top:10px; content:""; display:block; margin:0 -5px 0 0; width:3px; height:57px; background:#4c4c4c;}
.priceButton {display:inline-block; padding:10px 20px; margin:0 10px; cursor:pointer; line-height:1.3; border-radius:7px; background:#E5E5E5 no-repeat 0 0;}
.priceButton:hover {background-color:#D6D6D6;}
.priceButton:hover span {color:#222;}
.priceValue {display:block; font-size:23px; color:#666; font-weight:bold;}
.priceLabel {display:block; font-size:22px; font-style:italic; color:#666;}

.priceButton input[type="radio"] {display:none;}
.priceButton.checked {background:#1d4d51 url('/images/button.png') repeat-x 0 0; box-shadow:0 0 5px #18A30E;}
.priceButton.checked span {color:#fff;}

.studentNote {margin:10px 0; font-weight:bold; color:#14636a;}

#buyButton {display:block; width:277px; line-height:60px; text-transform:uppercase; text-decoration:none; display:none;}

#registration {display:none;}

.regForm {width:430px; margin:0 auto;}
.formRow {margin:18px 0;}
.regForm .formLabel {display:inline-block; width:110px; padding:5px 0; font-size:18px;}
.regForm .formLabelCheckbox {display:inline-block; width:190px; font-size:14px;}
input[type="text"], input[type="password"] {width:290px; padding:7px 10px; background:#d4e6e4; border:2px solid #ABCECA; box-shadow:inset -1px -1px 0px #fff; border-radius:7px; font-size:17px;}
.formRow.voucher .formLabelCheckbox {margin-left:30px;}
.regForm .voucher input[type="text"] {width:180px;}
.regForm select {width:205px; padding:5px 0;}
.formButtons {text-align:center;}
input[type="submit"] {padding:10px 15px; border:2px solid #5a8d8d; background:#1d4d51 url('/images/button.png') repeat-x 0 0; color:#fff; text-transform:uppercase; font-size:17px; border-radius:5px; font-weight:bold;}
.regForm input[type="submit"] {margin:30px 0 0;}
input[type="submit"]:hover {background-image:none;}
.regForm .formNote {font-size:13px; font-style:italic; color:#313131; display:block; margin:10px 0;}

.regForm input[type="checkbox"]{
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  margin-right:8px;
}

.priceVideo {display:inline-block; font-size:25px; color:#1d4d51; font-weight:bold; margin:20px 0;}
.formRowPrice .formLabel {padding-top:0; font-size:22px;}

/***** PARTNERS *****/
.partnersRow {max-width:800px; margin:30px auto 15px;}
.partnersRow h3 {font-size:18px; color:#393939; margin:10px 0 20px;}
.partnersRow img {margin:0 30px 15px 0; vertical-align:middle; display:inline-block;}
.partnersRow .partnersList { text-align: center;}
.partnersRow a {text-decoration:none;}
.partnersRowHalf {width:50%; float:left;}


/***** CONTACTS *****/
#contacts {min-height:306px; overflow:hidden; background-image: url('/images/banner-footer.jpg'); background-repeat:repeat-x; background-position:50% 0; background-size:auto;}
#contacts .wrapper {max-width:880px !importan; margin:0 auto;}

#contacts h3 {font-size:21px; color:#000; margin:30px 0 30px; font-weight:normal;}
#contacts p {margin:0 0 15px; font-size:19px;}
#contacts p strong {font-style:italic; display:inline-block; width:75px;}
#contacts a {text-decoration:none; color:#464646;}
#contacts a:hover {text-decoration:underline;}

#contacts .contactsSocial li {display:inline-block;}
#contacts .contactsSocial img {margin:15px 30px 0 0;}


/***** CONTACTS2015 *****/
#contacts2 {min-height: 306px;
  overflow: hidden;
  background-image: url('/images/footer-new.jpg');
  background-repeat: no-repeat;
  background-position: 50% 60%;
  background-size: cover;}
#contacts2 .wrapper2 {max-width:880px; margin:0 auto;}

#contacts2 h3 {font-size:21px; color:#D5D5D5; margin:30px 0 30px; font-weight:normal;}
#contacts2 p {margin:0 0 15px; font-size:19px;color:#D5D5D5;}
#contacts2 p strong {font-style:italic; display:inline-block; width:75px;color:#A59D9D;;}
#contacts2 a {text-decoration:none; color:#D5D5D5;}
#contacts2 a:hover {text-decoration:underline;}

#contacts2 .contactsSocial li {display:inline-block;}
#contacts2 .contactsSocial img {margin:15px 30px 0 0;}
/***** FOOTER *****/
#footer {background:#4C4C4C; font-size:12px; padding:25px 0 35px;}
#footer .wrapper {max-width:680px; color:#000;}

#footer a {color:#000;}
.footerLeft {float:left; width:39%;}
.footerRight {float:right; width:80%; text-align:right;margin-top: -11px;}


/***** REGISTRATION SUMMARY *****/
.paymentInfo {max-width:450px; margin:0 auto;}
.registration .cfsLogo img {width:180px;}
.cfsLogo img {
   width: 14%;
  margin-bottom: 145px;
  margin-top: -4%;
  float: left;
}
.registration .cfsLogo {padding-top:20px;}
.paymentInfo p {text-align:center; line-height:1.5;}
.paymentInfo h2 {font-size:18px; margin:20px 0 0;}
.paymentInfo h3 {font-size:16px; margin:20px 0; color:#14636a; text-align:center;}
.paymentInfo table {margin:20px 0;}
.paymentInfo table td {padding:6px 10px;}
table.summaryTable td:first-child {width:200px;}
.paymentInfo table tr.even td {background:#F2F2F2;}
.paymentInfo input[type="submit"] {margin-bottom:20px;}
.backLinks {text-align:center; display:block; margin:20px 0 50px;}
.backLinks a {display:block; margin:0 0 10px;}
.registration form {text-align:center;}
.registration form table {margin-left:auto; margin-right:auto; text-align:left;}

#login .wrapper {width:300px; margin-top:100px;}
#admin .wrapper {width:980px;margin-top:20px;}

.adminHeader {width:980px; margin:10px auto; border-bottom:1px solid #bbb;}
.adminHeader h1 {margin:0 0 10px; display:inline-block; vertical-align:middle;}
.adminLogo {width:80px; vertical-align:middle; margin:0 20px 0 0;}
.adminLinks {float:right; margin:30px 0 0; font-size:14px;}
.adminSubmenuItem {float:right;}

#admin h3 {margin:0 0 20px;}

#admin {font-family:Arial, Helvetica, sans-serif;}
#admin table {width:100%; margin:0 0 20px;}
#admin table th,
#admin table td {padding:6px 5px; font-size:12px; border-bottom:1px solid #ddd; text-align:left;}
#admin table th {padding:10px 5px;}
#admin table tr.paid td {background:#D1FFD7;}
#admin table tr.notPaid td {background:#FFF7F7;}
#admin table tr:hover td {background:#eee;}


/***** TEXT PAGE *****/
.textPage {max-width:800px; margin:0 auto; padding:0 15px;}
.textPage .cfsLogo img {width:180px;}
.textPage .cfsLogo {padding-top:20px;}
.textPage p {line-height:1.5;}
.textPage h2 {font-size:18px; margin:20px 0;}
.textPage h3 {font-size:16px; margin:20px 0; color:#14636a;}
.textPage h4 {font-size:14px; margin:10px 0;}


/***** VIDEOS *****/
#videos .wrapper {width:640px; margin:0 auto;}
#videos h3 {margin:0 0 20px; font-size:18px; color:#14636a;}
#videos ul {margin:0 0 15px;}
#videos ul li {margin:0 0 10px; font-size:14px;}
.videoBox {margin:0 0 60px;}

/***** PHOTOS *****/
#photos {text-align:center;}
#photos img {margin:0 17px 34px;}

/***** RESPONSIVE *****/

@media screen and (max-width:2000px) {
    .cfsTitle {width:65%;}
}

@media screen and (max-width:1250px) {
    .cfsTitle {width:74%;}
    
    .programItem {margin-left:0; max-height:230px;}
    .programTime {width:19.7%;}
    .programItemWithPhoto .programTime {width:14%;}
    .programLine:after {left:22.5%; bottom:-94px; height:233px;}
    .workshops h4 {margin-left:20px;}
    .workshopsTime {left:2%;}
    .workshops .programItem {margin-bottom:50px; max-height:165px;}

}

@media screen and (max-width:1100px) {
    .cfsLogo {padding-top:20px;}
    .cfsSlogan {font-size:17px; top:110px;}
    .cfsTitle {font-size:25px;}
    .cfsDate,
    .cfsPlace {font-size:20px;}
    
    .cfsMenu .wrapper {padding-left:80px;}
    .cfsFB {position:absolute; right:10px; top:50px; width:230px;}
    .cfsFbLink, .cfsFbLike {float:right; width:auto !important;}
    .cfsFbLike {margin-right:10px;}
    #intro.part {padding-top:40px;}
    .cfsMenuLogo img {left:10px;}
    
    .bannerTitle {background-position:110% 0;}
    .bannerSubTitle {background-position:-12% 0;}
}

@media screen and (max-width:1000px) {
    
    .placeAddress {position:static; text-align:center;}
    .placeAddress strong {text-transform:none;}
    .placeMap {position:static; text-align:center; margin:0 auto;}
    .placeMapOverlay {position:static;}
    .placeDate {position:static; text-align:center; margin:0 auto; width:auto;}
    
    .programLine:after {left:23.1%;}
    .workshopsTime {top:190px;}
}

@media screen and (max-width:900px) {
    #contacts .wrapper {margin:0 20px;}
    .programDesc {max-width:65%;}
}

@media screen and (max-width:850px) {
    .cfsLogo img {width:25%;}
    .cfsSlogan {position:static; width:100%; margin:0 0 20px;}
    .cfsTitle {font-size:20px; padding-bottom:10px; padding-top:10px; margin-bottom:5px;}
    .cfsDate,
    .cfsPlace {padding-bottom:10px; padding-top:10px; margin-bottom:5px;}
    .cfsDate,
    .cfsPlace,
    .cfsEmailSubmit {font-size:18px;}
    
    .cfsBottom {position:relative;}
    .cfsMenu ul li a {padding:14px 12px; font-size:15px;}
    
    .bannerTitle,
    .bannerSubTitle {background-position:-120px 0;}
    
}

@media screen and (max-width:800px) {
    
    
}

@media screen and (max-width:750px) {
    .cfsTitle,
    .cfsDate,
    .cfsPlace {float:none; width:auto; padding-left:30px; padding-right:30px; text-align:center; background-position:50% 0;}
    .cfsDate,
    .cfsPlace,
    .cfsEmailSubmit {font-size:16px;}
    
    .cfsEmail .emailButton {font-size:22px; padding-top:10px; height:63px;}
    
    .placeMap {width:auto; height:auto;}
    .placeMapOverlay {width:100%; height:300px; background-size:contain;}
    
    .cfsPhotoAuthor {display:none;}
    
    .cfsFB {position:static; margin-bottom:5px; overflow:hidden;}
    .cfsMenuLogo {display:none;}
    .cfsMenu .wrapper {text-align:center; padding:0;}
    .cfsMenu ul {display:block;}
    .cfsMenu ul li {display:block;}
    .cfsMenu ul li a {display:block; border-bottom:1px solid #888;}
    
    .mobileMenuLink {display:block;}
}

@media screen and (max-width:700px) {
    .footerLeft {margin:0 0 20px;}
    .footerLeft, .footerRight {float:none; width:auto; text-align:center;}
}

@media screen and (max-width:630px) {
    .video iframe {width:98% !important;}
    
    .cfsDate,
    .cfsPlace,
    .cfsTitle,
    .cfsSlogan {background:#636363; margin-bottom:0; border-bottom:1px solid #888;}
    .cfsSlogan {padding:10px 0; font-size:14px;}
}

@media screen and (max-width:600px) {
    .regForm {width:auto; margin:0 20px;}
    #contacts {background:#b3c4b1; min-height:0;}
    .bannerTitle, .bannerSubTitle {font-size:20px; padding:10px 0;}
}
@media screen and (max-width:500px) {
    .cfsLogo img {width:0%;}
    .video iframe {height:280px !important;}
    #odpocitavani {  margin:0 auto;  width: 442px;    margin-top: -58px;}
    #odpocitavani ul {  margin-top: 20px;  height: 89px !important;  margin-left: 38px;}
    #odpocitavani ul li{  display: inline-block;  margin-right: 20px;}
    #odpocitavani ul li .days,#odpocitavani ul li .hours,#odpocitavani ul li .minutes, #odpocitavani ul li .seconds {    font-size: 45px;}
   #odpocitavani h2 {  text-align: center;  font-size: 36px;  width: 70%;  margin-left: 12px;  margin-top: 11px;}
    .zdrazeni {  text-align: center;  margin-top: 10px;  margin-right: 99px;}

     #countdown ul {   width:60%;   list-style:none;  }
  #countdown ul li {width:15.4333%; display:inline-block; text-align:center;   }   
   #countdown span { font-size: 42px;   font-weight:bold;}
   #kf {display: none;}
   .programItem {  }
   #program .wrapper {  width: 500px;}
   #program {
  background-image: none;
}

}

@media screen and (max-width:500px) {
    .video iframe {height:220px !important;}
}

/*----------------úprava 2015 - jambi--------------------------*/
.uprava {
  width:80%;
  text-align: left;   
}

.zdrazeni {
  text-align: center;
  margin-top: 20px;
}

#socialek {
height: 200px;
}

#socialek li {
  display: inline-block;
  margin-right: 12%;
}

#socialek li:first-child {
  display: inline-block;
  margin-left: 0;
}

#socialek li:nth-child(2) {
  display: inline-block;
  margin-top:-50px;
}




#vstupenka {
  margin-top: 150px !important;
  margin-bottom: 110px !important;
    max-width: 1192px!important;
}
    #vstupenka li {
      position: relative;
      width: 184px;
    }

    #vstupenka li img {
      margin-bottom: 15px;
        margin-left: 15px;
    }
#vstupenka ul li span {
  display: block; !
}

#vstupenka li:nth-child(2) img{

 margin-bottom: 33px;
}


/*
#vstupenka li:first-child {
  
  width: 184px;
  
}
#vstupenka li:first-child:after {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
   top: -86px;
  left: 89px;
  background: url('/images/clock.png') no-repeat;
}

#vstupenka li:nth-child(2){
  display: inline-block;
 margin-bottom: 20px;
}

#vstupenka li:nth-child(2):after {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
   top: -107px;
  left: 55px;
  background: url('/images/workshop.png') no-repeat;
}

#vstupenka li:nth-child(3):after {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
   top: -90px;
  left: 55px;
  background: url('/images/food.png') no-repeat;
}

#vstupenka li:nth-child(4):after {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
   top: -85px;
  left: 55px;
  background: url('/images/ticket.png') no-repeat;
}

#vstupenka li:nth-child(5):after {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
   top: -80px;
  left: 55px;
  background: url('/images/archiv.png') no-repeat;
}

#vstupenka li:nth-child(6):after {
  position: absolute;
  content: "";
  width: 64px;
  height: 64px;
   top: -103px;
  left: 55px;
  background: url('/images/interaction.png') no-repeat;
}*/

.personInfoWrap {
  display: none;
}

/*BG ANIMATION*/
/*CSS SLIDESHOW*/

@keyframes xfade{
   0%{
      opacity: 1;
   }
   47% {
      opacity: 1;
   }
   50% {
      opacity: 0;
   }
   99% {
    opacity: 0;
   }
   100% {
    opacity: 1;
   }
}

@-webkit-keyframes xfade{
   0%{
      opacity: 1;
   }
   47% {
      opacity: 1;
   }
   50% {
      opacity: 0;
   }
   99% {
    opacity: 0;
   }
   100% {
    opacity: 1;
   }
}

#bg img:nth-child(1) {
  opacity: 0;
  animation: xfade 20s 0s infinite;
  -webkit-animation: xfade infinite;
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 20s;
   -webkit-animation-fill-mode: both;
}

#bg img:nth-child(2) {
  opacity: 0;
  animation: xfade 20s 10s infinite;
  -webkit-animation: xfade infinite;
  -webkit-animation-delay: 10s;
  -webkit-animation-duration: 20s;
   -webkit-animation-fill-mode: both;
}

/*fancyboxy*/

.o-recnikovi {
  max-width: 600px;
  min-height: 400px;
}

.o-recnikovi strong {
   display: block;
  font-size: 35px;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 27%;
}

.o-recnikovi p {
 line-height: 25px;
 text-align: justify;
 padding-left: 10px;
 padding-right: 10px;
}

.o-recnikovi ul {
margin-top: 10px;
margin-bottom: 10px;
list-style: circle; 
}

.o-recnikovi ul li{
margin-left: 28px;
margin-top: 5px;
}

.obchodni-podminky {
  max-width: 850px;
  min-height: 400px;
  padding:0 50px;
}

.obchodni-podminky strong {
   display: block;
  font-size: 35px;
  margin-bottom: 20px;
  margin-top: 20px;
 text-align: center;
}

.obchodni-podminky p {
 line-height: 25px;
 margin-bottom: 50px;
 line-height: 24px;
}

.obchodni-podminky li {
margin-bottom: 9px;
}

.obchodni-podminky ul {
  margin-top: 20px;
  margin-left: 30px;
list-style: upper-alpha;
margin-bottom: 20px;
}

.obchodni-podminky ul li {
margin-bottom: 9px;
}


/*faq*/

.faq-podminky {
  max-width: 850px;
  min-height: 400px;
  padding:0 50px;
}

.faq-podminky strong {
   display: block;
  font-size: 25px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.faq-podminky p {
 line-height: 25px;
 margin-bottom: 50px;
 line-height: 24px;
}


.faq-podminky ul {
  margin-top: 20px;
  margin-left: 30px;
margin-bottom: 20px;
}

.faq-podminky ul li {
margin-bottom: 12px;
}
.podminky-bug {
  margin-left: 12px;
}

/*formular kontaktni*/
#kf {
   width: 100%;
  margin-top: -306px;
  height: 500px;
  background-color: transparent;
  text-align: center;
  margin-left: 192px;


}

#kf h2{
  width: 367px;
  padding-top: 20px;
  margin: 0 auto;
  color:#D5D5D5;
}

#kf form {
  width: 789px;
  height: 160px;
  margin: 40px auto;
}

#kf input {
    display: inline-block;
  width: 224px;
  height: 40px;
  border: 1px solid #35455f;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 12px;
  padding-left: 20px;
}

#kf textarea {
   width: 490px;
  height: 157px;
  border: 1px solid #35455f;
  background: rgba(255, 255, 255, 0.9);
  float: left;
   z-index: 1;
   margin-left: 146px;
}

#kf button {
   color: #fff;
  border: none;
  float: right;
  margin-right: 146px;
  width: 200px;
  height: 41px;
    margin-top: 13px;
}

::-webkit-input-placeholder {color: #364560;padding-left: 20px;}
::-moz-input-placeholder {color: #364560;padding-left: 20px;}
::-ms-input-placeholder {color:#364560;padding-left: 20px;}
::-o-input-placeholder {color: #364560;padding-left: 20px;}



.success {
    position: absolute;
   top: 412px;
  left: 706px;
  display: inline-block;
  width: 382px;
  height: 35px;
  background-color: #7aa745;
  background-image: url('/img/ok.png');
  background-repeat: no-repeat;
  background-position: 50% 10%;
  text-align: center;
  color: #234000;
  padding: 119px 65px;
  margin-top: -232px;
  z-index: 99999;
}
.silvers {
  margin-top: -44px;
}



.goldsilver {
    padding-left: 122px;
}
.invisible {
  visibility: none;
  opacity: 0;
 
}

#frantisek-bostl, #lukas-kovanda, #martin-chalupecky, #zdenek-salvet, #michal-micka, #michael-sonenshine, #martin-sip, #tomas-neuzil, #zdenek-jorda, #jesef-zlamal, #pevel-oplustil, #rozstislav-navratil, #roman-dvorak, #ludvik-turek, #pavel-kohout, #petr-krejci, #nela-kubasova, #petr-sluka {
  position: absolute;
top:-150px;
}

/*reference*/

#reference ul{
   margin: 0 auto;
  width: 100%;
  text-align: center;
}

#reference ul li {
    display: inline-table;
  width: 252px;
  margin-right: 30px;
  margin-left: 30px;
  text-align: center;
  line-height: 22px;
  margin-bottom: 50px;
}

#reference h4 {
  text-align: center;
  margin-bottom: 12px;
}

/*#odpocitavani {
  margin:0 auto;
  width: 442px;
    margin-top: -58px;
}

#odpocitavani ul{
  margin-top: 20px;
  height: 322px !important;
    margin-left: 38px;
}


#odpocitavani ul li{
  display: inline-block;
  margin-right: 20px;

}


#odpocitavani ul li .days,#odpocitavani ul li .hours,#odpocitavani ul li .minutes, #odpocitavani ul li .seconds {
    font-size: 65px;
}

#odpocitavani h2 {
  text-align: center;
  font-size: 40px;
    width: 461px;
}*/

@media screen and (min-width:960px) {

    #odpocitavani {  margin:0 auto;  width: 450px;    margin-top: -58px;}
    #odpocitavani ul{  margin-top: 20px;  height: 322px !important;  margin-left: 53px;}
    #odpocitavani ul li{  display: inline-block;  margin-right: 20px;}
    #odpocitavani ul li .days,#odpocitavani ul li .hours,#odpocitavani ul li .minutes, #odpocitavani ul li .seconds {    font-size: 65px;}
    #odpocitavani h2 {   text-align: center;  font-size: 40px;  width: 461px;  margin-top: 42px;  margin-bottom: 300px;}
    

    #countdown ul {   width:60%;   list-style:none;  }
  #countdown ul li {width:15.4333%; display:inline-block; text-align:center;   }   
   #countdown span { font-size: 42px;   font-weight:bold;}
}