@charset "UTF-8";
* {margin: 0px;padding: 0px;}
#tinymce  {background: white; color:#797776; font-size: 16px;line-height:1.3em;}
#tinymce td {}
body#tinymce  {background: white; text-align: left;}

h1, h2, h3, h4 {  color: #292C6A; padding: 1em 0em 0.2em 0em; font-weight: 500; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); } 

h1  {font-size:2em;margin: 0px;line-height: 120%;}
h2 {font-size:1.6em;margin: 0px;line-height: 120%;}
h3 {font-size:1.4em;margin: 0px; line-height: 120%;}
h4 {font-size:1.2em;margin: 0px; line-height: 120%;}
h5 {margin: 0px; font-size:1.1em;; font-size: 18px; line-height: 120%;}
h6 {font-size:1em;padding: 10px 0px 3px 0px;margin: 0px; line-height: 120%;}
b, strong {color: black; font-weight: 600;}
a {color:#4751C5; transition: color .4s ease-in-out;}
a:hover {color: black;}
a img {border:0px;}

ul {}
ul, ol {}
ol li  {}
ul li  {list-style-type: none; margin: 0px; padding: 0.6em 0em 0.6em 2.3em; background: transparent url(../images/buleta.png) 0px 10px no-repeat; }
p {margin: 0px; padding: 0.3em 0em;}
table {border-collapse:collapse;border-spacing:0; font-size: 100%;}
.barva1 {color:#189FD6 !important;}
.barva2 {color:#0000ff !important;}
.barva3 {color: #323131 !important;}
.nadpis_bez_odskoku  {padding-top: 5px;}
.tabulka  {border-collapse: collapse;}
.tabulka td {padding: 4px 10px 4px 10px; background: #CCCCCC; border: 1px solid white;}
.tabulka th {padding: 4px 10px 4px 10px; background: #189FD6 ;color:white; border: 1px solid white;}
.tabulka_prazdna  {border-collapse: collapse;}
.tabulka_prazdna td {vertical-align: top;padding-right: 10px;padding-bottom:10px;}
.obtekany_vlevo {float:left;margin-right:20px;}
.obtekany_vpravo  {float:right;margin-left:20px;}
.obrazek_s_linkou {border:1px solid #D1D2D3 !important; padding: 12px !important; background: #EEEEEE !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px !important; -khtml-border-radius: 4px; }
.clr  {
clear: both;
height: 1px;
overflow: hidden;
}




hr  {height: 7px; overflow: hidden; border: 0px; padding: 0px; margin: 4px 0px 4px 0px; background: transparent url(../images/linkahr.png) top left repeat-x;}



.tabulka_cenik {border-top: 1px solid #DDDDDD;}
.tabulka_cenik td {padding: 0.5em 2em 0.5em 0em; vertical-align: top; border-bottom: 1px solid #DDDDDD;}
.align_right  {text-align: right; padding-right: 0px;} 



/*** nový ypůsob sloupců ********/
.sloupec2 {width: 48%; margin-left: 4%; float: left;}
.sloupec3 {width: 30.5%; margin-left: 4%; float: left;}

.body_v2 .sloupec2, .body_v2 .sloupec3   {margin: 0px; float: none; width: 100%;}
.body_v3 .sloupec2, .body_v3 .sloupec3   {margin: 0px; float: none; width: 100%;}

.sloupec0 {margin-left: 0px;}

noscript  {height: 0px; overflow: hidden; display: none;}
.peligalerie	{margin: 20px 0px; text-align: center; 
display: flex; flex-wrap: wrap;
justify-content: center;
}

.peligalerie a	{width: 220px; height: auto; display: inline-block; margin: 5px; position: relative; border: 1px solid white; box-shadow: 0px 0px 7px rgba(0,0,0,0.3); transition: box-shadow 0.5s ease-in-out; background: white;
aspect-ratio: 3 / 2;
position: relative;
}

.peligalerie a:hover	{ box-shadow: 0px 0px 4px rgba(0,0,0,0.7);}
.peligalerie a:hover img	{opacity: 0.5;}
.peligalerie a	img {width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s linear; display: block;}

#tinymce .peligalerie	{padding: 20px 5px; border: 1px dotted red; margin: 10px 0px;}
#tinymce .peligalerie img	{height: 100px !important; width: auto  !important;}

.loga_reference	{
display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
 background: white; box-shadow: 0px 0px 12px 6px white; padding: 10px 0px; margin: 12px;}
.loga_reference > *	{display: block; margin: 10px;}
.loga_reference a	{transition: opacity 0.5s linear;}
.loga_reference a:hover	{opacity: 0.7;}