@font-face {
    font-family: 'cooper_hewittsemibold';
    src: url('fonts/cooperhewitt-semibold-webfont.eot');
    src: url('fonts/cooperhewitt-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-semibold-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-semibold-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-semibold-webfont.svg#cooper_hewittsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittbook';
    src: url('fonts/cooperhewitt-book-webfont.eot');
    src: url('fonts/cooperhewitt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-book-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-book-webfont.svg#cooper_hewittbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittmedium';
    src: url('fonts/cooperhewitt-medium-webfont.eot');
    src: url('fonts/cooperhewitt-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-medium-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-medium-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-medium-webfont.svg#cooper_hewittmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittbold';
    src: url('fonts/cooperhewitt-bold-webfont.eot');
    src: url('fonts/cooperhewitt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-bold-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-bold-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-bold-webfont.svg#cooper_hewittbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'cooper_hewittbook'; font-size:0.9rem; line-height:160% }

h1, h2 {font-family: 'cooper_hewittbold'; text-transform:uppercase; font-size:1.3rem; margin:0.5rem 0rem 1rem 0rem}
h1 span {color:#A6A6A6; font-family: 'cooper_hewittbook'; display:block; font-size:1.1rem; line-height:140%; margin-top:0.5rem}

h2 {padding-bottom:1.5rem; line-height:140%}
h3 {font-family: 'cooper_hewittbold'; font-size:1.3rem; text-transform:uppercase; text-align:center; margin:1rem 0rem; padding-top:6.5rem}
font {color:#bd0100}

h4 {font-family: 'cooper_hewittbold'; font-size:1.3rem; text-transform:uppercase; text-align:center; margin:1rem 0rem; padding-top:.5rem}
font {color:#bd0100}


.pozadi {position:absolute; bottom:-0.5rem}
.pozadi img, .pozadi2 img, .pozadi3 img {width:100%} 
.pozadi2 {position:absolute; top:1rem}
.pozadi3 {position:absolute;}

.zahlavi2 {background:#eff6f9 url('../img/bg-kontakt.png') no-repeat 50% 50%; background-size:cover; margin:0rem; overflow:hidden}
.page-header h1 {padding:2rem 0rem 2rem 0rem; margin:0rem 0rem 0rem 0rem; color:#bd0100;}

@media (min-width: 575px) { 
.page-header h1 { font-size:1.6rem; color:#bd0100;}

}


@media (min-width: 830px) { 

.page-header h1 {font-size:1.8rem; color:#bd0100; padding:3rem 0rem 3rem 0rem; }

}

.navbar-brand {padding:0}
nav.menu .logo {text-align:left; padding:0;}
nav.menu a.logo:hover {background:none}
nav.menu a.logo:hover::after {background:none}
nav.menu .logo img { width:100%}

nav.menu .logoOnline img { padding:0.5rem; width:90% }
 @media (min-width: 830px) {
	
nav.menu .logoOnline img { padding:0.5rem 0rem; width:100% }
 }
 
 @media (min-width: 1024px) {
	
nav.menu .logo img { width:90%}

 } 

.modrapozadi {background: #EEF9FB; }

.home-tlacitko {background:#EEF9FB; padding:1rem 0rem; margin:1rem 0rem 1rem 0rem;}

.informujeme p {padding:0rem; margin:0rem 0rem 0.3rem 0rem; line-height:140%; margin:0}
.informujeme ul {margin:0; padding:0.5rem 0rem 0.5rem 0rem}
.informujeme ul li {margin:0; padding:0rem 0rem 0.1rem 2rem; list-style-type:none; text-indent:-1.5rem}
.informujeme ul li:before {font-family:'FontAwesome'; content:"\f00c"; color:#bd0100; margin-right:0.5rem}

.home1 { margin:2rem 0rem 0rem 0rem}	
.home1 p {font-family: 'cooper_hewittbold'; margin-bottom:0.5rem;  text-transform:uppercase}
.home1 ul {margin:0; padding:0rem 0rem 1rem 0rem}
.home1 ul li {margin:0; padding:0.2rem 0rem 0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
.home1 ul li:before {font-family:'FontAwesome'; content:"\f00c"; color:#bd0100; margin-right:0.5rem}


.home2 { padding:1rem 0rem 0rem 0rem; margin: 1rem 0rem 1rem 0rem; text-align:left; position:relative; }
.home2 h2 {padding:0rem 0rem 0rem 0rem; line-height:140%}

.home3 {background: #EEF9FB; padding:0rem 0rem 1rem 0rem; margin:0rem; position:relative;}
.home3 h2 {padding:1rem 0rem 0.5rem 0rem; margin:0; line-height:140%; font-size:1.2rem}
.home3 ul {margin:0; padding:0rem}
.home3 ul li {margin:0; padding:0.2rem 0rem 0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
.home3 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}
.home3 img {margin-top:0rem; width:70%;}
.centr {text-align:center}

.home4  {text-align:center;}
.home4 img {display:none}
.home4 p {text-align:center; font-size:1rem; margin:1rem 0.5rem}
.home4 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.4rem; text-align:center; margin:1.5rem 0rem 0rem 0rem; line-height:140%; text-transform:none}
.home4 h3 {padding:0rem 0rem 0rem 0rem; margin:0; font-size:1rem; line-height:140%}
.home4 .podnikani h3 {padding-top:1rem}
.home4 ul {margin:0; padding:0rem}
.home4 ul ul {margin:0; padding:2rem 0.5rem 4rem 4rem}
.home4 ul li {margin:0; padding:0rem; list-style-type:none;}
.home4 ul li ul li {margin:0; padding:0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
.home4 ul li ul li::before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}

.home5 { margin:1rem 0rem; padding:0rem 0rem; background: url('../img/bg-ceny.png') repeat 50% 0%; position:relative}
.home5 .kombinovane p, .home5 .mbs p {text-align:justify}
.home5 h2 {font-family: 'cooper_hewittbold'; font-size:1.2rem; line-height:115%; height:4rem; padding:0.5rem 0rem 0rem 0rem; text-transform:none; margin-left:-1rem}
.home5 .mbs h2 {padding:0rem 0rem 0rem 0rem; margin-left:-1rem;  height:2rem;}
.home5 .kombinovane {padding:.5rem 0rem;}
.home5 .mbs {padding:0rem 0rem}
.kombinovane img {padding:0rem; border-radius:50%; margin-top:1rem;box-shadow: #ddd 5px 5px 45px; width:90%}
.mbs img {padding:0rem; border-radius:50%; margin-top:0rem;box-shadow: #ddd 5px 5px 45px; width:90%}

.home6 {margin:0rem 0rem 0rem 0rem; padding:0rem 0rem 0rem 0rem; position:relative;}
.home6 h2 {line-height:140%; padding:1rem 0rem 0rem 0rem; font-size:1.1rem}

.material {background: url('../img/bg-novinka.png') no-repeat; background-size:cover; margin:0rem}
.home7 {padding:0rem 0rem 1rem 0rem; margin:0rem 0rem 0rem 0rem; text-align:left; position:relative;}
.home7 h2 {padding:1rem 0rem 0rem 0rem; line-height:140%; font-size:1.1rem}
.home7 p { padding:0rem; margin:0;text-align:justify}

.home-prihlaska { padding:0rem 0rem 2rem 0rem}
.web-prihlaska {margin:0rem 0rem 4rem 0rem; }
.web-prihlaska h2 {font-family:'Arial'; font-weight:bold}
.home-prihlaska h2, .web-prihlaska h2 {border-top:1px solid #EEF9FB; text-align:center; padding:2rem 0rem 0rem 0rem; color:#bd0100}

.pedagog h2, .pedagogModra h2, .pedagog-dokumenty h2 {padding-bottom:0rem; margin-bottom:0rem; margin-top:1rem}
.pedagog .obr, .pedagogModra .obr {display:none }
.pedagog-dokumenty {padding:0rem 0rem}
.pedagog-dokumenty {background: #EEF9FB url('../img/home-dokumenty1.png') no-repeat 70% 15%; background-size:contain; margin:0rem 0rem 0rem 0rem}	
.pedagog-dokumenty ul li:before {font-family:'FontAwesome'; content:"\f08e"; color:#bd0100; margin-right:0.5rem}




@media (min-width: 400px) { 

.home4 h2 { margin:1.5rem 2rem .5rem 2rem; line-height:140%; text-transform:none}
.home4 h3 {padding:0rem 0rem 0rem 0rem; margin:0; font-size:1rem; line-height:140%}
.home5 h2 {font-family: 'cooper_hewittbold'; font-size:1.2rem; line-height:115%; height:4rem; padding:1rem 4rem 0rem 0rem; text-transform:none; margin-left:-1rem}
.home5 .mbs h2 {padding:0.6rem 0rem 0rem 0rem; margin-left:-1rem;  height:3rem;}
.home7 {padding-bottom:1rem}
}

@media (min-width: 575px) { 
.home2 h2 {padding:0rem 0rem 0rem 0rem; line-height:100%}
.home3 {padding:1rem 0rem 2rem 2rem}
.home4 h2 {padding-bottom:3rem; padding-top:1rem}
.home4 h3  {padding:4rem 0rem 0rem 0rem; text-align:center; margin:0; font-size:1.3rem; line-height:140%}
.akademie, .podnikani {background: #EEF9FB; display:block; padding:1rem 0rem 0.3rem 0rem ; margin:1rem 0rem 0rem 0rem}
.akademie img, .podnikani img {width:19%; position:absolute;display:block; top:-3rem; left:40%; border-radius:50%; border: 12px solid #fff}
.podnikani {margin-top:5rem}
.podnikani h3  {margin:3rem 0rem 0rem 0rem;}

.kombinovane img {padding:0rem; border-radius:50%; margin-top:1rem; margin-left:1rem; box-shadow: #ddd 5px 5px 45px; width:60%}
.mbs img {padding:0rem; border-radius:50%; margin-top:0rem; margin-left:1rem; box-shadow: #ddd 5px 5px 45px; width:60%}
.home5 {margin-bottom:0rem}
.home5 h2 {font-family: 'cooper_hewittbold'; font-size:1.2rem; line-height:115%; height:4.5rem; padding:2rem 0rem 0rem 0rem; text-transform:none; margin-left:-3rem; font-size:1.3rem}
.home5 .mbs h2 {padding:0.7rem 0rem 0rem 0rem; margin-left:-2rem;  height:3.5rem;}
.home6 h2 {line-height:140%; padding:2rem 3rem 0rem 0rem; font-size:1.4rem;}
.home6 .pozadi3  {bottom:1.5rem}
.home7 h2 {padding:1.5rem 0rem 0rem 0rem; line-height:140%; font-size:1.4rem}

}

@media (min-width: 640px) {
	
body { font-family: 'cooper_hewittbook'; font-size:1.1rem; line-height:160% }
h1, h2 {font-family: 'cooper_hewittbold'; text-transform:uppercase; font-size:1.6rem; margin:0.5rem 0rem 1rem 0rem}
h1 span {color:#A6A6A6; font-family: 'cooper_hewittbook'; display:block; font-size:1.4rem; margin-top:0.5rem}
.home3 h2 {font-size:1.6rem; margin:0.5rem 0rem 1rem -1rem; padding:0rem}
.home3 ul {margin-left:-1rem}
}

@media (min-width: 768px) {

.home1 {background: url('../img/home1a.png') no-repeat 0% 0%; background-size:contain;   margin:4rem 0rem 2rem 0rem}	
.home2 {background: url('../img/home2.png') no-repeat 0% 100%; background-size:contain; margin:0rem 0rem 0rem 0rem; padding:0rem 1rem .5rem 0rem; text-align:right; position:relative;}
.home2 p:first-of-type {padding-left:0rem}
.home2 p {padding-left:4rem}
.home3 img {width:100%; margin-top:7rem}
.home3 h2 {padding-top:2rem}


.home4 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.5rem; text-align:center; margin:2rem 0rem 1rem 0rem; text-transform:none}
.home-tlacitko {background:#EEF9FB; padding:2rem 0rem; margin:1rem 0rem 3rem 0rem;}	
.home4 h3 {padding:2.5rem 0rem 0rem 0rem; margin:0; font-size:1.1rem}
.akademie, .podnikani {padding:1rem 0rem 0.3rem 0rem ; margin:0rem 0rem 0rem 0rem; min-height:52rem}
.akademie img, .podnikani img {width:35%; position:absolute; top:-3rem; left:35%; border-radius:50%; border: 12px solid #fff; }
.podnikani h3  {margin:1.5rem 0rem 0rem 0rem;}


.home5 { margin:2rem 0rem 1rem 0rem; padding:0rem 0rem; background: url('../img/bg-ceny.png') repeat 50% 0%; position:relative}
.home5 h2 {font-family: 'cooper_hewittbold'; font-size:1.4rem; line-height:115%; margin-top:0.2rem; height:4rem; padding:0.0rem 0rem 0rem 0rem; text-transform:none; margin-left:-1rem}
.home5 .mbs h2 {padding:.5rem 0rem 0rem 0.5rem; margin-left:-1rem; height:4rem}
.home5 .kombinovane {padding:3rem 0.5rem 2rem 0rem;}
.home5 .mbs {padding:3rem 0rem 2rem 0rem}
.mbs img {padding:0rem; border-radius:50%; margin-top:0rem; margin-left:0rem; box-shadow: #ddd 5px 5px 45px; width:85%}
.kombinovane img {padding:0rem; border-radius:50%; margin-top:0rem; margin-left:0rem; box-shadow: #ddd 5px 5px 45px; width:90%}
.home5 .kombinovane p, .home5 .mbs p { text-align: justify; padding:0; font-size:0.95rem; margin:0rem 0rem 0.8rem 0rem; }

}

@media (min-width: 830px) {
	
body { font-family: 'cooper_hewittbook'; font-size:1.05rem; line-height:160% }
h1, h2 {font-family: 'cooper_hewittbold'; text-transform:uppercase; font-size:1.8rem; margin:0.5rem 0rem 1rem 0rem}
h1 span {color:#A6A6A6; font-family: 'cooper_hewittbook'; display:block; font-size:1.5rem; margin-top:0.5rem}
	

.home-tlacitko {background:#EEF9FB; padding:3rem 0rem; margin:1rem 0rem 4rem 0rem;}	

.home1 ul {margin:0; padding:1rem 0rem 2rem 1rem}
.home1 ul li {margin:0; padding:0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
.home1 p {font-family: 'cooper_hewittbold'; margin-bottom:0.5rem; text-transform:uppercase}



.home2 h2 {padding:0rem 0rem 1rem 0rem; line-height:100%}
.home2 p:first-of-type {padding-left:0rem}
.home2 p {padding-left:4rem}
.home2 .pozadi2 {padding-top:6rem}


.home3 {background: #EEF9FB; padding:2rem 0rem; margin:0rem 0rem 3rem 0rem; position:relative;}	
.home3 h2 {padding-top:0rem; font-size:1.8rem}
.home3 ul {margin:0; padding:0rem 0.5rem 0rem 0rem}
.home3 ul li {margin:0; padding:0.2rem 0rem 0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
.home3 img {display:block; width:100%; margin-top:5rem}

.home4 {margin-bottom:2rem}
.home4 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.7rem; text-align:center; margin:0rem 0rem 3rem 0rem; text-transform:none}


.home4 p {text-align:center; font-size:1.05rem; margin:1.5rem 1rem}
.akademie, .podnikani {min-height:56rem}

.home5 { margin:0rem 0rem 1rem 0rem; padding:0rem 0rem; background: url('../img/bg-ceny.png') repeat 50% 0%; position:relative}
.home5 h2 {font-family: 'cooper_hewittbold'; font-size:1.4rem; line-height:115%; margin-top:0.2rem; height:4rem; padding:0.0rem 0rem 0rem 0rem; text-transform:none; margin-left:-1rem}
.home5 .mbs h2 {padding:.5rem 0rem 0rem 0.5rem; margin-left:-1rem; height:4rem}
.home5 .kombinovane {padding:3rem 0.5rem 2rem 0rem;}
.home5 .mbs {padding:3rem 0rem 2rem 0rem}
.mbs img {padding:0rem; border-radius:50%; margin-top:0rem; margin-left:0rem; box-shadow: #ddd 5px 5px 45px; width:85%}
.kombinovane img {padding:0rem; border-radius:50%; margin-top:0rem; margin-left:0rem; box-shadow: #ddd 5px 5px 45px; width:90%}
.home5 .kombinovane p, .home5 .mbs p { text-align: justify; padding:0; font-size:0.95rem; margin:0rem 0rem 0.8rem 0rem; }


.home6 {background: url('../img/home6.png') no-repeat 0% 100%; background-size:contain; margin:0rem 0rem 0rem 0rem; padding:0rem 0rem 0rem 0rem; position:relative;}
.home6 h2 {padding-top:1rem; padding-right:6rem; font-size:1.7rem; }
.home6 p:first-of-type {padding-right:0rem}
.home6 p {padding-right:15rem}

.home7 {background: url('../img/home7.png') no-repeat 0% 100%; background-size:contain; margin:0rem}	
.home7 h2 {padding:2rem 0rem 0rem 0rem; text-align:right; font-size:1.7rem;}
.home7 p:first-of-type {padding-left:0rem; padding-bottom:0.5rem; padding-right:0; text-align:right}
.home7 p {padding-left:16rem; text-align:right; }

.home-prihlaska { padding:3rem 0rem 2rem 0rem}
.home-prihlaska h2, .web-prihlaska h2 {border-top:1px solid #EEF9FB; text-align:center; padding:2rem 0rem 0rem 0rem; color:#bd0100}
}




@media (min-width: 1024px) {
	
body { font-family: 'cooper_hewittbook'; font-size:1.1rem; line-height:160% }
h1, h2 {font-family: 'cooper_hewittbold'; text-transform:uppercase; font-size:2rem; margin:0.5rem 0rem 1rem 0rem}
h1 span {color:#A6A6A6; font-family: 'cooper_hewittbook'; display:block; font-size:1.5rem; margin-top:0.5rem}
	

.home-tlacitko {background:#EEF9FB; padding:3rem 0rem; margin:1rem 0rem 3rem 0rem;}

.home1 {background: url('../img/home1a.png') no-repeat 0% 0%; background-size:contain; padding:0; margin:4rem 0rem 2rem 0rem}	
.home1 ul {margin:0rem 0rem 1rem 0rem; padding:0rem}
.home1 ul li {margin:0rem; padding:0.2rem 6rem 0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
.home1 p {font-family: 'cooper_hewittbold'; margin-bottom:0.5rem;  font-size:1.3rem; margin-right:0rem; text-transform:uppercase}

.home2 {background: url('../img/home2.png') no-repeat 0% 100%; background-size:contain; margin:3rem 0rem 0rem 0rem}	
.home2 h2 {padding-top:0rem; padding-bottom:1rem; margin-top:2rem}
.home2 p {padding-left:2rem}

.home3 {background: #EEF9FB; padding:1rem 0rem 1rem 0rem; margin:0rem 0rem 4rem 0rem; position:relative;}	
.home3 h2 {padding:3rem 0rem 1rem 0rem}
.home3 ul {margin:0rem 0rem 1rem 0.5rem; padding:0rem}
.home3 ul li {margin:0rem; padding:0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
.home3 img {width:90%}

.home4 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.7rem; text-align:center; margin:0rem 0rem 3rem 0rem; text-transform:none}
.home4 h3 {padding:4rem 0rem 0rem 0rem; margin:0; font-size:1.3rem}
.home4 p {text-align:center; font-size:1.15rem; margin:1.5rem 3rem}

.akademie img, .podnikani img {width:34%; position:absolute; top:-3.5rem; left:35%; border-radius:50%; border: 12px solid #fff; }
.akademie, .podnikani {min-height:64rem; }
.podnikani h3 { margin:3rem 0rem 0rem 0rem;}



.home5 { margin:3rem 0rem; padding:0rem 0rem; background: url('../img/home5.png') no-repeat 0% 0%; background-size:cover }
.home5 h2 {font-family: 'cooper_hewittbold'; font-size:1.6rem; line-height:115%; height:5rem; padding:0.5rem 5rem 0rem 0rem; text-transform:none; margin-left:-1rem}
.home5 .mbs h2 {padding:1.5rem 0rem 0rem 0rem; height:5rem; margin-left:-1rem}
.home5 .kombinovane {padding:2.5rem 1rem;}
.kombinovane img, .mbs img {padding:0rem; border-radius:50%; margin-top:0rem;box-shadow: #ddd 5px 5px 45px; width:90%}
.home5 .mbs {padding:2.5rem 2rem}

.home6 {background: url('../img/home6.png') no-repeat 0% 100%; background-size:contain; margin:0rem ; padding:0rem 0rem 2rem 0rem}
.home6 h2 {padding-top:1rem;padding-right:0; padding-bottom:1rem; font-size:1.7rem; margin-top:0rem}
.home6 p:first-of-type {padding:0rem 0rem 0.5rem 0rem; margin:0px}
.home6 p {padding:0rem 0rem 0.5rem 0rem; margin:0px}

.material {background: url('../img/bg-novinka.png') no-repeat; background-size:cover; margin:0rem}
.home7 {background: url('../img/home7.png') no-repeat; background-size:cover; margin:0rem}	
.home7 h2 {padding-top:2rem; padding-bottom:0rem; font-size:1.7rem}
.home7 p:first-of-type {padding-left:4rem}
.home7 p {padding-left:8rem; }



.home-prihlaska { padding:4rem 0rem 2rem 0rem}
.home-prihlaska h2, .web-prihlaska h2 {border-top:1px solid #EEF9FB; text-align:center; padding:3rem 0rem 0rem 0rem; color:#bd0100}

}

@media (min-width: 1280px) {
.home-prihlaska { padding:0rem 0rem 2rem 0rem; margin-top:4rem}
.web-prihlaska {margin:0rem 0rem 4rem 0rem}
.home-prihlaska h2, .web-prihlaska h2 {border-top:1px solid #EEF9FB; text-align:center; padding:4rem 0rem 0rem 0rem; color:#bd0100}

.akademie img, .podnikani img {width:29%; position:absolute; top:-3.5rem; left:35%; border-radius:50%; border: 12px solid #fff; }
.akademie, .podnikani {min-height:50rem; }

.home3 img {width:90%; margin-top:0}
.home6 p:first-of-type, .home6 p  {padding:0rem 3rem 0.5rem 0rem; margin:0px}
.home7 p:first-of-type, .home7 p {padding-left:0rem}

}



.vypisdokumenty p {font-size:1rem; margin:.5rem 3rem} 
.vypisdokumenty h2 {font-family: 'cooper_hewittsemibold'; font-size:1.6rem; text-align:center; margin:2rem 0rem 3rem 0rem; text-transform:none}
.vypisdokumenty h3 {padding:3rem 0rem 0rem 0rem; margin:0}
.vypisdokumenty ul {margin:0; padding:0rem}
.vypisdokumenty ul ul {margin:0; padding:0rem 0.5rem 0rem 2rem}
.vypisdokumenty ul li {margin:0; padding:0rem; list-style-type:none; text-indent:0em; font-size:1rem;}
.vypisdokumenty ul li ul li {margin:0; padding:0.2rem 5px 0.5rem 19px; list-style-type:none; text-indent:-1.5rem; line-height:150%}
.vypisdokumenty ul li ul li::before {font-family:'FontAwesome'; content:"\f08e"; color:#bd0100; margin-right:0.5rem}


#vypisdokumenty .podnikani {background: #EEF9FB; display:block; padding:1rem 0rem;  margin:3.5rem 0rem 0rem 0rem; min-height:15rem}
#vypisdokumenty .podnikani h3 {padding:3rem 0rem 1rem 0rem; margin:0; text-align:center}
#vypisdokumenty .podnikani img {width:25%; position:absolute; top:-2.5rem; left:36.5%; border-radius:50%; border: 12px solid #fff}

.dokument {min-height:20rem; overflow:hidden; margin-top:5rem}


@media (min-width: 360px) { 
.vypisdokumenty h3 { font-size:1.2rem; }
.vypisdokumenty ul li {margin:0; padding:0rem; list-style-type:none; text-indent:0rem; font-size:0.9rem;}

#vypisdokumenty .podnikani img {width:23%; position:absolute; top:-3rem; left:36.5%; border-radius:50%; border: 12px solid #fff}
.dokument {min-height:25rem; overflow:hidden; margin-top:10rem}
#vypisdokumenty .podnikani h3 {padding:3rem 0rem 1rem 0rem; margin:0; text-align:center}

.dokument {min-height:26rem; overflow:hidden; margin-top:5rem}
}

@media (min-width: 575px) {
#vypisdokumenty .podnikani h3 {padding:3rem 0rem 1rem 0rem; margin:0; text-align:center}
#vypisdokumenty .podnikani img {width:28%; position:absolute; top:1rem; left:36.5%; border-radius:50%; border: 12px solid #fff}
#vypisdokumenty .podnikani {min-height:25rem} 
}

@media (min-width: 768px) {
#vypisdokumenty .podnikani h3 {padding:3rem 0rem 1rem 0rem; margin:0; text-align:center}
#vypisdokumenty .podnikani img {width:25%; position:absolute; top:0.5rem; left:36.5%; border-radius:50%; border: 12px solid #fff}
#vypisdokumenty .podnikani {min-height:22rem} 
}


@media (min-width: 1024px) {
	
#vypisdokumenty .podnikani {background: #EEF9FB; display:block; padding:1rem 0rem;  margin:5rem 0rem 0rem 0rem}
#vypisdokumenty .podnikani h3 {padding:3rem 0rem 0rem 0rem; margin:0; text-align:center}
#vypisdokumenty .podnikani img {width:28%; position:absolute; top:2rem; left:36.5%; border-radius:50%; border: 12px solid #fff}

.vypisdokumenty p {text-align:center; font-size:1rem; margin:1.5rem 3rem} 
.vypisdokumenty h2 {font-family: 'cooper_hewittsemibold'; font-size:1.6rem; text-align:center; margin:2rem 0rem 3rem 0rem; text-transform:none}
.vypisdokumenty h3 {padding:3rem 0rem 0rem 0rem; margin:0}
.vypisdokumenty ul {margin:0; padding:0rem}
.vypisdokumenty ul ul {margin:0; padding:1rem 0.5rem 0rem 2rem}
.vypisdokumenty ul li {margin:0; padding:0rem; list-style-type:none; text-indent:0; font-size:1rem;}
.vypisdokumenty ul li ul li {margin:0; padding:0.2rem 5px 0.5rem 19px; list-style-type:none; text-indent:-1.5rem; line-height:150%}
.vypisdokumenty ul li ul li::before {font-family:'FontAwesome'; content:"\f08e"; color:#bd0100; margin-right:0.5rem}

.dokument {min-height:24rem; overflow:hidden}
}

@media (min-width: 1280px) {
	
#vypisdokumenty .podnikani {background: #EEF9FB; display:block; padding:1rem 0rem;  margin:5rem 0rem 0rem 0rem}
#vypisdokumenty .podnikani h3 {padding:4rem 0rem 0rem 0rem; margin:0; text-align:center}

.dokument {min-height:24rem; overflow:hidden}
}

.online-cestina-ru, .online-cestina, .online-cestina-modra {font-family: 'Arial';}
.online-cestina, .online-cestina-modra, .pedagog { padding:0rem; margin: 0rem 0rem 1rem 0rem; position:relative; }
.online-cestina-modra, .pedagogModra {background:#eef9fb; padding-bottom:2rem}
.online-cestina h2, .online-cestina-modra h2, .online-cestina-ru h2 {font-family: 'Arial'; z-index:100; padding:1rem 0rem 0.5rem 0rem; font-size:1rem; font-weight:bold; margin:0; line-height:150%}
.online-cestina h2 span, .online-cestina-modra h2 span, .online-cestina-ru h2 span {color:#bd0100;}
.online-cestina ul, .online-cestina-modra ul, .online-cestina-ru ul, .pedagog ul, .pedagogModra ul {margin:0; padding:0.3rem 0rem 0.7rem 0.7rem}
.online-cestina ul li, .online-cestina-modra ul li, .pedagog ul li, .pedagogModra ul li {margin:0; padding:0.2rem 0rem 0rem 0.7rem; text-align:left; list-style-type:none; text-indent:-1.2rem}
.online-cestina ul li:before, .online-cestina-modra ul li:before, .online-cestina-ru ul li:before, .pedagog ul li:before, .pedagogModra ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}
.online-cestina p, .online-cestina-modra p, .online-cestina-ru p, .pedagog p, .pedagogModra p {padding:0.3rem 0rem 0.2rem 0rem; margin:0}
.online-cestina .obr, .online-cestina-modra .obr, .online-cestina-ru .obr {display:none}

.online1 { padding:0rem; margin: 1rem 0rem 1rem 0rem; text-align:left; position:relative;}
.online1 h2 { z-index:100; padding:1rem 0rem 0.5rem 0rem; font-size:1rem; margin:0}
.online1 h2 span {color:#bd0100;}
.online1 p {padding:0.5rem 0rem 0rem 0rem; padding-left:0%; margin:0}
.online1 .obr {display:none }

.online2 { padding:0rem; margin: 0rem 0rem 1rem 0rem; position:relative; }
.online2 h2 {z-index:100; padding:1rem 0rem 0.5rem 0rem; font-size:1rem; margin:0; line-height:150%}
.online2 h2 span {color:#bd0100;}
.online2 ul {margin:0; padding:0rem 0rem 0rem 0.7rem}
.online2 ul li {margin:0; padding:0.2rem 0rem 0rem 0.7rem; text-align:left; list-style-type:none; text-indent:-1.2rem}
.online2 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}
.online2 p {padding:0.5rem 0rem 0rem 2rem; padding-left:38%}
.online2 .obr {display:none}

.online3 { padding:3rem 0rem .5rem 0rem; margin: 0rem 0rem 0rem 0rem; position:relative; text-align:center;  max-height:auto; overflow:hidden}
.online3 .akademie {background: #EEF9FB; display:block; padding:2rem 0.5rem 1rem 0.5rem; margin:0rem 0rem 0rem 0rem}
.online3 .podnikani {background: #EEF9FB; display:block; padding:2rem 0.5rem 1rem 0.5rem; margin:3rem 0rem 0rem 0rem}
.online3 .akademie img {width:22%; position:absolute; top:-2.5rem; left:39.5%; border-radius:50%; border: 12px solid #fff}
.online3 .podnikani img {width:22%; position:absolute; top:0.5rem; left:39.5%; border-radius:50%; border: 12px solid #fff}

.online3 h3 {margin:0; padding:1rem 3rem; text-transform:none; font-size:1rem; line-height:150%}
.online3 .podnikani h3 {padding:1rem 1rem}
.online3 ul {margin:0; padding:0rem 0.5rem 0rem 0.5rem}
.online3 ul li {margin:0; padding:0.2rem 0rem 0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online3 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}

.online4 {padding:0rem; margin: 0rem; position:relative; }
.online4 .row {margin: 0 auto; background: #EEF9FB; padding:1rem 0.5rem 0.5rem 0.5rem}
.online4 .info {padding:1rem; background: #EEF9FB;}
.online4 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.7rem; line-height:115%; height:3rem; padding:0.5rem 0rem 0rem 0rem;text-transform:none;}
.online4 h2 span {color:#bd0100;}
.online4 h3 {margin:0; padding:1rem 0rem; text-transform:none; text-align:left}
.online4 ul {margin:0; padding:0rem 0.5rem 4rem 0.5rem}
.online4 ul li {margin:0; padding:0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online4 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}

.online5 { padding:0rem; margin: 1rem 0rem 0rem 0rem; position:relative; background: #EEF9FB; }
.online5 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.7rem; line-height:115%; height:3rem; padding:0.5rem 0rem 0rem 0rem;text-transform:none;}
.online5 h2 span {color:#bd0100;}
.online5 h3 {margin:0; padding:1rem 0rem; text-transform:none; text-align:left}
.online5 ul {margin:0; padding:0rem 0.5rem 4rem 0.5rem}
.online5 ul li {margin:0; padding:0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online5 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}
.online5 p {margin:0rem; padding:0.5rem}

.online6 h2 {z-index:100; padding:1.5rem 0rem 0.5rem 0rem; margin:0}


.online8, .online8-cestina {margin:0rem; padding:0rem}	
.online8 h2, .online8-cestina h2 {padding:0rem; margin:1.5rem 0rem 1rem 0rem; font-size:1rem; color:#bd0100}
.online8 p:first-of-type, .online8-cestina p:first-of-type {padding-left:3rem}
.online8 p, .online8-cestina p {padding-left:10rem; }
.online8 ul, .online8-cestina ul {margin:0rem 0rem 0rem 0rem; padding:0}
.online8 ul li, .online8-cestina ul li {margin:0; padding:0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online8 ul li:before, .online8-cestina ul li:before {font-family:'FontAwesome'; content:"\f08e"; color:#bd0100; margin-right:0.5rem}

@media (min-width: 360px) {.online3 h3 {margin:0; padding:1rem 4rem;}
 }
 
 
 @media (min-width: 400px) {
	.online3 .akademie {background: #EEF9FB; display:block; padding:3rem 1rem 1rem 1rem; margin:0rem 0rem 2rem 0rem}
	.online3 .podnikani {background: #EEF9FB; display:block; padding:3rem 1rem 1rem 1rem; margin:1.5rem 0rem 0rem 0rem}
	.online3 .akademie img {width:22%; position:absolute; top:-3rem; left:39.5%; border-radius:50%; border: 12px solid #fff}
	.online3 .podnikani img {width:22%; position:absolute; top:-1.5rem; left:39.5%; border-radius:50%; border: 12px solid #fff}
	.online3 h3 {margin:0; padding:1rem 0rem; text-transform:none; font-size:1rem; line-height:150%}
	.online3 .podnikani h3 {padding:1rem 1rem}
	.online-cestina .obr, .online-cestina-modra .obr, .online-cestina-ru .obr {position:absolute; display:block; right:1.5rem; top:0rem; padding-top:0.8rem; width:7%}
 }
 
 @media (min-width: 575px) {
	.online1 h2, .online2 h2, .online4 h2, .online5 h2, .online8 h2, .online8-cestina h2, .online-cestina h2, .online-cestina-ru h2, .online-cestina-modra h2 {font-size:1.3rem; padding:rem 0rem 0rem 0rem;}
	.online3 .akademie {background: #EEF9FB; display:block; padding:3rem 1rem 1rem 1rem; margin:0rem 0rem 2rem 0rem}
	.online3 .podnikani {background: #EEF9FB; display:block; padding:3rem 1rem 1rem 1rem; margin:3rem 0rem 0rem 0rem}
	.online3 .akademie img {width:18%; position:absolute; top:-3.5rem; left:39.5%; border-radius:50%; border: 12px solid #fff}
	.online3 .podnikani img {width:18%; position:absolute; top:-0.5rem; left:39.5%; border-radius:50%; border: 12px solid #fff}
	.online8 h2, .online-cestina h2, .online-cestina-ru h2,  .online-cestina-modra h2 {padding:0rem; margin:2rem 0rem 1rem 0rem;}	
	.online-cestina .obr, .online-cestina-modra .obr, .online-cestina-ru .obr { right:1rem; top:0.5rem; width:9%}
	
 }
 
 
 
  @media (min-width: 768px) {
.online3 .akademie {background: #EEF9FB; display:block; min-height:27rem; padding:2rem 0rem 0.3rem 0rem ; margin:2rem 0rem 0rem 0rem}
.online3 .akademie img {width:27%; position:absolute;  top:-1rem; left:38%; border-radius:50%; border: 12px solid #fff}
.online3 .podnikani {background: #EEF9FB; display:block; min-height:27rem; padding:2rem 0rem 0.3rem 0rem; margin:2rem 0rem 0rem 0rem}
.online3 .podnikani img {width:27%; position:absolute; top:-1rem; left:37%; border-radius:50%; border: 12px solid #fff}
.online3 h3, .online3 .podnikani h3 {padding:2rem 0rem 1rem 0rem}
.online3 p {padding-left:0.5rem; padding-right:0.5rem}
.online-cestina h2, .online-cestina-ru h2, .online-cestina-modra h2 {font-size:1.5rem; }
.pedagog .obr, .pedagogModra .obr {right:0; width:20%; display:block;  position:absolute; top:1rem; }  
  }
 

@media (min-width: 830px) {
	
	
.online1 {margin:0rem 0rem 3rem 0rem}
.online1 p {padding:0.5rem 0rem 0rem 2rem; padding-left:38%; text-align:right}
.online1 .obr {left:0; width:38%; display:block;  position:absolute; bottom:0rem; }
.online1 h2 {text-align:right; z-index:100; padding:1rem 0rem; margin:0}
.online1 h2 span {color:#bd0100;}

.online2 { padding:0rem; margin: 2rem 0rem 3rem 0rem; position:relative; }
.online2 h2 {z-index:100;  padding:2rem 0rem 1rem 0rem; margin:0}
.online2 h2 span {color:#bd0100;}
.online2 ul {margin:0; padding-right:30%}
.online2 ul li {margin:0; padding:0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online2 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}
.online2 p {padding:0.5rem 0rem 0rem 2rem; padding-left:38%}
.online2 .obr {right:0; width:35%; display:block; position:absolute; bottom:0rem }


.online3 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.7rem; line-height:115%; height:3rem; padding:0.5rem 0rem 0rem 0rem; text-align:center; text-transform:none;}
.online3 h2 span {color:#bd0100;}
.online3 h3, .online3 .podnikani h3 {margin:0; padding:3rem 0rem 1rem 0rem; text-transform:none;}
.online3 ul {margin:0; padding:0rem 0.5rem 4rem 0.5rem}
.online3 ul li {margin:0; padding:0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online3 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}
.online3 .akademie {background: #EEF9FB; display:block; min-height:27rem; padding:2rem 0rem 0.3rem 0rem ; margin:2rem 0rem 0rem 0rem}
.online3 .akademie img {width:27%; position:absolute;  top:-1rem; left:38%; border-radius:50%; border: 12px solid #fff}
.online3 .podnikani {background: #EEF9FB; display:block; min-height:27rem; padding:2rem 0rem 0.3rem 0rem; margin:2rem 0rem 0rem 0rem}
.online3 .podnikani img {width:27%; position:absolute; top:-1rem; left:37%; border-radius:50%; border: 12px solid #fff}


.online4 { padding:0rem; margin: 1rem 0rem 1rem 0rem; position:relative; }
.online4 .row {margin: 0 auto; background: #EEF9FB; padding:1rem 0.5rem 0rem 0.5rem}
.online4 .info {padding:1rem; background: #EEF9FB;}
.online4 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.7rem; line-height:115%; height:3rem; padding:0.5rem 0rem 0rem 0rem;text-transform:none;}
.online4 h2 span {color:#bd0100;}
.online4 h3 {margin:0; padding:1rem 0rem; text-transform:none; text-align:left}
.online4 ul {margin:0; padding:0rem 0.5rem 4rem 0.5rem}
.online4 ul li {margin:0; padding:0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online4 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}


.online5 { padding:2rem 0rem; margin:0rem 0rem 0rem 0rem; position:relative; background: #EEF9FB; }
.online5 h2 {font-family: 'cooper_hewittsemibold'; font-size:1.7rem; line-height:115%; height:3rem; padding:0.5rem 0rem 0rem 0rem;text-transform:none;}
.online5 h2 span {color:#bd0100;}
.online5 h3 {margin:0; padding:1rem 0rem; text-transform:none; text-align:left}
.online5 ul {margin:0; padding:0rem 0.5rem 4rem 0.5rem}
.online5 ul li {margin:0; padding:0.2rem 2rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online5 ul li:before {font-family:'FontAwesome'; content:"\f054"; color:#bd0100; margin-right:0.5rem}
.online5 p {margin: 0; padding:0.5rem 0rem; text-align:justify}


.online6 {margin-top:2rem}
.online6 h2 {text-align:right} 
.online6 p {padding:0.5rem 0rem 0rem 0rem; padding-left:30%; text-align:right}
.online6 p:first-of-type {padding:0.5rem 0rem 0rem 0rem; padding-left:15%}
.online6 .obr {left:0; width:40%; display:block; z-index:-1;  position:absolute; bottom:0rem;  }


.online8, .online8-cestina {background: url('../img/home8a.jpg') no-repeat 0% 70%; background-size:contain; margin:0rem 0rem 0rem 0rem}	
.online8 h2, .online8-cestina h2, .online-cestina h2, .online-cestina-modra h2, .online-cestina-ru h2, .pedagog-dokumenty h2 {padding-top:2rem; padding-bottom:0rem; margin:1rem 0rem 1rem 0rem; font-size:1.7rem; }
.online8 p:first-of-type, .online8-cestina p:first-of-type {padding-left:3rem}
.online8 p, .online8-cestina p {padding-left:0rem; }
.online8 ul, .online8-cestina ul, .pedagog-dokumenty ul {margin:0rem 0rem 1rem 1rem}
.online8 ul li, .online8-cestina ul li, .pedagog-dokumenty ul li {margin:0; padding:0.2rem 1rem 0.2rem 1rem; text-align:left; list-style-type:none; text-indent:-1.5rem}
.online8 ul li:before, .online8-cestina ul li:before, .pedagog-dokumenty ul li:before {font-family:'FontAwesome'; content:"\f08e"; color:#bd0100; margin-right:0.5rem}
}
@media (min-width: 960px) { 
.pedagog .obr, .pedagogModra .obr {right:-2rem; width:25%; display:block;  position:absolute; top:0rem; }
}

@media (min-width: 1024px) { .online1 .obr {left:0; width:35%; display:block;  position:absolute; bottom:-3rem; }
.online1 h2 { padding:3rem 0rem 1rem 0rem;}	
.online3 .akademie {background: #EEF9FB; display:block; padding:4rem 0.5rem 1rem 0.5rem; margin:1rem 0rem 0rem 0rem;min-height:26rem; overflow:hidden}
.online3 .podnikani {background: #EEF9FB; display:block; padding:4rem 0.5rem 1rem 0.5rem; margin:1rem 0rem 0rem 0rem; min-height:26rem; overflow:hidden;}
.online3 h3, .online3 .podnikani h3  {font-size:1.2rem; padding:1rem 0rem}
.online3 .akademie img {width:22%; position:absolute;  top:-2rem; left:38%; border-radius:50%; border: 12px solid #fff}
.online3 .podnikani img {width:22%; position:absolute; top:-2rem; left:37%; border-radius:50%; border: 12px solid #fff}
.online-cestina .obr, .online-cestina-modra .obr, .online-cestina-ru .obr {position:absolute; display:block; right:0; top:0.5rem; width:7%}
.pedagog .obr, .pedagogModra .obr {right:0; width:32%; display:block;  position:absolute; top:2rem; }
.pedagog h2, .pedagogModra h2 { padding:3rem 0rem 1rem 0rem;}	
.pedagog .akademie {background: #EEF9FB; display:block; padding:4rem 0.5rem 1rem 0.5rem; margin:1rem 0rem 0rem 0rem;min-height:26rem; overflow:hidden}
.pedagog .podnikani {background: #EEF9FB; display:block; padding:4rem 0.5rem 1rem 0.5rem; margin:1rem 0rem 0rem 0rem; min-height:26rem; overflow:hidden;}
.pedagog h3, .pedagogModra h3, .online3 .podnikani h3  {font-size:1.2rem; padding:1rem 0rem}
.pedagog .akademie img {width:22%; position:absolute;  top:-2rem; left:38%; border-radius:50%; border: 12px solid #fff}
.pedagog .podnikani img {width:22%; position:absolute; top:-2rem; left:37%; border-radius:50%; border: 12px solid #fff}
}

@media (min-width: 1280px) {

.online1 h2, .online2 h2, .online4 h2, .online5 h2, .online8 h2, .online8-cestina h2, .online-cestina h2, .online-cestina-modra h2, .online-cestina-ru h2, .pedagog h2 {font-size:1.7rem; padding:2rem 0rem 0rem 0rem;}	

.online1 p {padding-left:38%; }
.online1 .obr {left:0; width:30%;  }
.online2 .obr {width:30%;  }
.online3 .akademie {padding:5rem 1.5rem 1rem 1.5rem; margin:0rem 0rem 0rem 0rem;min-height:25rem;}
.online3 .podnikani {padding:5rem 1.5rem 1rem 1.5rem; margin:0rem 0rem 0rem 0rem; min-height:25rem; }
.online3 .akademie img {width:20%; position:absolute; top:-3rem; left:39.5%; border-radius:50%; border: 12px solid #fff}
.online3 .podnikani img {width:20%; position:absolute; top:-3rem; left:39.5%; border-radius:50%; border: 12px solid #fff}

.online6 p, .online6 p:first-of-type {padding-left:35%; }
.online6 .obr {left:0; width:42%; display:block; z-index:-1;  position:absolute; bottom:0rem;  }

.online8 {background: url('../img/home8a.jpg') no-repeat 0% 100%; background-size:contain; margin:0rem 0rem 0rem 0rem}
.online8-cestina, .pedagog-dokumenty {background: #EEF9FB url('../img/home-dokumenty1.png') no-repeat 70% 0%; background-size:contain; margin:0rem 0rem 0rem 0rem}		
}

@media (min-width: 1380px) {
.online3 .akademie {padding:5rem 1.5rem 1rem 1.5rem; margin:2rem 0rem 0rem 0rem;min-height:25rem;}
.online3 .podnikani {padding:5rem 1.5rem 1rem 1.5rem; margin:2rem 0rem 0rem 0rem; min-height:25rem; }
.online3 .akademie img {width:20%; position:absolute; top:-1.5rem; left:39.5%; border-radius:50%; border: 12px solid #fff}
.online3 .podnikani img {width:20%; position:absolute; top:-1.5rem; left:39.5%; border-radius:50%; border: 12px solid #fff}

	}

.novinka { background: url("../img/bg-novinka.png") repeat 0 0;  font-size:1rem; margin-top:1rem; padding-top:1rem; margin-bottom:1rem; padding-bottom:1rem}
.novinka h2 {padding:0rem 0rem 1rem 0rem; margin:0; font-size:1.2rem; text-transform:none; line-height:150%; font-family: 'cooper_hewittsemibold';}
.novinka .btn-primary { background:#BD0100; border-color:#BD0100; width:auto;
	font-family:cooper_hewittsemibold; font-size:0.9rem; text-transform:uppercase; 
	border-radius:0rem; padding:0.3rem 1.5rem;	text-align:center; float:right;}
.novinka .btn-primary:hover {background:#BD0100; opacity:0.75; border-color:#BD0100;}
.novinka .datum	{color:#878383}
.novinka .datum::before {font-family:'FontAwesome'; content:"\f133"; color:#bd0100; font-size:1rem; margin-right:0.5rem}
.novinka .priloha::before {font-family:'FontAwesome'; content:"\f08e"; color:#bd0100; font-size:1rem; margin-right:0.5rem}
.novinka .link::before {font-family:'FontAwesome'; content:"\f08e"; color:#bd0100; font-size:1.5rem; margin-right:0.5rem}
.novinka a {color:#bd0100; text-decoration:underline}


.kontakty {padding:1rem 0rem; font-size:1rem}
.kontakty h2, .kontaktText h2 {text-transform:none; font-size:1.1rem; margin:0; padding:.5rem 0rem 1rem 0rem  }
.kontakty h3, .kontaktText h3 {text-align:left; text-transform:none; margin:0; padding:1rem 0rem 0.5rem 0rem; font-size:1.1rem; font-family: 'cooper_hewittsemibold';}
.kontaktText {padding:1rem 0rem 1rem 0rem; font-size:1rem}
.kontaktText p {line-height:150%; font-size:0.9rem}
.kontaktText p span {display:none}
.osoba {margin-bottom:0rem;}
.vedeni, .ucitele {padding:0rem 0.2rem}
.vedeni img, .ucitele img { width:100%; margin:0.8rem 0rem; padding:0rem 0rem; border-radius:50%;}
.osoba h3 {margin:0; padding:0.5rem 0rem 0.2rem 0rem}
.osoba1 h3 {margin:0; padding:2rem 0rem 0.2rem 0rem}

@media (min-width: 360px) { 
.osoba h3 {margin:0; padding:1.3rem 0rem 0.2rem 0rem}
.osoba1 h3 {margin:0; padding:2rem 0rem 0.2rem 0rem}
.kontaktText p span {display:inline}
}

@media (min-width: 575px) { 
.kontaktText p {line-height:150%; font-size:1rem}
.osoba h3 {margin:0; padding:1rem 0rem 0rem 0rem}
.vedeni img, .ucitele img { width:100%; margin:0.8rem 0rem; padding:0rem 0rem; border-radius:50%;}

}

@media (min-width: 830px) { 
.ucitele img { width:100%; margin:0.8rem 0rem 1.2rem 0rem ; padding:0rem 0rem; border-radius:50%;}
.vedeni img { margin:1rem 0rem 1.2rem 0rem ; }
.osoba h3 {margin:0; padding:1.5rem 0rem 0rem 0rem}
.kontaktText {padding:2rem 0rem 1rem 0rem;}
}

@media (min-width: 970px) { 
.vedeni img { width:90%; margin:0.8rem 0rem; padding:0rem 0rem; border-radius:50%;}
}

@media (min-width: 1024px) {
.kontakty h2, .kontaktText h2 {text-transform:none; font-size:1.3rem; margin:0; padding:1.5rem 0rem 1rem 0rem  }	
.vedeni, .ucitele {padding:0rem 0.2rem}
.vedeni img { width:90%; margin:0.8rem 0rem; padding:0rem 0rem; border-radius:50%;}
.ucitele img { width:90%; margin:0.8rem 0rem; padding:0rem 0rem; border-radius:50%;}
.osoba h3 {margin:0; padding:2rem 0rem 0.2rem 0rem}
.osoba1 h3 {margin:0; padding:3rem 0rem 0.2rem 0rem}
}


@media (min-width: 1024px) {
.osoba h3 {margin:0; padding:2rem 0rem 0.2rem 0rem}
}
@media (min-width: 1380px) {
.ucitele img {margin-bottom:1.5rem; width:85%;}
.vedeni img {margin-bottom:1.5rem; width:83%;}
}

nav.menu {
    display: block;
    width: 100%;
    background: #fff;
    font-size: 0;
}




nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	width: 100%;
}

nav.menu ul li {
    width: 100%;
	background: rgba(0, 0, 0, 0.1);
	margin:0; padding:0.2rem 0.5rem; list-style-type:none; text-indent:0rem}

nav.menu a {
    display: block;
    padding:0rem 0.2rem;
    color: #000;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 16px;
}

nav.menu ul li a:hover {   padding:0rem 0.2rem;
    background: rgba(0, 0, 0, 0.1);
}

/* šaškárny kolem schovávacího tlačítka */
nav #hlavni-menu  { /* menu v malém rozlišení schovat */
	display: none;
}

nav .navbar-nav  { /* budeme možná potřebovat absolutní pozicování v tomhle divu */
	position: relative;
	display: inline-block;
	float: right;
	text-align: right;
}

nav .nav-toggler  { /* tlačítko v malém rozlišení zobrazit */
	display: block;
	margin-top:1rem
}

nav .nav-toggler span {border:1px solid #bd0100; border-radius:3px; padding:2px 3px 2px 3px}
/* / šaškárny kolem schovávacího tlačítka */

.navbar-toggler {padding: 0.5rem 0rem}
.dropdown-menu {
    background-clip: padding-box;
    border: 0px solid #ee7c00;
    border-radius: 0rem;
    color: #373a3c;
    display: none;
    font-size: 0.9rem;
    right: 0px;
	left:auto;
    list-style: outside none none;
    margin: 5px;
    padding: 5px;
    position: absolute;
    text-align: left;
    top:-50px;
    z-index: 1000;
	background:#FF7D00;
	overflow:visible;
}

nav.menu ul li.dropdown  ul.dropdown-menu  li.none, .menu-footer ul li.dropdown ul.dropdown-menu li.none {display:none}
nav.menu ul li.open{background: #E9F4F8; padding-top:0rem; margin-bottom:0px; padding-bottom:0rem}
nav.menu ul li.dropdown ul.dropdown-menu {background:#E9F4F8; padding:0rem 0 0 0; margin:1rem 0 0 0;  position:absolute; top:1rem; right:0rem; box-shadow: #777A7F 0px 5px 3px  }
nav.menu ul li.dropdown ul.dropdown-menu li {margin:0; padding:0;}	



@media (min-width: 575px) {

    nav.menu { background: none;}

    nav.menu ul {
        width: 100%;
        text-align: right;
		margin-top:0rem;
		
    }

    nav.menu ul li {
        width: auto;
        /*background: red;*/
        display: inline-block;
		background: rgba(0, 0, 0, 0);
		margin:0; padding:0.2rem 0.5rem; 
		text-indent:0;
    }

    nav.menu a {
        line-height: 50px;
        position: relative;
		color:#000;
		font-weight:bold;
		font-size:1rem;
		margin:0; padding:0;
    }
	
	 nav.menu ul li a:hover {background:none; color:#FC0306;  margin:0;  padding:0rem;} 

	/*
    nav.menu a:hover::after {
		content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: rgba(0, 0, 0, 0.15);
        bottom: 0;
        left: 0;
        position: absolute;
    } */

	/* šaškárny kolem schovávacího tlačítka */
	nav a.nav-toggler  { /* tlačítko na velkém rozlišení schovat */
		display: none;
	}
	nav #hlavni-menu  { /* menu na velkém rozlišení zobrazit */
		display: block;
	}
	/* /šaškárny kolem schovávacího tlačítka */
	
	
	
	
	
	.dropdown-toggle::after { margin-bottom:0.5rem; margin-left:0.5rem; margin-right: 0rem;}

.dropdown-menu::before  {
	top: -32px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #fff;
	/* border-width: 16px; */
}


/* nav.menu ul li.dropdown ul.dropdown-menu {background:#E9F4F8; padding:0; margin:0; box-shadow: black 0px 5px 10px; min-width:270px; position:absolute; top:5.5rem; left:-4rem  } */
nav.menu ul li.open{background: #E9F4F8; padding-top:1.2rem; margin-bottom:0px; padding-bottom:0.5rem}
nav.menu ul li.dropdown ul.dropdown-menu {background:#E9F4F8; padding:0rem 0 0 0; margin:1rem 0 0 0; min-width:270px; position:absolute; top:3.2rem; left:0rem; box-shadow: #777A7F 0px 5px 3px  }
nav.menu ul li.dropdown ul.dropdown-menu li {margin:0; padding:0;}	


nav.menu ul li.dropdown  ul.dropdown-menu  li a {line-height:15px; padding:10px 5px 8px 25px; margin:0; color:#001D55; font-size:0.95rem; font-family: 'cooper_hewittbook';  border-bottom:1px solid #E9F4F8}
nav.menu ul li.dropdown  ul.dropdown-menu  li a:hover {background:#BD0100; text-decoration:none; color:#fff; border-bottom:1px solid #E9F4F8}
nav.menu ul li.dropdown  ul.dropdown-menu  li {text-align:left}
nav.menu ul li.dropdown  ul.dropdown-menu  li { width:100%; z-index: 1000; background:transparent}
nav.menu ul li.dropdown  ul.dropdown-menu  li.active a {background:#BD0100; font-weight:bold ; color:#fff}
nav.menu ul li.dropdown  ul.dropdown-menu  li.first-item a {margin-top:10px; padding-top:15px;  }
nav.menu ul li.dropdown  ul.dropdown-menu  li.last-item a {padding-bottom:17px;  border-bottom:0px; }
nav.menu ul li.dropdown  ul.dropdown-menu  li.none, .menu-footer ul li.dropdown ul.dropdown-menu li.none {display:none}
	
	
	
	
	
	
}
@media (min-width: 768px) { 
 nav.menu a { font-size:1.1rem; }
 nav.menu ul li { padding:0.6rem 0.9rem 0rem 0.9rem; }

}

@media (min-width: 830px) { 
 nav.menu a { font-size:1.1rem; }

}

@media (min-width: 1024px) { 
 nav.menu a { font-size:1.3rem; }
 nav.menu ul li { padding:1.5rem 1rem 0rem 1rem; }

}

@media (min-width: 1280px) { 
 nav.menu a { font-size:1.4rem; }
 nav.menu ul li { padding:2rem 1.5rem 0rem 1.5rem; }

}

@media (min-width: 1600px) { 
 nav.menu a { font-size:1.4rem; }
 nav.menu ul li { padding:2rem 1.5rem 3rem 1.5rem; }

}

ul {margin:0; padding:1rem 0.5rem 2rem 1rem}
ul li {margin:0; padding:0.2rem 2rem; list-style-type:none; text-indent:-1.5rem}
span {color:#bd0100}


/* ul li:before {content: url("../img/zatrzitko.png");} */


.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}


/* fotogalerie */
.zpet {float:right; color:#fff; padding:3px 10px 4px 10px; margin:20px 50px 0px 0px; font-weight:bold; font-size:12px; text-decoration:none}

.fotoGaleryVypis {float:left;padding:5px; margin:10px; background:#efefef; height:170px; max-width:30%; font-size:13px }
.fotoGaleryVypis img {padding:8px; width:100%; height:100px; overflow:hidden}
.fotoGaleryVypis i {font-size:10px}
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
.fotoGaleryFoto p {text-align:center; padding-top:5px; }
.fotoGaleryFoto1 {border: 1px dotted #9ACF05; margin:7px; width:180px; height:150px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}

#dokumenty ul {margin: 0px 10px 30px 0px; padding:0px; } 
#dokumenty ul li {
	background:none; color: #C3341C;
    font-size: 15px; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 20px;}
#dokumenty ul ul li {
	background: url('../img/_li.jpg') no-repeat 0 5px; 
	padding:  0px 0px 10px 15px; font-weight:normal; font-size:13px; line-height:140%;}
	

#faqs {text-align:left; margin:0px; line-height:150%; width:100%}
#faqs h3 { cursor:pointer; padding:0.5rem ; margin:0px; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:4rem; line-height:2rem;  font-size:14px; text-decoration:none;  font-weight:normal; width:100%  }
#faqs h3:hover,  #faqs h3.active  { color:#fff; background:#C3341C } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ul {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }



#faqs2 {text-align:center; margin:0px; line-height:150%; width:100%}
#faqs2 h3  { cursor:pointer; padding:1rem;  margin:0px; color:#C3341C; background:#fff;  border:2px solid #C3341C; height:4rem; line-height:2rem; font-size:14px; text-decoration:none; text-indent:0; font-weight:normal;  }
#faqs2 h3:hover  { color:#fff; background:#C3341C } 
#faqs2 div { height:0; overflow:hidden; position:relative;  padding:0px}
#faqs2 ul {margin:0px 0px 0px 0px; list-style-type:none}
#faqs2 li {line-height:150% }

#faqs3, #faqs4  {text-align:left; margin:0px 0px 1rem 0rem; line-height:150%; width:100%}
#faqs3 h3, #faqs4 h3  { cursor:pointer; padding:0.5rem ; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:3.5rem; font-size:0.8rem; text-decoration:none;  font-weight:normal; width:100%; margin:0rem 0rem 1rem 0rem; line-height:150%;  }
#faqs3 h4, #faqs4 h4{cursor:pointer; padding:0.5rem ; margin:0px; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:3.5rem; line-height:150%;  font-size:0.8rem; text-decoration:none;  font-weight:normal; width:100%; text-transform:uppercase;}
#faqs3 h4.prihlaska, #faqs4 h4.prihlaska {width:90%; margin:1rem;padding:0.5rem; height:auto}
#faqs3 h3:hover, #faqs3 h3.active, #faqs3 h4:hover, #faqs4 h3:hover, #faqs4 h3.active, #faqs4 h4:hover  { color:#fff; background:#BD0100 } 
#faqs3 h3.active:after, #faqs h3.active:after, #faqs4 h3.active:after {content: display:none; border:0px; display:block; margin:1.1rem auto; width:22px;}
#faqs3 div, #faqs4 div  { height:0; overflow:hidden; position:relative; background:#efefef; padding:0}
#faqs3 div a, #faqs4 div a  {text-decoration:none;}
#faqs3 div p, #faqs4 div p { padding:0.5rem 0rem; text-align:center; margin: 0px; line-height:150%; font-size:0.8rem; padding:0.5rem 1rem 0rem 1rem; text-indent:0 }
#faqs3 div p.pokracuj, #faqs4 div p.pokracuj {text-align:center; padding:0.5rem 1rem; font-size:1rem;}
#faqs3 div p.pokracuj a, #faqs4 div p.pokracuj{color:#BD0100}
#faqs3 div.maturtext, #faqs4 div.maturtext {padding:1rem 1rem 0.5rem 1rem}
#faqs3 ul, #faqs4 ul {margin:0px 0px 0px 0px;padding:0; list-style-type:none}
#faqs3 li, #faqs4 li {line-height:150%;margin:0px 0px 0px 0px;padding:0; }



@media (min-width: 1024px) {

#faqs3, #faqs4  {text-align:left; margin:0px; line-height:150%; width:100%}
#faqs3 h3, #faqs4 h3  { cursor:pointer; padding:0.5rem ; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:6rem; font-size:1rem; text-decoration:none;  font-weight:normal; width:100%; margin:0rem 0rem 5rem 0rem; line-height:150%;  }
#faqs3 h4, #faqs4 h4{cursor:pointer; padding:0.5rem ; margin:0px; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:4rem; line-height:150%;  font-size:14px; text-decoration:none;  font-weight:normal; width:100%; text-transform:uppercase;}
#faqs3 h4.prihlaska {width:90%; margin:1rem;padding:0.5rem; height:auto}
#faqs4 h4.prihlaska {width:100%; margin:0rem; padding:0.5rem; height:auto}
#faqs3 h3:hover, #faqs3 h3.active, #faqs3 h4:hover, #faqs4 h3:hover, #faqs4 h3.active, #faqs4 h4:hover { color:#fff; background:#BD0100 } 
#faqs3 h3.active:after, #faqs h3.active:after, #faqs4 h3.active:after {content: url("../img/sipka.png"); border:0px; display:block; margin:1.1rem auto; width:22px;}
#faqs4 h3.active:after {content: ""; border:0px; display:block; margin:0; width:22px;}
#faqs4 h3.active {margin:0}

#faqs3 h3.blokList1 {width:70%; margin: 0rem auto}
#faqs3 h3.blokList1 font {text-transform:none; font-weight:normal}
#faqs3 h3.active font, #faqs3 h3:hover font  {color:#fff}
#faqs3 dvv {display:block; width:47%; float:left; margin:0.5rem }
#faqs3 dvv2 {display:block; width:70%; float:left; margin:0.5rem auto}

#faqs3 div, #faqs4 div  { height:0; overflow:hidden; position:relative; background:#fff; color:#000; padding:0}
#faqs3 div a, #faqs4 div a  {text-decoration:none;}
#faqs3 div p, #faqs4 div p { padding:0.5rem 0rem; text-align:center; margin: 0px; line-height:150%; color:#000; background:#efefef; font-size:0.8rem; padding:0.5rem 1rem 0rem 1rem; text-indent:0 }
#faqs3 div p.pokracuj, #faqs4 div p.pokracuj {text-align:center; padding:0.5rem 1rem; font-size:1rem;}
#faqs3 div p.pokracuj a, #faqs4 div p.pokracuj{color:#BD0100}
#faqs3 div.maturtext {padding:1rem 1rem 0.5rem 1rem}
#faqs4 div.maturtext {padding:0rem}
#faqs4 div.maturtext p:nth-of-type(2) {padding-bottom:1rem}
#faqs3 ul, #faqs4 ul {margin:0px 0px 0px 0px;padding:0; list-style-type:none}
#faqs3 li, #faqs4 li {line-height:150%;margin:0px 0px 0px 0px;padding:0; }

}

#matur {text-align:left; margin:0px; line-height:150%; width:100%}
#matur h3  {padding:0.5rem ; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:4rem; font-size:1rem; text-decoration:none;  font-weight:normal; width:100%; margin:0rem 0rem 5rem 0rem; line-height:150%;  }
#matur.active h3 {background:#BD0100; color:#fff}
#matur a {text-decoration:none}

.chciMaturitu {padding:2rem 0rem}
.chciMaturitu h3 {padding:1rem; margin:0rem 0rem 1rem 0rem; text-indent:0; color:#fff; background:#767676; border:2px solid #efefef;   height:4rem; line-height:2rem;font-size:1rem; text-decoration:none;  font-weight:normal}
.chciMaturitu .btn-primary {margin:0rem 0rem 1rem 0rem}
#nedokoncilJsemN #faqs3 h3:hover, #faqs3 h3.active, #faqs3 h4:hover, #faqs4 h3:hover, #faqs4 h3.active, #faqs4 h4:hover  { color:#fff; background:#767676; border:2px solid #efefef; } 
#nedokoncilJsemN #faqs3 h3, #faqs4 h3  { cursor:pointer; padding:0.5rem ; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:3.5rem; font-size:0.9rem; text-decoration:none;  font-weight:normal; width:100%; margin:0rem 0rem 1rem 0rem; line-height:150%;  }


@media (min-width: 575px) {
.chciMaturitu {padding:6rem 0rem}
.chciMaturitu h3 {padding:1rem; margin:0rem 0rem 1rem 0rem; text-indent:0; color:#fff; background:#BD0100; border:2px solid #BD0100;   height:4rem; line-height:2rem;font-size:1rem; text-decoration:none;  font-weight:normal}
.chciMaturitu .btn-primary {margin:0rem 0rem 1rem 0rem}

#nedokoncilJsemN #faqs3 h3:hover, #faqs3 h3.active, #faqs3 h4:hover, #faqs4 h3:hover, #faqs4 h3.active, #faqs4 h4:hover  { color:#fff; background:#767676;  border:2px solid #efefef; } 
#nedokoncilJsemN #faqs3 h3, #faqs4 h3  { cursor:pointer; padding:0.5rem ; text-indent:0; background:#fff;  color:#C3341C; border:2px solid #BD0100;  height:3.5rem; font-size:0.8rem; text-decoration:none;  font-weight:normal; width:100%; margin:0rem 0rem 1rem 0rem; line-height:150%;  text-transform:uppercase}

}

.sipka:before, .sipka1:before, .sipka2:before, .sipka3:before, .sipka4:before, .sipka5:before, .sipka6:before {display:none}


@media (min-width: 1024px) {

.sipka:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0 auto; 
	width:22px;}

.sipka1:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0rem 0rem 0rem 27rem;
	width:22px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);}
.sipka2:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0rem 0rem 0rem 10rem;
	width:22px;
	-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);}
.sipka3:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0rem 0rem 0rem 5rem;
	width:22px;
	-ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg);}
.sipka4:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0rem 0rem 0rem 5rem;
	width:22px;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);}
.sipka5:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0rem 0rem 0rem 10rem;
	width:22px;
	-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);}
.sipka6:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0rem 0rem 0rem 6rem;
	width:22px;
	-ms-transform: rotate(-35deg); /* IE 9 */
    -webkit-transform: rotate(-35deg); /* Safari */
    transform: rotate(-35deg);}
}


@media (min-width: 1280px) {

.sipka5:before{content: url("../img/sipka.png"); border:0px; display:block;
	margin:0rem 0rem 0rem 15rem;
	width:22px;
	-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);}
	}

#soPodnikani, #soSocialniCinnost, #soObchodniAkademie { display:none; }

#faqsTable {text-align:left; margin-top:10px; line-height:150%}
#faqsTable h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#2F5B75;  font-weight:normal;  }
#faqsTable h3 span {border-bottom:1px solid #000}
#faqsTable h3.active  { color:#d74646; } 
#faqsTable div { height:0px; overflow:hidden; position:relative; background: url("../img/bg-odpoved.jpg") repeat-x 0 0 #EFEFEF; border:1px solid #CBCBCB; border-radius:5px; padding:8px}
#faqsTable div p  { padding:0; margin: 0px; }
#faqsTable ul {margin-left:20px; list-style-type:decimal}
#faqsTable ul  li {margin:5px 0px 3px 0px; color:#2F5B75; text-align:justify; padding:0px 8px 3px 0px }
#faqsTable ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqsTable strong p {font-weight:bold; color:#484649}

#faqsTable h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }

/* formuláře, tlačítka */


.btn-primary { background:#BD0100; border-color:#BD0100; 
	font-family:cooper_hewittbold; font-size:1rem; text-transform:uppercase; 
	border-radius:0rem; width:100%; padding:0.5rem 0rem;
	text-align:center}



.btn-right { background:#BD0100; border-color:#BD0100; 
	font-family:cooper_hewittbold; font-size:1rem; text-transform:uppercase; color:#fff;
	border-radius:0rem; width:25%; padding:0.6rem 0rem;
	float:right }

.btn-primary:hover {background:#BD0100; opacity:0.75; border-color:#BD0100;}
.btn-secondary { background:#ACC8EC; color:#03316b; border-color:#0e6de7; }
.btn-warning { background: #FF8841; }

@media (min-width: 640px) {
.btn-primary { background:#BD0100; border-color:#BD0100; 
	font-family:cooper_hewittbold; font-size:1.1rem; text-transform:uppercase; 
	border-radius:0rem; width:100%; padding:0.5rem 0rem;
	text-align:center}	
}


@media (min-width: 800px) {
.btn-primary { background:#BD0100; border-color:#BD0100; 
	font-family:cooper_hewittbold; font-size:1.2rem; text-transform:uppercase; 
	border-radius:0rem; width:100%; padding:1rem 0rem;
	text-align:center}	
}


.cestinaform {font-family:'arial'}

form { border-radius:0; padding:.2rem; margin-top:0rem;font-family:'arial' }
.form-control {background-color:#F6F6F6; color:#999	; font-family:'arial'}
.input {padding:0rem 0rem 0.5rem 0rem; margin:0rem}
div.border { border-radius:0; padding:.2rem; }
section form.noborder { border-radius:0; padding:0rem; }
.form-adc-row { background:none; border-radius:0; margin-bottom:.25rem; padding:0.5rem 0rem; }
.form-adc-row:after { content: ""; display: table; clear: both; }
.form-adc-row.noform { background:none; margin-top:0.5rem; padding-bottom:0.5rem; color:#7F0A24; font-size:1rem; font-weight:bold; }
label {padding-right:0.5rem; text-align:left; font-family:'Arial'; color:#999}
label span {font-weight:normal}
select {font-family:'Arial';}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin: 2px 0px;
    position: absolute;
}
.radio label, .checkbox label {
    padding-left: 25px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    margin: 5px 10px 10px 10px; }

.formlabel {padding:0.5rem 0px; font-family:'Arial';}

fieldset {background-color:#F6F6F6;
    border: 1px solid #d9d9d9; color:#999999;
    margin: 0.rem 0 0 0; border-radius:5px;
padding: 0.35em 0.625em 0.75em;}

fieldset.white {background-color:transparent;
    border: 1px solid #d9d9d9; color:#999999;
    margin: 0.5rem 1rem; border-radius:5px;
padding: 0.625em 0.625em}

legend {border: none; font-family:'Arial';
color: #999; font-weight:bold;
font-size: 1.1rem;
line-height: inherit;
margin: 0px;
display: inline;
width: auto;
padding: 0px 1rem 0px 0.4rem; }

@media (min-width: 600px) {
form { border-radius:0; padding:.2rem; margin-top:1rem }	
	}




input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
 
}

.menu-footer {
    display: block;
    width: 100%;
    background: #4194DA;
    font-size: 0.8rem;
}

.menu-footer  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu-footer  ul li { float:left; padding:0; margin:0; text-indent:0}

.menu-footer  a {
    color: white;
    line-height: 2em;
    text-decoration: none;
	padding:0; margin:0
}
.menu-footer  a:after { content: "|"; padding:0rem 0.3rem}
.menu-footer  a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.menu-footer .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .25rem;
    margin-left: .25rem;
    vertical-align: top;
    content: "|";
    border-top: 0em solid;
    border-right: 0em solid transparent;
border-left: 0em solid transparent; }

.menu-footer  ul li.last-item a:after {display:none}

.menu-footer .dropdown-menu::before  {
	display:none
}

.menu-footer  ul li.dropdown ul.dropdown-menu {background:#E9F4F8; padding:0rem 0 0 0; margin:1rem 0 0 0; min-width:200px; position:absolute; top:-4rem; left:0rem; box-shadow: 0px  }

.menu-footer  ul li.dropdown ul.dropdown-menu a:after {display:none;}

.menu-footer  ul li.dropdown ul.dropdown-menu {padding:0rem; }
.menu-footer  ul li.dropdown ul.dropdown-menu li {margin:0;  width:100%}	
.menu-footer  ul li.dropdown ul.dropdown-menu li a {color:#232F3B; display:block; padding:0.5rem }
.menu-footer  ul li.dropdown ul.dropdown-menu li a:hover {background: #BD0100; font-weight: bold; color: #fff; margin:0; display:block; }
.menu-footer  ul li.dropdown ul.dropdown-menu li.active a {background: #BD0100; font-weight: bold; color: #fff; display:block; }

.menu-footer ul li.dropdown ul.dropdown-menu li.none {display:none}

.footer {background:#232F3B; padding:1rem 0rem; font-size:0.9rem }
.footer h3 {color:#fff; text-transform:uppercase; font-size:1.1rem; padding:0rem; text-align:left}
h3.ico, h3.social {display:none} 
.footer p {color:#FFFFFF; margin:0.5rem 0rem}
.footerMenu {background:#11171E; padding: 0.5rem 0.3rem}
.footerMenu p {color:#FFFFFF; padding:0rem 0rem 0rem 2rem; margin:0.7rem 0rem; font-family:'cooper_hewittbold'; float:right}
.footerMenu a {color:#FFFFFF}
.footerMenu a:hover {color:#BD0100; text-decoration:none}
.footer img {float:left; margin:0.8rem 0rem 0rem 1rem; width:30px}
.footer img.clen {float:left; margin:0 0 1rem 0; width:50%}

.footerOnline h3 {display:none}

@media (min-width: 400px) {.menu-footer  a:after { content: "|"; padding:0rem .7rem} }

@media (min-width: 575px) {
h3.ico {display:block}
h3.social {text-align:right}
.jumbotron {padding:0; margin:0; }
        
    }
    

@media (min-width: 600px) {
.footer {background:#232F3B; padding:3rem 1rem; font-size:1rem }
.footer h3 {color:#fff; text-transform:uppercase; font-size:1.2rem; padding:0rem; text-align:left}

.footer img {float:right; margin:0.8rem 0rem 0rem 1rem; width:35px}
.footer img.clen {float:left; margin:0 0 1rem 0; width:70%}
.menu-footer  a:after { content: "|"; padding:0rem 1rem}

.footerMenu p {color:#FFFFFF; padding:0.8rem 0rem 0rem 2rem; margin:0.7rem 0rem; font-family:'cooper_hewittbold'; float:right}
	}

@media (min-width: 830px) {
h3.social {display:block; text-align:right}
.footerOnline h3 {display:block}
.footer img {float:right; margin:0.8rem 0rem 0rem 1rem; width:auto}
.footer img.clen {float:left; margin:0 0 1rem 0; width:auto}
}


/* Úvodní vyskakovací okno */
/* ======================= */
div#adc-welcome-screen { 
    /* div přes celou obrazovku ztmavující pozadí */
    display:none;
	position:fixed;
    z-index:1500;
    top:0;
    left:0;
    width:100%;
    height:100%; 
    background:rgba(0,0,0,.7);

}
div.adc-welcome-screen-inner {
    /* podkladový div pro zobrazení zprávy */ 
    position:fixed;
    top:15%;
    left:25%;
    width:50%;
    height:auto;
    background:#fff;
   	border: 5px solid #b4c3ce;
    border-radius: 3px;
	padding:0.5rem;
}

@media (max-width: 768px) { div.adc-welcome-screen-inner { width:90%; left:5%; height:60%; top:15%; } }

.Topclanek  {margin:2rem;}
.Topclanek p {text-align:center;  padding:0.5rem 0rem; margin:0px; font-size:1.2rem; line-height:150%; color:#000} 
.Topclanek .autor {color:#0080ff;  float:right; padding-top:3px; padding-left:20px }
.Topclanek h2  {  color: #dba604; line-height:120%; text-decoration:none; padding:0px 20px 20px 0px; font-size:2.5rem}
.Topclanek  a  { background: url('../img/plus.jpg') no-repeat 0px 8px; font-size:1.8rem; padding:0px 0px 0px 15px; margin:0px; text-decoration:none; line-height:100%; color: #dba604; }
.Topclanek ul {margin:0; padding:0.5rem 0rem 0.5rem 0rem}
.Topclanek ul li {margin:0; padding:0rem 0rem 0.1rem 2rem; list-style-type:none; text-indent:-1.5rem}
.Topclanek ul li:before {font-family:'FontAwesome'; content:"\f00c"; color:#bd0100; margin-right:0.5rem}


/* archiv tabulka nastavení */
table.dataTable tr.odd, table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1  {
    background-color: transparent;
}

table.dataTable thead th.sorting_asc, table.dataTable tfoot th {display:none }
.dataTables_wrapper {font-size:0.9rem; padding:1rem 0rem 0rem 0rem; margin:0}
.dataTables_filter input, .dataTables_length option, .dataTables_length select {padding:0; font-size:0.9rem; margin-left:0.5rem; line-height:130%}
.paging_full_numbers {font-size:0.8rem}
.paging_full_numbers span {font-size:0.7rem}

/* Slider - Slick */
/* ============== */

.jumbotron {padding:0; margin:0; border-radius:0 }
.mySlick { } 

.mySlick h3 {
    background-color: aqua;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
}