/* Globalni styly */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 17px;
	line-height: 28px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	cursor: default;
	max-width: 100%;
	color: #000;
}

html {
	background-color: #ffffff;
}

head {
	display: none;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #3f3f3f;
	opacity: 0;
	min-width: 250px;


	-webkit-animation-name: usvit;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: usvit;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;

	-ms-animation-name: usvit;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;

	-o-animation-name: usvit;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;

	animation-name: usvit;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;

}


nav,header,footer,main,article,aside,section,figure,figcaption{
	display: block;
}

@-webkit-keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-sm-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-o-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

input:not([type=file]),
textarea,
select{
	border: 1px solid #a9a9a9;
	padding: 5px;
	margin: 0px 1px 1px 0px;
}



input[type=text],
input[type=password]{

}

input[type=text]:focus,
input[type=password]:focus{

}

*::-webkit-input-placeholder {
	color: silver;
}
*:-moz-placeholder {
	color: silver;
}
*::-moz-placeholder {
	color: silver;
}
*:-ms-input-placeholder {
	color: silver;
}

h1,h2,h3,h4{
	font-weight: bold;
	padding-bottom: 10px;
}
h1{
    margin: 20px auto;
}
h1,
h1 *{
	font-size: 2rem !important;
    line-height: 2.6rem;
    font-weight: 200;
	color: #0053B4;
	text-transform: uppercase;
}
h2,
h2 *{
    font-size: 1.5rem !important;
    line-height: 2rem;
    font-weight: bold;
}
h3,
h3 *{
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
}

p{
	padding-bottom: 10px;
	font-size: 18px!important;
}
p strong{
	font-size: 18px!important;
}
p.stylPoznamka{
	font-weight: 300;
	font-style: italic;
	font-size: 18px;
}
a,
a *{
	cursor: pointer;
	text-decoration: underline;
	color: #04328A;
	color: #04328A;
}
a:hover{
	/*text-decoration: underline;*/
}
.komponentaFotogalerie > .polozka > a,
.komponentaFotogalerie > .polozka > a *{
    text-decoration: none;
}
.seznamStranek .slozka,
.seznamStranek .slozka *{
    text-decoration: none;
    color: black;
}


main a[href*='.pdf']{
    padding-left: 25px;
    background: url(img/icons8-pdf-24.png) scroll no-repeat left center;
}
main a[href*='.jpg'],
main a[onclick*='.jpg']{
    padding-left: 25px;
    background: url(img/icons8-jpg-24.png) scroll no-repeat left center;
}

main a[href*='.png'],
main a[onclick*='.png']{
    padding-left: 25px;
    background: url(img/icons8-png-24.png) scroll no-repeat left center;
}
main a[href*='.doc'],
main a[href*='.docx']{
    padding-left: 25px;
    background: url(img/icons8-doc-40.png) scroll no-repeat left center/24px auto;
}
main a[href*='.xls'],
main a[href*='.xlsx']{
    padding-left: 25px;
    background: url(img/icons8-xls-48.png) scroll no-repeat left center/24px auto;
}


ul, ol{
	list-style-position: inside;
	/*list-style-type: none;*/
}

.obsahovyPanel .text ul{
    list-style-type: disc;
    padding-bottom: 10px;
}
.obsahovyPanel .text ol{
    list-style-type: decimal;
    padding-bottom: 10px;
}
.obsahovyPanel .text img{
    height: auto!important;
}
input[type=button],
input[type=submit],
.button{
    background-color: #04328A;
	color: #FFFFFF;
    line-height: 36px;
    padding: 0 20px;
	border: none;
	text-align: center;
	min-width: 100px;
	font-weight: bold;
	cursor: pointer;
    filter: brightness(100%);
	transition: filter 0.2s, box-shadow 0.2s;
}
.button *{
	background-color: #868f91;
	color: #FFFFFF;
	border: none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.stylBunkaStred{
    text-align: center;
}
.stylBunkaVpravo{
	text-align: right;
}

.katalog{
    width: 100%;
    overflow: auto;
}
.text.editor{
    /*min-width: 900px;*/
}


.text.editor img{
    height: auto !important;
}

.text.editor td{
    vertical-align: top;
}
.text.editor .sloupcovaSazba td:first-child:not(:last-child){
    padding-right: 10px;
}

.text.editor .priloha .text{
    display: none;
}

.vnitrek:after,
.obsahovyPanel:after,
.zbozi:after,
.zbozi:before,
.cistic,
.prepinacStranek:after,
.tlacitkoDalsiStrana:after,
.seznamStranek:after,
.obsahovyPanel .text:after,
.souteze:after
{
	content: ' ';
	display: block;
	clear: both;
	font-size: 0px;
}



.msg{
    text-align: center;
    padding: 5px;
    background-color: rgba(0, 142, 227, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(0, 142, 227, 0.5);
}
.err{
    text-align: center;
    padding: 5px;
    background-color: rgba(255, 0, 0, 0.5);
    color: #ffffff;
    font-weight: bold;
    margin: 1% 0% 1% 0%;
    box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.5);
}
strong, b{
	font-weight: bold;
}

hr{
    border-bottom: 3px solid orange;
    margin: 10px auto 20px auto;
}

script{
	display: none !important;
}

.formularFiltry,
.komponentaZobrazeni{
    display: none;
}


.vnitrek{
	display: block;
	width: 1300px;
	max-width: 100%;
	padding: 0px 10px 0px 10px;
	margin: 0px auto;
    position: relative;
}



/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/





/* header a logo*/
header{
    box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.35);
    background: #F0F9FF url(img/ptaci.png) scroll no-repeat 80% bottom;
    padding: 0 0 10px 0;
}
body:not(.homepage) header{
    background: url(img/ptaci.png) scroll no-repeat 84% 34%/50% auto;
}
body:not(.homepage) .zakladniskola + header{
    background-color: #0184E4;
}
body:not(.homepage) .umeleckaskola + header{
    background-color: #2EAF01;
}
body:not(.homepage) .skolnidruzina + header{
    background-color: #FFC701;
}
@media only screen and (max-width:1200px){
    header{
        background-image: url(img/ptaciN.png);
    }
}
@media only screen and (max-width:900px){
    header{
        background-image: url(img/ptaciN.png) !important;
        background-size: contain !important;
        background-position: center top !important;
        min-height: 0px;
	}
}
/* header a logo*/





/* header .pomocny */
header .pomocny{
    text-align: right;
    padding: 10px;
    width: 1100px;
}
header .pomocny .gdpr,
header .pomocny .reditelAZastupce {
    background-color: rgba(255,255,255,0.75);
    padding: 0 5px 0 5px;
}
header .pomocny .reditelAZastupce {
    margin-bottom: 5px;
}
header .logo{
    float: left;
    display: block;
    width: 130px;
    height: 111px;
    background: transparent url(img/ptacek.png) scroll no-repeat center center/contain;
    position: relative;
    z-index: 1;
}
header .pomocny .komponentaSlozka .text {
    font-size: 0px;
}
header .pomocny .komponentaSlozka * {
    display: inline-block;
    text-decoration: none;
    padding: 0;
    border-radius: 5px;
}
header .pomocny .komponentaSlozka p{
    margin: 0 0 0 5px;
}
header .pomocny .komponentaSlozka a{
    padding: 5px 5px 5px 40px;
}
header .pomocny p:nth-child(1) a{
    background: #fff url(img/obalka.png) scroll no-repeat 5px center;
}
header .pomocny p:nth-child(2) a{
    background: #fff url(img/telefon.png) scroll no-repeat 5px center;
}
header .pomocny p:nth-child(3) a{
    background: #fff url(img/blindfriendly.png) scroll no-repeat 5px center/auto 32px;
}
.homepage .zakladniskola + header .pomocny a:not(.logo),
.homepage .umeleckaskola + header .pomocny a:not(.logo),
.homepage .skolnidruzina + header .pomocny a:not(.logo){
    background-color: #fff !important;
}
header .pomocny a:hover{
    text-decoration: underline !important;
}
header .pomocny #bf + .komponentaSlozka p:last-child{
    display: none;
}
header .pomocny .nadpis{
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 118px;
    text-align: center;
    color: white;
    font-size: 50px;
    line-height: 60px;
    font-weight: bold;
    text-shadow: 2px 2px black;
    font-family: 'Staatliches';
}
.zakladniskola ~ header .pomocny .nadpis.zs,
.umeleckaskola ~ header .pomocny .nadpis.zus,
.skolnidruzina ~ header .pomocny .nadpis.sd{
    display: block;
}
@media only screen and (max-width:900px){
    header .pomocny .nadpis{
        position: static !important;
        font-size: 40px !important;
    }
    header .logo{
        float: none;
        margin: 10px auto;
    }
    header .pomocny{
        text-align: center;
    }
    header .pomocny .komponentaSlozka *{
        display: block;
    }
    header .pomocny .komponentaSlozka a{
        padding: 5px 0px 5px 35px !important;
        display: block;
        width: 300px;
        margin: 0 auto 10px auto;
    }
    header .pomocny .komponentaSlozka p:last-child a{
        margin: 0 auto;
    }
}
/* header .pomocny */





/* header .slogan */
header .slogan{
    padding: 20px 10px 50px 10px;
}
header .slogan *{
    text-shadow: 0px 4px 4px rgba(4, 50, 138, 0.2);
}
header .slogan p:nth-child(1){
	color: #E52900;
	font-weight: 300;
	font-size: 30px!important;
	line-height: 45px;
}
header .slogan p:nth-child(2){
	font-weight: 300;
	font-size: 75px!important;
	line-height: 80px;
	color: #04328a
}
header .slogan p:nth-child(3){
	font-weight: 300;
	font-size: 45px!important;
	line-height: 65px;
	color: #0084e4;
}
header .slogan p:nth-child(4){
	font-weight: 500;
	font-size: 25px!important;
	line-height: 45px;
	color: #404348;
}
header .slogan p:nth-child(5){
	font-weight: 300;
	font-size: 44px!important;
	line-height: 51.5px;
	color: #0084e4;
}
header .slogan a{
    background: #0085E5;
    box-shadow: 0px 5px 5px rgba(4, 50, 138, 0.25);
    border-radius: 5px;
    padding: 15px 25px;
    text-decoration: none;
    color: white;
    font-size: 24px!important;
    transition: opacity 0.2s;
    margin-top: 30px;
    display: inline-block;
}
header .slogan a:hover{
	opacity: 0.7;
}
@media only screen and (max-width:900px){
    header .slogan *{
        text-align: center;
    }
    header .slogan p:nth-child(1),
    header .slogan p:nth-child(4){
		font-size: inherit!important;
		line-height: inherit;
    }
    header .slogan p:nth-child(2),
    header .slogan p:nth-child(3),
    header .slogan p:nth-child(5){
		font-size: 30px!important;
		line-height: 40px;
    }
}
/* header .slogan */






/* menu */
header .menu{
    text-align: center;
}
header .komponentaNavigace{
    display: inline-block;
    background: white;
    border-radius: 30px;
    line-height: 30px;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
    padding: 0 30px;
    border: 1px solid white;
}
header .komponentaNavigace li{
    display: inline-block;
}
header .komponentaNavigace .polozka{
    display: block;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 1.2rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}
header .komponentaNavigace .polozka:hover{
    background-color: rgb(0 133 229 / 100%);
    color: #fff;
}
header .komponentaNavigace .hloubka2{
    display: none;
}
header .komponentaNavigace .roleta li{
    display: block;
}
@media only screen and (max-width:900px){
    header .komponentaNavigace{
        display: block;
        width: 400px;
        margin: auto;
        border-radius: 5px;
    }
    header .komponentaNavigace .hloubka2{
        display: block;
    }
    header .komponentaNavigace li{
        display: block;
    }
    header .komponentaNavigace .polozka{
        padding: 15px 10px;
    }
    header .komponentaNavigace .hloubka2 .polozka{
        font-size: 0.8rem;
        line-height: 1rem;
        padding: 10px 10px;
    }
}
/* menu */





/* roleta */
header .roleta{
    position: absolute;
    background-color: #FFFFFF;
    z-index: 1;
    padding: 10px;
    max-width: unset;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 23px 0px;
}
header .roleta img{
	display: none;
}
header .roleta,
header .roleta *{
    max-width: none;
}
header .roleta ul{
    list-style-type: none;
    max-width: none;
    max-width: unset;
}
header .roleta .polozka{
    display: block;
    text-align: center;
    padding: 10px 20px;
    color: #0053B4;
    text-decoration: none;
    width: 200px;
    max-width: none;
    max-width: unset;
}
header .roleta .polozka:hover{
    background-color: #228AE3;
}
header .roleta li a{
	font-size: 0.8rem !important;
	line-height: 1rem;
	text-align: left!important;
}
@media only screen and (max-width:900px){
    header .roleta{
        display: none !important;
    }
}
/* roleta */






/* dlazdice */
.dlazdice{
	margin: 20px auto;
}
.dlazdice .slozka{
    display: block;
    float: left;
    width: calc(33.33% - 10px);
    margin: 0 5px 10px 5px;
    padding-top: 25%;
    background: silver;
    border-radius: 5px;
    transition: filter 0.2s;
    position: relative;
}
body:not(.homepage) .dlazdice .slozka{
    background-image: none;
    padding-top: 0;
}
body:not(.homepage) .dlazdice .slozka h2{
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
}
.dlazdice .slozka:hover{
	filter: brightness(1.1);
}
.dlazdice .slozka *{
    display: none;
}
.dlazdice .slozka:nth-child(1){
	background: #0184E4 url(img/zs.png) scroll no-repeat center center/contain;
}
.dlazdice .slozka:nth-child(2){
    background: #2EAF01 url(img/zus.png) scroll no-repeat center center/contain;
}
.dlazdice .slozka:nth-child(3){
    background: #FFC701 url(img/sd.png) scroll no-repeat center center/contain;
}
@media only screen and (max-width:900px){
    .dlazdice{
        width: 300px;
    	margin: 20px auto;
    }
    .dlazdice .slozka{
        float: none;
        margin: 10px auto;
        padding-top: 55%;
        width: auto;
    }
    body:not(.homepage) .dlazdice .slozka h2{
        font-size: inherit !important;
    }
}
/* dlazdice */






/*  main */
main{
	margin: 20px auto 40px auto;
	width: 1000px;
	min-height: 35vw;
}
.homepage main{
    width: 1300px;
}
main a{
	text-decoration: underline;
}
/* main */







/* pomocnaNavigace */
.pomocnaNavigace,
.pomocnaNavigace *{
    font-size: 0.9rem;
    list-style-type: none;
}
.pomocnaNavigace .drobeckova a:nth-child(3),
.pomocnaNavigace .drobeckova a:nth-child(3) + .separator{
    display: none;
}
.poslozky{
    margin: 20px auto;
}
.poslozky img{
    display: none;
}
.podslozky .polozka{
    padding: 5px 20px;
    background-color: rgb(1 132 228 / 15%);
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
}
.podslozky .polozka:hover{
    background-color: rgb(1 132 228 / 20%);
    text-decoration: underline;
}
/* pomocnaNavigace */







/* aktuality */
.aktuality .slozka{
    width: calc((100% / 3) - 10px);
    float: left;
    text-decoration: none;
    margin: 0 5px 10px 5px;
    border-radius: 5px;
    transition: background-color 0.3s;
    padding-bottom: 10px;
    display: block;
}
.aktuality > h1{
	padding-left: 10px;
}
.aktuality h3{
	padding: 0;
	text-transform: uppercase;
	color: #0085E5 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
.aktuality .slozka:hover{
	background-color: rgb(0 133 229 / 15%);
}
.aktuality .pruh{
    text-align: right;
    background-color: #0085E5;
    border-radius: 5px;
    color: white;
    padding: 0 10px;
}
.aktuality .pruh.zvyrazneni1{
	background-color: #E52900;
}
.aktuality .pruh.zvyrazneni1 + .text h3{
	color: #E52900 !important;
}
.aktuality .text{
	padding: 10px 10px 0 10px;
	height: 234px;
	overflow: hidden;
}
.aktuality .prepinacStranek{
	display: none;
}
@media only screen and (max-width:900px){
    .aktuality .slozka{
        width: auto;
        float: none;
        margin: 0 auto 10px auto;
        padding-bottom: 10px;
    }
    .aktuality .text{
    	padding: 10px 10px 0 10px;
    	height: auto;
    	overflow: visible;
    }
}
/* aktuality */




/* souteze */
.soutez main{
	width: 1300px;
	min-height: 0px;
}
.soutez main .podslozky{
    display: none;
}
.souteze{
	margin-bottom: 30px;
}
.souteze .slozka{
	width: calc(33.33% - 10px);
	float: left;
	padding: 20px 20px 30% 20px;
	border: 1px solid #2EAF00;
	border-radius: 5px;
	position: relative;
	margin: 0 5px 10px 5px;
	display: block;
}
.souteze .nahled{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-top: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    box-shadow: 0 0 15px 15px #fff;
}
.souteze .slozka h2{
	color:#2EAF00;
}
.souteze .slozka .text{
    height: 500px;
    overflow: hidden;
}
.souteze .slozka h3{
	font-size: 19px!important;
	font-weight: 700;
	padding-top: 10px;
}

.souteze .slozka .text p em{
	color:#2EAF00;
	font-size: 19px;
}
.souteze .slozka .text p{
	padding-bottom: 5px;
}
@media only screen and (max-width:900px){
.souteze .slozka{
	width: auto;
	float: none;
	padding: 10px 10px 210px 10px;
	margin: 0 auto 10px auto;
}
.souteze .slozka .text {
    height: auto;
    overflow: visible;
}
    .souteze .nahled{
        bottom: 5px;
        left: 5px;
        right: 5px;
        padding-top: 200px;
        box-shadow: none;
    }

}
/* souteze */





/* souteze */
.probehleakce main{
	width: 1300px;
	min-height: 0px;
}
.probehleakce main .podslozky{
    display: none;
}
.probehleakce{
	margin-bottom: 30px;
}
.probehleakce .slozka{
	width: calc(33.33% - 10px);
	float: left;
	padding: 20px 20px 30% 20px;
	border: 1px solid #2EAF00;
	border-radius: 5px;
	position: relative;
	margin: 0 5px 10px 5px;
	display: block;
}
.probehleakce .nahled{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding-top: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    box-shadow: 0 0 15px 15px #fff;
}
.probehleakce .slozka h2{
	color:#2EAF00;
}
.probehleakce .slozka .text{
    height: 500px;
    overflow: hidden;
}
.probehleakce .slozka h3{
	font-size: 19px!important;
	font-weight: 700;
	padding-top: 10px;
}

.probehleakce .slozka .text p em{
	color:#2EAF00;
	font-size: 19px;
}
.probehleakce .slozka .text p{
	padding-bottom: 5px;
}
@media only screen and (max-width:900px){
.probehleakce .slozka{
	width: auto;
	float: none;
	padding: 10px 10px 210px 10px;
	margin: 0 auto 10px auto;
}
.probehleakce .slozka .text {
    height: auto;
    overflow: visible;
}
    .probehleakce .nahled{
        bottom: 5px;
        left: 5px;
        right: 5px;
        padding-top: 200px;
        box-shadow: none;
    }

}
/* souteze */




/* footer */
footer{
	background-color: #04328A;
	padding: 30px 0;
}
footer .komponentaSlozka:nth-child(2){
	float: left;
}
footer .komponentaSlozka:last-child{
	float: right;
}
footer .komponentaSlozka:nth-child(2),
footer .komponentaSlozka:last-child{
	width: calc(50% - 92px);
	padding: 20px;
	text-align: center;
}
footer .komponentaSlozka *{
	color: white;
	line-height: inherit;
	font-size: inherit;
}
footer .logoVpate{
	position: absolute;
	margin-top: 30px;
	left: 50%;
	margin-left: -92px;
}
footer .logoZrizovatel{
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -92px;
    width: 184px;
}
@media only screen and (max-width:800px){
	footer .komponentaSlozka:nth-child(2),
	footer .komponentaSlozka:last-child{
		width: auto;
		float: none;
		padding: 10px 0;
	}
	footer .logoVpate{
		position: static;
		margin-left: 0;
		display: block;
		margin: 40px auto 25px auto;
	}
	footer .logoZrizovatel{
		position: static;
		margin-left: 0;
		display: block;
		margin: 40px auto 25px auto;
	}
}
/* footer */









/* mapa */
.mapa{
    height: 300px;
    width: 100%;
}
.mapaDiv{
	background-color: #04328A;
}
/* mapa */




/* final */
.final{
	background-color: #04328A;
	text-align: center;
	padding: 0 0 8px 0;
	line-height: 27px;
}
.final *{
	color: white;
    font-size: 12px;
    text-decoration: none;
}
/* final */








/* print */
@media print{
    header,
    footer,
    .content
    .sponzori,
	.banner,
	.motylci,
    .cookies,
    .pomocnaNavigace,
    .formularFiltry,
    .formularRazeni,
    .tlacitkoDalsiStrana,
    iframe,
    .dlazdice
	{
		display: none;
	}
	body,
	main,
	.vnitrek,
	.content,
	.obsahovyPanel,
	.katalog,
	.detail
	{
		opacity: 1 !important;
		width: auto !important;
	    float: none !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    max-width: unset !important;
		height: auto !important;
	}
	.text.editor{
		min-width: unset!important;
	}
}
/* !print */