* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
/*FONTY*/
.plavecky-oddil {
    color: black;
}
.my-jsme-plavani-trebic {
    color: black;
	margin-top: 0.5vw;
}
.plavecky-oddil, .my-jsme-plavani-trebic {
	font-size: 2vw;
}
.odkazy-kompletni-galerie, .odkazy-ke-stazeni, .kontakty {
	font-size: 1.5rem;
	margin-bottom: 2%;
}
.font-size-1 {
	font-size: 1rem;
}
.text-menu, .text-podmenu {
	font-size: 1.25vw;
}
h1, h2, .plavecky-oddil, .my-jsme-plavani-trebic, .odkazy-kompletni-galerie, .odkazy-ke-stazeni, .kontakty, .text-menu, .text-podmenu  {
  	font-family: "Arimo", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: <weight>;
  	font-style: normal;
}

.odkaz-a {
	text-decoration: none;
	color: white;
}
.navigation-bar-horni {
    /*background: linear-gradient(to bottom, #7CB1EC, #4A8FD9);*/
	background-color: #FFFFFF;
    display: flex;
    justify-content: right  ;
    align-items: center;
    width: 100%;
    overflow-x: hidden;
    margin-top: 0 !important;
    height: 10.7vw;
}
.logo {
    position: absolute;
    top: 1vw;
    left: 5vw;
    width: 25%;
    height: auto;
    z-index: 9999;
}
.boxes {
    margin-top: 0;
    padding-left: 5vw;
    margin-right: 3vw;
}
#texty-menu {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.fafa {
    color: black;
    font-size: 5vw;
}
.rozestup {
    padding-right: 5vw;
}
.menucara {
    position: sticky;
    z-index:9999;
    margin-top: 0vw;
    border-radius: 0;
    height: 0.5vw;
    background-color: #E31C23;
	pointer-events: none;
}
.menu {
    display: flex;
    justify-content: right;
    list-style-type: none;
    padding-right: 3vw;
    background-color: #12438c;
    height: 5.31vw;
	align-items: center;
}
.menu-telefon {
	display: none !important;
}
.menu .rozbalovaci {
	position: relative;
}
.menu li a, .podmenu li a{
    text-decoration: none;
    color: white;
}
.menu li:hover a, .podmenu:hover li a{
    text-decoration: none;
    color: white;
}
.menu li{
    display: flex;
    align-items: center;
	height: 100%;
	transition: 0.5s;
}
.menu li:hover{
    background-color: #E31C23;
	transition: 0.5s;
}
.menu li a {
	height: 100%;
}
.rozbalovaci {
    position: relative;
}
.podmenu {
    display: none;
    position: absolute;
    list-style-type: none;
    top: 100%;
    left: 0;
    background-color: #d31920;
    min-width: 12vw;
	margin: 0 !important;
}
.podmenu li {
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	padding: 0vw 1vw;
}
.podmenu li a {
    display: block !important;
    width: 100%;
    color: black;
    text-decoration: none;
    box-sizing: border-box;
	/*padding: 0vw 2vw;*/
}
.podmenu li a, .podmenu a {
    display: block;
    text-decoration: none;
    padding: 1vw 0;
	box-sizing: border-box;
}
.menu .rozbalovaci:hover .podmenu, .menu .podmenu:hover{
    display: block;
}
.text-menu {
    padding: 0 1vw;
	display: flex;
    align-items: center;
	height: 100%;
}
#icon {
	display: none;
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.aligncenter {
    display: block;
    margin: 20px auto;
}

.clanek-obsah::after, 
article::after {
    content: "";
    display: table;
    clear: both;
}

.vzhled-stranky {
	display: inline-flex;
	width: 100%;
}
.vypis-clanku {
	width: 72.3%;
	padding: 0% 5%;
}
.pozadi-stranky, .vzhled-stranky {
	background-color: #F8F9FA;
}
.vzhled-stranky {
	padding: 0% 13%;
}
.titulek-clanku {
	margin-top: 3%;
}
.div-datum {
	margin: 2% 0%;
}
.datum {
	padding-left: 1%;
}
.clanek {
	font-size: 1.25rem;
}
.tlacitko-zpet {
	margin: 1% 0%;
	font-size: 1rem;
	padding: 0.5%;
	cursor: pointer;
}


.footer-pc {
	display: flex !important;
}
.footer-telefon {
	display: none !important;
}
.zapati {
	text-align: center;
	background-color: #0B2B5E;
	color: white;
	padding: 0.5% 0%;
}
.zapati a {
	color: white;
}

/******************
PRO TELEFONY
******************/
@media screen and (max-width: 780px) {	
	.my-jsme-plavani-trebic {
		margin-top: 0.5vw;
	}
	.plavecky-oddil, .my-jsme-plavani-trebic {
		font-size: 2.75vw !important;
	}
	
	.vypis-clanku {
		width: 100%;
		padding: 0% 5%;
	}
	.navigation-bar-horni {
		display: flex;
		justify-content: right  ;
		align-items: center;
		width: 100%;
		overflow-x: hidden;
		margin-top: 0 !important;
		height: 17.9vw;
	}
	.logo {
		position: absolute;
		top: 0.5vw;
		left: 0.5vw;
		width: 45%;
		height: auto;
		z-index: 9999;
	}
	.boxes {
		margin-top: 0;
		padding-left: 2vw;
		margin-right: 2vw;
	}
	#texty-menu {
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
	#fafa {
		font-size: 10vw;
	}
	.rozestup {
		padding-right: 5vw;
	}
	.menucara {
		position: sticky;
		z-index:9999;
		margin-top: 0vw;
		border-radius: 0;
		height: 1vw;
		pointer-events: none;
	}
	.menu {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		list-style-type: none;
		padding-right: 0vw;
		height: 9.5vw;
		align-items: center;
	}
	.menu-telefon {
		display: grid !important;
	}
	.menu .rozbalovaci {
		position: relative;
	}
	.menu li a{
		text-decoration: none;
		width: 100%;
		height: 100%;
	}
	.menu li{
		justify-content: center;
		padding-right: 0vw;
		/*height: 100%;*/
		transition: 0.5s;
	}
	.menu li:hover{
		transition: 0.5s;
	}
	.podmenu {
    	display: none;
	}
	.podmenu li {
		border-bottom: none;
		padding: 0vw 0vw;
	}
	.podmenu li a {
   		display: grid;
    	text-decoration: none;
    	box-sizing: border-box;
		padding: 0vw 0vw;
	}
	.podmenu li a, .podmenu a {
    	display: grid;
    	text-decoration: none;
    	padding: 0vw 0vw ;
		box-sizing: border-box;
	}
	.menu .rozbalovaci:hover .podmenu, .menu .podmenu:hover{
    	display: none;
	}
	.text-menu {
    	padding: 0 4vw;
    	align-items: center;
		height: 100%;
		font-size: 5vw;
		width: 100%;
		display: none;
	}
	.text-podmenu {
		padding: 0 2vw;
    	align-items: center;
		height: 100%;
		font-size: 3vw;
		display: none;
	}
	#icon {
		display: block !important;
		align-self: flex-end;
		align-items: center;
		color: white;
		font-size: 8vw;
		margin-right: 2vw;
		position: relative;
		transition: transform 0.4s ease;
	}
	.menu.otevreno {
        height: 125vw !important;
        padding-top: 12vw !important;
    }
    .menu.otevreno .text-menu,
    .menu.otevreno .text-podmenu {
        display: grid !important;
    }
    .menu.otevreno #icon {
        position: absolute !important;
        top: 18.9vw !important;
        right: 0vw !important;
        transform: rotate(-90deg) !important;
    }
	.obrazek-plavani {
		margin: 0% 0% !important;
	}
	.footer-pc {
		display: none !important;
	}
	.footer-telefon {
		display: flex !important;
	}
    
}