/****************************************** RESET **********************************************/
/***********************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {	content:'';	content:none; }
table {	border-collapse:collapse;	border-spacing:0; }



/*****************************************************************************/
/********************************* TYPO **************************************/
/*
h1, h2, h3, h4, h5, h6, 
div, p, a, strong { font-family:'Open Sans', sans-serif; font-size:20px; line-height:27px; font-weight:500; color:#002F7B;  }
*/


.container{
    width:1424px;
    margin: 0 auto;
    text-align: center;
}

body{
    font-family: "Open Sans";
    margin: 0;
    color:#002F7B;
}

h1{
    font-size:40px;
}

h2{
    font-size:40px;
    font-weight: 800;
}

h3{
    font-size: 40px;
    font-weight: 800;
}
header{
    width:100%;
    background-image: url('assets/header.png') ;
    background-repeat: repeat-x;
    height:228px;
    position: relative;
}

header .container{
    text-align: center;
}

header .pozor{
    font-size:27px;
    color:white;
    padding-top:27px;
}

header .pozor strong{
    font-size:27px;
    color:white;
    padding-top:27px;
}

/* important edits */

header .logo{
	position: absolute;
	max-width: 400px; 
	bottom: 0rem;
	left: 50%;
	transform: translate(-50%,-50%);
}

header .logo img {
	max-width: 400px;
	height: auto;
}

@media (max-width: 75rem) {
	header .logo{
		max-width: 250px; 
	}
	
	header .logo img {
		max-width: 250px;
	}
}

.uvod {
    width:100%;
    background-image: url('assets/uvod.png');    
    background-repeat: no-repeat;
    text-align: center;
}

.uvod p{
    font-size: 40px;
    font-weight: 100;
}

.uvod .popis{
    font-size: 20px;
    font-weight: 600;
    width: 738px;
    text-align: center;
    margin: 0 auto;
    padding-top: 50px;    
}

.uvod .pribeh{
    font-size: 20px;
    font-weight: 300;
    width: 738px;
    text-align: left;
    margin-left: 28%;
    padding:30px 0 0 0;  
}

.uvod .vznik{
    margin-top:80px;
}

.ruzova{
    color: #ED135D;
}

.vznik-popis{
    width:100%;
    background-image: url('assets/tydenicky-popis.png');    
    background-repeat: no-repeat;  
    text-align: left;
}

.vznik-popis ul{
    list-style: none;
    width: 683px;
    margin-left: 535px;
    padding-top:90px;
    padding-bottom: 160px;    
}

.vznik-popis ul li{
    font-size:25px;
    font-weight:800;
    margin-bottom: 12px;
}

.vznik-popis ul li:first-child{
    margin-bottom: 8px;
}

.pridat-do-kosiku{
    background-color: #8DC63F;
    border-radius:30px;
    color:white;
    height: 60px;
    text-align: right;
    cursor: pointer;
    text-decoration: none;
    display: block;
    padding-left: 25px;
}

.pridat-do-kosiku span{
    font-size: 30px;
    font-weight: 500;
    margin-right: 37px;
    line-height: 60px;

    
}

.pridat-do-kosiku:before {
    content: "\f07a";
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 35px;
    line-height: 19px;
    color: white;
    padding-right: 26px;
    vertical-align: initial;
}

.listy-popis{
    width: 100%;
    background-color: #EBF3FF;
    border-radius: 50px;
    margin-bottom: 170px;    
}

.listy-popis p{
    font-size:20px;
}

.listy-popis .listy-vnitrek{
    width:1184px;
    margin: 0 auto;
    text-align: left;
    padding-top:20px;
    padding-bottom: 200px;    
}
.sesity-container{
    padding-left:17%;
}
.sesity{
    position:absolute;
    
}

.listy-fajfky ul{
    width:1084px;
    list-style: none;
    text-align: left;
}

.obsahuje{
    width: 1055px;
}

.obsahuje-container{
    display: flex;
    align-items: normal;
    justify-content: space-around;
    width: 1055px;
}

.obsahuje p{
    font-size: 20px;
    text-align: center;
    font-weight: 800;
}

.footer{
    width:100%;
    background-image: url('assets/footer.png');    
    background-repeat: no-repeat;  
    text-align: left;
    
}

.footer .o-autorce{
    width:888px;
    padding-left:416px;
    height:585px;

}


.footer .o-autorce h2{
    margin-left: 100px;
}
.footer .o-autorce p{
    font-size:18px;
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 30px;    
}


.footer .cena{
    width: 1048px;
    color:white;
    text-align: center;
    font-weight: 800;
    margin: 0 auto;
    
}

.footer .cena p{
    font-size: 20px;
}

.footer .cena h3{
    font-size: 40px;
}

.footer .cervene {
    height: 375px;
    padding-top:10px;
}


.footer .naskok {
    height: 294px;
    padding-top:10px;    
}

.footer .footer-text {
    margin-top: 50px;    
    font-size:17px;
    padding-bottom:50px;
}


.vznik01 { display:none; }


.uvod { margin-top:50px; } 
.uvod h1 { padding:20px 0 20px; }
.uvod .motto { padding:0 0 40px; }

.uvod .vznik { margin-top:70px; }
.uvod .vznik h2 { padding:25px 0; }
.uvod .vznik img { padding-bottom:10px; margin: 0 auto;}

.ziskejte { padding:0 0 45px; }
.ziskejte h2 { padding:10px 0; }

.h3WorkList { padding:40px 0; }
.listy-popis .listy-vnitrek { padding:40px 0 200px; }

.listy-fajfky { margin-left:165px; }
.listCheck { }
.listCheck li { font-weight:800; font-size:18px; padding:0px 0 5px 38px ; background:url('assets/iconCheck.png') no-repeat left 4px; }
.vznik-popis .listCheck li { padding:0px 0 0 38px; }

.obsahuje { margin:0 auto; padding:55px 0; } 
.obsahuje-container img { padding-top:15px; }
.h2school { padding:0 0 15px; }

.vznik-popis{ background-image:url('assets/tydenicky-popis2.png'); }
.vznik-popis ul{ margin-left:535px; }

.o-autorce { margin:70px 0 0 0; }
.o-autorce h2 { padding:0 0 60px; }

.footer .cervene { padding:60px 0 0 0; }
.footer .cervene h3 { padding:30px 0; }
.footer .naskok { padding:30px 0 0 0; height:auto; }
.footer .naskok h2 { padding:0 0 20px; }
.footer .footer-text { margin-top:125px; }

.vznik-tydenicky320 { display:none; }
.vznik-tydenicky1024 { display:none; }
.vznik-tydenicky { display:block; }
.body .container .imgWorkList320 { display:none; }
.youtube{
    margin-top:20px !important;
}









@media only screen and (max-width:1425px) {
	/* do 1000px */
	header { width:100%; }	
	.container { width:1024px; }
	.body .container .uvod { background:url('assets/bg1.jpg') no-repeat;  } 
	 	 
	.imgWorkList { width:1024px; }			
	header .pozor,
	header .pozor strong { font-size:20px; line-height:38px; }
	.body .container .h3WorkList,	
	.body .container .h2school { font-size:30px; }	
		
	.uvod h1,
	.uvod p { font-size:30px; }
	.uvod .pribeh { margin:0; padding:20px 9% 0 280px; width:auto; font-size:15px; }
	.uvod .motto { padding:0 0 55px; }
	.uvod .popis { text-align:left; width:auto; margin-left:285px; padding-top:5px; font-size:15px; }	
			
	.uvod .vznik { margin-top:70px; }	
	.uvod .vznik h2 { padding:15px 0; }
	.uvod .vznik img { padding:0; }
	h2 { font-size:30px; }
	
	.vznik-tydenicky320 { display:none; }
	.vznik-tydenicky1024 { display:block; }
	.vznik-tydenicky { display:none; }
		
	.vznik-popis ul { width:auto; }
	.vznik-popis ul li { font-size:18px; }
	
	.ziskejte { padding:0; }
	.ziskejte h2 { padding-left: 10px;padding-right:10px; }

	
	.listy-popis .listy-vnitrek { width:auto; padding:40px 20px 200px; }
	.listy-popis p { font-size:16px; }  
	.sesity-container { padding:0 0 0 8%; }
	
	.listy-fajfky { margin-left:50px; }
	.listy-fajfky ul { width:auto; }
	
	.body .container .obsahuje { width:auto; }
	.obsahuje-container { width:auto; }
	
	.footer { background:url('assets/bg8.jpg') no-repeat; }
	.footer .o-autorce { width:auto; padding-left:340px; height:auto; }
	.footer .o-autorce h2 { font-size:30px; padding:0 0 20px; margin-left:80px; }
	.footer .o-autorce p { font-size:15px; line-height:25px; margin-bottom:20px; }
	.footer .cervene { padding:70px 0 0 0; height:auto; }
	
	.footer .cena { width:auto; font-size:15px; }
	.footer .cena p { font-size:16px; }
	.footer .cena h3 { font-size:30px; padding:25px; }
	
	.footer .naskok h2 { padding:49px 0 20px; font-size:28px; }
	
	.footer .footer-text { height:auto; padding-bottom:30px; }
	
	.body .container .imgWorkList320 { display:none; }	
	
	.body .container .vznik-popis {  }
	.body .container .ziskejte {  }	
	.body .container .listy-popis {  }
	.body .container .listy-fajfky {  }
	.body .container .obsahuje {  }
	.body .container .footer {  }
	
        .footer .footer-text {
            margin-top: 85px;
        }

}

@media only screen and (max-width:1024px) {
	.container,	 	 
	.imgWorkList { max-width:768px; width:100%; }	
	
	header .pozor,
	header .pozor strong { font-size:16px; line-height:38px; }
	
	.body .container .uvod { margin-top:15px; background:#FFD701; }
	.body .container .uvod h1 { font-size:24px; background:#fff; padding:10px 0; }
	.body .container .uvod .motto { font-size:30px; padding:0; background:#fff;  }
	.body .container .uvod .popis { background:#FFD701 url('assets/320bg2.jpg') no-repeat center top; padding:180px 20px 10px; margin:0 auto; font-size:16px; text-align:center; }
	.body .container .uvod .pribeh:before { padding:10px; } 
	.body .container .uvod .pribeh { background:#FFD701; margin:0 12px; padding:12px 20px 12px; border:#002F7B solid 1px; border-radius:47px; text-align:center; } 
	.body .container .uvod .pribeh:after {  } 	
	.body .container .vznik { background:#fff url('assets/320bg3.jpg') no-repeat center top; padding:150px 0 0; margin:0 auto; }
	
	.body .container .uvod h1 { font-size:24px; background:#fff; padding:10px 0; }
	.body h2 { font-size:24px; }
	.uvod .vznik h2 { padding:5px 0; }
	
	.body .container .vznik-tydenicky320 { display:block; }
	.body .container .vznik-tydenicky1024 { display:none; }
	
	.body .container .vznik-popis { width:auto; background:none; position:relative; background:url('assets/rikacky-top.png') no-repeat center 22px; padding:235px 20px 20px; z-index:1px; }	
	.body .container .vznik-popis .listCheck { z-index:-999999; margin:0 auto; border:#002F7B solid 1px; border-radius:53px; padding:40px 20px 10px; position:relative; }
	/*.body .container .vznik-popis .listCheck::after { background:url('assets/320bg5.png') no-repeat center top; z-index:10000; }*/
	.body .container .vznik-popis .listCheck { background:url('assets/iconCheck.png') no-repeat left 4px; background-size:20px 15px; }		
	.vznik-popis .listCheck li { padding:0px 0 0 35px; }
	
	.pridat-do-kosiku {height:40px; line-height:40px; display:flex; flex-wrap:nowrap;
	justify-content:center; align-items:center; }
	.pridat-do-kosiku span { line-height:40px; font-size:20px; margin:0; }
	.pridat-do-kosiku::before { padding-right:5px; font-size:24px; line-height:40px; }	

	.body .container .h3WorkList { font-size:24px; }
	.body .container .h2school { font-size:24px; }	
	
	.body .container .sesity-container { margin:0 auto; padding:0; position:absolute; width:90%; left:50%; margin-left:-45%; }
	.body .container .sesity-container .sesity { width:100%; position:relative; }
	.body .container .listy-popis { margin:0 auto; }
	.body .container .listy-popis p { padding:0 0 15px; }
	.body .container .listy-popis p strong { font-size:20px; }
	.body .container .listy-popis .listy-vnitrek { padding:40px 20px 30%; margin-bottom:20%; }
	
	.body .container .listy-fajfky { margin:0px 20px 20px; }
	.body .container .listy-fajfky .listCheck li { margin:0px 0 15px; }
	
	.body .container .obsahuje h2 { margin:0 0 15px; }
	.body .container .obsahuje .obsahuje-container { display:flex; flex-wrap:wrap; }
		
	.body .container .imgWorkList { display:none; }		
	.body .container .imgWorkList320 { display:block; margin:0 auto; }	
			
	.body .container .footer { background:none; margin:20px 0 0; }
	.body .container .footer .o-autorce { margin:0 auto; background:url('assets/320bg8.jpg') no-repeat center bottom; padding:0 20px 260px; }
	.body .container .footer .o-autorce h2 { font-size:24px; padding:0; text-align:center; margin:0; }
	.body .container .footer .cena .cervene { background:#ED135D; padding:20px; }
	.body .container .footer .cena .cervene h3 { font-size:20px; }
	
	.body .container .footer .cena .naskok { padding:0; }
	.body .container .footer .cena .naskok h2 { padding:20px; font-size:24px; }
	
	.body .container .footer .cena .footer-text { background:#002F7B; margin:50px 0 0; padding:20px; }
	
}





@media only screen and (max-width:780px) {
    .oAutorce p {        padding-left: 1rem!important;
        padding-right: 1rem!important;}	
    .oAutorce h2 {text-align:center;}
	.container,	 	 
	.imgWorkList { max-width:768px; min-width:320px; }
	
	header .pozor { font-size:16px; line-height:22px; padding:25px 35px; height: 44px }
	header .pozor strong { font-size:16px; line-height:22px; }
	
	header .logo { padding:20px 0 0 0; }
	header .logo img { max-width:250px; }
	
	.body .container .uvod { margin-top:5px; }
	.body .container .uvod h1 { font-size:15px;line-height: 110%; }
	.body .container .uvod .motto { font-size:26px; }
		
	.body .container .vznik { }
	.body .container .ziskejte { }		
	.body .container .vznik-popis { }		
	.body .container .h3WorkList {  }
	.body .container .listy-popis { width:95%; }
	.body .container .listy-fajfky {  }
	.body .container .obsahuje { }
	.body .container .obsahuje .obsahuje-container img { max-width:80%; }
	.body .container .h2school { }	
	.body .container .footer {  }
	.footer .o-autorce p { text-align: center;}
        .body .container .footer .o-autorce h2 {
            margin: 10px auto;
        }
        .h3WorkList{
            text-transform: uppercase;
            padding: 20px 10px;
        }
        .zalomit{
            display:block;
        }
        
        .youtube{
            height: 300px !important;
            width:90%;
        }
        
        .body .container .footer .cena .footer-text {
            background: #002F7B url('assets/320bg9.jpg') repeat-x center top;
            padding-top:70px;
            padding-bottom:50px;
        }
}

 




/*  20220323 */
/*
#header,
.container .vznik,
.container .ziskejte,		
.container .vznik-popis,		
.container .h3WorkList,
.container .listy-popis,
.container .listy-fajfky,
.container .obsahuje,
.container .h2school,
.container .uvod,
.container .imgWorkList { display:none; }
*/


.padding20 { padding:20px 0; }
.margin20 {
/*    margin:20px auto;

 */

}

.oAutorce { width:100%; text-align:left; }
.oAutorce .o-autorce { width:888px; padding:0 125px 0 416px; min-height:660px; background:#fff url('assets/autorka.png') no-repeat left bottom; }
.footer .o-autorce h2 { margin-left:100px; }
.footer .o-autorce p { font-size:18px; font-size:18px; line-height:33px; margin-bottom:30px; }

.oAutorce .cena { color:white; text-align:center; font-weight:800; margin:0 auto; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, #ED125C 6%); 
    margin-top: -75px!important; }
.oAutorce .cervene { padding:60px 0 20px 0; }
.oAutorce .cena p { font-size:20px; }
.oAutorce .cervene h3 { padding:30px 0; font-size:40px; }


.karticky { padding:20px 0 0; } 
.uniblock h2 { color:#002F7B; padding:20px 0; } 
.uniblock h2 strong { color:#ED135D; } 
.uniblock .h21 { padding:20px 90px; }
 

.block1 .block11 { padding:30px 60px 20px 300px; position:relative; }
.block1 .block11 .listCheck { border:#002F7B solid 1px; border-radius:96px; padding:30px 30px 30px 330px; }
.block1 .block11 .listCheck li { text-align:left; font-size:23px; font-weight:500; line-height:30px; }
.block1 .block11 .k1 { position:absolute; top:0; left:0; }
.block1 .block11 .k2 { position:absolute; top:0; right:0; }

.block2 .block21 { padding:20px; position:relative; max-width:1020px; margin:0 auto; }
.block2 .block21 .listCheck { border-radius:63px; padding:50px; background:#EBF3FF; }
.block2 .block21 .listCheck li { text-align:left; }

.block3 { padding:0 0 30px; }


.block4 { border-radius:63px; padding:30px 120px; background:#EBF3FF url('assets/dite-mysl.png') no-repeat 790px 275px; }

.block4 p { font-size:20px; padding:0 0 30px; }
.block4 h2 { text-align:left; }
.block4 .listCheck { padding:0 0 30px; }
.block4 .listCheck li { text-align:left; }

.block5 { display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-start; padding:20px 0 0 0; }


.block10 { padding:40px 0 0; }

.block11 { padding:40px 0 0; margin-bottom: 50px; }

.block7 { padding:20px 0; }
.block7 .h71 { max-width:840px; margin:0 auto; }
.block7 .block71 { padding:20px; position:relative; max-width:840px; margin:0 auto; border-radius:96px; padding:25px 50px; background:#EBF3FF; }
.block7 .block71 .listCheckRed { padding:0px 0px 0px 40px; }
.block7 .block71 .listCheckRed li { text-align:left; font-size:40px; font-weight:800; padding:0px 0px 0px 50px; background:url('assets/checkRed.png') no-repeat left 7px; line-height:50px; }


.block9 { padding:20px 0; }
.block9 .h91 { max-width:1000px; margin:0 auto; }
.block9 .block91 { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:30px; }
.block9 .block91 .block91n { width:450px; }
.block9 .block91 .block91n .bal { font-weight:bold; padding:0 0 30px; font-size:20px; }
.block9 .block91 .block91n .obsah { text-align:left; padding:0 0 10px 36px; font-weight:bold; }
.block9 .block91 .block91n .listCheck li { text-align:left; }
.block9 .block91 .block91n .cena { max-width:300px; margin:0 auto; }
.block9 .block91 .block91n .pridat-do-kosiku { height:50px; width:320px; }
.block9 .block91 .block91n .pridat-do-kosiku span { font-size:25px; margin-right:20px; line-height:50px; }

.footer { background:transparent; position:relative; }
.footer h2 { text-align:center; } 
.footer .footer-text { background:url('assets/footerBg.png') no-repeat top center, linear-gradient(to bottom, #fff 0%, #fff 10%, rgb(0,47,123) 11%); margin:20px 0 0 0; padding:75px 0 30px; }.footer .footer-text p { text-align:center; color:#fff; font-weight:800; }

.footer .v1 { position:absolute; top:45px; right:50px; }
.footer .v2 { position:absolute; top:-100px; left:235px; }

.dm1 { display:none; }

.uvod { margin-top:35px; background-position:0 40px; }
.uvod h1 { font-size:33px; line-height:45px; padding:0 0 35px 0; }
.uvod .popis { font-weight:800; width:1000px; padding:50px 0 0; }
.uvod .vznik { padding:105px 0 30px; margin:0; }

.vznik-popis ul { padding-top:73px; padding-bottom:140px; margin-left:510px; width:720px; }
.vznik-popis ul li span { font-weight:400; }

.knihy3 { border-radius:63px; padding:30px; background:#EBF3FF; }
.knihy3 .knihBlock { display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-start; padding:10px 0; }
.knihy3 .knihBlock .one { max-width:300px; }
.knihy3 .knihBlock .two { max-width:900px; text-align:left; width:900px; }
.knihy3 .knihBlock .two p { font-weight:800; font-size:20px; line-height:28px; padding:0 0 5px; }
.knihy3 .knihBlock .two .listCheck li { font-weight:300; }
.knihy3 .knihBlock .two .listCheck.bold { padding:30px 0 0; }
.knihy3 .knihBlock .two .listCheck.bold li { font-weight:800; }

.oAutorce .cervene { padding:20px 0; }
.oAutorce .o-autorce p { font-size:18px; padding-bottom:35px; line-height:28px; }

.footer .v2 { left:105px; top:-55px; }
.block4 { background:#EBF3FF url('assets/dite-mysl.png') no-repeat 800px 295px; }
.block4 h2 { padding:0 0 20px; }
.block4 .listCheck li { padding:0 0 10px 35px; }
.rikackyTop { display:none; }
.imgWorkList32001,
.imgWorkList32002 { display:none; }

.uniblock .knihaPrislovi1 { padding:20px 0; }
.uniblock .knihaPrislovi1 h2 {  color:#ED135D; text-transform:uppercase; }
.uniblock .knihaPrislovi1 .motto { color:#002F7B; }
.uniblock .knihaPrislovi2 h2 { padding:0 0 0px 570px; max-width:540px; text-transform:uppercase; text-align:left; }
.uniblock .knihaPrislovi2 .img105 { top:-10px; }
.uniblock .knihaPrislovi2 .block11 .img106 { top:-98px; right:36px; }
.uniblock .knihaPrislovi2 .block11 .listCheck { padding:30px 140px 30px 270px; }
.uniblock .knihaPrislovi2 .block11 .listCheck li { font-weight:bold; margin-bottom:10px; color:#002F7B; }
.uniblock .knihaPrislovi3 .block21 .listCheck li { font-weight:bold; margin-bottom:10px; color:#002F7B; }
.uniblock .knihaPrislovi3 { padding:30px 0 20px 0; position:relative; }
.uniblock .knihaPrislovi3 .img107 { top:-132px; right:8px; position:absolute; }

@media only screen and (max-width:1425px) {

/*.container .vznik,
.container .ziskejte,		
.container .vznik-popis,		
.container .h3WorkList,
.container .listy-popis,
.container .listy-fajfky,
.container .obsahuje,
.container .h2school,
.container .uvod,
.container .imgWorkList { display:none; }*/

.uniblock .knihaPrislovi2 h2 { padding:0; text-align:center; margin:0 auto; }
.uniblock .knihaPrislovi2 .block11 .img106 { width:200px; top:-85px; right:24px; }

.oAutorce .o-autorce { width:auto; }
.oAutorce .cena p { font-size:16px; }

.footer .v1 { top:45px; right:50px; width:140px; }
.footer .v2 { top:-20px; left:0px; width:140px; }

.block8 {}
.block8 img { max-width:95%; }

.block4 { background-position:712px 485px; background-size:300px 241px; }	

.block1 .block11 { padding:30px 45px 20px 150px; }
.block1 .block11 .listCheck { padding:30px 30px 30px 255px; }
.block1 .block11 .k1 { max-width:400px; top:10px; }
.block1 .block11 .listCheck li { font-size:18px; line-height:26px; }
.block1 .block11 .k2 { top:0px; right:85px; width:100px; }

.uvod h1 { font-size:28px; line-height:33px; padding:0 0 10px 0; }
.uvod .motto { padding:0 0 40px; }

.uvod .popis { width:1000px; padding:50px 0 0; margin-left:285px; padding-top:5px; font-size:15px; margin:0; text-align:center; }
.uvod .pribeh { padding:20px 12% 0 280px; font-size:13px; }
.body .container .uvod { background-image:url('assets/uvod.png'); background-size:1024px; }

.vznik-popis { background-image:url('assets/tydenicky-popis2.png'); background-size:1024px; }
.vznik-popis ul { padding-top:45px; padding-bottom:125px; margin-left:355px; width:570px; }

.knihy3 { border-radius:63px; padding:30px; }
.knihy3 .knihBlock { display:flex; flex-wrap:nowrap; }
.knihy3 .knihBlock .one { width:250px; }
.knihy3 .knihBlock .one img { width:inherit; }
.knihy3 .knihBlock .two { max-width:700px; width:700px; }
.knihy3 .knihBlock .two p { font-size:16px; line-height:22px; padding:0 0 5px; }
.knihy3 .knihBlock .two .listCheck.bold { padding:20px 0 0; }
.listCheck li { font-size:16px; }

.oAutorce .o-autorce { padding:0 70px 0 416px; }
.oAutorce .o-autorce h2 { padding:0 0 40px; }
.oAutorce .o-autorce p { font-size:16px; line-height:25px; padding-bottom:25px; }

.block5 { display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-start; padding:20px 0 0 0; }
.block5 .book { width:100%; }
}




@media only screen and (max-width:1024px) {

.uniblock .knihaPrislovi2 .block11 { padding:30px 20px; }
.uniblock .knihaPrislovi2 .block11 .listCheck { padding:30px 50px 140px; }
.uniblock .knihaPrislovi2 .block11 .img106 { width:150px; top:-56px; right:12px; }
.uniblock .knihaPrislovi2 .block11 .img105 { width:300px; top:auto; bottom:-80px; left:0px; max-width:300px; }
.uniblock .knihaPrislovi3 .img107 {}

.oAutorce {  }
.oAutorce .o-autorce { padding:0 1% 50px 30%; background-size:contain; min-height:515px; }
.oAutorce .o-autorce h2 { padding:0 0 20px; }
.oAutorce .cena { width:auto; padding:20px 0 0; }
.oAutorce .cervene { padding:0 0 20px; }

.footer .v1 { top:60px; right:50px; width:100px; }
.footer .v2 { top:-20px; left:0px; width:100px; }

.block7 .block71 .listCheckRed li { font-size:24px; }

.youtube { max-width:100%; margin:0 auto; height:auto; }
.book { max-width:50%; margin:0 auto; }
.block4 { padding:30px 30px; }	
.block4 { background-position:560px 580px; background-size:200px 161px; }	

.block1 .block11 { padding:30px 45px 20px 100px; }
.block1 .block11 .listCheck { padding:30px 30px 30px 105px; }
.block1 .block11 .k1 { max-width:200px; top:10px; }
.block1 .block11 .listCheck li { font-size:18px; line-height:26px; }
.block1 .block11 .k2 { top:0px; right:85px; width:100px; }



.uvod h1 { font-size:28px; line-height:33px; padding:0 0 10px 0; }
.uvod .motto { padding:0 0 40px; }

.uvod .popis { width:786px; padding:50px 0 0; margin-left:285px; padding-top:5px; font-size:15px; margin:0; text-align:center; }
.uvod .pribeh { padding:20px 12% 0 280px; font-size:13px; }
.body .container .uvod { background-image:url('assets/uvod.png'); background-size:1024px; }

.vznik-popis { background-image:url('assets/tydenicky-popis2.png'); background-size:1024px; }
.vznik-popis ul { padding-top:45px; padding-bottom:125px; margin-left:355px; width:570px; }

.knihy3 { border-radius:63px; padding:30px; }
.knihy3 .knihBlock { display:flex; flex-wrap:nowrap; }
.knihy3 .knihBlock .one { width:250px; }
.knihy3 .knihBlock .one img { width:inherit; }
.knihy3 .knihBlock .two { max-width:700px; width:700px; }
.knihy3 .knihBlock .two p { font-size:16px; line-height:22px; padding:0 0 5px; }
.knihy3 .knihBlock .two .listCheck.bold { padding:20px 0 0; }
.listCheck li { font-size:16px; }

.oAutorce .o-autorce { padding:0 20px 42px 232px; }
.oAutorce .o-autorce h2 { padding:0 0 40px; }
.oAutorce .o-autorce p { font-size:16px; line-height:20px; padding-bottom:15px; }


.body .container .uvod .popis { padding:180px 0 10px; max-width:768px; }
.body .container .imgWorkList320 { width:inherit; }
.body .container .vznik { background:none; padding:60px 0 0; }

.body .container .uvod { background:none; }
.body .container .uvod br { display:none; }
.body .container .uvod h1 { padding-left: 20px; padding-right: 20px;}
.body .container .uvod .pribeh { margin:0; padding:0 0 58px; border-radius:0; border:none; position:relative; }
.body .container .uvod .pribeh span { margin:0 12px; padding:25px 20px 25px; border:#002F7B solid 1px; border-radius:47px; text-align:center; display:block; }
.vznik01 { display:block; bottom:-56px; left:calc(50% - 87px); position:absolute; }

    .pridat-div{
        justify-content: center;
        flex-flow: column;
        gap: 15px;

    }


}



@media only screen and (max-width:780px) {

.uniblock .knihaPrislovi2 .block11 { padding:30px 20px; }
.uniblock .knihaPrislovi2 .block11 .listCheck { padding:30px 50px 140px; }
.uniblock .knihaPrislovi2 .block11 .img106 { display:none; }
.uniblock .knihaPrislovi2 .block11 .img105 { width:300px; top:auto; bottom:-80px; left:calc(50% - 150px); max-width:300px; }
.uniblock .knihaPrislovi3 .img107 { display:none; }
.uniblock .knihaPrislovi2 h2 { padding:0 0 10px 10px; text-align:center; }

h1,
.uniblock h2,
.uniblock h3 { font-size:30px; padding-left:10px; padding-right:10px; }
.uniblock p { padding-left:10px; padding-right:10px; }
.oAutorce .o-autorce { padding:0 20px 620px; height:auto; min-height:auto; background:#fff url('assets/autorkaS.png') no-repeat center bottom; background-size:auto; background-size:900px; }
.oAutorce .cervene h3 { font-size:24px; }
.uniblock .h21 { padding:20px; }
.oAutorce .cena p { padding:0 10px; }

.footer {  padding:100px 0 0; }
.footer .footer-text { padding:30px 0 30px; margin:0; }
.footer .footer-text p { padding:15px 0 0; }
.footer .v1 { display:none; }
.footer .v2 { top:0px; left:calc(50% - 100px); width:200px; }
	
.block7 .block71 { margin:0 5px; }	
.block7 .block71 .listCheckRed { padding:0; }	
.block7 .block71 .listCheckRed li { font-size:20px; background-size:30px; line-height:30px; padding:0 0 5px 40px; background-position:0 3px; }	
	
.block4 { margin:0 auto; width:calc(97% - 60px); padding-top:50px; }	
.block4 { background-position:center 10px; background-size:200px 161px; }	

.block1 .block11 { padding:215px 20px 0; border-radius:20px; }
.block1 .block11 .listCheck { padding:70px 30px 40px; border-radius:20px; }
.block1 .block11 .listCheck li { font-size:16px; }
.block1 .block11 .k1 { max-width:350px; top:0px; left:calc(50% - 175px); margin:0 auto; position:absolute; }
.block1 .block11 .listCheck li { font-size:18px; line-height:26px; }
.block1 .block11 .k2 { display:none; }

.block7 .block71 { border-radius:31px; padding:20px 22px; }
.block4 { border-radius:32px; background:#EBF3FF;  }
.block2 .block21 .listCheck { border-radius:20px; }

.block4 .listCheck { padding:0 0 10px; }
.dm1 { display:block; max-width:240px; margin:0 auto; padding:0 0 10px; }

.listCheck { padding:0 15px; }
.block4 p { font-size:16px; }
.block9 .block91 .block91n .cena { max-width:250px; }


.body .container .uvod .popis { width:auto; padding:180px 10px 10px; }
.body .container .uvod .popis br { display:none; }
.vznik-rikacky { width:240px; }
.body .container .vznik-popis { padding:235px 10px 20px; }
.body .container .vznik-popis .listCheck { padding:40px 10px 10px; width:auto; }
.vznik-popis ul li { font-size:15px; line-height:22px; background-size:20px; padding:0 0 0 30px; margin-bottom:8px; }
.vznik-popis ul li span { display:block; }

.body h2 { font-size:22px; }
.knihy3 { padding:15px; border-radius:32px; margin:10px; }
.knihy3 .knihBlock { flex-wrap:wrap; }
.knihy3 .knihBlock .one img { width:160px; }
.knihy3 .knihBlock .two p { font-size:14px; line-height:19px; }
.knihy3 .knihBlock .two .listCheck { padding:0; }
.knihy3 .knihBlock .two .listCheck li { background-size:20px; font-size:14px; line-height:19px; padding:0 0 0 30px; }
.body .container .imgWorkList320 { display:none; }
.body .container .imgWorkList3201,
.body .container .imgWorkList3202 { display:block; margin:0 auto; }

.block4 .listCheck,
.block2 .block21 .listCheck,
.block1 .block11 .listCheck { padding:70px 20px 40px; }
.block4 .listCheck li,
.block2 .block21 .listCheck li,
.block1 .block11 .listCheck li { background-size:20px; font-size:14px; line-height:19px; padding:0 0 0 30px; }

.block4 p,
.oAutorce .o-autorce p { font-size:14px; }
.oAutorce .o-autorce {  }
.block4 h2 { font-size:16px; padding:0; }
.block4 p { padding-bottom:20px; }
.block4 .listCheck { padding:10px 10px 20px; }
.block1 .block11 .k1 { max-width:320px; left: calc(50% - 160px); }
.block2 .block21 .listCheck { padding:30px 20px 20px; }
.block1 .block11 .listCheck { padding:50px 20px 20px; }
}




.pridat-div{
    background-color: #ffd701;
    padding: 20px;
    display: flex;
    justify-content: space-evenly;
}


.pridat-div .pridat-do-kosiku{
    background-color: #ed135d;
}

.pridat-div .pridat-do-kosiku span {
    margin-right: 20px;
    font-weight: 600;
}

@media only screen and (max-width:1024px) {
.pridat-div .pridat-do-kosiku span {
    margin-right: 0px;
}
}


.prohlednout {
    background: #002F7B !important;
}

.bottom-links {
    display: flex;
    justify-content: space-around;
    margin-top:20px;

}
@media (max-width: 75rem) {
    .bottom-links {
        max-width: 100%;
        flex-direction: column;
        text-align: center;
    }
}
.bottom-links a {
    color:white;
    text-decoration: none;
    font-weight: bold;
}



.recenze {
	width: 85%;
	margin: auto;
    margin-top: 1rem;
	position: relative;
}

.recenze * {
	box-sizing: border-box;
}


.recenze .rec {
	border: 0.15rem solid rgb(237,19,93);
	border-radius: 5rem;
	font-style: italic;
	font-size: 1.2rem;
	color: rgb(237,19,93);
    display: flex; 
    flex-flow: column nowrap; 
    justify-content: center; 
}

.recenze .rec-divider-half {
	width: 60%;
	padding: 2rem;
}


.recenze .rec-divider-half .rec.rec-top {
	margin-bottom: 2rem;
}

.recenze .rec-divider-half .rec {
	padding: 2rem;
    padding-left: 4rem;
}

.recenze .rec-container {
	display: flex;
    justify-content: center;
    align-items: stretch;
	width: 100%;
    position: relative;
    gap: 0.5rem;
}

.recenze .rec-divider-full {
	width: 40%;
    padding: 2rem;
    padding-left: 0rem;
    position: relative;
}

.recenze .rec-divider-full .rec {
    padding: 4rem;
}


.recenze .rec-full {
	height: 100%;
}

.recenze .rec p {
	font-style: normal;
	padding-top: 1.5rem;
}

.recenze .rec-img {
	position: absolute;
	width: 8rem;
	z-index: 100;
}

.recenze .rec-divider-half .container-top, .recenze .rec-divider-full {
    position: relative;
}

.recenze .rec-divider-half .container-top img {
    left: -4rem;
    top: 50%;
    transform: translateY(-50%);
}

.recenze .rec-divider-full img {
    left: -4rem;
    top: 45.5%;
    transform: translateY(-50%);
}


@media (max-width: 89rem) {
	.recenze br {
		display: none;
	}

	.recenze {
		width: 100%;
	}

	.recenze .rec-container {
		flex-wrap: wrap;
		margin-top: 2rem;
        gap: unset;
	}

	.recenze .rec-divider-half, .recenze .rec-divider-full {
        min-width: 70%;
		padding: 0rem;
		margin: auto;
		position: relative;
	}

	.recenze .rec-divider-full {
        margin-top: 6rem;
	}

	.recenze .rec-divider-half {
        padding: 0rem;
	}

    .recenze .rec-divider-half .container-top {
        padding: 0rem;
        width: 100%;
        margin: auto;
    }

    .recenze .rec-divider-half .container-top .rec.rec-top {
        margin-bottom: 6rem;
        margin-top: 3rem;
    }

    .recenze .rec {
        padding: 4.5rem!important;
        padding-bottom: 2rem!important; 
        padding-left: 1rem!important;
        padding-right: 1rem!important;
        font-size: 1rem;
    }

    .recenze img {
        top: -4rem!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
    }
}