div#container
{
   width: 800px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.15;
   margin: 0;
   text-align: center;
}
#preloader
{
   background: #FFFFFF url("images/clock.gif") no-repeat center center;
   bottom: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 99999;
}
#InlineFrame1
{
   box-sizing: border-box;
   border: 1px solid transparent;
   border-radius: 1px;
   margin: 0;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: vanish-in 1000ms linear 0ms 6 normal;
   filter: drop-shadow(0px 0px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 3px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image13
{
   vertical-align: top;
}
#Image13
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 3px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image14
{
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 3px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image12
{
   vertical-align: top;
}
#Image12
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 3px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image28
{
   vertical-align: top;
}
#Image28
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   filter: drop-shadow(0px 3px 10px rgba(0,0,0,1.00));
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape1 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape1 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape1 a .hover
{
   visibility: hidden;
}
#wb_Shape1 a:hover .hover
{
   visibility: visible;
}
#wb_Shape1 a:hover .default
{
   visibility: hidden;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape2 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape2 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape2 a .hover
{
   visibility: hidden;
}
#wb_Shape2 a:hover .hover
{
   visibility: visible;
}
#wb_Shape2 a:hover .default
{
   visibility: hidden;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape3 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape3 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape3 a .hover
{
   visibility: hidden;
}
#wb_Shape3 a:hover .hover
{
   visibility: visible;
}
#wb_Shape3 a:hover .default
{
   visibility: hidden;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape4 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape4 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape4 a .hover
{
   visibility: hidden;
}
#wb_Shape4 a:hover .hover
{
   visibility: visible;
}
#wb_Shape4 a:hover .default
{
   visibility: hidden;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape5 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape5 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape5 a .hover
{
   visibility: hidden;
}
#wb_Shape5 a:hover .hover
{
   visibility: visible;
}
#wb_Shape5 a:hover .default
{
   visibility: hidden;
}
#Shape5
{
   border-width: 0;
   vertical-align: top;
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#Shape7
{
   border-width: 0;
   vertical-align: top;
}
#Shape8
{
   border-width: 0;
   vertical-align: top;
}
#Shape9
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape10 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape10 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape10 a .hover
{
   visibility: hidden;
}
#wb_Shape10 a:hover .hover
{
   visibility: visible;
}
#wb_Shape10 a:hover .default
{
   visibility: hidden;
}
#Shape10
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape11 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape11 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape11 a .hover
{
   visibility: hidden;
}
#wb_Shape11 a:hover .hover
{
   visibility: visible;
}
#wb_Shape11 a:hover .default
{
   visibility: hidden;
}
#Shape11
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape12 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape12 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape12 a .hover
{
   visibility: hidden;
}
#wb_Shape12 a:hover .hover
{
   visibility: visible;
}
#wb_Shape12 a:hover .default
{
   visibility: hidden;
}
#Shape12
{
   border-width: 0;
   vertical-align: top;
}
#Shape17
{
   border-width: 0;
   vertical-align: top;
}
#Shape18
{
   border-width: 0;
   vertical-align: top;
}
#SlideShow1 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow1
{
   border: 3px solid transparent;
   border-radius: 0px;
}
#SlideShow2 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow2
{
   border: 3px solid transparent;
   border-radius: 0px;
}
#SlideShow3 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow3
{
   border: 3px solid transparent;
   border-radius: 0px;
}
#SlideShow4 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow4
{
   border: 3px solid transparent;
   border-radius: 0px;
}
#SlideShow5 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow5
{
   border: 0px solid #000000;
   border-radius: 0px;
}
#SlideShow6 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow6
{
   border: 0px solid #000000;
   border-radius: 0px;
}
#SlideShow7 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow7
{
   border: 0px solid #000000;
   border-radius: 0px;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1
{
   color: #D2B48C;
   font-family: Arial;
   font-weight: normal;
   font-size: 11px;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2
{
   color: #D2B48C;
   font-family: Arial;
   font-weight: normal;
   font-size: 11px;
}
#wb_Text2 div
{
   text-align: left;
}
#Button1
{
   border: 0px solid #AED0EA;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #2779AA;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}
#Button2
{
   border: 0px solid #AED0EA;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #2779AA;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button2:focus
{
   outline: 0;
}
#Button3
{
   border: 0px solid #AED0EA;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #2779AA;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button3:focus
{
   outline: 0;
}
#Button4
{
   border: 0px solid #AED0EA;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #2779AA;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button4:focus
{
   outline: 0;
}
/* zákaz označování textu/prvků (rušivé modré zvýraznění) */
body, *{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* zákaz "uchopení" a přetahování obrázků */
img{
  -webkit-user-drag: none;
  user-drag: none;
}
/* zákaz označování jen na hlavní stránce – pokud chcete globálně, nechte body, * */
body, *{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* zákaz drag obrázků */
img{
  -webkit-user-drag: none;
  user-drag: none;
}

/* rámeček klik-průchozí */
#wb_Image2 { pointer-events: none !important; }

/* iframe ponechat interaktivní */
#InlineFrame1 { pointer-events: auto !important; }
/* obal pro kostky + tlačítko (zmenšení o 20 %) */
.dice-wrap{
	display:flex;
	flex-direction:column;
	align-items:center;
	transform: scale(0.8);
	transform-origin: top center;
}

/* řádek kostek vedle sebe */
.dice-row{
	display:flex;
	gap:10px;
	justify-content:center;
}

/* společný styl polí (výchozí – kapitálky před hodem) */
div.dice{
	width:60px;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;

	border:#998 3px solid;
	font-size:11px;          /* menší písmo před hodem */
	font-weight:600;
	text-align:center;
	border-radius:8px;

	font-variant: small-caps; /* kapitálky */
	letter-spacing: 0.5px;    /* lepší čitelnost */
}

/* 1. kostka – červený gradient */
div.dice-top{
	background: linear-gradient(180deg, #ff4d4d 0%, #b30000 100%);
	color:#ffffff;
	border-color:#7a0000;
}

/* 2. kostka – zelený gradient */
div.dice-bottom{
	background: linear-gradient(180deg, #4dff88 0%, #0b7a2a 100%);
	color:#ffffff;
	border-color:#075a1f;
}

/* efekt pro číslice (po hodu) – teplá žlutá + glow + jemný obrys */
div.dice.is-number{
	color:#ffd84d; /* teplá žlutá */
	text-shadow:
		0 1px 0 rgba(0,0,0,.50),        /* jemný "obrys"/stín dolů */
		0 0 6px rgba(255,216,77,.55),   /* glow */
		0 0 12px rgba(255,216,77,.35);  /* širší glow */
}

/* tlačítko */
:root{
	--btn-font-size: 16px; /* změň velikost textu tady */
}
button{
	margin-top:10px;
	padding:8px 14px;
	border-radius:8px;

	font-weight:700;
	font-size: var(--btn-font-size);

	/* okrové pozadí */
	background: linear-gradient(180deg, #d1a44a 0%, #b5842e 100%);
	border: 1px solid #6a4a1f;

	/* text */
	color:#3b2412; /* tmavě hnědá */
	text-shadow:
		0 1px 0 rgba(255,255,255,.18),   /* jemný "highlight" */
		0 1px 2px rgba(0,0,0,.35),       /* čitelnost */
		0 0 6px rgba(255,235,190,.28);   /* lehký teplý glow */

	/* lehký plastický dojem */
	box-shadow:
		0 2px 6px rgba(0,0,0,.25),
		inset 0 1px 0 rgba(255,255,255,.25);
	cursor:pointer;
}

button:hover{
  /* světlejší, zářivější žlutá */
  background: linear-gradient(180deg, #ffe27a 0%, #f0bf3a 100%);
  border-color:#7a5a1f;

  /* výraznější "svit" */
  box-shadow:
    0 3px 10px rgba(0,0,0,.25),
    0 0 10px rgba(255,226,122,.45),
    inset 0 1px 0 rgba(255,255,255,.35);
}

button:active{
  transform: translateY(1px);
}