* {outline: none;}
.hidden {display:none;}
h2 {margin-bottom:8px;}
h3{ margin-bottom:7px;}
input, select  {padding:1px; } 
#wrapper input[type="checkbox"] {position:relative; top:3px; left:-2px;}
#wrapper input[type="radio"] {position:relative; top:3px; left:-2px;}
#darnes_adds { width:99.9%; height:100%;}
button {
	font-size:1.05em;
	min-width:100px; padding:8px;
  -webkit-border-radius: 7px; 
  -moz-border-radius: 7px; 
  border-radius: 7px; 
  -webkit-box-shadow: 0 3px rgba(58,87,175,.75); 
  -moz-box-shadow: 0 3px rgba(58,87,175,.75); 
  box-shadow: 0 3px rgba(58,87,175,.75);
  transition: all 0.1s linear 0s; 
  top: 0px;
  position: relative;}
button:hover {   top: 3px; background:white;
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  box-shadow: none; f
}
.youtube-player {max-width:100%;}
img {max-width:100%;}
#tiny button, .mce-tinymce button{box-shadow:0 0px; border:0px; border-radius:0px; min-width:0px; padding:5px;}
a, input, select, button {text-decoration:none; outline:0;} 
a li {list-style:none;}
a:hover {text-decoration:underline;}
abbr {cursor:help;}
.underline-none:hover {text-decoration:none !important;}
.rotate {  transform: rotate(-270deg);}
.rotate-180 {  transform: rotate(-180deg);}
#uzivatel-profile {position:fixed; top:10px; left:0; z-index:106;  padding-bottom:13px;}
#uzivatel-profile img {height:30px; width:auto; margin:0px; padding:0px; }
#messagebox { text-align:center; z-index:106; position:fixed; background:#FFC; right:0; font-weight:bold;top:0px;}
#messagebox p{ padding:0px 8px; margin:14px 0px; }
#loading {position:fixed; width:50%; height:auto; left:25%;  z-index:999; height:50%; top:25%; display:none;
				background-image:url(../images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:contain;}
html, body {padding:0px; margin:0px}

navigation h1{ text-align: center; margin-top:0px; z-index:105; position:fixed	; width:100%; max-height:50px;}
navigation h1 {background:rgba(200,200,200,0.89); border-bottom:1px solid black;}
navigation h1 img {height:40px;}
#sidenavigation {min-width:100px; width:19%; padding-right:1%; float:left;  position:relative; left:0; top:60px; bottom:0; height:auto;}
#sidenavigation h4 {margin:0px; margin-top:5px; }
#main {width:80%; float:left;  position:absolute; right:0; top:60px;}


table{width:97%;  text-align:center; margin-top:1em; border:5px solid #0a54a2; overflow-x: auto;   display:inline-block; padding:6px 6px;}
table.vypisy {border:none !important; }
table img {height:30px;}
table::-webkit-scrollbar { background:#CCC;  height:8px;}
table::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.75);     border-radius: 5px;}
table::-webkit-scrollbar-thumb {    border-radius: 10px;    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.75);  background:rgba(255,255,255,0.4);}

tr {border:1px solid black;}
tr.vypisy {border:none !important;}
th {padding:8px 10px; cursor:pointer; min-width:60px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);
box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);}
.vypisy th{padding:2px 5px; min-width:200px; max-width:200px;}
.vypisy th select {max-width:200px; text-align:center; min-width:120px;}
.rezervace-table th {font-weight:bold; padding:1em 0.5em; font-size:0.8em; 
    width:1%; }
td {padding:8px 10px;   min-width:40px; cursor:pointer;
background:rgba(255,255,255,0.5);					
-webkit-box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);
box-shadow: 2px 2px 5px 0px rgba(161,161,161,1);}
.vypisy td{background:none !important;}
.rezervace-table td {font-weight:normal; padding:0.5em; }
thead th {cursor:default;}

#uzivatel-rezervace-tr{cursor:pointer;}

div [restricted = true] {cursor:no-drop;}
div [blokovano = true] { cursor:no-drop;}
div [moje = true] {	cursor:help !important;}
div [ostatni = true] { cursor:no-drop;}

.blok {min-width:90px; max-width:120px; min-height:30px; max-height:30px; float:left; text-align:center;  border:3px solid black; 
margin-left:0.8%; margin-top:1em;  padding:5px 2px; cursor:default !important; font-size:0.8em;
}

.objednavkovy-forumlar-blok {width:98%;  margin:25px; padding:2px 0px; border-bottom:1px dotted black; border-top:1px dotted black; background:rgba(20,20,20,0.1);}
.objednavkovy-forumlar-blok:hover {font-size:1.005em; background:rgba(20,20,20,0.0);}
.objednavkovy-forumlar-blok h2{margin-top:10px;}
.objednavkovy-forumlar-blok ul{ margin-left:-25px;}
.objednavkovy-forumlar-blok ul li {  list-style-type:none; padding:1px 1%; border-left:4px solid black;}

.objednavkovy-formular-informace { padding-left: 3px;}
#udlosti-objednavka-sedadla-wrapper {position:fixed; bottom:10px;     margin-left: 13px;}

#objednvakovy-formular-wrapper { position:absolute; left:0; width:130%; height:400%; top:-60px; left:-30%; background:rgba(50,50,50,0.9);  z-index:404;  display:none;}
#objednvakovy-formular { margin-left:10%; width:80%; background:white; border:7px solid black; margin-top:3%;}
.fa-times-circle-o {font-size:3em !important; position:absolute; top:-40px; left:-40px; color:white; cursor:pointer;}
#qr-code {position:absolute; right:0; top:0;}
.rezervace_form_cena{display:none;}
#potvrzeni-wrapper { width:50%; position:fixed; z-index:410; top:20%; left:25%; background:white; height:200px; display:none;}
#potvrzeni-header {height:25px; background:#AF4255; width:100%; padding:5px 0px; border-bottom:1px solid black;
-webkit-box-shadow: 2px 2px 5px 0px rgba(101,101,101,1); -moz-box-shadow: 2px 2px 5px 0px rgba(101,101,101,1); box-shadow: 2px 2px 5px 0px rgba(101,101,101,1)}
#potvrzeni-header-p {font-size:1.2em; color:white; font-weight:bold; padding:5px; margin-top:10px;}
#potvrzeni-header-close {font-size:1.6em; color:white; background:rgba(0,0,0,0.3); float:right; height:31px; margin-top:-5px; padding:0px 10px; padding-top:4px; cursor:pointer}
#potvrzeni-header-close:hover{background:rgba(0,0,0,0.4); font-weight:bold; background:rgba(0,0,0,0.4);}
#potvrzeni-main { height:70%; width:94%; margin-left:3%;margin-top:30px; height:90px;}
#potvrzeni-end { height:70%; width:94%; margin-left:3%; margin-top:5px;}

#bravy-styly-button {position:fixed; bottom:3px; top:unset; left:20%; height:35px;}
#bravy-styly-button:hover {position:fixed; bottom:0px;}

.pointer {cursor:pointer;}
.clearfix {clear:both;}
.color-white {color:white;}
.hidden {display:none;}
.invisible {visibility:hidden;}
.readonly_ul li input{background:none; width:auto; min-width:0px; border:none; color:none;}
#uzivatel-rezervace, #osobni-udaje { display:none;}
#osobni-udaje img {height:50px; width:auto;}

.has-success {background:#337ab7;}
.has-error {background:#f43f3f;}

.status-not-available {text-align:center; color:#f43f3f;}
.status-available {text-align:center; color:#337ab7;}
.status-almost-available{text-align:center; color:#C60;}

#nav-arrow {display:none; right:0;}
.nav-arrow-show {right:0px;}
.nav-arrow-hide {right:0px; }



.small{padding:0px; margin:0px; height:10px; width:10px;}

.small {    font-size: 12px;}
.small-x {height:10px !important;}
.small-y {width: 10px !important;}
#zoom-wrapper {    height: 20px; position: absolute;    right: 10px;}

#sedala_vypis { float:left;  position:relative; border-bottom:3px solid black; top:unset; bottom:0px;     background: rgba(255,255,255,0.5);}
#sedadla_vypis-button {     top: 10px;    left: 10px;} 
button.zoom-btn {width:auto; min-width:0px; background:none; padding:0px; border:none; font-size:1.5em; box-shadow:none; float:right; }
button.zoom-btn:hover {background:none; }
#zoom_vypis { font-size:1.5em; font-weight:bold; min-width:100px; width:auto; text-align:center; float:right;}
.mimoradne_rezervace-table th {font-size:0.9em; min-width:70px;}
.mimoradne_rezervace-table tr {min-width:70px;}

@media (max-width:1360px) { #wrapper {font-size:0.9em;} table{width:96.5%;} .rezervace-table th {font-size:0.75em;}}
@media (max-width:1024px) { 
#objednvakovy-formular-wrapper { width:100%; height:200%; top:-60px; left:0%;  } #messagebox {bottom:0; top:unset;} #messagebox p {margin-right:10px;}
#wrapper {min-height:99%; min-width:99%; position:static; z-index:101;  font-size:0.8em;}
navigation h1{ width:120%; margin-right:12%;}
.nav-arrow-show {right:0px !important;}
.nav-arrow-hide {left:1024px !important; }
.nav-arrow {left:34.5% !important;}
#nav-arrow {display:block; font-size:3em; color:#337ab7; position:fixed; top:5px; right:10px; z-index:307;}
#sidenavigation {width:40%;  float:right; position:fixed; background:white; z-index:306; height:100%; top:0; overflow-y:scroll; left:unset;}
#main {width:100%; float:left;}
#objednvakovy-formular-wrapper { height:250%; }
#objednvakovy-formular { margin-top:5%;}

.blok {min-width:70px; max-width:85px; min-height:30px; border-width:2px; font-weight:bold;
margin-left:0.75%; margin-top:0.8em;  padding:7px 3px 7px 3px; font-size:.75em;}
table{margin-top:0.5em; border-width:3px; font-size:1em;}
tr {border:1px solid black;}
.rezervace-table th {padding:0.5em 0.25em;  width:0.8%;  cursor:pointer;}
.rezervace-table td {padding:0.2em; font-family:}
#potvrzeni-wrapper { width:70%; left:15%; top:15%; }

 }
@media (max-width:768px) {#sidenavigation {width:50%; }  #objednvakovy-formular { margin-top:8%;} #qr-code { display:none;} 
table img {height:30px;}

#nav-arrow {top:3px;}
navigation h1{ text-align:center; padding:4px 0px; max-height:30px !important; font-size:2.1em;}
navigation h1 img{ height:25px;} 
#uzivatel-profile {top:3px;}
#udlosti-objednavka-sedadla-wrapper {margin-left: 8px;}
}

@media (max-width:640px) {h1 {font-size:1.7em;} h2 {font-size:1.6em;}
.blok {min-width:80px; max-width:80px;  padding:4px 2px 4px 2px; font-size:.7em; min-height:30px;}
} 
@media (max-width:560px) {	
#sidenavigation {width:70%; font-size:1.3em;} 
button { min-width:90px; }
#objednvakovy-formular-wrapper i {font-size:3em; position:absolute; top:0px; left:unset; right:0px; color:#CCC; cursor:pointer;}
#objednvakovy-formular-wrapper i:hover {font-size:3.3em; color:black;}

#objednvakovy-formular-wrapper { width:100%; height:250%; top:-60px;   }
#objednvakovy-formular {width:95%; margin-left:2.5%; border:none; }

.objednavkovy-forumlar-blok {width:100%;  margin:20px 0px; padding:0px; border-bottom:1px dotted black; border-top:1px dotted black; background:rgba(20,20,20,0.1);}
.objednavkovy-forumlar-blok:hover {font-size:1.005em; background:rgba(20,20,20,0.0);}
.objednavkovy-forumlar-blok h2{margin-top:10px;}
.objednavkovy-forumlar-blok ul{ margin-left:-25px;}
.objednavkovy-forumlar-blok ul li {  list-style-type:none; padding:1px 1%; border-left:4px solid black;}

#objednavkovy-formular-informace { font-size:0.8em;}



h1 {font-size:1.6em;} h2 {font-size:1.5em;}

#uzivatel-profile {display:none;}
#wrapper input, #wrapper select {width:90%; margin-left:5%; padding:5px;}
#wrapper input[type="checkbox"] {width:18px; height:18px;  top:3px; left:-21px;}
#wrapper input[type="radio"] {width:18px; height:18px;  top:3px; left:0px;}
.blok {min-width:60px; max-width:60px; max-height:20px;min-height:20px; border-width:1px; font-weight:normal;
margin-left:0.75%; margin-top:0.8em;  padding:2px 1px 2px 1px; font-size:.6em;}

#bravy-styly-button { left:0%; }
table{width:99%; border-width:2px; padding:6px 0px;}
table img {height:20px;}
th { font-size:0.85em;}
.vypisy th select { font-size:1em; text-align:center;}

#nav-arrow {top:3px;}
navigation h1{ width:100%; margin-left:0%; text-align:center; padding:4px 0px; max-height:30px !important; font-size:1.9em;}
navigation h1 img{ height:20px;} 
#potvrzeni-wrapper { width:90%; left:5%;}
.vypisy th{padding:2px 5px; min-width:100px; max-width:120px;}
.vypisy th select {max-width:120px; text-align:center; min-width:100px;}

#zoom-wrapper {      position: relative;    right: unset;    display: inline-block;}

#udlosti-objednavka-sedadla-wrapper {margin-left: 4px;}
}
@media (max-width:480px) {#sidenavigation {width:80%; }	table{width:98.5%; }#wrapper input[type="checkbox"] {left:-18px;} #nav-arrow {    top: -2px;}}
@media (max-width:400px) {#sidenavigation {width:100%; } #objednvakovy-formular { margin-top:10%;} navigation h1{ text-align:left; font-size:1.75em;}  navigation h1 img{ display:none;}  #wrapper input[type="checkbox"] {left:-14px;} }
@media (max-width:350px) {.vypisy th{padding:2px 5px; min-width:80px; max-width:100px;}
.vypisy th select {max-width:100px; text-align:center; min-width:80px;}}
@media (max-width:320px) {#sidenavigation {width:100%; } #objednvakovy-formular { margin-top:10%;} navigation h1 img{ display:none;} 
#wrapper input[type="checkbox"] {left:-13px;}}
@media (max-width:280px) {#sidenavigation {width:100%; } #objednvakovy-formular { margin-top:10%;} navigation h1 img{ display:none;} 
#wrapper input[type="checkbox"] {left:-10px;}}





div [restricted = true] {	background:#CCCCCC; }   	/*ZAMEZENO*/
div [restricted = true]:hover {	background:#CCCCCC; } /*ZAMEZENO*/
.rezervace_zamezeno{background:#CCCCCC;} /*ZAMEZENO*/

div [blokovano = true] {	background:#444444; } /*BLOKOVANO*/
div [blokovano = true]:hover {	background:#444444 !important;} /*BLOKOVANO*/
.rezervace_blovano{background:#444444;} 

.pole_objednavka:hover {background:#A20A1F;} /*MOJE REZERVACE*/
div [moje = true] {	 background:#A20A1F;}		/*MOJE REZERVACE*/
div [moje = true]:hover {background:#A20A1F !important;} /*MOJE REZERVACE*/
.rezervace_me{background:#A20A1F;}			/*MOJE REZERVACE*/

div [moje = true][old = true] {background:#CC6666 !important;} /*MOJE STARE REZERVACE*/
.old_zarezervovano {background:#CC6666 !important; }		/*MOJE STARE REZERVACE*/
.rezervace_me_byvale{background:#CC6666;} 			/*MOJE STARE REZERVACE*/

div [ostatni = true] {background:#009966; }						/*OSTATNI REZERVACE*/
div [ostatni = true]:hover{background:#009966;  }			/*OSTATNI REZERVACE*/
.rezervace_ostatni{background:#009966;}							/*OSTATNI REZERVACE*/
		
div [ostatni = true][old = true] {background:#006666 !important;} /*OSTATNI BYVALE REZERVACE*/
.rezervace_ostatni_byvale{background:#006666;} 	/*OSTATNI BYVALE REZERVACE*/

.pending {background:#E7E378 !important; }		/*ČEKÁ NA SCHVÁLENÍ*/
.pending:hover{background:#E7E378 !important;}	/*ČEKÁ NA SCHVÁLENÍ*/
div [pending = true] {	 background:#E7E378 !important; }	/*ČEKÁ NA SCHVÁLENÍ*/
div [pending = true]:hover {	 background:#E7E378 !important;}	/*ČEKÁ NA SCHVÁLENÍ*/
.rezervace_schvaleni{background:#E7E378;}/*ČEKÁ NA SCHVÁLENÍ*/
 
.rezervace_free{background: ;}  /*K REZERVOVÁNÍ*/
.pole_objednavka  {background:;}  /*K REZERVOVÁNÍ*/


 td[deny="false"] {background:#70ffae !important; } td[deny="true"] {background:#845c5c !important; }


/*FORMULAR ZADOST*/
#formular-zadost button#objednat {position:fixed; left:20%; bottom:3px; top:unset; height:50px; width:25%;}
#formular-zadost button#objednat:hover { bottom:0px;  }
@media (max-width:1024px) {#formular-zadost button#objednat {left:50%;} }
@media (max-width:768px) {#formular-zadost button#objednat {width:50%; left:25%;}}
@media (max-width:560px) {#formular-zadost button#objednat {width:100%; left:0%;}}


/* KALENDAR CSS */
div#calendar{
  padding:0px;
  width: 602px;
}

 
div#calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
    background-color:   #787878 ;      
}
 
div#calendar div.header{
    line-height:40px;  
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;
    width:582px;
    height:40px;   
    text-align:center;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
div#calendar div.header span.title{
    color:#FFF;
    font-size:18px;
	text-transform:capitalize;
}
 
 
.calendar-next-prev {	position:absolute; padding:12px; cursor:pointer;}
.calendar-next-prev:hover {background:rgba(222,222,222,0.5);}
#clandar-prev{
    left:-10px;
}
 
#clandar-next{
    right:-10px;
}
 
 #clandar-next, #clandar-prev {color:black !important;}
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    border:1px solid #787878 ;
    border-top:none;
}
 
 
 
div#calendar ul.label{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:5px;
    margin-left: 5px;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:5px;  
    float:left;
    list-style-type:none;
    width:80px;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 15px;
    background-color: transparent;
}
 
 
div#calendar ul.dates{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li{
    margin:0px;
    padding:0px;
    margin-right:5px;
    margin-top: 5px;
    line-height:80px;
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:80px;
    height:80px;
    font-size:25px;
    background-color: rgba(50,50,50,0.2);
    color:#000;
    text-align:center; 
}
 
:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}      
#calendar-now {cursor:pointer;}
.restricted {cursor:no-drop;}
.vyber {	background:#FF6 !important;}
.vyber, .vyber:hover, .vyber.active {  cursor:pointer;  border:3px solid black; width:74px !important; height:74px !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,1);
box-shadow: 0px 0px 0px 1px rgba(0,0,0,1);}	/*ČEKÁ NA SCHVÁLENÍ*/
.vyber:hover {background:#FC3 !important; }
.dates li.active  {  background:rgba(255,20,20,0.9) !important;  border:1px solid black; width:78px !important; height:78px !important;}
@media (max-width:1024px) { div#calendar{margin:0px auto;}}
@media (max-width:720px) { 
  div#calendar{ width:480px !important;}
  div#calendar div.header span.title {font-size:18px; }
div#calendar div.header{width:460px !important; font-size:18px;}
div#calendar ul.label li{       height:60px;  width:60px;    line-height:60px; font-size:18px;}
div#calendar ul.dates li{    line-height:60px;    width:60px;    height:60px;  font-size:18px;   }
.dates li.active {  width:58px !important; height:58px !important;}
.vyber, .vyber:hover, .dates li.vyber.active {  width:56px !important; height:56px !important;}
.vyber, .vyber:hover, .vyber.active  { 
border:2px solid black !important;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,1);
box-shadow: 0px 0px 1px 1px rgba(0,0,0,1);}	/*ČEKÁ NA SCHVÁLENÍ*/
}

@media (max-width:490px) { 
  div#calendar div.header span.title {font-size:14px; }
  div#calendar{ width:360px !important;  }
div#calendar div.header{width:340px !important;  font-size:14px; }
div#calendar ul.label li{       height:45px;  width:45px;    line-height:45px;font-size:14px;}
div#calendar ul.dates li{    line-height:38px;    width:45px;    height:45px;  font-size:14px;   }
.vyber, .vyber:hover, .dates li.vyber.active{  width:41px !important; height:41px !important;}
.dates li.active  {  width:43px !important; height:43px !important;}
}

@media (max-width:370px) { 
  div#calendar div.header span.title {font-size:12px; }
  div#calendar{ width:300px !important;  }
div#calendar div.header{width:285px !important;  font-size:12px; }
div#calendar ul.label li{       height:34px;  width:34px;    line-height:34px;font-size:12px; }
div#calendar ul.dates li{    line-height:30px;    width:34px;    height:34px;  font-size:12px;   }
.vyber, .vyber:hover, .dates li.vyber.active {  width:30px !important; height:30px !important;}
.dates li.active {  width:32px !important; height:32px !important;}
}

@media (max-width:310px) { 
  div#calendar div.header span.title {font-size:10px; }
  div#calendar{ width:260px !important;  }
div#calendar div.header{width:245px !important;  font-size:10px; }
div#calendar ul.label li{       height:31px;  width:31px;    line-height:31px;font-size:10px; }
div#calendar ul.dates li{    line-height:27px;    width:31px;    height:31px;  font-size:10px;   }
.vyber, .vyber:hover, .dates li.vyber.active{  width:27px !important; height:27px !important;}
.dates li.active  {  width:29px !important; height:29px !important;}
}