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

:root {
	--body-color: #303c49;
    --green-color: #91b900;
    --yellow-color: #ffcd00;
    --primary-color: #303c49;
    --primary-100-color: #cbd3dc;
    --primary-500-color: #5b6f85;
    --primary-800-color: #303c49;
    --secondary-color: #e40045;
    --secondary-800-color: #ac003f;
    --primary-50-color: #eaedf3;
    --dark-blue-color: #244a82;
}


body#tinymce, body  {


color: var(--primary-color); 
font-size: clamp(15px, 1.05vw, 18px);
line-height: 1.6;

text-align:left; position: relative;


font-family: 'maneurope-light', Arial, sans;
font-optical-sizing: auto;
font-style: normal;

font-weight: 400;

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

'MAN_EU-Thin'
'MAN_EU-Regular'
'MAN_EU-Medium'
'MAN_EU-LightItalic'
'MAN_EU-Condensed-Regular'
'MAN_EU-Condensed-Light'
'MAN_EU-Condensed-Bold'
'MAN_EU-Bold'
*/

}



body#tinymce	{
	opacity: 1;
}

#tinymce img	{max-width: 100%;}




h1, h2, h3, h4, h5, h6 {  font-weight: 700;  font-family: 'maneuropecondensed-bold', Arial, sans;  } 

h1 {
    font-size: 2.9rem;
    line-height: 1.2;
    margin: 0rem;
	font-weight: 700;
	padding: 3rem 0rem 3rem 0rem;
	text-transform: uppercase;
}

h2 {
    font-size: 1.95rem;
    line-height: 1.25;
    margin-bottom: 0.2rem;
}

h3 {
    font-size: 1.56rem;
    line-height: 1.3;
    margin: 1rem 0rem 0.5rem 0rem;
}

h4 {
    font-size: 1.25rem;
    line-height: 1.35;
    margin-bottom: 0.4em;
}

h5 {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0.3em;
}

h6 {
    font-size: 0.8rem;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}




b, strong {  font-family: 'MAN_EU-Medium', Arial, sans;}
a, .alink {color:#303c49; transition: color .4s ease-in-out; text-decoration: underline; cursor: pointer;}
a:hover, .alink:hover {color: var(--secondary-color);}
a img {border:0px;}

ul {}
ul, ol {}
ol li  {}
ul li  {list-style-type: none; margin: 0 0 12px; position: relative;
    padding-left: 16px; }

#template_obsah ul>li:before	{
	
	content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 6px;
    height: 25px;
    background-color: var(--secondary-color);
}



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;}
.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: 1px; overflow: hidden; border: 0px; padding: 0px; margin: 0.3em 0em; background: #303c49; opacity: 0.6;}



.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ů ********/
.sloupce2	{display: grid;
	  grid-template-columns: 1fr 1fr ;
	  grid-gap: 3vw;}


.sloupce3	{display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 3vw;}


.body_v3 .sloupce2, .body_v3 .sloupce3	{  grid-template-columns: 1fr ;} 

img.til	{
	width: 100%;
	height: auto;
	max-width: 500px;
}

.sortiment img	{
	width: 100%;
	height: auto;
	max-width: 500px;
	aspect-ratio: 4/3;
	object-fit: cover;
}


.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: flex-start;
}

.peligalerie a	{width: 180px; 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.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;}


.button, .link-as-button	{
	font-family: 'MAN_EU-Medium', Arial, sans;
    cursor: pointer;
    display: inline-block;

    font-weight: 700;
    font-style: normal;
    line-height: 1.1429;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .0775rem;
    border: 1px solid #303c49;
    transition: background-color .3s ease;
	font-size: 14px;
	padding: 16px;
	
	}
	
	
.button:hover, .link-as-button:hover	{background: var(--primary-50-color); color: inherit;}

.button2	{
	font-family: 'MAN_EU-Medium', Arial, sans;
    cursor: pointer;
    display: inline-block;

    font-weight: 700;
    font-style: normal;
    line-height: 1.1429;
	font-size: 14px;
	padding: 16px;
	background:    var( --secondary-color);
	color: white;
	text-decoration: none;
	}
	
.button2:hover	{
	background:    var(--secondary-800-color);
	color: white;
}

.logodole	{/*display: flex; align-items: center;*/}
.logodole img	{height: 34px; width: auto; margin-right: 2rem;}

.linkydole	{display: flex; gap: 1rem;}
.linkydole a	{display:inline-block; text-decoration: none;}


.nabidkaTit img	{aspect-ratio: 3/2; object-fit: cover; }