@charset "UTF-8";
* {margin: 0px;padding: 0px; font-size: 18px;} 


body#tinymce, body  {


color: #006052; 

text-align:left; position: relative;

/*font-family: 'Oswald', sans-serif;*/
/*font-family: "Roboto Condensed", sans-serif;*/


font-weight: 400;

/*letter-spacing: -0.02em;*/


}

body#tinymce *, body * {
	font-family: "Montserrat", sans-serif !important;
}



h1, h2  {font-weight: 700;line-height: 120%; /*font-family: Oswald;*/
padding: 17px 0px 8px 0px;color: #DE767D; 

margin: 0px 0px 10px 0px;
font-size: 32px;
}



h3 {padding: 30px 0px 5px 0px;margin: 0px; color: black; line-height: 125%; /*font-family: Oswald;*/
font-size: 28px;
}
h4 {padding: 20px 0px 5px 0px;margin: 0px;color: #DE767D; line-height: 125%; /*font-family: Oswald;*/
font-size: 24px;
}
h5 {margin: 0px; padding: 15px 0px 0px 0px; color: #DE767D;  line-height: 125%; /*font-family: Oswald;*/
font-size: 20px;
}
h6 {padding: 10px 0px 3px 0px;margin: 0px;color: #DE767D; line-height: 125%;
font-size: 18px;
}
b, strong {/*color: black;*/}
a {color:#DE767D;}
a:hover {color: #FBCED3; }
a img {border:0px;}


ol {
  list-style-type: upper-roman;
}
ul {
  list-style-type: square;
  margin: 0px 0px 0px 30px;
}


/*
ul {padding: 0px;margin:0px;}
ul, ol {padding: 5px 0px 5px 0px; margin:0px;}
ol li  {padding: 4px 0px 4px 25px;margin:0px;}
ul li  {padding: 4px 0px 4px 25px;margin:0px; list-style-type: none; background: transparent url(../images/li.png) 0px 7px no-repeat; }
ul li a {}
*/

p {margin: 0px; padding: 7px 0px 7px 0px;}
table {border-collapse:collapse;border-spacing:0; }
.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;
}

.soubor {background: url(../images/leveaktiv.png) no-repeat scroll 0 3px transparent; padding: 4px 0px 4px 20px; margin: 0px;}
.link_soubor  {display: inline-block; background: url(../images/leveaktiv.png) no-repeat scroll 0 3px transparent; padding: 4px 0px 4px 20px; margin: 0px;}

.odstavec_odsazeny  {text-indent: 30px;}
.odstavec_dobloku  {text-align: justify;}


hr  {height: 1px; overflow: hidden; border: 0px; padding: 0px; margin: 4px 0px 4px 0px; background: #FF877D;}


.fotogalerie_nahledy  a img {height: 120px !important; margin: 2px; min-width: 50px; width: auto; display: inline-block; }


.tab1 {width: 2em; overflow: hidden; display: inline-block;}
.tab2 {width: 4em; overflow: hidden; display: inline-block;}
.tab3 {width: 6em; overflow: hidden; display: inline-block;}
.tab4 {width: 8em; overflow: hidden; display: inline-block;}
.tab5 {width: 10em; overflow: hidden; display: inline-block;}



.peligalerie	{
margin: 20px 0px; 
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 0.5fr;
grid-gap: 20px;
}



#tinymce	.peligalerie	{
display: block;
}

#tinymce .peligalerie > img	{
	display: inline-block; margin: 5px 10px; padding: 0px;
}

@media only screen and ( max-device-width: 900px ) , (max-width: 900px) {			/* čárka je jako OR */
	.peligalerie	{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media only screen and ( max-device-width: 700px ) , (max-width: 700px) {			/* čárka je jako OR */
	.peligalerie	{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and ( max-device-width: 500px ) , (max-width: 500px) {			/* čárka je jako OR */
	.peligalerie	{
		grid-template-columns: 1fr 1fr;
	}
}

.peligalerie > a	{width: 100%; height: auto; 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; display: block;
}



.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; opacity: 1; transition: opacity 0.7s ease-in;}

.peligalerie a	img.loading	{opacity: 0; }

[class*='wf-mediabox-transition-'] .wf-mediabox-body {
	transition-property: none !important; /* vzpne animace p5eklik; meyi fotkama */
}

/* zruší "close", počítání a posune křížek zavření */
.wf-mediabox-theme-light .wf-mediabox-numbers	{display: none !important;}
.wf-mediabox-theme-light .wf-mediabox-close 	{width: 0px;}
.wf-mediabox-theme-light .wf-mediabox-close:before 	{position: relative; left: -12px; margin-bottom: 30px; display: block;}

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


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



/*** obsah ******************************************/
/*** starý způsob sloupců ********/
.sloupec2 {width: 48%; margin-left: 4%; float: left;}
.sloupec3 {width: 30.5%; margin-left: 4%; float: left;}
.sloupec0 {margin-left: 0px;}

/*** novýý způsob sloupců, grid CSS ********/
.sl2, .sl3	{   position: relative; 	  
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 25px;
	  padding: 0px;}
.sl2	{grid-template-columns: 1fr 1fr;}
.sl3	{grid-template-columns: 1fr 1fr 1fr;}

.body_v2 .sl2, .body_v2 .sl3 {grid-template-columns: 1fr;}

.body_v3 .sl2, .body_v3 .sl3 {grid-template-columns: 1fr;}


body#tinymce .sl2, body#tinymce .sl3	{padding: 2px; border: 1px dotted red; margin: 5px 0px;}
body#tinymce .sl2 > div, body#tinymce .sl3 > div	{padding: 2px; border: 1px dotted rgba(0,0,0,0.5); margin: 0px;}

.ikonky	{text-align: center; }
.ikonky a	{display: inline-block; margin: 0px 10px;}