@charset "utf-8";
/* CSS Document */


html{
    max-width: 1920px;
    margin:auto;
    background-color: #e9f4ff; 
}

.ohraniceni{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom: 5em;
    padding-left: 2%;
    padding-right: 2%;
}

ul{ 
	margin-bottom: 0rem;
}
#search{
	text-align: center;
	margin-bottom: 20%;
	overflow:hidden;
}

#vyhledavani{
	color: #FFFFFF;
	margin-bottom: 2%;
}

#ctverec-vse{
    padding: 1%;
}

.ctverec{
    box-shadow: 1.5px 1.5px 7px #393939;
    background-color: white;
    width: 100%;
} 

.obdelnik{
    box-shadow: 1.5px 1.5px 7px #393939;
    background-color: white;
    width: 100%;
} 

.obdelnik:hover {
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.02); 
  opacity: 0.8;
}

.ctverec:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  opacity: 0.8;
}

.odkaz:hover{
    color: #5e1b20;
}

.odkaz{
    color:white;
}

.rozcestnik:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  opacity: 0.8;
}

.loga :hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.levy_blok{
    box-shadow: 1.5px 1.5px 7px #393939;
	background-color: #1b3165;
	padding: 3%; 
    height: 100%;
}

.pravy_blok{
    box-shadow: 1.5px 1.5px 7px #393939;
    background-color: #FFFFFF;
	padding: 3%;
    height: 100%;
}

.blok{
    overflow: hidden;
    min-height: 90%;
    padding: 1%;
}


.box_clanky{
    min-height: 100px;
    overflow: hidden;
}

.box_clanky_in{
    box-shadow: 1.5px 1.5px 7px #393939;
    background-color: #FFFFFF;
	padding: 3%;
    height: 100%;
}  


.left-clanky{
	float:left;
    width:25%;
}

.right-clanky{
	float:right;
    width: 70%;
    font-size: 0.9em;
    padding-top: 2em; 
}

.left-clankyTab{
	float:left;
    width:18%;
}

.right-clankyTab{
	float:right;
    width: 77%;
    font-size: 0.9em;
    padding-top: 2em; 
}

.mezera1{
    margin-bottom: .5em;
}

.claneknadpisIN{
	font-size: 1.5em;
    color: #1a71bb;
    font-weight: 700;
}

.claneknadpisIN:hover{
    color: #38ACEC;
}

.obr-left{
    width: 200px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top:40%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    max-height: 80%;
    overflow: hidden;
    display: block;
}

.overlay {
  position: absolute;
  top: -0.5em;
  width: 25%;
  opacity: 0;
  transition: .5s ease;
  background-color: black;
}

.left-clanky:hover .overlay {
  opacity: 0.8;
}


.vice {
  color: white;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.right-clanky a:hover{
    text-decoration: none;
}

body{										
	font-family: Segoe UI," sans-serif";
    background-color: #e9f4ff;
    height:100%;
}


#pocitadlo{
	text-align: center;
	margin-top: 20%;
	margin-bottom: 10%;
	overflow:hidden;
}




#akce_nadpis{
	text-align: center;
	margin-top: 7%;
	color: #FFFFFF;
	margin-bottom: 2%;
	
}


#nazev{
	font-size: 2.3em;
	color: #6E0103;
	font-weight: 700;
	
}

#podnazev{
	font-size: 1.3em;
	font-weight: 300;
	margin-top: -2%;
}


.banner{
	margin-top: -1.1%;
}

	

.okno_vedouci{
	box-shadow: 1.5px 1.5px 7px #393939;
	padding-right: 0.5%;
	padding-left: 0.5%;
	padding-top: 7%;
	padding-bottom: 4%;
	background-color: #FFFFFF;
	text-align: left;
	font-size: .9em;
	height: 320px;
	margin-bottom: 8%;
}

.vedouci_top{
	text-align: center;
	margin-bottom: 5%;	
}

.vedouci_top img{
	height: 150px
}


.vedouci_bottom{
	text-align: center;
}

.pozadi{
	background-color: #e9f4ff;
	text-align: center;
	margin-top: -2%;
}


.google{
	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:250px;
	text-align:center;
}

.google-map{
	overflow:hidden;
    padding-bottom:56.25%;
    height:250px;
	text-align:center;
}

.zonerama{
	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:300px;
	text-align:center;
}

.fb{
	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:300px;
	text-align:center;
}

.google iframe{
    left:0;
    top:0;     
    height:80%;
    width:100%;
    position:absolute;

}

.google-map iframe{
    left:0;
    top:0;     
    height:100%;
    width:100%;
    position:absolute;

}

.kontakty{         /*pro každý řádek kontaktu */
	margin-bottom: 1%;
	text-align: left;
}

.udaje{
	text-align: right;
	padding: .5%;
	font-size: .9em;
}


h3{
	font-size: 1.5em;
	font-weight: 600;
}



.clanky{                     /*clanky a vypis clanku se tyka loginu */
	box-shadow: 1.5px 1.5px 7px #393939;
	padding: 2%;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 30%;
	
}

.vypis_clanku{
	padding: 2%;
	box-shadow: 1.5px 1.5px 7px #393939;
	background-color: #FFFFFF;
	text-align: left;
	
}


form input{
	margin-bottom: 5%;
}

h2{
	margin-bottom: 5%;
}

#ucet {
	font-size: 1.5em;
	text-align: right;
	padding-top: 2%;
	padding-right: 3%;

}

.o_nas p{
	text-align: justify;
}

.o_nas ul{
	text-align: left;
}


.o_nas{
	box-shadow: 1.5px 1.5px 7px #393939;
	padding: 3%;
	background-color: #FFFFFF;
	margin-bottom: 9%;
    margin-left: 
}

.o_nas_kvc{
	box-shadow: 1.5px 1.5px 7px #393939;
	padding: 3%;
	background-color: #FFFFFF;
	margin-bottom: 9%;
    margin-left: 
}

.o_nas_nabidka{
	padding: 3%;
	background-color: #FFFFFF;
    margin-left: 
}

#starsi_foto{
	text-align: center;
	margin-bottom: 4%;
	margin-top: 2%;
}




.azky_azky_o_nas{
	list-style: square;
	margin-left: 7%;
}


#sekce_o_nas{
	background-color: #E4E4E4;
}


.otoc_2017, .otoc_2016, .otoc_2015, .otoc_2014, .otoc_2013, .otoc_2012, .otoc_2011{
	height: 16em;
	padding: 3%;
	margin-top: 2%;
	margin-bottom: 10%;
	box-shadow: 1.5px 1.5px 7px #393939;
	background-color: #FFFFFF;
	text-align: center;
}



 a:hover{
	color: #FF0004;
    text-decoration: none;
}

a{
	color: #393939;
}




.kontakty_obal{
	padding: 3%;
	box-shadow: 1.5px 1.5px 7px #393939;
	background-color: #FFFFFF;
	margin-bottom: 15%;
	
}


.skupinky{
	box-shadow: 1.5px 1.5px 7px #393939;
	background-color: #FFFFFF;	
	text-align: left;
	padding: 4%;
}


.odrazky_skupinky{
	list-style: square;
	margin-left: 4%;
	
}

.odrazky_skupinky li{
	margin-bottom: 2%;
	
}


.skupinky_left{
	text-align: center;
}


.skupinky_right{
	text-align: center;
}

#stranka{
	background-color: #e9f4ff;
	padding-top: 1%;
    padding-left: 4em;
    padding-right: 4em;
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
    height:100%;
}

/*.ohraniceni{
	background-color: #ECECEC;
	padding: 2%;
	
	margin-bottom: 9%;
	
} */

.ohraniceni-rady{
	box-shadow: 1.5px 1.5px 7px #393939;
	padding: 3%;
	background-color: #FFFFFF;
	margin-bottom: 9%;	
} 

.mezera{
	margin-bottom: 9%;
}



#o_nas p{
	margin-bottom: 1em;
}


#kalendar{
	margin-right:10%;
	margin-left:10%;
	margin-bottom: 9%;
}

.rozdeleni {
	font-size: 2em;
}

.rozdeleni :hover {
	opacity: 0.8;
}

.button {
  background-color: #2A4C9E; 
  border: none;
  color: white;
  padding: 10px 28px;
  cursor: pointer;
  border-radius: 10px;
}

.button:hover  {
	background-color: #4669BD; 
}

.search{
	border-radius: 10px;
	border: none;
}


table, th, td {
  border: 1px solid black;
  padding: .3em;
}


.sponzori{
	background-image: url("paticka.jpg");
    background-size: cover;
	//border-top: 10px #1b3165 solid;  
    width: 100%;
    height: 564px;  
}

#strana{
	display: inline;
}

#strana button{
	margin: .2em;
	border: none;
	background-color: #1b3165;
	text-align: center;
	width: 30px;
  	cursor: pointer;
}

#strana button a{
	color: white;
    background-color: #08359E;
}

#strana button a:hover{
	text-decoration: none;
}

#strana button:hover{
	background-color: #4D73CF;
}



.strankovani button{
	border: none;
	background-color: #1b3165;
	text-align: center;
  	cursor: pointer;
	margin: .2em;
    margin-top: 4em;
}

.strankovani button a{
	color: white;
}

.strankovani button a:hover{
	text-decoration: none;
}

.strankovani button:hover{
	background-color: #4D73CF;
}



.strankovani{
	text-align: center;
	
}

/*------- vyskakovaci okno ------------- */
#popup {
	display:none;
	position:absolute;
	margin:0 auto;
	background-color: rgba(0, 0, 0, 0.8);
	text-align:center;
	width:100%;
	height:100%;
	z-index: 9999;
}

#close {
	background-color: rgb(244, 210, 0);
	border: none;
	color: white;
	padding: 15px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
	top:50px;
	right:50px;
	position: relative;
	float: right;
}

#popup img{
	margin-top: 50px;
	opacity:1;
}


.seznam ul,.seznam li{
    list-style: disc;
    text-align:left;
    margin-left:30px;
}

.vcenter {
  position: absolute;
  top: 50%;
  transform:translate(-0%, -50%);
 
}

.vcenter-naopak {
  position: absolute;
  top: 50%;
  transform:translate(-0%, -50%);

}


.page-square {
    width: 30px;
	margin: .2em;
	border: none;
	background-color: #1b3165; /* Výchozí barva pozadí */
	text-align: center;
	width: 30px;
  	cursor: pointer;
    color: white;
    transition: background-color 0.3s ease;
}

.active1 {
    background-color: #08359E !important; /* Červená barva s !important */
}

.page-square:hover {
    background-color: #0056b3; /* Barva pozadí při hover */
}