@font-face {
  font-family: 'octin';
  src: url("fonts/OctinSpraypaintARg-Regular.eot");
  src: url("fonts/OctinSpraypaintARg-Regular.eot?iefix") format("eot"), url("fonts/OctinSpraypaintARg-Regular.woff") format("woff"), url("fonts/OctinSpraypaintARg-Regular.ttf") format("truetype"), url("fonts/OctinSpraypaintARg-Regular.svg#webfontUPxCYOCi") format("svg");
  font-weight: normal;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');


.cols:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .cols, * html .clearfix	{ height:1%; } 
.clearfix	{ display:block; } 
.clearfix, .cols { =zoom:1;}

* {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



body, html {
  height: 100%;
}
body {
  margin:0 0 0 0;
  padding:0 0 20px 0;
  font-size:13px;
  font-family: 'Open Sans', sans-serif;
  text-align:center;  
	background-image: url(../img/bg.jpg);
	background-position: center top;
  color:#000;
}
textarea, input, select {
	font-family:arial, tahoma, verdana, sans serif;
}


/*** default ***/
td, th {
	_font-size /**/:80%;
	padding:0;
	text-align:left;
}
.transparent, .transparent td {
	border:0!important;
	background:none!important;
}
a {
  text-decoration:none;
  font-weight:bold;
}
a:hover {
  text-decoration:underline;
}
img {
	border:0;
}
hr {
	border:1px solid #fff;
	border-bottom:1px solid #E8E8E8;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
form {
	margin:0;
	padding:0;
}
input, textarea {
	background:url(../img/input_bg.jpg) repeat-x top #fff;
	border:1px solid #A1A1A1;
	padding:2px;
}
select {
	background:#fff;
}
input.submit {
  background:#fff;
  color:white;
  font-weight:bold;
  font-size:90%;
  text-transform:uppercase;
  border:1px solid #450E61;
  width:auto!important;
  padding:3px 7px 1px 7px;
	=padding:2px 1px 1px 1px;
	cursor:hand;
}
input.kod {
	width:194px!important;
}
.check {
	width:auto!important;
	border:0;
	margin:0;
	padding:0;
	background:none;
}

.hidden {
	display:none;
}
p {
	margin:0 0 0 0;
	padding:0 0 15px 0;
}
.clear {
  display:block;
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clear-absolute {
  display:block;
	clear:both;
}
.t-center {
	text-align:center!important;
}
.t-left {
	text-align:left!important;
}
.t-right {
	text-align:right!important;
}
.no-float {
	float:none!important;
}
.f-right {
	float:right!important;
}
.f-left {
	float:left!important;
}
img.f-left {
	margin:0 10px 0 0;
}
.small-font {
	font-size:90%!important;
}
.big-font {
	font-size:110%!important;
}
.bold {
	font-weight:bold!important;
}
.no-bord {
	border:0!important;
}
.no-r-mg {
	margin-right:0!important;
}
.no-t-mg {
	margin-top:0!important;
}
.no-padd {
	padding:0!important;
}
.no-bold {
	font-weight:normal!important;
}
.no-float {
	float:none!important;
}
.inline {
	display:inline!important;
}
.w-100pro {
	width:100%!important;
}
.v-top {
	vertical-align:top;
}
.v-bott {
	vertical-align:bottom;
}
.red {
	color:red!important;
}
.black {
	color:black!important;
}
.delmsg {
	color:Red!important;
	font-weight:bold;
}
.red-bg {
	background:red!important;
	color:white!important;
	padding:0 5px 0 5px!important;
}
.nowrap {
	white-space:nowrap!important;
}
/*** bottom margin ***/
.bmg-3 {margin-bottom:3px!important}
.bmg-5 {margin-bottom:5px!important}
.bmg-15 {margin-bottom:15px!important}
.bmg-10 {margin-bottom:10px!important}
.bmg-20 {margin-bottom:20px!important}
.bmg-30 {margin-bottom:30px!important}

/*** top margin ***/
.tmg-3 {margin-top:3px!important}
.tmg-5 {margin-top:5px!important}
.tmg-15 {margin-top:15px!important}
.tmg-10 {margin-top:10px!important}
.tmg-20 {margin-top:20px!important}
.tmg-30 {margin-top:30px!important}

/*** right margin ***/
.rmg-3 {margin-right:3px!important}
.rmg-5 {margin-right:5px!important}
.rmg-15 {margin-right:15px!important}
.rmg-10 {margin-right:10px!important}
.rmg-20 {margin-right:20px!important}
.rmg-30 {margin-right:30px!important}

/*** default define ***/

a {
	color:#000;
}
select {
	background:white;
}
label {
	font-weight:bold;
}
h1 {
  padding:0 0 0 0;
  margin:0 0 15px 0;
	color:#C93526;
	font-size:36px;
	line-height: 1.3;
	font-family: 'octin';
	background:url(../img/h_bord.png) bottom left no-repeat;
}

h2, .bb {
  padding:0 0 5px 0;
  margin:25px 0 15px 0;
	font-size:24px;
	color:#C93526;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 1.3;
	font-family: 'octin';
}
h3 {
	margin:15px 0 7px 0; 
	padding:0;
	font-size:130%;
	line-height: 1.3;
	font-family: 'octin';
}
h4 {
	margin:10px 0 5px 0; 
	padding:0;
	font-size:120%;
	line-height: 1.3;
	font-family: 'octin';
}
h5 {
	margin:20px 0 10px 0; 
	padding:0 0 5px 0;
	font-size:120%;
	line-height: 1.3;
	font-family: 'octin';
}

ul.def {
	margin:10px 0 30px 25px;
	padding:0;
}
ul.def li {
	list-style:none;
	margin:6px 0 10px 0;
	padding:0 0 0 15px;
	color:#000;
	background:url(../img/li.gif) no-repeat 0 8px;
}



div.screen {
	width:1224px;
	margin:0 auto 0 auto;
	padding:20px 0 50px 0;
	text-align:left;
}

div.page {
  display: flex;
}
div.l {
  width:350px;
  padding:10px 0 0 0;
  position: relative;
  order: -1;
  z-index: 0;
}
div.r {
  width:874px;
  padding:0 0 0 0;
  z-index: 1;
}
div.r-top {
  background:url(../img/page_top.png) no-repeat bottom left;
  height:50px;  
  background-size: 100% 100%;
}
div.r-bott {
  background:url(../img/page_bott.png) no-repeat top left;
  height:115px;  
  background-size: 100% 100%;
}
div.r-in {
	margin:0 0 0 0;
	padding:0 75px 20px 75px;
  line-height:20px;
  text-align:justify;
  background:url(../img/page_bg.png) no-repeat top left;
  background-size: 100% 100%;
}

div.copy {
	padding:40px 0 0 0;
	font-size:90%;
	text-align:center;
	color:#666;
}
div.copy a {
	font-weight:normal;
	color:#666;
}
div.copy a strong {
	font-weight:bold;
}


/*** menu ***/
ul.menu {
  padding:0 0 0 0!important;
  margin:10px 10px 0 0!important;
	font-family: 'octin';
}
ul.menu li {
  list-style-type:none!important;
  margin:0 0 0 0!important;
  padding:0!important;
  text-align: right;
}
ul.menu li:nth-child(1) {
  transform: translateX(-10px);
}
ul.menu li:nth-child(2) {
  transform: translateX(-20px);
}
ul.menu li:nth-child(3) {
  transform: translateX(-0px);
}
ul.menu li:nth-child(4) {
  transform: translateX(-30px);
}
ul.menu li:nth-child(5) {
  transform: translateX(-15px);
}
ul.menu li:nth-child(6) {
  transform: translateX(-24px);
}
ul.menu li:nth-child(7) {
  transform: translateX(-16px);
}
ul.menu li:nth-child(8) {
  transform: translateX(-10px);
}
ul.menu li:nth-child(9) {
  transform: translateX(-13px);
}
ul.menu li:nth-child(10) {
  transform: translateX(-20px);
}
ul.menu li:nth-child(11) {
  transform: translateX(-0px);
}
ul.menu li a {
  display:inline-block;
  padding:10px 20px 10px 60px;
  margin: 0 0 5px 0;
  cursor:hand;
  color:white;
  background: #C93526;
  font-size:24px;
  position:relative;
	text-align: right;
}
ul.menu li a:hover {
  background: #666;
  text-decoration: none;
}
ul.menu li a.act {
  background: black;
  text-decoration: none;
}






/*** table1 ***/
table.table1 {
	width:630px;
}
table.table1 th, table.table1 td {
	vertical-align:bottom;
}
table.table1 th {
	white-space:nowrap;
	width:150px;
	font-size:90%;
	text-transform:uppercase;
	vertical-align:top;
	padding:8px 5px 5px 0;
}
table.table1 thead th {
	padding-right:0;
}
table.table1 td, table.table1 th {
	border-bottom:1px solid #ccc;
}
table.table1 td {
	padding:5px 0 5px 0;
}
table.table1 input {
	width:300px;
}
table.table1 textarea {
	width:410px;
	height:100px;
}
table.table1 img {
  border:none;
}




/*** strankovani ****/

.strankovani {
	text-align:center;
	color:#EAEAEA;
	padding:5px 0 5px 0;
	line-height:25px;
	height:25px;
}
.strankovani span {
	font-weight:bold;
	color:#5AAB1B;
	padding:2px 6px 2px 6px;
	border:2px solid #EAEAEA;
}
.strankovani a.start {
	display:block;
	float:left;
}
.strankovani a.end {
	display:block;
	float:right;
}
.strankovani div.str-in {
	width:250px;
	text-align:center;
	float:left;
	margin:0 0 0 5px;
}
.strankovani .no {
	visibility:hidden;
}



/*** stranky ****/
div.r-in ul {
	margin:0 0 10px 30px;
	padding:0;
}
div.r-in ul li {
	margin:0 0 3px 0;
	padding:0;
	list-style-type:square;
}
div.r-in p {
	padding:0 0 10px 0;
	margin:0;
}
div.r-in img.image-right {
	float:right;
	margin:0 0 5px 10px;
}
div.r-in img.image-left {
	float:left;
	margin:0 10px 5px 0;
}
div.r-in p.image-center {
	text-align:center;
}
div.r-in .text-vetsi {
	font-size:130%;
}



/*** novinky ****/
a.perex {
	margin:0 0 20px 0!important;
	padding:0 0 10px 0;
	border-bottom:1px solid black;
	text-decoration:none;
	display:block;
}
a.perex p {
	margin:0;
	padding:0;
}
a.perex h2 {
	border:0;
	margin:0 0 10px 0;
	padding:0;
}
a.perex:hover h2 {
	text-decoration:underline;
}




/*** format text ***/
.format-text h2 {
	padding:0;
	margin:0 0 7px 0;
}
.format-text h3 {
	font-size:120%;
  padding:0;
	margin:0 0 10px 0;
	color:red;
	line-height:1.3em;
}
.format-text table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	border:0!important;
}
.format-text table th, .format-text table td {
	white-space:nowrap;
	vertical-align:top;
	padding:8px 5px 5px 0;
	border:0!important;
}
.format-text table thead th {
	padding-right:0;
}
.format-text table td, .format-text table th {
	border-bottom:1px solid #666!important;
}
.format-text table td {
	padding:5px 0 5px 0;
}
.format-text p {
	margin:0 0 0 0;
	padding:0 0 10px 0;
}

.format-text table.tab-gallery td {
	border:0!important;
	padding:0;
	text-align:center!important;
}

.format-text ul, .format-text ol {
	margin:10px 0 10px 15px;
	padding:0;
}
.format-text ul li {
	margin:0 0 5px 0;
	padding:0;
	list-style-type:disc;
}
.format-text ol li {
	margin:0 0 5px 25px;
	padding:0 0 0 0;
	text-align:left;
}
.format-text ul.double-li {
	float:left;
	width:260px;
	margin-right:20px;
}
.format-text img {
	margin:0 0 5px 0;
}
.format-text img.bord {
	border:2px solid #888;
}
.format-text img.f-left {
	margin:0 15px 5px 0;
}
.format-text img.f-right {
	margin:0 0 5px 15px;
}


div.galerie {
	margin:0 0 20px 0;
}
div.galerie a {
	display:block;
	float:left;
	width:165px;
	height:120px;
	text-align:center!important;
	border:1px solid #888;
	padding:2px;
	background:white;
	margin:0 15px 15px 0;
}
div.galerie a span {
	display:table-cell;
	width:165px;
	height:120px;
	text-align:center!important;
	vertical-align:middle;
}
div.galerie a img {
	display:block;
	float:none;
	margin:0 auto 0 auto;
	border:none;
}
div.galerie a:hover {
	background:#eee;
}
div.galerie a:hover img {
	border:none;
}



a.zbozi {
	display:block;
	float:left;
	width:165px;
	text-align:center!important;
	border:1px solid #888;
	padding:5px 0 10px 0;
	background:white;
	margin:0 15px 15px 0;
}
a.zbozi h2 {
	margin:0 5px 5px 5px;
	padding:0;
	border:none;
	font-size:110%;
}
a.zbozi img {
	display:block;
	float:none;
	margin:10px auto 0 auto;
	border:none;
}
a.zbozi:hover {
	background:#eee;
	text-decoration:none;
}
a.zbozi:hover img {
	border:none;
}
a.zbozi:hover h2 {
	text-decoration:none;
}



/*** partneri ***/

div.partneri {
	text-align:center;
}
div.partneri img {
	margin:10px;
}



/*** form1 ***/
form.form1 {

}
form.form1 input {
	width:300px;
}
form.form1 table {
	border-collapse:separate;
	border-spacing:0;
	width:100%;
}
form.form1 table table {
	width:auto!important;
}
form.form1 table th {
	padding:5px;
	text-align:left;
	color:#fff;
	width:80px;
}
form.form1 table td {
	padding:5px;
	text-align:left;
}
form.form1 .small {
	color:#333333
}
form.form1 textarea {
	width:100%;
	height:65px;
}
input, select, textarea {
	background:#fff;
	border:1px solid #333333;
}
input.submit {
	background:black;
	color:white;
	font-weight:bold;
	border:1px solid black!important;
	width:auto!important;
	cursor:hand;
}
input.kod {
	width:198px!important;
}
.check {
	width:auto!important;
	border:0;
	margin:0;
	padding:0;
	background:none;
}


/*** hlasky a chyby ***/
tr.formerror label {
	color:red!important;
}
tr.formerror input, tr.formerror textarea {
	border:1px solid red!important;
}
.err {
	background:red;
	color:white;
	padding:4px;
	text-align:center;
	font-weight:bold;
	margin:0 0 5px 0;
}
.ok {
	background:green;
	color:white;
	padding:4px;
	text-align:center;
	font-weight:bold;
	margin:0 0 5px 0;
}

.red {
	color:red!important;
}
.green {
	color:green!important;
}



/*** program ***/
div.program div.event, div.program div.event-even {
	padding:0;
}
div.program div.event-even span.event-in {
	background:#E6E7E8;
}
div.program span.name {
}
div.program .date {
	font-size:90%!important;
}