@import url(https://fonts.googleapis.com/css?family=Exo+2:300,400,700,400italic,300italic&subset=latin,latin-ext);
html{ font-size:'Exo 2', sans-serif, Helvetica;
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
html,button,input,select,textarea{font-family:Arial,​Helvetica,​sans-serif}
 a{color:black!important; }
 a:hover, a:focus { color: #0000cd !important; }
 body{
background: #F0F5F8;
}
body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
           -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
           box-shadow: 0px 0px 10px rgba(0,0,0,.3);
          z-index: 100;
}

#content{
background-color: transparent;
max-width: 75rem;
margin:1rem auto;
border-radius: 8px 8px 8px 8px!important;
 -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.2);
 -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.2);
  box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
header{

}
#header-top{
			/*height:100px!important;*/
			background-color: rgba(30, 144, 255,.1);
			margin: 0 auto -2rem!important;
			border-radius: 8px 8px 0 0!important;
}
#orbit-slide{
	border-radius: 8px 8px 8px 8px!important;
}
a#logo-header{
		width:250px;
		height:140px;
		background-color: transparent;
		background-image:  url(../images/logo-zspocatky_cz.svg);
		background-position: center center;
		background-repeat: no-repeat;
		margin:0 auto -1rem;
		vertical-align: bottom;
		text-indent: -9999px;
		}
a#header-right h1{
		font-size:2rem!important;
		text-align: center;
		/*vertical-align:middle;*/
		background-color: transparent;
		margin:.2rem auto -1rem ;
			
}
header h1{color:rgba(0, 0, 0, 1) !important;}
/*header h1{color:#8f8f8f!important;}
header h1 span:nth-child(1){color: #0000cd !important;}
header h1 span:nth-child(2){color:orange!important;}
header h1 span:nth-child(3){color:black!important;}*/
		

div#content-wrapper{
background-color:white;
 /*border:1px solid #708090;*/

}
div#col-left{	
	padding: 0 0 0 5px;
	background-color:white;
	border-radius: 8px 0 0 0;
	}
	div#col-left hr{	
	height:0.5rem!important;
	background-color:transparent;
	margin: 0!important;
	padding:0!important;
	}
div#col-right{
	background-color:white;
	padding: 0 1rem 0 ;
	}
 div#col-right table, div#col-right tr, div#col-right td{
	border-spacing: 0 ;
	border-collapse: collapse;
	border:inherit;
	}
/**************************** end sloupce-ostatni****************/

footer{
	background-color: rgba(30, 144, 255, .1);
	/*border-top:5px solid #888888;*/
	color:#333333;
	border-radius: 0 0 8px 8px;
}

footer td,th {background-color: rgba(30, 144, 255,.15)!important;}
footer ul {margin:5px 0;padding:0;list-style:none;}
footer ul li,footerp {line-height:normal;}
footer a:link,footer a:visited {color:#37658d;}
footer a:hover {color:#ffd700;}
footer div.finfo {margin:0;padding:0px 15px;}
footer div.finfo.l {padding:0 20px 5px 15px; height:100%!important;}
footer div.finfo.c {padding:0 15px;border-right:1px solid #333;border-left:1px solid #333; height:100%!important;}
footer div.finfo.r {padding:0 0 0 15px; height:100%!important; }
footer div.finfo h3 {color:#333;font-size:1.2rem;margin:0;padding:5px 0 5px 8px;border:none; text-align: center;font-weight: 300;}
footer div.finfo p {margin:5px 10px;}
footer div.finfo ul li {margin:5px 10px 4px;}
footer ul.footer-menu{
	padding-left:1rem;
	color:white;
	font-size:.8em;
	list-style:disc;
}
footer ul.footer-menu li{
	line-height:normal;
}
footer ul.footer-menu li a{
	color:white;
}
footer a.activeMenuFoot{
color: #c11134;
}
footer  .activeMenuFoot a:hover{
 text-decoration: underline;
}
footer ul.footer-menu li a:hover{
	color:red;
}

footer table.kontakt tbody, table.kontakt td,table.kontakt tr,table.kontakt th{
 border: 0;
 /* background-color: rgba(30, 144, 255,.4);*/
background-color: inherit!important;
height: .95rem;
padding:0!important;
 text-align:left!important;
 font-size: 0.95rem!important;
 }
/********************* forms******************************/
footer [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea 
{
display: block;
box-sizing: border-box;
width: 100%;
height: 2rem;
margin: 0 0 0.1rem;
padding: 0.1rem;
border: 1px solid #cacaca;
border-radius: 3px;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 0.8rem;
font-weight: normal;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s 
}
footer [type="text"].norm{
width:inherit;	
}
.required{
	color: Red!important;
}
#multi-msg{
	display: block;
	margin: auto;
	width: 90%;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	
}
.success{
color: #2f4f4f;
	background: rgb(207, 255, 204);
background: -moz-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -webkit-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -o-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -ms-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: linear-gradient(181deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);

}
.error{
color: #c11134;
background: rgb(255, 184, 179);
background: -moz-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -webkit-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -o-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -ms-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: linear-gradient(181deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
}
/********************************** end forms**********************************/
/*.alert{
background-color: #FFFFCC;
  background-image: url(../images/alert.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  '''background-position: 10px 10px;'''
	font-size: 18px;
	font-weight: normal;
	width: 60%;
	text-align:center;
	display: block;
	padding:0.8em;
	margin: 1em auto;
	background-color: #fff19d;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 6px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	color: Red;
	text-shadow: 0 1px 0 #64727F;
}*/
#pg_body{
min-height:10rem;
margin:0 10px;
padding:0 10px;
}
.center{
	text-align: center;
}

.blok-c{
	display: block;
	margin: auto;
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.justify{
	text-align: justify;
}

.clear{
	clear: both;
}
.big{
	font-size: large;
}
.red{
	color: red;
}
.blue{
	color: Blue;
}
.green{
	color: Green;
}

a.tlac{
	text-align:center;
	text-decoration:none;
	width: 20em;
	display:block;
	padding:0.2em;
	margin:1em auto;
	color: black;
	background-color:	#87CEEB;
	border: solid 1px #BF9F60;	
}
a:hover.tlac{
	background-color: #37ADDD;
}

.tlac img{
	border: 0;
}

.hidden{
	display: none;
}
/******************************** CLANKY*************************/
.clanky-wrapper{
border-top: 4px solid rgba(130,130,130,1);	
}
.clanky-wrapper:last-child{
 border-bottom: 4px solid rgba(130,130,130,1);  
}
.clanky-header {
 width:100%;
 display:block;
}
div.clanky-header span.datum {
font-size: .8rem;
display:inline-block;
float:right;
 color: rgba(78, 78, 78, 1);
 margin:.2rem 0 0 0;
}

.card-divider h4{
	font-size:1.5rem!important;

	color: #ff6347;

}
.clanky-body{
	width:100%;
	/*padding-bottom: 1em;*/
	margin:.2rem 0 0 0;
	

}	
.clanky-body-inner{
		/*height:70px; øeší se pøímo v clanky...*/
		overflow:hidden;
}
.span-clanky-btn{
	text-align: right;
	font-size: 12px!important;
	color: blue;
	cursor: pointer;
}
.span-clanky-btn:hover{
color: #191970;
}
.clanky-img{
	float:left;
	margin: 1em 1em 1em 0;
	
}
.clanky-body ul {
  list-style: none; /* Remove default bullets */
}

.clanky-body ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #696969; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.clanky-autor{
	display:block;
	height: 20px;
	width: 100%;
	float: right;
	color:rgba(82, 82, 82, 1);
	margin:0 35px 0 0;
	font-size: 0.8em;
	text-align: right;
}
.clanky-gallery{
	/*display:inline-block;*/
	line-height: 20px;
	/*width: 50%;*/
	float: right;
	color:#506070;
	margin:0 15px 0 0;
	font-size: 0.85em;
	text-align: right;
}
.clanky-dokument{
display:inline-block;
	height: 20px;
	line-height: 20px;
	width: 50%;
	float: left;
	color:#506070;
	margin:0 0 5px 0;
	font-size: 0.95em;
	text-align: left;
}
.clanky-dokument img{
	display:inline-block;
	margin:0!important;
	line-height: 20px;
	border: none;
	background-color: transparent!important;
	box-shadow:none;
	float: none!important;
}
.clanky-footer{
	margin:0 auto 0;
	width:100%;
	padding: .5rem 0 0 0;
   display: inline-block;
   background-color: rgba(220, 220, 220, .2);
  
}

.datum{
	color:#b61031;
	font-size:.8rem;
	float:right;
	margin-left: 5px;
	text-decoration: none!important;
}
/************************************ end CLANKY **************************/
/************************************* dokumenty***************************/
.dokument {
	border:1px solid #dcdcdc;
	background-color: #f2f2f2;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
	margin:3px auto;
}
a.attach_doc{
	font-style: normal;
	color:#000099;
	text-decoration: none;
}
a:hover.attach_doc{
	font-style: normal;
	color:#2958de;
	text-decoration:underline;
}
.dokument img {
	padding: 0 5px 0 0;
	
}
.dokument h4{
	font-size:0.85rem;
	font-weight: bold;
}
/************************************* end dokumenty ***********************/
/************************************ newestDOC****************************/
.newestDoc {
	width: 98%;
}
.newestDoc li{
	list-style: none;
	text-indent: -1.5em;
	background-color: #F8F8FF;
	border: 1px solid #8DA5D0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: .2em 2em .1em;
	margin: 0.3em .1em ;
	}
	.newestDoc li li{
	list-style: none;
	text-indent: -1.5em;
	background-color: transparent;
	border:none!important;
	margin:0 0.2em ;
	}
.newestDoc a{
		text-decoration: none;
	}
.newestDoc a:hover{
	color: #0000CD;
		text-decoration: underline;
	}
.newestDoc h4{
	font-size:0.85rem;
	font-weight: bold;
}	
.fl-left{
		float: left;
		display: inline;
		/*color: #696969;*/
	}
.fl-right{
		float: right;
		display: inline;
	/*	color: #4169E1;*/
		
	}	
/************************************end  newestDOC****************************/
/****************************** FOTOGALERIE UVOD*********************************/
#galleryIntro{
	padding: 0.3em;
}

#galleryIntro div{
	float: left;
	display:block;
	margin:0.2em 0.5em;
   padding: 0.2em 0.5em;
   color: Black;
	cursor: pointer;
	min-height: 290px!important;
	_height:280px;
	min-width:210px!important; 
	width:210px;
	-moz-border-radius: 6px;
	border: 1px solid #dedede;
	border-radius: 6px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
-webkit-box-shadow: 3px 3px 4px 0px rgba(204, 204, 204, 0.75);
-moz-box-shadow:    3px 3px 4px 0px rgba(204, 204, 204, 0.75);
box-shadow:         3px 3px 4px 0px rgba(204, 204, 204, 0.75);
	}
#galleryIntro img{
	padding:0;
	border: 1px solid #F7F7F7;
	margin: 2px auto;
	display: block;
}
#galleryIntro h4{
	font-size: 1.1em;
	font-style: normal;
	color: #4e5965;
	width: 210px;
	line-height: 16px;
	height: 16px;
		display: block;
	text-align: left;	
	overflow: hidden;
}
#galleryIntro h4:hover{
 overflow: auto;
 height: auto;
}
#galleryIntro h5{
	font-size: 11px;
	font-weight: normal!important;
	color: #6088bd;
	background-color: transparent;
	text-align: left;
}
#galleryIntro p {
	font-size: small;
	color: #e9e9e9;
	background-color: transparent;
	width: 180px;
	text-align: left;
}
#galleryIntro ul{
	margin:3px 0;
	padding: 0;
	font-size:small;
	color: #677685;
	background-color: transparent;
	width: 170px;
	}
#galleryIntro li{
	list-style: none;
	text-align: left!important;
}	

/****************************** FOTOGALERIE - ITEMS*********************/

.gallery-items	a{
	transition: box-shadow 200ms ease-out; 
		}
 .gallery-items a:hover, .gallery-items a.thumbs:focus {
 height: 150px!important;
   box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5)!important;
    }
.gallery-items a image {
		transition: box-shadow 200ms ease-out; 
    box-shadow: none; }

.gallery-items img{
  display: inline-block;
  margin-left:.3em;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 3px 2px rgba(10, 10, 10, 0.2);
  line-height: 0; 
  }
  
#foto-pol{
	width:100%;
	padding:1em 0 0 1.5em;
	margin:0 auto 2em;
}

.img-wrapper {
 background:url(/images/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(/images/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(/images/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
}
.clear, .cleaner{
	clear:both;
}
 a.btn {
display:block;
margin:5px auto ;
background-color: #1779ba;
color: #fefefe!important;
padding:6px 16px;
	
}

.btn:hover,  a.btn:hover {
color: #ffeb2b!important;
background-color: #136599!important;
	box-shadow:0 0 0 0;  
	text-decoration: none;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}

.RedText{
	color: red!important;
}
.nadpisDokumentu { 
text-transform: uppercase;
	font-size: 1.6rem!important;
	font-weight: bolder;
	display: block;
	color: #dd2d00;
	margin:2rem 0 1rem 0;
	padding-left: 1rem;
	border-left: 10px solid #dd2d00;
	line-height: 30px;
}
 .nadpisDokumentu img{
 margin:0;
 float:left;
 padding: 0 3px 0 0;
 } 
 /**************** vypis dokumentu***********************/
ul.listDocs {
margin:10px;	
}
ul.listDocs  li{
list-style: none;
}
/********************** registrace novinky*****************/
.success, .error{
	display:block;
	text-align: center;
	width: 60%;
	padding:10px;
	margin:15px auto;
	font-size: larger;
	/*text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);*/
	-webkit-box-shadow: 2px 2px 6px 0px rgba(84, 84, 84, 0.34);
	-moz-box-shadow:    2px 2px 6px 0px rgba(84, 84, 84, 0.34);
	box-shadow:         2px 2px 6px 0px rgba(84, 84, 84, 0.34);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.success{
color: #2f4f4f;
	background: rgb(207, 255, 204);
background: -moz-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -webkit-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -o-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: -ms-linear-gradient(91deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);
background: linear-gradient(181deg, rgb(207, 255, 204) 0%, rgb(138, 221, 154) 90%);

}
.error{
color: #c11134;
background: rgb(255, 184, 179);
background: -moz-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -webkit-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -o-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: -ms-linear-gradient(91deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
background: linear-gradient(181deg, rgb(255, 184, 179) 0%, rgb(246, 224, 224) 100%);
}

tr.even {
 	background-color: #f1f1f1!important;
 }
tr.odd{
 	background: #fff!important;;
 }

.aktHilite{
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0DC74));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0DC74 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0DC74 100%);
}
 .no-image{
	margin:10px auto;
	width: 100px;
	height: 100px;
	color: white;
	background: #cacaca;
	display: block;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px 25px;
}
.no-image i{
	margin:auto;
	font-size:90px;
}
/***********************sortiment*****************/

/*********************************** orbit-slide***********************************/
.orbit-container {
/*	border-radius: 8px 8px 8px 8px;*/
	margin-top:0!important;
	margin-bottom:15px!important;
}
.orbit-caption{
	font-size: 1.5em;
	font-weight: bold;
}
/************************************ / orbit-slide***********************************/
#spoluprace-wrapper{
	background-color: white;
}
#spoluprace {
border-top: 1px solid #d9d9d9;
padding:20px 0 10px;
background-color: white;
margin:0 auto!important;
display: block;
}
#spoluprace img{
float: left;
margin:0 10px 5px;
border: none;
 filter: url(http://static.tumblr.com/eptm5us/ueTmafr4p/filters.svg#grayscale); /* Firefox 3.5+ */
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, IE10 */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: gray; /* IE6+ */}
#spoluprace img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}
#spoluprace h3{
	font-size:1.2em;
	margin:0.2em auto;
	text-align: center;
	color: gray;
	}
.bwWrapper {
	position:relative;
	display:inline-block;
	}
/***************************btn- nahoru************************/
button#btnTopPage {
	width: 35px;
	height: 35px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 35px;
  border: none;
  outline: none;
  background-color: white;
  color: red;
  cursor: pointer;
  border-radius: 20px;
}

button#btnTopPage:hover {
  background-color: red;
  color: white;
}
li.delic{
	content: "&nbsp;";
	height:0.5rem!important;
	background-color: transparent!important;
	color: transparent!important;
	border: none!important;
}
form#f_kontakt fieldset{
 border: 1px solid #ccc;
 background-color: #f1f1f1;
 border-radius: 10px;
 padding: 1rem;
 
}
/************************* search-box****************************************/
/* https://www.webslake.com/p/customizing-design-of-google-custom-search-box-using-css/ */
#search-box {
  display: inline-block;
  vertical-align: bottom;
  width: 320px;
  height: 1px;
  margin: 0rem 1rem 5rem -1rem;
  background-color: transparent;
  padding: 3px;
  border: none;
}
@media screen and (max-width:720px) {
#search-box{
float: none;
display:block;
display: none;
}
}
#gsc-i-id1
{
	color: rgba(0, 0, 0, .5) !important;
}
		
#gsc-i-id1::-webkit-input-placeholder
{ 
	/* Chrome */
	color: rgba(0, 0, 0, .5) !important;
}

#gsc-i-id1:-ms-input-placeholder
{ 
	/* IE 10+ */
	color: rgba(0, 0, 0, .5) !important;
}

#gsc-i-id1::-moz-placeholder
{ 
	/* Firefox 19+ */
	color: rgba(0, 0, 0, .5) !important;
	opacity: 1;
}

#gsc-i-id1:-moz-placeholder
{ 
	/* Firefox 4 - 18 */
	color: rgba(0, 0, 0, .5) !important;
	opacity: 1;
}

.gsc-control-cse{
		background-color: transparent!important;
		border:0!important;
		margin:0 auto!important;
}
#___gcse_0{
	background-color: transparent!important;
}
button.gsc-search-button
{
	padding:10px !important;
	background-color: rgba(0, 0, 0, .5) !important;
	border: none;
	border-radius: 3px !important;
	cursor: pointer;
}
/************************* /search-box****************************************/
/******************************** change foundation ****************************/
/***************tabs (hlavni menu horizontal)***************/
#topmenu{
	margin:0;
}
.tabs {
  margin: 0 auto;
  border-top:1px solid #bda100;
  border-right:1px solid #bda100;
  border-left:1px solid #bda100;
  border-bottom:-6px solid white;
  list-style-type: none; }
  
  .tabs::before, .tabs::after {
    display: table;
    content: ' '; }
   .tabs::before{
   	margin-left:5rem;
   }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #1779ba; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1673b1; }

.tabs-title {
  float: left;
  background-color: rgba(255, 215, 0, 1); 
  padding: 1.25rem 1.5rem;
  width: 25%;
  display: block;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  color: black;
  border-right:1px solid #bda100;
  }
  @media screen and (max-width:719px) {
  	.tabs-title {
  	height: 4rem!important;
  	}
  }
  .tabs-title:nth-child(1){
  	background-color: rgb(255, 215, 0); 
  	 border-bottom:6px solid rgb(255, 215, 0);
  }
  .tabs-title:nth-child(2){
  	background-color: rgb(255, 99, 71);
  	 border-bottom:6px solid rgb(255, 99, 71); 
  } 
  .tabs-title:nth-child(3){
  	background-color: rgb(127, 178, 60); 
  	 border-bottom:6px solid rgb(127, 178, 60);
  } 
  .tabs-title:nth-child(4){
  	background-color: rgb(64, 187, 225); 
  	 border-bottom:6px solid rgb(64, 187, 225);
  }  
  /*************hover***********/
 
 .tabs-title:hover{
 	 box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.1);
 	 color:#696969 !important;
 }
.tabs-title:last-child{
  	border-right: none;
  }   
 .tabs-title.is-active{
  	 box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.4);
    color: rgba(255, 215, 0, 1)!important; 
    font-weight: bold;
    border-bottom: 6px solid rgba(255, 215, 0, 1); 
  }
  .tabs-title.is-active:hover{
  	background-color: rgba(0, 0, 0, .7) !important;
      color: yellow!important; 
  }        

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel[aria-hidden="false"] {
    display: block; }
/****************end tabs ********/
.button { /*1567*/
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: .9;
  text-align: center;
  cursor: pointer;
}
.button:hover, .button:focus {      } 
.button.alert {/*1630*/}
.button.alert:hover, .button.alert:focus {
    }
 .extLink{
   float:right;
   margin-right: 0!important;
   /* font-weight: normal; */
   color:rgba(102, 102, 102, 1);
   }
 .extLink:hover{
     color:rgba(0, 130, 255, 1);
   }
    
 .btn-lvl-84 {/*skola*/
	background-color: rgba(255, 215, 0, 1)!important; 
	color:black;
}
.btn-lvl-84:hover {/*skola*/
	background-color: rgba(255, 215, 0, .5)!important; 
 color:black;
}
.btn-lvl-84-alert {/*skola*/
	background-color: rgba(255, 215, 0, 1)!important; 
	box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.4);
font-weight: 600;
 color:white!important;
}
.btn-lvl-85 {/*skolni-jidelna*/
	background-color: rgba(255, 99, 71, 1)!important;
	 color:black;
}
.btn-lvl-85:hover {/*skolni-jidelna*/
	background-color: rgba(255, 99, 71, .5)!important;
	 color:black;
}
.btn-lvl-85-alert {/*skolni-jidelna*/
background-color: rgba(255, 99, 71, 1)!important;
box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.4);
	 color:white!important;
	 font-weight: 600;
}
.btn-lvl-86 {/*druzina*/
		background-color: rgba(127, 178, 60, 1)!important;
	 color:black;
} 
.btn-lvl-86:hover {/*druzina*/
		background-color: 	background-color: rgba(127, 178, 60, .5) !important;
	 color:black;
	 font-weight: 600;
}  
.btn-lvl-86-alert {/*druzina*/
		background-color: rgba(127, 178, 60, 1)!important;
		box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.4);
	 color:white!important;
}
.btn-lvl-87 {/*aktualne*/
		background-color: rgba(64, 187, 225, 1)!important;
	 color:black;
}  
.btn-lvl-87:hover{/*aktualne*/
	background-color: rgba(64, 187, 225, .5)!important;
	 color:black;
}    
.btn-lvl-87-alert{/*aktualne*/
		background-color: rgba(64, 187, 225, 1)!important;
		box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.4);
	 color:white!important;
	 font-weight: 600;
}     
[class*='btn-lvl']{
  color:black;
  margin-bottom: 0.1rem !important;
 
}
/********************* tlacitko se sipkou ln 1895*****************/
select {
  padding-right: 1rem!important;
 }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

/************************* konec tlacitka se sipkou     
  /********************** buttons 2st level *************************/
 [class^='button-2st-level']{/*1567*/
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid white;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: .9;
  text-align: center;
  cursor: pointer;
}
/******************/
.button-2st-level-84 {/*skola*/
	background-color: rgba(187, 160, 0, 1) !important; 
	color:black;
}
.button-2st-level-85 {/*skolni-jidelna*/
	background-color: rgba(255, 46, 9, 1) !important;
	color:black;
}
.button-2st-level-86 {/*druzina*/
	background-color: rgba(116, 161, 56, 1) !important;
	 color:black;
} 
.button-2st-level-87 {/*aktualne*/
		background-color: rgba(34, 171, 214, 1) !important;
	 color:black;
}
/******************/		
 [class^='button-2st-level']:hover, [class^='button-2st-level']:focus {
 color: #ffffe0 !important; 
 box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.2);
    }  
[class^='button-2st-level'].alert-2st-level {/*1630*/
 box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.4);
	 color:white!important;
	 font-weight: 600; }
[class^='button-2st-level'].alert-2st-level:hover, [class^='button-2st-level'].alert-2st-level:focus {
  box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.2);
	 color:white!important;
	 font-weight: 600; }
 /**********************  end buttons 2st level *************************/
  @media screen and (max-width:719px) {
	body{
	max-width: 720px;
	background: #f7f7f7;
	background-image:url(../images/background-html.jpg) , url(../images/background-bottom-html.png); 
	background-position: top left, bottom left;
	background-repeat:repeat-x, repeat-x ;
	}
	#orbit-slide{
	display: none!important;
	}
	.ws{
	display: none!important;
	}
	a#logo-header{
	display:block;
		width:200px; /*250px;*/
		height:112px;/*140px*/
		background-color: transparent;
		background-image:  url(../images/logo-zspocatky_cz.svg);
		background-size: 200px 140px;
		background-position: center center;
		background-repeat: no-repeat;
		margin: .5rem auto 1rem;
		vertical-align: bottom;
		text-indent: -9999px;
		}
a#header-right h1{
		font-size:1.5rem!important;
		text-align: center;
		/*vertical-align:middle;*/
		background-color: transparent;
		margin:.2rem auto 1rem ;
			
}	
	header h1 {
			margin:0;
			border: none;
			font-weight: 600;
			text-align: center;
			font-size:1.2rem!important;
   		color:black !important;
			/*	text-shadow: 2px 3px 4px rgba(80, 80, 80, 0.8);
		letter-spacing: 3px;*/
	}
	div#col-right,.sortiment-detail	{
	max-width: 720px!important;
	}
	.fl-left,.fl-right{
		float: none!important;
		display: block!important;
		margin: 2px auto;
	}
	.right,.left {
		text-align:center!important;
	}
	header h1{color:black!important;}
	header h1 span:nth-child(1){color: black !important;}
	header h1 span:nth-child(2){color:black!important;}
	header h1 span:nth-child(3){color:black!important;}
	
}

/*************************************min-width:729px ****************************/
@media screen and (min-width:720px) {
		.ws{
			display: none!important;
			}
		a#logo-header{
				float:left;
				display:block-inline;
				}
		header h1 {
					margin:0;
					border: none;
					text-align: center;
					padding:1rem auto;
					font-size:1.6rem!important;
   				color:black !important;
					text-shadow: 2px 3px 4px rgba(80, 80, 80, 0.4);
					letter-spacing:.1rem;
				
		}
		#uvodni-slovo{
			text-align: justify;
		}
	
}
/*  20240918- skolni-rad-odsazeni ul/ol */
.skolni_rad ul, ol {
  margin-left:2rem;
}

.skolni_radul ul, ol ol {
  margin-left: 5rem;
}

.skolni_rad ul ul ul, ol ol ol {
  margin-left:5rem;
}