HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/zs-lustenice.cz/app/webroot/css
/srv/http/adent.cz/zs-lustenice.cz/app/webroot/css/
Current File : /srv/http/adent.cz/zs-lustenice.cz/app/webroot/css/layout1.css
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 1, 2018 */
@font-face {
    font-family: 'ubuntubold';
    src: url('fonts/ubuntu-b-webfont.eot');
    src: url('fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-b-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-b-webfont.woff') format('woff'),
         url('fonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


body { background:#DEDEDE url('../img/pozadi.png') repeat 0 0;  font-family: 'ubunturegular';  }

h1, h2, h3 { font-family: 'ubuntubold';}
h1 {color:#ED3D21; font-size:1.5rem; padding:0.5rem 0rem; line-height:140%; padding-right:0rem}
#page h2, #page h2.akce, #page h2.rodice, #page h2.zpravy {color:#307347; font-size:1.5rem; padding:1rem 0rem 0.5rem 0}
#page h2.zpravy {padding-top:2rem}

#page h2.rodice::before , #page h2.zpravy::before, h2.akce::before /* ikona */ { 
    content:none;
}

@media (min-width: 600px) {

h1 {font-size:2rem;  padding-right:2rem; padding:1rem 0rem; }
#page h2, #page h2.akce, #page h2.rodice, #page h2.zpravy {font-size:2rem;}
#page h2.rodice::before /* ikona */ { 
    content:url(../img/i-info-pro-rodice.png);
	vertical-align:-0.9rem;
	margin-right:1rem;
	width:50px
}
#page h2.zpravy::before /* ikona */ { 
    content:url(../img/i-zpravy-z-akci.png);
	vertical-align:-0.9rem;
	margin-right:1rem;
	width:50px
}
h2.akce::before /* ikona */ { 
    content:url(../img/i-projekty.png);
	vertical-align:-0.9rem;
	margin-right:1rem;
	width:50px}	
}

@media (min-width: 830px) {
h2.akce {margin-top:0rem; font-size:1.8rem}
 h2.akce::before /* ikona */ { 
    content:none;}
}


@media (min-width: 1024px) {
h2.akce {margin-top:0rem; font-size:1.8rem}
h2.akce::before /* ikona */ { 
    content:url(../img/i-projekty.png);
	vertical-align:-0.9rem;
	margin-right:1rem;
	width:50px}	

}


h3 {padding:0.7rem 0rem; margin:0; font-size:1.2rem}

strong {font-family: 'ubuntubold'; font-weight:normal}

p {text-align:justify}

img.logo-zs {width:100%; margin-top:0.5rem; padding:0rem}

.odsazeni-hl-menu {border-top:0.5rem solid #ddd; padding-bottom:2rem}
.odsazeni-menu-skola {padding-right:0rem}

@media (min-width: 600px) {
.odsazeni-menu-skola {padding-right:2rem}	
}

#page { min-height:auto}

@media (min-width: 830px) {
#page { min-height:58rem}
}


.header {background:#fff}
.jumbotron {display:none }
.jumbotron .motto, .jumbotron p {display:none}
.oddil {display:none}

@media (min-width: 640px) {
.jumbotron {background: url('../img/slider.png') no-repeat 50% 50%; padding:1rem 0 2rem 0; height:10rem; margin-bottom:2rem; display:block; border-radius:0; border-top:0.5rem solid rgba(255,255,255,0.3); background-size: cover }	

}

@media (min-width: 830px) {
.jumbotron {background: url('../img/slider.png') no-repeat 50% 50%; padding:8rem 0 2rem 0; height:auto; margin-bottom:2rem; display:block; border-radius:0; border-top:0.5rem solid rgba(255,255,255,0.3); background-size: cover }	
.jumbotron .motto {color:#fff; font-size:1.5rem; background: rgba(47,115,71,0.8); display:block;  padding:0.7rem 1.5rem; font-family: 'ubuntubold'}	
.jumbotron p {color:#fff; font-size:0.9rem; background: rgba(153,191,0,0.8); margin:0rem 3rem 0rem 0rem; display:block; padding:0.7rem 1.5rem}
.oddil {display:block; padding-top:2rem}
}

@media (min-width: 1024px) {
.jumbotron .motto {font-size:1.8rem;}
.jumbotron p  {font-size:1rem;}	

	}



@media (min-width: 1200px) {
.jumbotron {background: url('../img/slider.png') no-repeat 50% 50%; padding:12rem 0 2rem 0; margin-bottom:2rem; display:block; border-radius:0; border-top:0.5rem solid rgba(255,255,255,0.3); background-size: cover }	
.jumbotron .motto {color:#fff; font-size:2.5rem; background: rgba(47,115,71,0.8); display:block;  padding:0.7rem 1.5rem; font-family: 'ubuntubold'}	
.jumbotron p {color:#fff; font-size:1rem; background: rgba(153,191,0,0.8); margin:0rem 3rem 0rem 0rem; display:block; padding:0.7rem 1.5rem}
.oddil {display:block}
}


/** menu Karel obrazky **/
.col-sm-1of5 { 
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    float: left;
    width: 16%;}
	
nav { padding-top:0; padding-bottom:0; margin:0;  }
nav img { max-width:100%; height:auto;  }

.navbar {
    background: #fff;
    border-radius: 0px;
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}

ul.nav {margin-left:0rem} 
ul.nav li span {display:none}
.navbar-nav .nav-item+.nav-item { margin-left: 0rem; }
.navbar-nav li.menu-top { text-align: center; font-size:2rem}
.navbar-nav li.nav-item a.nav-link { /* text pro "velké" a zabalené menu */
        color: rgba(255,255,255,.8);     font-family: 'ubunturegular';
    }
.navbar-nav li.nav-item a.nav-link:hover,
.navbar-nav li.nav-item.active a.nav-link
    { color: #ED3D21;  }
	
	
	
@media (min-width: 970px) { /* text pro "velké" menu */
ul.nav li span {display:inline}
ul.nav {margin-left:2rem} 
.navbar-nav li.menu-top a.nav-link { 
    font-size:0.6rem;
	color:#2F7347;
	text-transform:uppercase;
	font-family: 'ubuntubold';
    }
}

@media (min-width: 1024px) { /* text pro "velké" menu */

.navbar-nav li.menu-top a.nav-link { 
    font-size:0.7rem;
	
    }
}

@media (min-width: 1280px) { /* text pro "velké" menu */

.navbar-nav li.menu-top a.nav-link { 
    font-size:0.9rem;
	
    }
}


#exCollapsingNavbar2 img { max-width:80%; height:auto; padding:13% 10% 10% 10% }  

div.podmenu {background:#DEDEDE url('../img/pozadi.png') repeat 0 0; margin-left:0rem; padding-bottom:2rem; margin-top:1rem;display:block}


#podmenu .aktualitaPlan {padding:1.5rem; display:block}
#podmenu .aktualitaPlan a { padding:0; margin:0; display:block; color:#2F7347; font-size:1rem; line-height:150% }
#podmenu .aktualitaPlan  h3 { padding:0 0.5rem 0; color:#2F7347; font-size:0.95rem; line-height:150%; }
#podmenu .aktualitaPlan .datum {color:#5c6060;  height:1rem; font-family: 'ubuntubold'; font-size:0.95rem; line-height:150%; margin:0rem 0rem 0rem 0rem; text-transform:none; padding:0}

#podmenu .aktualitaPlan .vice { margin:0; padding:0}
#podmenu .aktualitaPlan .vice a, #oddil .aktualitaPlan .priloha a {font-family: 'ubuntubold'; color:#99BF01; }
#podmenu .aktualitaPlan .vice:after, #oddil .aktualitaPlan .priloha:after {font-family:'FontAwesome'; content:"\f101"; margin:0 0.3rem 0 0.3rem;font-size:1.7rem;vertical-align:-0.2rem; color:#EF2A17; padding:0 }
#podmenu .aktualita {border:0; margin-bottom:0;}


@media (min-width: 600px) {
div.podmenu { padding-bottom:5rem; margin-top:1rem;display:block}
#podmenu .aktualitaPlan {padding:1.2rem}
#podmenu .aktualitaPlan a { padding:0; margin:0; display:block; color:#2F7347; font-size:1.1rem; line-height:150% }
#podmenu .aktualitaPlan  h3 { padding:0; color:#2F7347; font-size:1.1rem; line-height:150% }

#podmenu .aktualitaPlan .datum {color:#5c6060; font-family: 'ubuntubold'; font-size:1rem; margin:1rem 0rem 0rem 0rem; text-transform:none; padding:0}
#podmenu .aktualitaPlan .vice {float:right; margin:0; padding:0}
#podmenu .aktualitaPlan .vice a, #oddil .aktualitaPlan .priloha a {font-family: 'ubuntubold'; color:#99BF01; }
#podmenu .aktualitaPlan .vice:after, #oddil .aktualitaPlan .priloha:after {font-family:'FontAwesome'; content:"\f101"; margin:0 0.3rem 0 0.3rem;font-size:1.7rem;vertical-align:-0.2rem; color:#EF2A17; padding:0 }
}

@media (min-width: 600px) {
div.podmenu {display:none}	
}

/** konec **/

/** hlavní menu 1.úroveň **/



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

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

nav.menu ul li {
    width: 100%;
}

nav.menu ul li.active {   background: rgb(47, 115, 71, 0);}

nav.menu a {
    display: block;
    padding: 0 15px;
    color: white;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 16px;
}
nav.menu ul li a {text-transform:uppercase}

nav.menu a:hover { text-decoration:underline;}

nav.menu ul li ul li a {text-transform:none; }

/**
nav.menu ul li ul { display:none }
nav.menu ul li:hover ul { display: block; background: red; }

**/

@media (min-width: 830px) {

nav.menu {
    display: block;
    width: 100%;
    background:#2F7347;
} 


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

nav.menu ul li {
        width: auto;
        /*background: red;*/
        display: inline-block;
		margin:0; padding:0;
    }

    nav.menu ul li a { 
        position: relative;
		font-size:1.1rem;
		padding:0rem 1rem;
    color: white;
    line-height: 3rem;
    text-decoration: none;
	font-family: 'ubuntubold';
	
}

nav.menu a:hover, nav.menu a.active {
    background: red; text-decoration:none;
}

nav.menu ul li a:hover::after, nav.menu ul li a.active:after {
        content: "";
        display: block;
        width: 100%;
        height: 0.5rem;
        background: #99BF00;
        bottom: -0.5rem;
        left: 0;
        position: absolute;
    }

nav.menu ul ul { background:#2F7347; border-left:0.5rem solid #99BF00; width:31%;  position:absolute; left:-1rem; top:24rem; z-index:100; }	
nav.menu ul li ul {margin:0rem; padding:1.5rem 0rem 0rem 0rem}
nav.menu ul li ul li { margin: 0px; padding:0; display: block; background-image:none }

nav.menu ul li ul li a  { 
	font-weight:normal; 
	color:#3f3f3f;
	border-bottom:0px;
	line-height:1rem; 
	margin-left:0.5rem;	
	padding:0.5rem 0rem 0.5rem 1rem ;  
	font-family: 'ubunturegular';
	font-size:1.1rem; font-weight:normal; padding-top:0.4rem; color:#fff; line-height:120% }	
	


nav.menu ul li ul li.last-item div.oddil {background:#DEDEDE url('../img/pozadi.png') repeat 0 0; margin-left:-1rem; padding-bottom:5rem; margin-top:1rem }
nav.menu ul li ul li.first-item {margin-top:0px; }
nav.menu ul li ul li.none {display:none}

nav.menu ul li ul li a:hover, nav.menu ul li ul li.active a {color:#F9F4C2; background:none; text-decoration:underline}
nav.menu ul li ul li a:hover::after, nav.menu ul li.active ul li.active a::after { display:none}

		
nav.menu ul ul ul { background:none; border:0;  position:relative; left:0; top:0; z-index:100; width:100%; padding:	0 0 0.7rem 0.5rem; margin:0}
nav.menu ul li ul li ul li  {display:block; background:none; background-image:none; margin:0; color:#000; padding:0px}	
	
nav.menu ul li ul li ul li a,  nav.menu ul li ul li.active  ul li a  {margin:0rem;  padding:0.2rem 0 0.1rem 1.5rem; font-size:1rem; font-weight:normal}
nav.menu ul li ul li ul li a { color:#F9F4C2; border-bottom:0px; line-height:1.5rem; margin-left:0.5rem; display:block; padding:0 ;	}
	
nav.menu ul li ul li:hover ul li a:hover  {color:#960001; text-decoration:underline;  }

nav.menu ul li.active ul li.active li.active a {text-decoration:underline; background:none}
nav.menu ul li.active ul li.active li.active a:before {text-decoration:none; background:none}

nav.menu ul li ul li.active ul li a:hover {color:#fff}
nav.menu ul li ul li ul li a:before {content: "• "; text-decoration:none }
			
	/** nav.menu ul li ul li.first-item  {margin:0; padding:0;}
	nav.menu ul li ul li.first-item  a { background:#9b0400; font-size:1.3rem; line-height:2rem;  padding:0.4rem 0.7rem; margin:0;  color:#fff; font-weight:bold; border-radius:0}
	nav.menu ul li ul li.first-item  a:hover { background:#9b0400; border-radius:0 } 
	nav.menu ul li ul li.first-item  a span {vertical-align:1px} **/

}
	
@media (min-width: 1024px) { 

nav.menu ul li ul li a {font-size:1.3rem}

nav.menu ul li ul li ul li a,  nav.menu ul li ul li.active  ul li a  { font-size:1.05rem; font-weight:normal}

}
	
@media (min-width: 1200px) {

nav.menu {
    display: block;
    width: 100%;
    background:#ED3D21;
}

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

nav.menu ul li {
    width: 100%;
}

nav.menu ul li a {
    display: block;
    padding: 0 15px;
    color: white;
    line-height: 2rem;
    text-decoration: none;
    font-size: 1.6rem;
	font-family: 'ubuntubold';
}

nav.menu a:hover, nav.menu a.active {
    background: #2F7347;
}

/* š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;
}
/* / šaškárny kolem schovávacího tlačítka */


nav.menu ul li ul {margin:0rem; padding:1.5rem 0rem 0rem 0.5rem}
nav.menu ul li ul li { margin:0px; padding:0 0 0.5rem 0; display: block; background-image:none }
nav.menu ul li ul li a  { 
	font-weight:normal; 
	color:#3f3f3f;
	border-bottom:0px;
	line-height:1rem; 
	margin-left:0.5rem;	
	padding:0.7rem 0rem 0.7rem 1rem ;  
	font-family: 'ubunturegular';
	}


nav.menu ul li ul li.none {display:none}
		
nav.menu ul ul ul { background:none; border:0;  position:relative; left:0; top:0; z-index:100; width:100%; padding:	0 0 0.7rem 0.5rem; margin:0}
nav.menu ul li ul li ul li  {display:block; background:none; background-image:none; margin:0; color:#000; padding:0px}	
	
nav.menu ul li ul li ul li a,  nav.menu ul li ul li.active  ul li a  {margin:0rem;  padding:0.2rem 0 0.1rem 1.5rem; font-size:1rem; font-weight:normal}
nav.menu ul li ul li:hover ul li a:hover  {color:#960001; text-decoration:underline;  }

nav.menu ul li.active ul li.active li.active a {text-decoration:underline; background:none}
nav.menu ul li.active ul li.active li.active a:before {text-decoration:none; background:none}




    nav.menu {  background:#ED3D21

    }

    nav.menu ul {
        width: 100%;
        text-align: left; margin:0; padding:0;
    }

    nav.menu ul li {
        width: auto;
        /*background: red;*/
        display: inline-block;
		margin:0; padding:0;
    }

    nav.menu ul li a { 
        line-height: 60px;
        position: relative;
		font-size:1.6rem;
		padding:0rem 2.5rem;
	
    }

    nav.menu ul li a:hover::after, nav.menu ul li a.active:after {
        content: "";
        display: block;
        width: 100%;
        height: 0.5rem;
        background: #99BF00;
        bottom: -0.5rem;
        left: 0;
        position: absolute;
    }
	
	
nav.menu ul ul { background:#2F7347; border-left:0.5rem solid #99BF00; width:31%;  position:absolute; left:0; top:30rem; z-index:100; }	

nav.menu ul li ul li { margin: 0px; padding:0; display: block; background-image:none }


nav.menu ul li ul li.last-item div.oddil {background:#DEDEDE url('../img/pozadi.png') repeat 0 0; margin-left:-1rem; padding-bottom:5rem; margin-top:1rem }




nav.menu ul li ul li.first-item {margin-top:0px; }
nav.menu ul li ul li.none {display:none}
nav.menu ul li ul li a  {display:block; font-size:1.2rem; font-weight:normal; padding-top:0.4rem; color:#fff;  }
nav.menu ul li ul li a:hover, nav.menu ul li ul li.active a {color:#F9F4C2; background:none; text-decoration:underline}
nav.menu ul li ul li a:hover::after, nav.menu ul li.active ul li.active a::after { display:none}



nav.menu ul li ul li ul li a { font-weight:normal; color:#F9F4C2; border-bottom:0px; line-height:1.5rem; margin-left:0.5rem;	font-size:1rem; display:block; padding:0 ;
	}
nav.menu ul li ul li.active ul li a:hover {color:#fff}
	
nav.menu ul li ul li ul li a:before {content: "• "; text-decoration:none }
			
	/** nav.menu ul li ul li.first-item  {margin:0; padding:0;}
	nav.menu ul li ul li.first-item  a { background:#9b0400; font-size:1.3rem; line-height:2rem;  padding:0.4rem 0.7rem; margin:0;  color:#fff; font-weight:bold; border-radius:0}
	nav.menu ul li ul li.first-item  a:hover { background:#9b0400; border-radius:0 } 
	nav.menu ul li ul li.first-item  a span {vertical-align:1px} **/

}
	
/* menu pro mobily, základ */


#page div.menu-detail {display:none}	

@media (min-width: 830px) {
#page div.menu-detail { 
    display: block;
    background: #2F7347;
    font-size: 1rem;position:absolute; left:-18rem; top:0; width:60%

}


#page .menu-detail  ul { border-left: 0.5rem solid #99BF01;
    list-style-type: none;
    margin: 0;
    padding: 1rem 0rem 2rem 1rem;
	 background: #2F7347;
}

#page .menu-detail  ul li { padding:0; margin:0; list-style-type:none}

#page .menu-detail  a {display: block;
font-size: 1.1rem;
font-weight: normal;
padding-top: 0.4rem;
color: #fff;
}

#page .menu-detail  a:hover {
    background: none;
}

}

@media (min-width: 1024px) {
#page div.menu-detail { 
    display: block;
    background: #2F7347;
    font-size: 1rem;position:absolute; left:-20rem; top:0; width:50%
}
#page .menu-detail  a {font-size: 1.2rem; }

}

@media (min-width: 1280px) {
#page div.menu-detail { 
    display: block;
    background: #2F7347;
    font-size: 1rem;position:absolute; left:-23rem; top:0; width:42%
}


}


/* menu pro mobily, základ */

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

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

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

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


.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}
#page h2 {font-size:1.3rem; padding-top:1.2rem}

#page ul {padding:0; margin:0 0 0.65rem 1.5rem}
#page ul li {padding:0 1rem 0.4rem 0; list-style-type:square}
#page ul.zatrzitko {padding:0; margin:0}
#page ul.zatrzitko li {padding:0 0.5rem 0.5rem 1.2rem; list-style-type:none; text-align:justify}
#page ul.zatrzitko li:before {font-family:'FontAwesome'; content:"\f00c"; margin:0 0.3rem 0 -1.3rem; }

#page ol {padding:0; margin:0 0 0.65rem 1.5rem; font-size:1rem}
#page ol li {padding:0 1rem 0.4rem 0; margin:0; font-size:1rem}
#page ol li ul {padding-top: 0.2rem; font-size:1rem}

#page ul li p {padding:0; margin:0.5rem 0 0.3rem 0rem}
#page ul.zatrzitko li ul li {padding:0 0 0.5rem 0; margin:0; list-style-type:square}
#page ul li ul li:before {display:none}

#page .table td {border-top: 1px solid #3B7951;}
#page .table tr:hover {background:rgba(148,181,16,0.5)}
#page .table td p, #page .table th p {margin:0; padding:0; text-align:left}
#page .table th {color: #4D7C5C}
#page .table-organizace tr td:first-of-type {text-align:right; font-weight:bold}
#page .table-organizace tr td:nth-of-type(2) {text-align:center}
#page .table-krouzky tr:first-of-type {background:rgba(47,115,71,0.3)}

@media (max-width: 600px) {
#page .table th:nth-child(2), #page .table td:nth-child(2) {display: none;}
#page .terminy th:nth-child(2), #page .terminy td:nth-child(2) {display: block;}
}

.fa-child {font-size:1.5rem}

.oznameni {font-size:1.3rem; padding-top:0.2rem; color:#307347; text-align:left; font-family:'ubuntubold'}

#kalendar ul {margin-left:0.5rem; padding:0}
#kalendar ul li {border-bottom:1px solid #2F7347; list-style-type:none;  margin:0; padding:1rem 0 0.5rem 0.5rem;}
#kalendar ul li p {margin:0; padding:0}
#kalendar ul li strong {margin:0; padding-right: 0.5rem}
#kalendar ul li:before {display:none} 


.aktualita {background:#fff; padding:1.5rem; border-bottom: 0.5rem solid #99BF01; margin-bottom:1.5rem}
.aktualita .datum {text-transform:uppercase; color:#99BF00; font-family: 'ubuntubold'; font-size:0.7rem;}
.aktualita .datum i {color:#2F7347; font-weight:bold; padding-right:0.5rem;}
.aktualita .datum span {color: #636363; padding-left:.5rem}
.detail .datum {padding:0rem 0rem 1rem 0rem; font-size:1rem}
.aktualita h3 {font-size:1.2rem; color:#ED3D21; padding-bottom:0rem}
.aktualita p { padding-top:0.5rem; margin-top:0; margin-bottom:0; padding-bottom:0; }
.aktualita .vice {float:right; margin:0; padding:0}
.priloha {float:left}
.aktualita .vice a, .aktualita .priloha a {font-family: 'ubuntubold'; color:#99BF01; }
.aktualita .vice:after, .aktualita .priloha:after {font-family:'FontAwesome'; content:"\f101"; margin:0 0.3rem 0 0.3rem;font-size:1.7rem;vertical-align:-0.2rem; color:#EF2A17; padding:0 }
.no-img-new {width:100%;
 box-shadow:-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}



.aktualitaSeda { border-bottom: 0.5rem solid #ABABAB; }
#oddil .aktualitaPlan {padding:1.2rem}
#oddil .aktualitaPlan a { padding:0; margin:0; display:block; color:#2F7347; font-size:1.1rem; line-height:150% }
#oddil .aktualitaPlan  h3 { padding:0; color:#2F7347; font-size:1.1rem; line-height:150% }
#oddil .aktualitaPlan .datum {color:#5c6060; font-family: 'ubuntubold'; font-size:1rem; margin:1rem 0rem 0rem 0rem; text-transform:none; padding:0}
#oddil .aktualitaPlan .vice {float:right; margin:0; padding:0}
#oddil .aktualitaPlan .vice a, #oddil .aktualitaPlan .priloha a {font-family: 'ubuntubold'; color:#99BF01; }
#oddil .aktualitaPlan .vice:after, #oddil .aktualitaPlan .priloha:after {font-family:'FontAwesome'; content:"\f101"; margin:0 0.3rem 0 0.3rem;font-size:1.7rem;vertical-align:-0.2rem; color:#EF2A17; padding:0 }

.archivAkce {display:none}
.archiv {border:0.2rem solid red; color:red; text-transform:uppercase; text-align:center; padding:0.5rem 0rem; font-size:1.2rem;}
.archiv:hover {background-color: rgba(256,256,256); color:#000;}


@media (min-width: 600px) {
.archiv, .archivAkce {border:0.2rem solid red; color:red; text-transform:uppercase; text-align:center; padding:0.5rem 0rem; font-size:1.2rem;}
.archiv:hover, .archivAkce:hover {background-color: rgba(256,256,256); color:#000;}
}

.zakl-info {font-size:1rem; padding-right:0rem}
.logaProjekty {background:#fff}
.imgFoto {width:100%}

@media (min-width: 600px) {
.zakl-info {font-size:1.2rem; padding-right:5rem}	
}

/* jídelní lístek */
#listek {font-size:0.9rem; }
#listek datum {display:block; color: #47B2A5; font-size: 1rem; margin: 2rem 0rem -0.5rem 0rem;  text-transform: none;  }
#listek druh_popis {display: block; float:left;  height:35px; line-height:35px; font-weight:bold;  padding: 10px 0px 0px 0px; margin:0px 0px 0px 0px; width:75px; }
#listek nazev {display: block; padding-top:16px; padding-right:50px;  height:40px;  margin:0px; border-bottom:1px dotted #106013; padding-bottom:0px; }
#listek button {float:right; width:30px; height:21px; margin-top:-25px; background: transparent url('../img/alergeny.png') no-repeat 0px 0px ; border:0px; color:transparent }
#listek popis_al {padding:0px; margin:0px; display:block; background:#efefef; font-size:0.9em}
#listek pomjidelnic_xmljidelnic { display:block}

/* ouška */



#tabs {padding:0rem; margin:0rem}
#tabs p {color:#7f7e7e}
#tabs ul  {margin:0px; padding:0px; border-bottom:1px solid #2F7347; border-radius:0}
#tabs ul li {float:left; width:30%; list-style-type:none; text-align:center; font-size:0.5rem; font-weight:normal; margin:0px 0rem 0rem 0rem; padding:0px;  }
#tabs ul li a {text-decoration:none; color:#000; border-top:1px solid #2F7347; border-right:1px solid #2F7347; border-left:1px solid #2F7347;font-weight:bold; display:block; background: #fff; padding-bottom:0.5rem; border-top-left-radius:4px; border-top-right-radius:4px }
#tabs ul li a:hover {text-decoration:none; display:block; color: #ee7c00; background:#efefef}
#ousko-1, #ousko-2, #ousko-3  {padding:1rem 1rem; border:1px solid #2F7347}
#ousko-1 p, #ousko-2 p, #ousko-3 p  {padding:1rem 1rem 0rem 1rem; margin:0px}
#ousko-1 strong, #ousko-2 strong, #ousko-3 strong  {color:#000}
#ousko-2 table.table tr:hover {background:none} 
#tabs #ousko-3 ul { border:0}
#tabs #ousko-3 ul li {float:none; width:100%; margin:0.5rem 0rem 0rem 2.5rem; padding:0px; list-style-type:square; text-align:left;  } 

@media (min-width: 575px) {
#tabs ul li {float:left; width:30%; list-style-type:none; text-align:center; font-size:0.8rem; font-weight:normal; margin:0px 0rem 0rem 0rem; padding:0px;  }
}

@media (min-width: 830px) {
#tabs ul li {float:left; width:33%; list-style-type:none; text-align:center; font-size:0.7rem; font-weight:normal; margin:0px 0rem 0rem 0rem; padding:0px;  }
}

@media (min-width: 1024px) {
#tabs ul li {float:left; width:32%; list-style-type:none; text-align:center; font-size:1rem; font-weight:normal; margin:0px 0rem 0rem 0rem; padding:0px;  }
}


.ui-tabs {padding:0px}
.ui-widget, .ui-widget-content {background:none; border:0px; color:#000; font-size: 1rem;}  
.ui-corner-all {border:0}
.ui-widget-header  {background:none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin:0px; padding:0px;}

#tabs ul li.ui-state-active a, #tabs ul li.ui-widget-content .ui-state-active a 
 {text-decoration:none; color:#EE2915; border-top:1px solid #2F7347; border-right:1px solid #2F7347; border-left:1px solid #2F7347;font-weight:bold; display:block; background: #e4f78f; padding-bottom:0.5rem; border-top-left-radius:4px; border-top-right-radius:4px }
 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    border: 0px;
    color: #fff;
}

table.ui-datepicker-calendar .ui-state-default:hover  {background: rgba(0,0,0,0.2);}

.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: outside none none;
    margin: 0px;}
	
.ui-tabs-anchor {width:100%}


/* konec ouška */


footer {margin-top:2rem}

.footer {background:#414141; padding:1rem 1rem; font-size:0.9rem }
.footer h3 {color:#99BF00; text-transform:uppercase; font-size:1.5rem; padding-top:1rem}
.footer p {color:#FFFFFF}
.footer a {color:#FFFFFF; text-decoration:underline}
.footer img {float:right; margin-top:2rem}

.footerMenu {background:#292929; padding: 0.9rem 0.3rem}
.footerMenu p {color:#FFFFFF; padding-top:0.3rem; text-align:left; font-size:0.8rem}


@media (min-width: 800px) {
.footer {font-size:1.1rem}	
.footer h3 { padding-top:1.8rem}
.footerMenu p {font-size:1rem}	
}



/* 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 { background:#efefef; height:190px; font-size:13px ; width:42%; margin:0.5rem; float:left; text-align:center}

@media (min-width: 575px) { .fotoGaleryVypis {height:190px; font-size:13px ; width:30%;}
}

@media (min-width: 1280px) { .fotoGaleryVypis {height:190px; font-size:13px ; width:22%;}
}



.fotoGaleryVypis img {padding:8px; width:100%; height:120px; 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 10px 0px; padding:0px;} 
#dokumenty ul li {list-style-type:none;
	background:none; color: #307347;
    padding:  0px 0px 3px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 15px 10px;}
#dokumenty ul ul li {
	padding:  0px 0px 10px 5px; font-weight:normal; line-height:140%;}

#faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#C3341C;  font-size:14px; text-decoration:underline; font-weight:normal;  }
#faqs h3 span {}
#faqs h3.active  { color:#d74646; } 
#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% }
#faqs ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


#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; }

/* tabulka archiv - vymazání pozadí */	
table.dataTable tr.even,  table.dataTable tr.even td.sorting_1 {background:none; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5}
table.dataTable tr.odd, table.dataTable tr.odd td.sorting_1 {background:none}
table.dataTable thead th {border-bottom:1px solid #D8D8D8; }
table.dataTable thead th.sorting_asc {background:none; height:0.1rem; line-height:0.1rem }
table.dataTable tr.even td.sorting_1 p, table.dataTable tr.odd td.sorting_1 p {text-align:justify}
 
.dataTables_length {display:none}




/* formuláře, tlačítka */
.btn-right { width:100%; background:#FF8841; color:white; font-size:.8em; display:block; white-space:normal; word-wrap:break-word; }
.btn-primary { background:#496F35; border-color:#496F35; text-transform:uppercase }
.btn-primary:hover {background:#99C15E; border-color:#99C15E; }
.btn-secondary { background:#ACC8EC; color:#03316b; border-color:#0e6de7; }
.btn-warning { background: #FF8841; }

form { border:1px solid #99C15E; border-radius:.25rem; padding:.2rem; margin-top:1rem }
div.border { border:1px solid #ACC8EC; border-radius:.25rem; padding:.2rem; }
section form.noborder { border:0px solid #ACC8EC; border-radius:0rem; padding:0rem; }
.form-adc-row { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; padding:0.5rem }
.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}
label span {font-weight:normal}
.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 5px 10px 10px;
}

.formlabel {padding:0.5rem 0px}


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