@charset "UTF-8";
* {margin: 0px;padding: 0px;}
#tinymce  {background: white; color:#7D797A; font-family: Arial, Verdana, Trebuchet MS, sans-serif;font-size: 16px;line-height:150%;}
#tinymce td {color:#7D797A; font-family: Arial, Verdana, Trebuchet MS, sans-serif;font-size: 16px;}

#tinymce .clr	{border: 1px solid red; background: yellow; height: 1em !important;}

h1, h2, h3, h4 { font-family: 'Roboto', sans-serif;  font-weight: 600; padding: 0.5em 0em 0.2em 0em;  } 

h1  {font-size:2em;margin: 0px;line-height: 120%;}
h2 {font-size:1.7em;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 {font-size:1.1em;margin: 0px; line-height: 120%;}
h6 {font-size:1em;margin: 0px; line-height: 120%; font-weight: 700;}

b, strong {}
a {color:#2662A8;}
a:hover {text-shadow: 0px 0px 5px #555555;}
a img {border:0px;}

ul {}
ul, ol {}
ol li  {}
ul li  {list-style-type: square; margin: 0.2em 0em 0.2em 1.5em; padding: 0em 0em 0em 0.5em;  }
p {margin: 0px; padding: 5px 0px 5px 0px;}
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;}

.obrazek_clanek_vlevo	{width: 30%; float: left; margin-right: 3%; display: block;}
.obrazek_clanek_vpravo	{width: 30%; float: right; margin-left: 3%;  display: block;}
.obrazek_clanek_full	{width: 100%;  display: block;}

.obtekany_vlevo {float:left;margin-right:20px;}
.obtekany_vpravo  {float:right;margin-left:20px;}
.obrazek_s_linkou {border: 1px solid #0068B2;}
.clr  {
	display: block;
clear: both;
height: 1px;
overflow: hidden;
}




hr  {height: 7px; overflow: hidden; border: 0px; padding: 0px;
 margin: 4px 0px 4px 0px; background: #0167b1;}








/*** 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;}



.peligalerie	{margin: 20px 0px; text-align: center; 
display: flex; flex-wrap: wrap;
justify-content: center;
}

.peligalerie a	{width: 100px; 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; display: block;}
#tinymce .peligalerie img	{height: 100px !important; width: auto  !important; margin: 5px; display: inline-block;}