main									{}
main div.baner							{background-image: url('../img/jana-lukas-uvod-tab.webp'); background-position: 80% 30%; /*65% 30%*/ height: 500px; padding: 30px; display: flex; align-items: center;}
main div.baner>div						{height: 70%; background-color: rgba(255, 255, 255, 0.7);}
main div.baner>div>section				{height: calc(100% - 55px); white-space: nowrap; overflow: hidden;}
main div.baner>div>section article		{display: inline-block; padding: 25px 25px 0px 25px; white-space: normal; vertical-align: top;}
main div.baner>div>section article h2	{font-size: 24px; margin: 0px 0px 15px 0px; color: var(--modr); text-align: left;}
main div.baner>div>section article p	{font-size: 18px; color: var(--modr); text-align: justify; margin-bottom: 15px; }
main div.baner>div>section article a 	{display: inline-block; padding: 5px 20px; color: var(--modr); border: 2px solid var(--modr); font-size: 20px;}
main div.baner>div>section article.bp 	{animation: banerslider 0.5s forwards;}
main div.baner>div>div 					{width: 100%; padding: 20px; text-align: center;}
main div.baner>div>div span 			{height: 15px; width: 15px; margin: 0px 5px; border-radius: 50%; display: inline-block; background-color: var(--modr); transition: background-color 0.6s ease;}
main div.baner>div>div span.ozn			{background-color: var(--bila);}
@keyframes banerslider
{
    0% 		{transform: translateX(0%);}
    100% 	{transform: translateX(-100%);}
}

.rollc 		{scroll-margin-top: 58px;}

main>h2				{display: block; font-size: 30px; text-align: center; color: var(--modr); padding-top: 30px; margin-bottom: 25px;}
main>hr 			{border: 1px solid var(--cerv); margin: 0px 18% 45px 18%; }
main span.uvod		{display: block; font-size: 18px; color: var(--modr); padding: 0px 100px; margin-bottom: 45px; text-align: justify; }
main span.uvod b 	{font-size: 18px; font-weight: 500;}

main>section		{display: block; text-align: center; padding: 0px 15px;}
main>section>a 		{display: inline-block; width: calc((100% - 15px) / 2); margin-bottom: 40px;}
main>section>a:nth-of-type(odd) {margin-right: 15px;}
main>section>a>div 	{display: inline-block; padding: 15px; vertical-align: top; width: 50%; }
main>section>a>ul 	{display: inline-block; padding: 15px; vertical-align: top; width: 50%; padding-left: 30px; border-left: 2px solid var(--cerv);}
main>section>a>div>img 	{margin: 25px auto 30px auto; width: 60px;}
main>section>a>div>img path	{fill: #CCC;}
main>section>a>div>h3	{font-size: 20px; color: var(--modr); text-align: center;}
main>section>a>ul>li 	{font-size: 15px; text-align: left; color: var(--modr); margin-bottom: 5px;}

main div.tym	{display: block; background-color: var(--modr);}
main div.tym h2	{color: var(--bila); font-size: 30px; text-align: center; padding: 30px 15px 0px 15px; margin-bottom: 25px;}
main div.tym>div 	{display: block; padding-bottom: 30px;} 
main div.tym>div a 	{display: inline-block; width: 50%; padding: 0px 45px; text-align: center;}
main div.tym>div a>div {margin-bottom: 15px; border-bottom: 2px solid var(--cerv);}
main div.tym>div a>div>img {width: 100%; filter: grayscale(100%); height: auto;}
main div.tym>div a>h3 	{font-size: 25px; color: var(--bila);}
main div.tym>div a>span	{font-size: 20px; font-weight: 500; color: var(--cerv);}
main div.tym>div a>i 	{display: block; font-size: 16px; font-style: normal; color: var(--bila);}
main div.tym>div>span  {display: inline-block; width: 50%; padding: 0px 45px; text-align: center;}
main div.tym>div>span>div {margin-bottom: 15px; border-bottom: 2px solid var(--cerv);}
main div.tym>div>span>div>img {width: 100%; filter: grayscale(100%); height: auto;}
main div.tym>div>span>h3   {font-size: 25px; color: var(--bila);}
main div.tym>div>span>span {font-size: 20px; font-weight: 500; color: var(--cerv);}
main div.tym>div>span>i    {display: block; font-size: 16px; font-style: normal; color: var(--bila);}