@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
li, li a:link, li a:visited,  td {padding: 3px 10px;}
a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; box-sizing: border-box; font-size: 10pt;}
ul {list-style-type: none; margin: 0; padding: 0;}
a:link, a:visited {text-decoration: none; color: #555; transition: 0.1s;}
a:hover {color: #000;}
html {overflow-y:scroll;}
body {
background: url('/files/bg.jpg'); 
background-repeat:no-repeat;
background-size: 100%;
background-attachment: fixed;
background-position:center;}


body, div {margin: 0;  color: white;}
p {margin-bottom: 15px;  color: #000; }
p, div {line-height: 150% !important;}


/* Main Navigation */
#menu {
    background: #528aaf;
    position: relative;
    z-index: 400;
    MARGIN-LEFT: 10px; 
}
ul#nav {
    margin: 0;
    padding: 0;
    width: auto;
}

ul#nav > li {
    float: left;
    padding: 0;
    list-style: none;
    list-style-image: none;	
    display: inline-block;
    position: relative;
    transform: skew(-25deg);
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
ul#nav > li:first-child {
    width: 106px;
}
.first:before {
    display:block; 
    content:""; 
    position:absolute;  
    height:100%; 
    width: 15px;     
    right: 98px;
    background-color: white;
    transform: skew(25deg);
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -ms-transform: skew(25deg);
    -o-transform: skew(25deg);
}
ul#nav li a {
    background: white;
    color: #000;
    display: block;
    font-family: Arial;
    font-size: 11px;
    line-height: 32px;
    padding: 8px 35px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

ul#nav li a span {
    transform: skew(25deg);
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -ms-transform: skew(25deg);
    -o-transform: skew(25deg);
    display:block;
}

ul#nav li.current a,
ul#nav li a:hover,
.first:hover:before
{
    background: rgb(221,221,221);
    background: linear-gradient(-90deg, rgba(221,221,221,1) 0%, rgba(249,249,249,1) 100%);
}





ul.menu {
    position: relative;
    width: 1000px; 
    margin-left: 12px;
    float: left; 
    /*
    -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
    -moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
    box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
    */
    /* background: url('/files/str.png'); */
    z-index: 59;
}

ul.menu li {float: left; padding: 0; position: relative; padding: 0; margin: 0;  display: block; z-index: 200;}
ul.menu a:link, ul.menu a:visited, ul.menu .td_not_clickable  {
padding: 15px 20px; 
margin: 0; 
float: left; 
color: #000; 
font-weight: Normal; 
z-index: 150; 
font-size: 11pt; 
text-transform: uppercase; 
transition: 0.3s;}
ul.menu a:hover {background-color: rgba(0,0,0,0.8); color: #fff; }
ul.menu li a#active {background-color: #86c441; color: #fff;}
ul.menu li a#active:hover {color: #fff;}


@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

iframe.video { width: calc(50% - 20px); margin: 10px; float: left;}
iframe { width: 100%;}



ul.submenu {position: absolute; display: none; width: 450px; background: none; left: 0px; border-top: 0; margin: 0; z-index: 500; top: 35px;}
ul.submenu li:first-child a:link,ul.submenu li:first-child a:visited {border-radius: 0; border-top: 0;}
ul.submenu li:last-child a:link,ul.submenu li:last-child a:visited {border-bottom: 1px solid #ddd; border-radius: 0;}
ul.submenu li a:link, ul.submenu li a:visited {
z-index: 500;
position: relative;
width: 450px;
font-size: 11pt; 
border-top: 0;
text-transform: uppercase; 
display: block; margin: 0; 
background: url('/files/str.png'),#fff;
color: #888; 
padding: 5px 20px; 
float: left;}
ul.submenu li a:hover { background-color: #888; color: #fff; }
ul.submenu li:first-child  {border-left: 0px; border-top: 1px solid #888;}

body { padding-top: 0;}

h1 {font-weight: bold;
font-size: 28pt;
color: #fff;
background: url('/files/str.png'),#86c441;
width: 1000px;
margin-bottom: 15px;
margin-left: -15px; margin-top: -15px; padding: 5px 15px;}
h2{font-weight: bold; font-size: 20pt; color: #555;}
h3 {font-size: 18pt; color: #555; }
h4 {color: #999; font-size: 16pt;}

.h2{font-weight: bold; font-size: 24pt; color: #555;}
.padding15 {padding: 20px; font-size: 30pt; font-weight: bold;}
.padding15_2 {padding: 20px; font-size: 16pt; font-style: italic;}
.padding15_p {padding: 20px; padding-left: 50px; font-size: 12pt; text-align: right;}

header, nav, article, footer, .100percent {
float: left;
position: relative;
display: block;
}

header {position: relative; width: 100%; height: 33px; background: url('/files/str.png'), rgba(0,0,0,0.5); border-bottom: 5px solid #fff; z-index: 50; -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.8);  background: #27729f;}
div.middlepart {float: left; width: 100%; z-index: -5; position: relative; background: none}
.mainpic {float: left; width: 1024px; height: 280px;}


/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: white; position: fixed; top: 0; left: 0; z-index: 100000;}
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; margin-left: -100px; margin-top: -100px;}


.td_space {width: 450px; height: 140px; float: left; position: relative;}

.td_slick img {width: 1024px; height: 380px; }
.td_slick {
border-top: 5px solid white;
border-bottom: 5px solid white;
float: right; position: relative; 
width: 1024px; 
overflow: hidden;
height: 380px; 
display: block; 
z-index: 0; 
cursor: move;   
-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.8);
}

.texty {z-index: 50; position: absolute; bottom: 0px; left: 0px; color: white; font-size: 24pt; width: 1024px; background: rgba(0,0,0,0.5); padding: 40px 20px; text-align: right; text-shadow: 0px 0px 24px rgba(0, 0, 0, 1); }

.header {font-weight: bold; color: #fff; z-index: 50;}
.info { color: #fff;}

.horse {position: absolute; right: 0; top: -15px; margin-bottom: -15px; z-index: 15000; width: 75px;}
footer {float: left; width: 100%; text-align: center; color: white; background: url('/files/str.png'), rgba(0,0,0,0.5); z-index: 80000000000000; padding-top: 5px; padding-bottom: 5px; border-top: 5px solid #888888; margin-bottom: 0; bottom: 0;}

footer a:link, footer a:visited {color: #888888;}
footer a:hover {color: #fff;}
footer .centered {color: white;}

.logo {position: absolute; top: 85px; left: 30%; transform: translate(-50%, 0); z-index: 160; width: 400px;}
.car {position: absolute; width: 300px; z-index: 50; right: 30px; top: 80px;}


.logo2 {position: absolute; top: 80px; right: 5px; z-index: 160; transition: 0.2s; width: 200px;}
.logo2:hover {transform: scale(0.9);}
.kolaz {position: absolute; top: -20px; right: -45px; z-index: 5;}

.bodyright p, .bodyright div {text-align: justify; }
.bodyright h2 {color: white;}
.bodyright table ul {margin-left: 30px;}
.bodyright table ul li {list-style: none; font-size: 13pt; color: black; margin-bottom: 7px;}
 
 .fulllenght {width: 100%; float: left;}
 
 .bodyright table.mains {border-spacing: 4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8);}
 .bodyright table.mains tr:first-child td{background-color: #ff7f2a; color: #fff; padding: 15px; width: 350px;}
 .bodyright table.mains td{padding: 15px; background-color: #fff;}



.video-js {margin-top: 0px; background: url('/files/str.png'), #eee; margin-left: 0px;}


nav {width: 100%; float: left;  background: url('/files/str.png'), rgba(0,0,0,0.1); position: relative; z-index: 5;}
.100percent {width: 100%; float: left; }
.webname:link, .webname:visited {font-weight: bold; color: #ccc;}
.webname:hover {color: #eee;}
article {width: 100%;}

.bodyleft {
width: 240px; 
float: left;  
padding: 15px;  
color: black; 
margin-top: 12px; 
-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); 
-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.8);
box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.8);
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
background-color: rgba(255,255,255,0.8);
}
.bodyleft div, .bodyleft p {padding: 0; margin-bottom: 10px; color: white;}

.middlefields{
width: 1000px;
margin-left: 12px;
min-height: 150px;
float: left;
padding: 15px;
color: black;

background-color: rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8);
}

.field {
width: 100%; float: left; display: block; 
padding: 5px 15px;
text-align: center;
}

.field:last-child {
border-right: 0;
}

.field div, .field p{color: white;}
.field h3 {color: #86c441; font-size: 20pt; line-height: 150%;}
h1 {line-height: 150%;}

.bodyright {
width: 1024px;
min-height: 350px;
float: left;
padding: 25px;
color: black;
border-top: 5px solid white;
background-color: rgba(255,255,255,0.8);
-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8);
}

.bodyright div, .bodyright p {margin-bottom: 10px; margin-top: 10px;  color: black;}

#td_sharediv  {margin-top: 10px; width: 600px; float: left;}


.searchbox {float: right; width: 0; border: 0; border: 0px solid #fff; padding-left: 0; padding-right:0; height: 17px;}
.searchbutton {float: right; margin-right: 0px; width: 33px; height: 33px; background-color: #888888; cursor: pointer;}
.searchbutton:hover {background-color: #fff;}

.td_search_results {background-color: #fff; padding: 20px; padding-top: 10px; float: left; display: block; width: 675px; color: black; border-bottom: 1px solid #ddd; margin: 0; position: relative; transition: background-color 0.2s;}
.td_search_results h2 {color: #555;}
.td_search_results:hover {background-color: #eee;}
.td_search_results_page {position: absolute; top: 5px; right: 5px; padding: 5px; background-color: #aaa; color: white;}

.centered {margin: auto auto; width: 1024px; display: block; position: relative; color: black; z-index: 3;}
.date {color: #bbb; margin-bottom: 0;}
.newsbody {margin-top: 0; padding: 0;}
.newsbody p {margin-top: 0; padding-top: 0; color: black;}

.dj {position: absolute; top: 0; right: 0; height: 200px;}
.contact {position: absolute; top: 70px; left: 300px;}
.fancybox_tn {position: relative; display: block;}

.image_captions {display: none; position: absolute; z-index: 5; top: 0; left: 0;}
.smalltext {font-size: 14px; margin: 0px;  display: block; margin-top: 0px; padding-top: 5px; padding: 0; line-height: normal; color: #555; border-top: 1px solid #aaa; width: 140px; font-weight: normal;}


.flat {position: absolute; left: 15px; top: 0; z-index: -50; border-left: 5px solid white; border-right: 5px solid white; }

.table-corners {border-spacing: 0px; border: 1px solid white; padding: 10px; width: 650px; background: url('/files/bg.png'); background-size: 100%; background-repeat: no-repeat; background-color: white; margin-bottom: 5px; position: relative;  -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.8); -moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.8); box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.8);}
.table-corners td {padding: 2px 10px; color: #333; vertical-align: top;}
.table-corners thead td {background-color: rgb(1,173,238); color: white; font-weight: bold;}
.table-corners a:link, .table-corners a:visited {color: #000;}
.table-corners a:hover { color: #30c5ab;}
.table-corners h2  { color: #555;}
.widthhalf {width: 345px; float: left; margin-right: 10px;}
.widthhalf td:first-child  {width: 100px;}

.required {color: #86c441; }

.topleft {position: absolute; top: 0; left: 0;}
.topright {position: absolute; top: 0; right: 0;}
.botright {position: absolute; bottom: 0; right: 0;}
.botleft {position: absolute; bottom: 0; left: 0;}

.td_body {width: 630px; float: left;}
.td_body_big {width: 980px; float: left;}
.td_body_big iframe {margin: 10px; border: 5px solid white;}
.thumbnails {float: right; width: 320px;}
div.thumbnail {position: relative; display: block; padding: 0; margin: 0px; float: left; padding: 0; width: 150px; height: 150px; margin: 5px;}
img.thumbnail, img.thumbnails img {width: 150px; height: 150px;}
.thumbnails img {border: 3px solid #fff;}
.thumbnails img:hover {border: 3px solid #eee;}
.thumbnaillabel {color: black; width: 1px; height: 1px; font-weight: bold; font-style: italic; margin-bottom: 0px; padding: 0; display: none;}
table.radiotable {margin-bottom: 0;}
table.radiotable td {padding: 0;}

.thumbnails_big {float: left; width: 100%;}
div.thumbnail_big {position: relative; display: block; padding: 0; margin: 0px; float: left; padding: 0; width: 300px; height: 350px; margin: 10px;}
img.thumbnail_big, img.thumbnails_big img {width: 300px; height: 300px;}
.thumbnails_big img {border: 3px solid #fff;}
.thumbnails_big img:hover {border: 3px solid #eee;}
.thumbnaillabel_big {color: black; width: 300px; position: absolute; text-align: center; top: 300px; font-weight: bold; font-style: italic; margin-bottom: 0px; padding: 0; float: left; vertical-align: top; font-size: 12pt;}

.arrow {color: #ffcc00; position: absolute; font-size: 28pt; position: absolute; text-align: center; width: 50px; height: 50px; left: 50%; margin-left: -25px; top: 57px; transition: 0.2s;}

.nav {width: 100%; float: left;}

.image {
background-color: red;
float: left;
display: block;
padding: 0;
margin: 0;
margin-top: -10px;
height: 200px;
width: 200px;
position: relative;
border: 1px solid white;
}

.deletebox {margin:0; padding: 0;}

.deletebox a:link, .deletebox a:visited {
z-index: 150;
position: absolute;
bottom: 0;
right: 0;
text-decoration: none;
transition: 0.2s;
}

.deletebox a:hover {
cursor: pointer;
transform: scale(0.9);
}

.fb {position: absolute; right: 85px; top: 5px; z-index: 60; height: 33px;}

.flags {margin: 0; padding: 0; float: left; margin-top: 6px; position: absolute; right: 36px; top: 5px; z-index: 60;}
.flags img {opacity: 0.6; transition: 0.2s;}
.flags img:hover {opacity: 1;}

/* EXTRA STYL */

.sidlo {float: left; margin-top: 7px; color: white;}
.sidlo a:link, .sidlo a:visited {color: white;}


.container {width: 270px; float: left;}

.nabidka-menu {border-spacing: 0px; float: left;}

.nabidka-menu tr td:first-child {width: 200px; text-align: center;}

.nabidka-menu img {width: 200px; border: 5px solid white;} 
.nabidka-menu td {vertical-align: top; padding: 10px; padding-bottom: 15px; border-bottom: 1px solid #888;}

.nabidka-menu h3 a:link, .nabidka-menu h3 a:visited {font-size: 18pt;}

.nabidka-menu tr:hover {background: white;}


.bodyright ul {list-style-type: square; }
.bodyright img {border: 5px solid white;}
.bodyright img:hover {border: 5px solid white;}