/* ---------------------
basic layout
--------------------- */
 @font-face {font-family: 'Open Sans'; src: url('../fonts/opensans-regular.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff'); font-weight: 400; font-style: normal; }
 @font-face {font-family: 'Open Sans'; src: url('../fonts/opensans-bold.woff2') format('woff2'), url('../fonts/opensans-bold.woff') format('woff'); font-weight: 700; font-style: normal; }
 @font-face {font-family: 'Roboto Slab'; src: url('../fonts/robotoslab-bold-webfont.woff2') format('woff2'), url('../fonts/robotoslab-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; }

* {
	font-family: "Open Sans", Arial, sans-serif;
}

body {
	text-align: center;
	top:0;
	margin:0;
	background: #ddd;
	background-image: url(../images/bg.jpg);
	background-size: cover;
	background-position: fixed; 
	font-size:14px;
	color: #2b2b2b;
}
h1,h2,h3,h4,h5,h6 {
	color: #e2001a;
	font-family: "Open Sans", Arial, sans-serif;
}

h1 {
	font-size: 19px;
	margin: 5px 0 15px 0;
	text-transform: uppercase;
	font-weight: normal;
}
h2 {
	font-size: 17px;
	margin: 16px 0 5px 0;
	text-transform: uppercase;
}

h3 {
	font-size: 15px;
	margin: 10px 0 0 0;
}
h4 {
	font-size: 13px;
	margin: 12px 0 6px 0;
}

a,
a:link,
a:active {color:#8c1e1f;}
a:visited, a:hover {color:#b4191a;}
a.noline, a.noline:visited { border: none;}
a img {border: none;}
p {
  margin: 4px 0px;
  line-height: 1.4em;
}
ul {margin: 0; padding: 0 0 0 30px;}
li {
	margin: 10px 0;
	list-style-image: url(../images/odrazka.gif);
	overflow: visible;
}
input, textarea {
  border : 1px solid #AAA;
  padding: 0.2em 0.2em;
}
select {padding: 0.1em 0;}
fieldset {border: none;}
input, textarea, select { margin: 0.1em 0;}
.checkboxes, .checkboxes:hover {margin: 0.4em 0;  border: none;}
.checkbox, .checkbox:hover {border: none;}
input:hover, textarea:hover,
input:active, textarea:active {border : 1px solid #777;}
textarea {font-size: 1em;}
table {
	border-collapse: collapse;
	margin: 5px 0 15px 0;
	border: none;
}
th, td {
	padding: 7px 15px;
	border-bottom: 1px solid #DDD;
}
th {
	background-color: #E5E5E5;
	padding: 6px 15px;
	color: #444;
	font-size: 1.1em;
	text-align: center;
}
th a {text-decoration: none; background: url(../images/is/sort_off.png) no-repeat center right; display: block; padding: 0 12px 0 0; }
th a.select {text-decoration: underline; background: url(../images/is/sort_asc.png) no-repeat center right; }
th a.select.desc {background: url(../images/is/sort_desc.png) no-repeat center right; }
table tfoot tr {
  position: absolute;
  top: 55px;
  height: 42px;
  display: block;
  margin: 0;
  padding: 0;
}
table tfoot tr th {background-color: #FFF;}
.suda {background-color: #f5f5f5;}
.over { background-color: #e1abb1; }

table.tab_clear {
	padding: 0px;
	margin: 0px;
	border: none;
}
.tab_clear td {border: none;}
.clear {clear: both;}
/* formuláře */

#valForm label.error {
  display: inline;
  color: #888;
  font-size: 10px;
  font-style: italic;
  margin-left: 5px;
}

#valForm input.error {
  background: #FFFFCC;
  border: 1px dotted red;
}

.button_form, a.button_form {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
	padding: .3em 1.1em .32em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #FFF;
	text-decoration: none;
}

.button_form:hover, a.button_form:hover {
	text-decoration: none;
	padding: .3em 1.1em .32em;
}
a.button_form { padding: .4em 1.1em .38em; }
a.button_form:hover { padding: .4em 1.1em .38em; }
.button_form:active {
	position: relative;
	top: 1px;
}
.button_form.left {
	margin: 0;
}

.red, 
.red:active {
	color: #fef4e9;
	background: #bd0117;
}
.red:hover {
	background: #8c1e1f;
}

.button_form.silver,
.button_form.silver:active {
	background: #a5a5a5;
}
.silver:hover, 
.silver.select {
	background: #777777;
}
a.button_form.silver.print {padding: .5em 1.1em .48em 35px; margin-left: 15px; background: #777777 url('../images/is_print.png') no-repeat 8px center; filter: none;}
a.button_form.silver.print:hover {padding: .5em 1.1em .48em 35px; margin-left: 15px; background: #555555 url('../images/is_print.png') no-repeat 8px center;}

a.button_form.silver.email {padding: .5em 1.1em .48em 35px; background: #777777 url('../images/ico_email.png') no-repeat 8px 8px; filter: none;}
a.button_form.silver.email:hover,
a.button_form.silver.email.select {padding: .5em 1.1em .48em 35px; background: #555555 url('../images/ico_email.png') no-repeat 8px 8px;}
a.button_form.silver.export {padding: .5em 1.1em .48em 35px; margin-left: 15px; background: #777777 url('../images/ico_export.png') no-repeat 8px center; filter: none;}
a.button_form.silver.export:hover,
a.button_form.silver.export.select {padding: .5em 1.1em .48em 35px; background: #555555 url('../images/ico_export.png') no-repeat 8px center;}

a.button_form.silver.rezervace {padding: .5em 1.1em .48em 35px; background: #777777 url('../images/ico_rezervace.png') no-repeat 8px 8px; filter: none;}
a.button_form.silver.rezervace:hover,
a.button_form.silver.rezervace.select {padding: .5em 1.1em .48em 35px; background: #555555 url('../images/ico_rezervace.png') no-repeat 8px 8px;}
a.button_form.silver.hlidaci_pes {padding: .5em 1.1em .48em 35px; margin-left: 15px; background: #777777 url('../images/ico_hlidaci_pes.png') no-repeat 8px center; filter: none;}
a.button_form.silver.hlidaci_pes:hover,
a.button_form.silver.hlidaci_pes.select {padding: .5em 1.1em .48em 35px; background: #555555 url('../images/ico_hlidaci_pes.png') no-repeat 8px center;}

#tab_buttons {
  font-size: 0.9em;
  float: right;
  margin: 5px 0 0 0;
  text-align: right;
}
#tab_buttons .button_form.silver {background: #777777; font-size: 0.9em; margin: 0 0 5px 5px;}
#tab_buttons .button_form.silver:hover {background: #555555; font-size: 0.9em;}


#infoDialog span,
#rezDialog span {
  display: none; 
}
p.info,
.upozorneni {
  display: inline-block;
  padding: 1em 1em 1em 35px;
  background: #FFFF99 url(../images/is/ico_info.png) no-repeat 8px center;
  color: #444;
  font-size: 0.9em;
  margin: 0 0 15px 0;
  -webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	width: auto;
}
.upozorneni {background: #FFFF99 url(../images/is/ico_exclamation.png) no-repeat 8px center; padding: .5em 1em .5em 35px; color: red; font-size: 0.85em; margin: 0;}
/* -- lekce -- */
.rozvrh {clear: both;}
.rozvrh a {
  display: block;
  float: left;
  width: 30px;
  height: 24px;
  line-height: 24px;
  margin: 0 -1px -1px 0;
  background: #f5f5f5;
  text-align: center;
  border: 1px solid #fff;
}
.rozvrh.zahlavi a,
.rozvrh a.sirsi,
.rozvrh a.kurt {width: 61px; color: #444; background: #f5f5f5; font-weight: bold;}
.rozvrh a.kurt {width: 55px;}
.rozvrh a:hover {background: #ddd;}

.rozvrh a.rez {background: #e2001a; color:#FFF; font-size: .85em; text-decoration: none; overflow: visible;}
.rozvrh a.rez:hover {background: #c00117;}

.rozvrh a.rez.kredit {background: #e2001a;}
.rozvrh a.rez.kredit:hover {background: #c00117;}

.rozvrh a.rez.neznamy {background: #e2001a;}
.rozvrh a.rez.neznamy:hover {background: #c00117;}

.rozvrh a.rez.opak {background: #213264;}
.rozvrh a.rez.opak:hover {background: #162550;}

.rozvrh a.rez.opak_kredit {background: #213264;}
.rozvrh a.rez.opak_kredit:hover {background: #162550;}

.rozvrh a.blok,.rozvrh a.blok:hover {background: #e2001a;}
.rozvrh a.svatek,.rozvrh a.svatek:hover {background: #996699; color: #FFF;}
.rozvrh a.cas,.rozvrh a.cas:hover {background: #888;}
.rozvrh a.rez.cas {background: #888;}

/*.rozvrh a.cas.addRez {opacity: .65;  }*/
.rozvrh a.cas.addRez:hover {}
tr.nahradnik {
  background: #FFE0E0;
  font-style: italic;
  padding: 1px 2px 1px 2px;
} 

/* -- IS --- */
#is {
	border-color: #AAA;
	text-align: left;
	margin:0;
}

#is_container {
	position:relative;
	width:1020px;
	background: #fff;
	margin: 25px auto;
	padding: 0;
	text-align: left;
	display: block;
}

/* -- content  --*/
.container_absolute {width: 1300px; margin: 0 auto -360px; clear: both; display: block; padding: 0; position: relative;
  height: 360px;
  z-index: -1;
}
.container_absolute div {
  display: none;
}
.container_absolute div.vpravo { 
  display: none;
}
.container_absolute.eshop { 
  z-index: auto;
}
.container_absolute.eshop div { 
  display: none;
  
}
.container_absolute.eshop div a { 
  display: block;
  color: #b13e3e;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  padding: 29px 5px 2px ;
}
.container_absolute.eshop div a strong { 
  text-transform: uppercase;
  display: block;
}

/* -- hlavička -- */
#header {height: 75px; width: 990px; display: block;	margin: 0 auto;	position: relative; color: #fff;}


#header div {
	position: absolute;
	right: 0;
	top: 10px;
	display: block;
	line-height: 1.5em;
	text-align: right;
}
#header .logo {
	position: absolute;
	left: 5px;
	top: 10px;
	display: block;
}
#header a,
#header a:visited {
	color: #fff;
}

#is_main {
	position:relative;
	float:left;
	clear: left;
	width: 990px;
	margin: 15px 0 0 15px;
	min-height: 600px;
	padding: 0 0 20px 0;
  z-index: 20;
}

#is_main h1 { 
	font-size: 26px;
	text-align: center;
	position: relative;
}

#is_footer {
	position:relative;
	clear: left;
	width: 940px;
	margin: 0 auto;
	height: 60px;
	color: #FFF;
	padding: 10px;
	line-height: 1.5em;
	text-align: right;
}

ul.is_menu {
  height: 45px;
  width: 980px;
  display: block;
  position: relative;
  padding: 0 0 0 10px;
  margin: 25px auto 5px auto;
  text-align: left;
  background: #e2001a;
  clear:left;
}

.is_menu li {
  list-style: none inside;
  font-size: 1.1em;
  padding: 0;
  margin: 0;
  line-height:47px;
  display: inline;
  float: left;
  font-weight: bold;
  border-left: 1px solid rgba(255,255,255, .3);
}

.is_menu li a,
.is_menu li a:active  { 
  text-decoration: none;
  color: #333;
  display: block;
  height: 45px;
  float: left;
  padding: 0 20px;
  color: #fff;
}
.is_menu li:first-child { border-left: none;}

.is_menu li a:hover,
.is_menu li a.select { 
  background: #bd0117;
}


.box_err {
  margin: 0 auto 20px auto;
	display: block;
	position: relative;
	padding: 30px;
	width: 500px;
	border: 1px solid #CCC;
	background: #FBF8CA;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	font-size: 1.1em;
	color: #E33B29;
	text-align: center;
}
/* -- konec IS --- */
.den {margin: 25px 0 0 0; display: inline-block; width: 480px;}
.den a img {margin: 0 0 -2px 0;}
.den h1 {float: left; width:auto; background: blue; color: green; margin: 0; padding: 0;}

.den-list .button_form,
.den-list .datepicker  {
	height: 36px;
	line-height: 36px;
	box-sizing: border-box;
	margin: 0;
	float: left;
}
.den-list .button_form svg  {
	fill: #fff;
	margin-top: -3px;
}

/* -- TinyMCE --- */
body.mceContentBody {
	background: #FFF;
	text-align: left;
	font-size: .9em;
}

/* -- dataGrid -- */
#dataGrid {
  clear: both;
}

#dataGrid_filter input {
  padding: 0.3em 0.3em;
  width: 200px;
}

.dataTables_paginate {
	float: left;
	text-align: right;
	display: block;
}
#dataGrid_paginate,
#dataGrid_info
 {
  display: block;
  float: left;
  margin: 5px 25px 0 0;
  clear: both;
}
#dataGrid_filter {
  display: block;
  float: left;
  margin: 0px 25px 0 0;
}
#dataGrid_length {
  display: inline-block;
  float: left;
  margin: 2px 25px 0 0;
}

#dataGrid_paginate span {
  display: block;
  float: left;
  margin: 0 5px 0 5px;
  color: #DD6B12;
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
}
#vysledek {
  display: block;
  padding: 10px;
  background: #FFFF99;
  text-align: center;
}
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
	display: block;
}

.paginate_disabled_previous {
	background: url('../images/back_disabled.gif');
}

.paginate_enabled_previous {
  background: url('../images/back_enabled.gif');
}

.paginate_disabled_next {
  background: url('../images/forward_disabled.gif');
}

.paginate_enabled_next {
  background: url('../images/forward_enabled.gif');
}
/* ToolTip */
.aToolTip {
	border:2px solid #CCC;
	background:#f9f0a7;
	margin:0;
	padding:6px 12px;
	width: auto;
	-webkit-box-shadow: 0 1px 3px #333333;
	-moz-box-shadow: 0 1px 3px #333333;
	box-shadow: 0 1px 3px #333333;
	font-size: 11px;
}
.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	text-align: left;
}
a.tooltip {border-bottom: 1px dashed;}
.clear {	clear:both;}
.text_maly {	font-size: .8em;}
img.odsazeni {	margin: 5px;	border: 3px solid #CCC;}
.fialova {	color: #9900CC;}
.cerveny {color: #CC0000;}
.zeleny {color: #009900;}
.mensi {font-size: 0.85em;}
p.mensi {margin: 6px 0;}
.sedy {color: #666;}
.cerny {color: #333;}
.vetsi {font-size: 1.15em;}
.back_oranz {background: #FFE090;} 
.neviditelny {display: none;}
.vpravo {text-align: right;}
.tucny {font-weight: bold;}
.preskrtnuto {text-decoration: line-through;}
/* formuláře */
#is form p,
form p.inline  {display: inline-block; float: left; width: auto; margin: 0 20px 10px 0;}
#is form p.odsazeni {margin: 5px 0 15px 0;}
#is form p.sirsi {width: 320px; display: inline-block;  float: left; margin: 0; padding: 0;}
#is form p.sirsi1 {display: inline-block; float: left; width: 360px; margin: 0; padding: 0;}
#is form p.sirsi2 {display: inline-block; float: left; width: 550px;}
#is form p.clear {display: inline-block; clear: both;}
#is form label {display: inline-block; width: 70px; text-align: right; padding: 0 2px 0 0;}
#is form label.sirsi1 {display: inline-block; width: 100px;}
#is form label.sirsi2 {display: inline-block; width: 140px;}
#is form label.sirsi3 {display: inline-block; width: 170px;}
#is form label.noline {display: inline-block; width: auto; padding: 0 0 0 .3em;}
p.oddelovac {margin: 15px 0 0 0; border-top: 1px dashed #BBB; padding: 15px 0 0 0; clear: both; display: block; width: 100%;}

#is .button {padding: .2em 1em .22em;}
#is .button:hover,#is a.button:hover {padding: .2em 1em .22em;}
#is a.button { padding: .25em 1em .20em; }
#is a.button:hover { padding: .25em 1em .20em; }
#is form p.checkboxes {display: block; clear: both;}
#is form p.checkboxes label {width: auto; text-align: left; padding: 0 15px 0 1px; margin: 0;}
#is form p.checkboxes label:first-child {width: 80px; text-align: right; }
input.datepicker {text-align: center; padding: padding: .8em .2em; font-size: 1.3em;}
.listLimit {display: block; right: 34px; margin: 0 0 0 0; position: absolute; top: 20px; color: #999;}
.login_form {
	margin: 0 auto;
	display: block;
	position: absolute;
	top: -95px;
	right: 0;
	padding: 0;
}
.login_form p {margin: 5px 0 0 0; }
#is form.login_form p  {display: inline-block; float: left; width: auto; margin: 0 0 10px 10px;}
#is form.login_form label { text-align: left; color: #fff;}
#is form.login_form div {text-align: right; clear: both;}
#is form.login_form div a {display: inline-block; color: #fff;}

.box_novinky {
	display: none;
}
.box_novinky.uvod {
	width: 420px;
	margin: -45px 0 -45px 510px;
}

.box_novinky h3 {
	margin: 0;
	font-size: 14px;
}
.box_novinky p {
	margin: 0;
	font-size: 13px;
}
.box_coupon {
	margin: 15px 0 5px;
	clear: both;
}

.hidden {
	display: none;
}

.souhlas {
	padding: 15px 5px 5px 145px;
}

.souhlas-inner {
	padding: 15px;
	margin: -15px -15px 0;
	background: #FFFFCC;
}

#is .souhlas label {
	width: auto;
	margin: 0 0 5px;
}

#is .souhlas p {
	font-size: 10px;
	margin: 0 0 4px;
	float: none;
	display: block;
}