/*------------------------RESET---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration:none; list-style-type: none;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/

.chyba { background-color:#C81816; text-align:center; }
.chyba span { color:#FFFFFF; padding:5px 0px 5px 0px; display:block; } 
.clear { clear: both;height: 1px; line-height: 1px; overflow: hidden; margin-bottom: -1px; }

.gcsc-branding-img-noclear,
.gs-result .gs-image { height:auto !important; }

.message-top                                    {display: block; width: 100%; background-color:#0076d1; padding: 0.1rem 0; box-sizing: border-box;}
.message-top .wrapper                           {justify-content: center; gap: 0.5em; flex-wrap: nowrap;}
.message-top .icon                              {display: block; font-size: 0.4em; position: relative; top: 0.2em;}
.message-top p                                  {display: flex; width: auto; max-width: calc(100% - 1.7rem);width: calc(100% - 1.7rem); align-items: center; font-size: 0.35em; font-weight: 600; line-height: 1em; color: white; margin: 0; position: relative; box-sizing: border-box;}
.message-top a { color:#ffd823; text-decoration:underline; }
.message-top .close                             {display: block; width: 0.8em; height: 0.8em; background: var(--color0); border-radius: 100%; position: relative; top: 0em; z-index: 1; cursor: pointer; transition: .2s ease-in-out;}
.message-top .close:before,
.message-top .close:after                       {display: block; width: 60%; height: 2px; background: white; position: absolute; left: 20%; content: ""; transition: .2s ease-in-out;}
.message-top .close:before                      {top: calc(50% - 1px); transform: rotate(45deg);}
.message-top .close:after                       {top: calc(50% - 1px); transform: rotate(-45deg);}
.message-top .close:hover                       {background: var(--color0b);}
.message-top .close:hover:before,
.message-top .close:hover:after                 {background: #cccccc;}

@media screen and (max-width: 920px) {
    .message-top p { font-size:1em; }
    .message-top .icon                              { font-size: 0.8em; top:0; }
    .message-top .close                             { font-size:1.4em; }
}

#vidFRM {
    /*float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;*/
}
#vidFRM iframe {
    /*position: absolute !important;
    top: 0 !important;
    left: 0 !important;*/
    width: 100% !important;
    height: 550px !important;
}


.imgCert                        { width:calc(49% - 10px) !important; margin:0px 5px 0px 5px !important; border:1px solid #CCCCCC !important; height: auto !important; display:inline !important; }
.imgCert2                       { width:480px !important; margin:0px auto !important; height: auto !important; display:block !important; }
@media screen and (max-width: 700px)         {
    .imgCert                        { width:calc(100% - 10px) !important; display:block !important; }
}
@media screen and (max-width: 565px)         {
    .imgCert2                       { width:90% !important; }
}
html, body                                      {width: 100%; height: 100%; font-size: 46px;}
body                                            {overflow-x: hidden; overflow-y: auto; font-family: 'Open Sans', sans-serif; background: URL('images/bg-body.jpg') no-repeat center top, #eef2ff; background-size: cover;}
body.hidden                                     {overflow: hidden;}
  @media screen and (max-width: 1200px)         {html, body {font-size: 44px;}}
  @media screen and (max-width: 1150px)         {html, body {font-size: 42px;}}
  @media screen and (max-width: 1100px)         {html, body {font-size: 40px;}}
  @media screen and (max-width: 1050px)         {html, body {font-size: 38px;}}
  @media screen and (max-width: 1000px)         {html, body {font-size: 36px;}}
  @media screen and (max-width: 950px)          {html, body {font-size: 34px;}}
  @media screen and (max-width: 900px)          {html, body {font-size: 32px;}}
  @media screen and (max-width: 850px)          {html, body {font-size: 30px;}}
  @media screen and (max-width: 800px)          {html, body {font-size: 28px;}}
  @media screen and (max-width: 750px)          {html, body {font-size: 26px;}}
  @media screen and (max-width: 700px)          {html, body {font-size: 24px;}}
  @media screen and (max-width: 650px)          {html, body {font-size: 22px;}}
  @media screen and (max-width: 600px)          {html, body {font-size: 20px;}}
  @media screen and (max-width: 550px)          {html, body {font-size: 18px;}}
  @media screen and (max-width: 500px)          {html, body {font-size: 16px;}}
  @media screen and (max-width: 450px)          {html, body {font-size: 14px;}}
  @media screen and (max-width: 400px)          {html, body {font-size: 12px;}}
  
.wrapper                                        {display: flex; margin-left: auto; margin-right: auto; width: 1500px; box-sizing: border-box; flex-wrap: wrap;}
  @media screen and (max-width: 1640px)         {
  .wrapper                                      {margin: 0 70px; width: auto;}
  }
  @media screen and (max-width: 920px)          {  /* Stejné jako breakpoint v menu na mobilní verzi */
  .wrapper                                      {margin: 0 2%; width: 96%;}  
  }



/* tabulkove rozlozeni */
.table                          { display:block; font-size:18px; }
.table .left                    { display:block; float:left; }
.table .right                   { display:block; float:left; }

/* GENERAL */                                        
.heading1                                       {display: block; width: 100%; font-size: 36px; font-weight: 600; color: #303030; text-align: center; margin-bottom: 1rem; text-transform: uppercase;}
.section                                        {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin: 14px 0;}
.input1                                         {display: block; padding: 0 8px; box-sizing: border-box; background: #fafafa; border: solid 1px #e5e5e5; outline: none; border-radius: 3px;}
  @media screen and (max-width: 900px)          {
  .heading1                                     {font-size: 26px;}
  }

.content                                        {display: block; width: 100%; min-height: calc(100% - 150px); box-sizing: border-box; position: relative;}
.content.fixedmenu                              {padding-top: 60px; min-height: 100%;}
.content .modulFiltr                            { margin-top:20px; font-size:18px; font-weight:600; margin-bottom:5px; }
.content .modulFiltr a                          { font-size:18px; padding:0px 10px 0px 10px; color:#000000; font-weight:400; }
.content .modulFiltr a:hover                    { text-decoration:underline; }
#header                                         {display: block; width: 100%; height: 90px;}
#header .wrapper                                {align-items: center;}
#header .logo                                   {display: block; width: 70px; height: 70px; margin: 10px 15px 10px 0;}
#header .logo img                               {display: block; width: auto; height: 100%;}
#header .title                                  {display: block; width: calc(100% - 90px - 30% - 120px); font-size: 30px; font-weight: 700; line-height: 1em; color: #0076d1; margin:0px; }
#header .title span                             {display: block; font-size: 14px; line-height: 1.1em; color:  #010101;}
#header .title span br                          {display: none;}
#header .icon-search                            {display: none;}
#header .input1                                 {width: 30%; height: 40px; padding-right: 35px;}
#header .search                                 {display: block; width: 16px; height: 16px; margin: 0 34px 0 -28px; border: none; outline: none; opacity: 0.6; background: URL('images/button-search.svg') no-repeat center center; background-size: 100% 100%; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#header .search:hover                           {opacity: 1;}
#header .lang                                   {display: flex; width: 100px; justify-content: flex-end;}
#header .lang a                                 {display: block; padding: 3px 8px; color: #c7c7c7; font-size: 14px; font-weight: 600; border-right: solid 1px #e2e2e2; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#header .lang a:nth-child(2)                    {border-right: none;}
#header .lang a:last-child                      {border-right: none; display:none;}
#header .lang a:hover                           {color: #0076d1;}
#header .lang a.sel                             {color: white; background: #0076d1; border-radius: 2px; border-right: none;}
#header #navicon                                {display: none;}
#menu                                           {display: block; width: 100%; height: 60px;}
#menu.fixedmenu                                 {position: fixed; top: 0; right: 0; z-index: 999;}
#menu .wrapper                                  {height: 100%; position: relative;} 
#menu .wrapper .links                           {display: block; width: auto; height: auto; position: fixed; top: 90px; right: 0; z-index: 6000; border-radius: 3px 0 0 3px;}
#menu .wrapper .links a                         {display: block; width: 40px; height: 40px; background: #0076d1; border-bottom: solid 2px #0062ad; position: relative; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#menu .wrapper .links a:after                   {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: "";}
#menu .wrapper .links a.fb:after                {background: URL('images/icon-fb.svg') no-repeat center center; background-size: cover;}
#menu .wrapper .links a.yt:after                {background: URL('images/icon-yt.svg') no-repeat center center; background-size: cover;}
#menu .wrapper .links a.in:after                {background: URL('images/icon-in.svg') no-repeat center center; background-size: cover;}
#menu .wrapper .links a.cam:after               {background: URL('images/icon-cam.svg') no-repeat center center; background-size: cover;}
#menu .wrapper .links a span                    {display: none; align-items: center; background: white; height: 30px; padding: 0 10px; font-size: 12px; color: #6b6b6b; border-radius: 2px; position: absolute; right: 70px; top: 5px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#menu .wrapper .links a span:after              {display: block; height: 30px; width: 9px; position: absolute; right: -8px; top: 0; content: ""; background: URL('images/arrow.png') no-repeat left center; background-size: cover;}
#menu .wrapper .links a:hover                   {background: #0062ad;}
#menu .wrapper .links a:hover span              {display: flex; right: 38px;}
#menu .wrapper .links a.fb span                 {width: 55px;}
#menu .wrapper .links a.yt span                 {width: 50px;}
#menu .wrapper .links a.in span                 {width: 60px;}
#menu .wrapper .links a.cam span                {width: 70px;}
#menu .wrapper ul                               {display: table; width: 100%; height: 100%; background: #0076d1; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);}
#menu .wrapper ul > li                          {display: table-cell; height: 100%; vertical-align: middle; text-align: center; border-left: solid 1px #005fc1; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#menu .wrapper ul > li.hover                    {background: #005fc1;}
#menu .wrapper ul > li > a                      {display: block; font-size: 16px; color: white; font-weight: 600;}
#menu .wrapper ul > li > a.home                 {padding: 4px 10px 0;}
#menu .wrapper ul > li > a.home .icon           {display: inline-block; width: 20px; height: 20px; background: URL('images/icon-home.svg') no-repeat center top; background-size: 100% 200%;} 
#menu .wrapper ul > li > a.home .text           {display: none;}
#menu .wrapper ul > li ul                       {display: none; width: 100%; height: auto; min-height: 300px; align-content: flex-start; flex-wrap: wrap; padding: 50px; padding-right: 400px; box-sizing: border-box; position: absolute; top: 56px; left: 0; z-index: 999; background: #005fc1;}
#menu .wrapper ul > li.hover ul                 {display: flex;}
#menu .wrapper ul > li ul li                    {display: block; width: 220px; align-items: center; padding-left: 20px; margin: 7px 30px 7px 0;; position: relative; text-align: left;}
#menu .wrapper ul > li ul li:before             {display: block; width: 15px; height: 15px; position: absolute; top: 3px; left: 0; background: URL('images/chevron-right.svg') no-repeat center center; background-size: 15px 15px; content: "";}
#menu .wrapper ul > li ul li:last-child         {width: auto; height: auto; margin: 0; position: absolute; top: 50px; right: 50px; overflow: hidden;}
#menu .wrapper ul > li ul li:last-child img     {display: block; width: auto; height: 200px;}
#menu .wrapper ul > li ul li:last-child:before  {display: none;}
#menu .wrapper ul > li ul li a                  {display: block; font-size: 15px; color: white; font-weight: 600; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#menu .wrapper ul > li ul li a:hover            {color: #ffe400;}
  @media screen and (max-width: 1360px)         {
  #menu .wrapper ul > li ul                     {padding-right: 300px;}
  #menu .wrapper ul > li ul li                  {width: 220px; margin: 5px 30px 5px 0;;}
  #menu .wrapper ul > li ul li a                {font-size: 14px;}
  }
  @media screen and (max-width: 1080px)         {
  .content                                      {min-height: calc(100% - 110px);}
  .content.fixedmenu                            {padding-top: 46px;}
  #header                                       {height: 64px;}
  #header .logo                                 {width: 50px; height: 50px; margin: 7px 6px 7px 0;}
  #header .title                                {width: calc(100% - 60px - 40% - 108px); font-size: 24px;}
  #header .title span                           {font-size: 10px;}
  #header .input1                               {width: 40%; height: 36px; padding-right: 30px;}
  #header .search                               {width: 14px; height: 14px; margin: 0 26px 0 -25px;}
  #header .lang                                 {display: flex; width: 90px;}
  #header .lang a                               {padding: 2px 7px; font-size: 12px;}
  #menu                                         {height: 46px;}   
  #menu .wrapper ul                             {border-radius: 0px;}
  #menu .wrapper ul > li > a                    {font-size: 13px;}
  #menu .wrapper ul > li > a.home .icon         {width: 14px; height: 14px;}
  #menu .wrapper ul > li ul                     {min-height: 190px; padding: 20px; padding-right: 280px; top: 43px;}
  #menu .wrapper ul > li ul li                  {width: 190px; margin-right: 20px;}
  #menu .wrapper ul > li ul li:last-child       {top: 20px; right: 20px;}
  #menu .wrapper ul > li ul li:last-child img   {width: auto; height: 150px;}
  #menu .wrapper ul > li ul li a                {font-size: 13px;}
  }
  @media screen and (max-width: 920px)          {
  .content                                      {min-height: 100%; padding-top: 64px;}
  #header                                       {position: fixed; top: 2em; left: 0; z-index: 5001; background: white;}
  .detail #header                               {border-bottom: solid 1px #e7e7e7;}
  #header .title                                {width: calc(100% - 60px - 30% - 138px); font-size: 24px;}
  #header .input1                               {width: 30%; height: 36px; padding-right: 30px;}
  #header #navicon                              {display: block; width: 16px; height: 16px; margin-left: 10px; background: URL('images/navicon.svg') no-repeat center top; background-size: 16px 64px; cursor: pointer;}
  #header #navicon:hover                        {background-position: center top -16px;}
  #menu, #menu.fixedmenu                        {width: 280px; height: 100%; flex-wrap: wrap; margin-top: 3px; position: fixed; right: -100%; top: 64px; z-index: 5001; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);}
  #menu.show                                    {right: 0;}
  #menu .wrapper                                {width: 100%; height: 100%; margin: 0;}
  #menu .wrapper .links                         {display: flex; width: 100%; height: auto; background: #0062ad; position: relative; top: 0px; right: 0; border-radius: 0px; border-bottom: solid 2px #0062ad;}
  #menu .wrapper .links a                       {border-bottom: none; border-right: solid 2px #0062ad;}
  #menu .wrapper .links a span:after            {display: none;}
  #menu .wrapper .links a:hover span            {display: none;}
  #menu .wrapper ul                             {display: block; height: calc(100% - 64px); border-radius: 0px; overflow-y: auto; box-sizing: border-box;}
  #menu .wrapper ul > li                        {display: block; height: auto; text-align: left; border-left: none;}
  #menu .wrapper ul > li > a                    {font-size: 15px; color: white; font-weight: 600; padding: 8px 18px; box-sizing: border-box; cursor: pointer;}
  #menu .wrapper ul > li > a.home               {padding: 10px 20px; box-sizing: border-box;}
  #menu .wrapper ul > li > a.home .icon         {display: none;} 
  #menu .wrapper ul > li > a.home .text         {display: block;}
  #menu .wrapper ul > li ul                     {display: none; min-height: auto; padding: 6px 0 6px 14px; padding-right: 0; position: relative; top: 0; background: #005fc1;}
  #menu .wrapper ul > li.hover ul               {display: none;}
  #menu .wrapper ul > li.hover2 ul              {display: block;}
  #menu .wrapper ul > li ul li                  {width: 100%; margin-right: 0px;}
  #menu .wrapper ul > li ul li:last-child       {display: none;}
  #menu .wrapper ul > li ul li:before           {width: 12px; height: 12px; background-size: 12px 12px; top: 4px; left: 10px;}
  #menu .wrapper ul > li ul li:after            {display: none;}
  #menu .wrapper ul > li ul li a                {padding: 0 30px 0 8px; box-sizing: border-box;} 
  }
  @media screen and (max-width: 650px)          {
  #header .logo                                 {width: 46px; height: 46px; margin: 9px 5px 9px 0;}
  #header .title                                {width: calc(100% - 154px); font-size: 17px;}
  #header .title span                           {font-size: 9px; line-height: 1.4em;}
  #header .title span br                        {display: block;}
  #header .icon-search                          {display: block; width: 16px; height: 16px; margin-right: 50px; opacity: 0.6; background: URL('images/button-search.svg') no-repeat center center; background-size: 100% 100%; cursor: pointer; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
  #header .icon-search:hover                    {opacity: 1;}
  #header .input1                               {display: none; width: 100%; height: 40px; padding-right: 35px; position: absolute; top: 64px; left: 0;}
  #header .search                               {display: none; width: 18px; height: 18px; margin: 0; position: absolute; right: 12px; top: 74px;}
  #header .input1.show, #header .search.show    {display: block;} 
  #header .lang                                 {display: flex; width: 30px; height: 30px; overflow: hidden; flex-wrap: wrap; justify-content: center; align-items: flex-start; position: absolute; right: 54px; top: 16px; cursor: pointer;}
  #header .lang.show                            {height: auto;}
  #header .lang a                               {display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; padding: 0px; font-size: 13px; border-right: none; background: white; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
  #header .lang a:nth-child(1)                  {order: 0;}
  #header .lang a:nth-child(2)                  {order: 1;}
  #header .lang a:nth-child(3)                  {order: 2;}  
  }

#footer                                         {display: block; width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
#footer .wrapper                                {justify-content: space-between; flex-wrap: nowrap; height: 100%; padding: 40px; box-sizing: border-box; background: #0076d1; position: relative;}
#footer ul                                      {display: block;}
#footer ul li                                   {display: flex; width: 100%; position: relative; margin: 4px 0;}
#footer ul li:before                            {display: block; width: 15px; height: 15px; margin-top: 2px; margin-right: 3px; background: URL('images/chevron-right2.svg') no-repeat center center; background-size: 15px 15px; content: "";}
#footer ul li:first-child                       {padding-bottom: 12px; margin-bottom: 15px; border-bottom: solid 2px #005fc1; font-size: 15px; color: #ffe400; font-weight: 600;}
#footer ul li:first-child:before                {display: none;}
#footer ul li a                                 {display: inline-block; font-size: 14px; color: white; font-weight: 600; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#footer ul li a:hover                           {color: #ffe400;}
#footer .copyright                              {display: inline-block; color: #002b4d; font-size: 14px; position: absolute; bottom: 40px; right: 40px; font-weight: 700; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
#footer .copyright:hover                        {color: white;}
  @media screen and (max-width: 1300px)         {
  #footer .wrapper                              {padding: 25px;}
  #footer ul li:before                          {width: 8px; height: 9px; margin-top: 4px; margin-right: 2px;}
  #footer ul li:first-child                     {font-size: 14px;}
  #footer ul li a                               {font-size: 12px;}
  #footer .copyright                            {font-size: 12px; bottom: 25px; right: 25px;}
  }
  @media screen and (max-width: 1080px)         {
  #footer .wrapper                              {display: block;}  
  #footer ul                                    {display: flex; width: 100%; flex-wrap: wrap;}
  #footer ul li                                 {width: auto; margin: 2px 8px 2px 0;}
  #footer ul li:first-child                     {width: 100%; border-bottom: none; border-top: solid 2px #005fc1; margin: 13px 0 5px 0; padding: 13px 0 0 0;}
  #footer ul.first li:first-child               {border-top: none; margin: 0 0 5px 0; padding: 0 0 0 0;}
  #footer .copyright                            {position: relative; bottom: 0px; right: 0px; margin-top: 20px;}
  }


/* RIGHT PANEL */
.right                                          {display: block; width: 300px;} 
.right section                                  {display: block; margin-bottom: 14px; padding: 35px; background: white; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.right section h2                               {display: block; width: 100%; font-size: 15px; color: #0076d1; margin-bottom: 20px; font-weight: 600;}
.right section.foto                             { padding: 15px; }
.right section.foto img                         { width:100%; height:auto; }
.right section.map                              {padding: 15px;}
.right section.map iframe                       {display: block; width: 100%; height: 5rem; min-height: 300px;}
.right section.links                            {background: #0076d1;}
.right section.links h2                         {color: #ffe400;}
.right section.links a                          {display: block; align-items: center; margin-bottom: 8px; position: relative; padding-left: 20px; box-sizing: border-box; color: white; font-size: 14px; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.right section.links a:hover                    {color: #ffe400;}
.right section.links a:before                   {display: block; width: 15px; height: 15px; margin-right: 4px; position: absolute; top: 2px; left: 0; background: URL('images/chevron-right.svg') no-repeat center center; background-size: 15px 15px; content: "";}
.right section.weather                          {display: flex; justify-content: space-around; flex-wrap: wrap;}
.right section.weather .day                     {display: block; width: 76px; height: 94px; position: relative; margin: 0 5px 5px;}
.right section.weather .day:after               {display: block; width: 60px; height: 20px; background: #0076d1; border-radius: 3px; position: absolute; bottom: 8px; left: calc(50% - 30px); z-index: 1; content: "";}
.right section.weather .day a                   {position: relative; z-index: 2;}
.right section.weather .link                    {display: block; width: 100%; text-align: center;}
.right section.weather .link a                  {color: #a3a3a3; font-size: 14px; font-weight: 400; text-decoration: underline;}
.right section.weather .link a:hover            {color: #838383; text-decoration: none;}
.right section.info p, .right section.info a    {display: block; width: 100%; margin-bottom: 5px; padding-left: 24px; position: relative; box-sizing: border-box; color: #282828; font-size: 14px;}
.right section.info p:before,
.right section.info a:before                    {display: block; width: 16px; height: 16px; font-size: 16px; margin-right: 4px; text-align: center; color: #0076d1; position: absolute; top: 2px; left: 0; content: ""; font-family: fontawesome;}
.right section.info .address:before             {content: "\f015";}
.right section.info .tel:before                 {content: "\f095";}
.right section.info .mail:before                {content: "\f0e0"; font-size: 15px;}
.right section.info .web:before                 {content: "\f0ac";}
.right section.info img,
.right section.info .img                        { margin-top: 25px; display:inline-block; width:auto; }
  @media screen and (max-width: 960px)          {
  .right                                        {width: 100%;}
  }


/* HOMEPAGE */
.swiper-container                               {display: block; width: 100%; height: 8.5rem; min-height: 200px; position: relative; margin-top: 3px; border-radius: 3px; overflow: hidden;}
.swiper-container .swiper-slide                 {display: block; width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.swiper-button-prev, .swiper-button-next        {display: block; position: absolute; top: calc(50% - 25px); opacity: 0.85; width: 30px; height: 30px; z-index: 500; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}                                  
.swiper-button-prev                             {left: 10px; background: URL('images/arrow-l.svg') no-repeat center center; background-size: auto 100%;}
.swiper-button-next                             {right: 10px; background: URL('images/arrow-r.svg') no-repeat center center; background-size: auto 100%;}
.swiper-button-prev:hover, .swiper-button-next:hover
                                                {opacity: 1; cursor: pointer;}

.cards                                          {display: block; width: calc(100% - 314px);}
.cards section                                  {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin-bottom: 14px;}
.cards section:last-child                       {margin-bottom: 0;}
.cards section header                           {display: block; width: 100%; padding: 8px 11px; background: #0076d1; margin-bottom: 14px; border-radius: 4px; box-sizing: border-box;}
.cards section header h2                        {display: flex; align-items: center; color: white; font-size: 20px; font-weight: 700;}
.cards section:not(.noimage) header h2:before                 {display: block; width: 24px; height: 24px; margin-right: 8px; content: "";}
.cards section.hotel header h2:before           { content: "\f236"; font-family: fontawesome; color:White; font-size:18px; position:relative; top:2px; }
.cards section.top header h2:before             {background: URL("images/icon-top.svg") no-repeat center center; background-size: cover;}
.cards section.trips header h2:before           {background: URL("images/icon-telescope.svg") no-repeat center center; background-size: cover;}
.cards section.info header h2:before            {background: URL("images/icon-info.svg") no-repeat center center; background-size: cover;}
/*.cards section a                              {display: flex; width: calc(33.33% - 10px); min-height: 100%; justify-content: center; flex-wrap: wrap; margin-bottom: 14px; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}*/
.cards section a                                {display: block; width: calc(33.33% - 10px); margin-bottom: 14px; background: white; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
/*.cards section a img                          {display: block; width: auto; height: 260px;}*/
.cards section a img                            {display: block; width: 100%; height: auto;}
/*.cards section a h3                             {display: flex; width: 100%; align-items: center; padding: 20px; font-size: 22px; line-height: 1.3em; color: black; font-weight: 600; position: relative; box-sizing: border-box; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}*/
.cards section a strong                             {display: flex; width: 100%; align-items: center; padding: 20px; font-size: 22px; line-height: 1.3em; color: black; font-weight: 600; position: relative; box-sizing: border-box; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.cards section a strong:after                       {display: block; width: 20px; height: 46px; position: absolute; top: -23px; left: -2px; background: URL("images/card-arrow.svg") no-repeat left center; background-size: 100% auto; content: "";}
.cards section a:hover                          {transform: scale(1.03,1.03); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
.cards section a:hover strong                       {color: #0076d1;}
  @media screen and (max-width: 1360px)         {
  .cards section a strong                           {font-size: 19px;}
  }
  @media screen and (max-width: 1240px)         {
  .cards section a                              {width: calc(50% - 7px);}
  }
  @media screen and (max-width: 960px)          { /* Stejně jako breakpoint u .right */
  .cards                                        {width: 100%;}
  .cards section a                              {width: calc(33.33% - 10px);}
  .cards section a strong                           {font-size: 17px;}
  }
  @media screen and (max-width: 780px)          {
  .cards section header h2                      {font-size: 18px;}
  .cards section a                              {width: calc(50% - 7px);}
  }
  @media screen and (max-width: 540px)          {
  .cards section a                              {width: 100%;}
  }


.detail h1                                      {display: block; width: 100%; font-size: 30px; line-height: 1.2em; font-weight: 700; color: #161616; margin: 40px 0 15px;}
.detail .left                                   {display: block; width: calc(100% - 314px);}
.detail .s1                                     {width: 100%; height: 600px; margin: 0; background-color:#161616; }
.detail .s1 img                                 {display: block; margin:0px auto; /*width: 100%; max-width:100%;*/ height: auto;}
.detail .s2                                     {height: 90px; min-height: auto; background: #161616; padding: 10px; margin-bottom:15px; box-sizing: border-box;}
.detail .s2 .swiper-slide                       {opacity: 0.4; width: auto; height: 100%; -webkit-flex-shrink: none; -ms-flex: none; flex-shrink: none; cursor: pointer;}
.detail .s2 .swiper-slide img                   {display: block; width: auto; height: 70px;}
.detail .s2 .swiper-slide-active                {opacity: 1;}
.detail .s2 .swiper-button-prev,
.detail .s2 .swiper-button-next                 {top: calc(50% - 10px); width: 20px; height: 20px;}                                  
.detail .s2 .swiper-button-disabled             {display: none;}
.detail .article                                {display: block; width: 100%; margin-top: 0px; background: white; padding: 35px; box-sizing: border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);}
.detail .article h2                             {display: block; width: 100%; margin-bottom: 8px; font-size: 24px; color: #0076d1; font-weight: 600;}
.detail .article .p                              {display: block; width: 100%; margin-bottom: 25px; font-size: 18px; font-weight: 400; color: #161616; text-align: justify; word-wrap: break-word; }
.detail .article .p strong                       {font-weight: 700;}
.detail .article .p em                           {font-style: italic;}
.detail .article a                              {color: #0076d1; text-decoration: underline;}
.detail .article a:hover                        {text-decoration: none;}
.detail .article img                            {display: block; width: auto; height: 180px; margin-bottom: 20px;}
  @media screen and (max-width: 1080px)         {
  .detail h1                                    {font-size: 26px; margin: 36px 0 12px;}  
  .detail .left, .right                         {width: 100%;}
  .detail .article img                          {height: 140px;}
  }
  @media screen and (max-width: 960px)          {
  .detail h1                                    {font-size: 24px; margin: 34px 0 10px;}
  .detail .article                              {padding: 25px;}
  .detail .article h2                           {margin-bottom: 7px; font-size: 20px;}
  .detail .article .p                            {margin-bottom: 20px; font-size: 16px;}  
  }
  @media screen and (max-width: 680px)          {
  .detail h1                                    {font-size: 22px; margin: 30px 0 8px;}
  .detail .article h2                           {margin-bottom: 6px; font-size: 19px;}
  .detail .article .p                            {margin-bottom: 16px; font-size: 14px;}  
  }

.searching h1                                   {display: block; width: 100%; font-size: 36px; line-height: 1.2em; font-weight: 700; color: #161616; margin: 40px 0 15px;}
.searching h1 span                              {display: block; width: 100%; color: #859aae; font-size: 0.6em; font-style: italic;}
.searching h1 span:before                       {content: 'pro: "';}
.searching h1 span:after                        {content: '"';}
.searching .results                             {display: block; width: 100%; margin-top: 15px; background: white; padding: 35px; box-sizing: border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);}
.searching .results .result                     {display: block; width: 100%; padding-bottom: 25px; margin-bottom: 25px; border-bottom: solid 1px #dcdcdc;}
.searching .results .result h2                  {display: flex; width: 100%; margin-bottom: 5px; flex-wrap: wrap;}
.searching .results .result h2 a                {display: inline-block; font-size: 20px; font-weight: 600; color: #0076d1; text-decoration: underline;}
.searching .results .result h2 a:hover          {text-decoration: none;}
.searching .results .result p                   {display: block; width: 100%; font-size: 16px; color: #969696;}
  @media screen and (max-width: 1080px)         {
  .searching .results .result h2 a              {font-size: 18px}
  .searching .results .result p                 {font-size: 15px}
  }
  @media screen and (max-width: 760px)          {
  .searching .results                           {padding: 25px;}
  .searching .results .result h2 a              {font-size: 17px}
  .searching .results .result p                 {font-size: 14px}
  }


div.ui-datepicker{
 font-size:15px;
}  

.mceContentBody { border:1px solid red; }