body {
	
}
#logo  {margin-right:30px;margin-left:30px;margin-top:15px}
#logo img {margin:0px !important;}
a{text-decoration:underline !important;}
.mainbodybolded{font-size:1.9rem;margin-bottom:5px}


.tdw576{width:100%}

img {margin:20px;}

@media screen and (min-width: 768px) {

#container {
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	
}
#top {
	float: left;
	width: 932px;
	
}
#middle {
	clear: both;
	width: 932px;
}
#banner {
	width: 932px;
	float: left;
	
	height: 102px;
}
#bottom {
	clear: both;
	width: 932px;
	background-color: #BB0000;
}
#C {


	float: left;
	padding-left: 6px;
	padding-right: 5.2px;
	line-height: 25px;
}
#C a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;	
}
#C a:hover {
	color: #000;	
}
#L {
	height: 26px;
	width: 2px;
	float: left;
}
#informacja {
	background-color: #FFF;
	clear: both;
	width: 932px;
	margin-right: auto;
	margin-left: auto;
}
#Thailand, #Thailand-big {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	color: #FFF;
	vertical-align: middle;
	width: 280px;
	margin-bottom: 10px;
	background-color: #C39;
}
#Thailand {
	width: 280px;
}
#Thailand-big {
	width: 565px;
}

#TH1, #TH2, #TH3, #TH4, #TH5, #TH6, #TH7, #TH8, #TH9, #TH10, #TH11, #TH12, #TH13, #TH14, #TH15, #TH16, #TH17, #TH18 {
	padding-left: 20px;	
}

#TH1 {
	background-color: #231720;

}
#TH2 {
	background-color: #ED7007;
	
}
#TH3 {
	background-color: #002157;

}
#TH4 {
	background-color: #9d0a0e;

}
#TH5 {
	background-color: #7E1846;
	
}
#TH6 {	
	background-color: #1b7d20;
	
}
#TH7 {	
	background-color: #b29d72;
	
}
#TH8 {
	background-color: #ff1601;
	
}
#TH9 {
	background-color: #2e99ff;
	
}
#TH10 {
	background-color: #ab7300;
	
}
#TH11 {
	background-color: #719511;
	
}
#TH12 {
	background-color: #8FA7A9;
	
}
#TH13 {
	background-color: #446C14;
	
}
#TH14 {
	background-color: #DC8B56;
	
}
#TH15 {
	background-color: #F00;
	
}
#TH16{
	background-color: #C39;
	
}
#TH17 {
	background-color: #8E94A2;
	
}
#TH18 {
	background-color: #F2AA58;
	
}
.bold12, .Red12, .hotelblue, .smallhotelblue, .whitetextbold, .bold14, .com, .18, .16, .14, .Red14, .Red1-14, .Maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.hotelblue {
	font-size: 16px;
	color: #003366;
}
.smallhotelblue {
	font-size: 13px;
	color: #003366;
}
.whitetextbold {
	font-size: 14px;
	color: #FFFFFF;
}
.bold14 {
	font-size: 14px;
}
.com {
	font-size: 30px;
	color: #FF3300;
}
.18 {
	font-size: 18px;
	color: #FF3300;
}
.16 {
	font-size: 16px;
	color: #FF3300;
}
.14 {
	font-size: 14px;
	color: #FF3300;
}
.Red14 {
	font-size: 14px;
	color: #C20000;
}
.Red1-14 {
	font-size: 14px;
	color: #A00000;
}
.Red12 {
	color: #C20000;
	font-size: 12px;
}
.Red1-12 {
	color: #A00000;
	font-size: 12px;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.Maintext {
	font-size: 48px;
	color: #FF3300;
	text-decoration: none;
}
.textbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.text, .textLeft , .textRight, .textCenter, .textJustify, .center, .body, #textlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#textlink {
	color: #000;
}
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.textJustify {
	text-align: justify;
}
.white {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
}
.bodybold {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.mainbodybold {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.dots {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #333333;
}
.BGR {
	background-image: url(../photos/main/M.jpg);
}
.center {
	text-align: center;
}
.picture-frame {
	float: left;
	padding: 3px;
	border: thin solid #666666;
	margin-right: 5px;
	margin-bottom: 5px;	
}
.picture-frame-right {
	float: right;
	padding: 3px;
	border: thin solid #666666;
	margin-bottom: 5px;
	margin-left: 5px;	
}
.MarginRB {
	padding-right: 5px;
	padding-bottom: 5px;
	height: 195px;
	width: 255px;
	float: left;
}
.photo {
	margin-right: 10;
	margin-bottom: 0;
	padding: 3px;
	border: thin solid #999;
	height: 188px;
	width: 250px;
}
#info a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#info 
a:hover   {
	color: #000;
}
#informacja a:link , a:hover, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}



#menu-right {
	background-color: #FFF;
	margin-left: 5px;
	width: 150px;
	margin-top: 1px;
}
#informacja #menu-right a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-right: 2px;
	padding-left: 3px;
	color: #333;
	text-decoration: none;	
}
#informacja #menu-right a:hover {
	color: #000;
}
#informacja #menu-right a:active, a:visited {
	color: #333;
}
#informacja #menu-right #mobile{
	background-color: #F7E6B8;
}
#end {
	clear: both;
	width: 932px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	height: 80px;
	padding-top: 5px;
}
#end a:link , a:hover, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}


#menu-left {
	
	margin-right: 15px;
	min-width: 190px;
}
#informacja #menu-left #navigation {
	width:190px;
	font-size:12px;
}
/*Main Menu*/
#informacja #menu-left #navigation ul {
	margin:0px;
	background-color: #e7e7e7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 
#informacja #menu-left #navigation ul li {
	list-style:none;
	padding: 5px;
	color:#FFF;
	border-top:#fff solid;
	border-bottom:#fff solid;
	border-width:1px;
	cursor:pointer;
	height: 25px;
	line-height: 25px;
}
#informacja #menu-left #navigation ul li:hover {
	background-color:#F90;
	position:relative;
	line-height: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	height: 25px;
} 
/*Sub Menu*/
#informacja #menu-left #navigation ul ul {
	display:none;
	position:absolute;
	left:190px;
	background-color:#D1D1D1;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
#informacja #menu-left #navigation ul li:hover ul {
	display:block;
	left: 190px;
	top: 1px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FFF;
} 
#informacja #menu-left #navigation ul ul li {
	width:225px;
	float:left;
	display:inline;
	line-height: 25px;
	height: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
#informacja #menu-left #navigation ul ul li:hover {
	text-decoration:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}
#informacja #menu-left #navigation li:hover ul li ul {
	display:none;
} 
#informacja #menu-left #navigation ul ul li ul {
	left:190px;
	background-color:#960;
}
#informacja #menu-left #navigation ul ul li:hover ul {
	display:block;
	margin-left: 3px;
}
#informacja #menu-left #navigation ul li a:link, a:hover, a:active, a:visited{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#informacja #partner a:link , a:hover, a:active, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

}








  #menu-top {
    padding: 8px;
  }

  #menu-top #top {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-start;
    margin-bottom: 6px;
  }

  #menu-top #C {
    flex: 1 1 160px;
    background: #f0f0f0;
    border-radius: 4px;
    text-align: center;
  }

  #menu-top #C a {
    display: block;
    padding: 4px 4px;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    transition: background 0.2s ease;
  }

  #menu-top #C a:hover {
    background: #ffd26b;
  }

  #menu-top #L {
    display: none;
  }

  @media screen and (max-width: 768px) {
    #menu-top #top {
      flex-direction: column;
    }

    #menu-top #C {
      flex: 1 1 auto;
    }
  }

  #middle {
    display: none;   }


@media screen and (max-width: 768px) {
  
  #logo img{width:240px}
  #logo {text-align:center}
  
  
  #container,
  #top,
  #middle,
  #banner,
  #bottom,
  #informacja,
  #end {
    width: 100% !important;
    padding: 0 10px;
    box-sizing: border-box;
    float: none;
    clear: both;
  }

  #banner {
    height: auto;
    text-align: center;
  }

  #C {
    width: 100% !important;
    float: none;
    padding: 8px;
    background-position: center;
  }

  #L {
    display: none !important;
  }

  #menu-left,
  #menu-right {
    width: 100% !important;
    float: none;
    margin: 0 0 10px 0;
  }

  #informacja #menu-left #navigation ul li,
  #informacja #menu-left #navigation ul ul li {
    width: 100% !important;
    float: none;
  }

  #informacja #menu-left #navigation ul ul {
    position: relative;
    left: 0;
  }

  #informacja #menu-left #navigation ul li:hover ul {
    left: 0;
  }

  .picture-frame,
  .picture-frame-right,
  .MarginRB,
  .photo {
    width: 100% !important;
    height: auto;
    float: none;
    margin: 0 auto 10px auto;
    display: block;
  }

  .Maintext {
    font-size: 28px;
    text-align: center;
  }

  .textbold {
    font-size: 16px;
    text-align: center;
  }

  #menu-top #top {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }

  #menu-top #C {
    flex: 1 1 auto;
    border-radius: 6px;
  }

  #menu-top #C a {
    padding: 10px;
    font-size: 16px;
  }

  body {
    font-size: 14px;
  }

  #end {
    font-size: 10px;
    text-align: center;
  }
}