@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");

.stw-banner{
	position:relative;
	display:block;
	width:485px;
	min-height:174px;
	background:white;
	font-family:"Roboto",sans-serif;
	z-index:10;
	background-image:url("https://www.pohodaplus.cz/image/pohodaplus/banner/Plus_Bara.png?ver=260821");
	background-repeat:no-repeat;
	background-position:right
}
.stw-banner img {
	all:initial;
	position:absolute;
	bottom:0;
	right:0;
	z-index:11
}
.stw-banner .stw-banner-links {
	padding-left:25px;
	padding-top:35px
}
.stw-banner a {
	all:initial;
	text-decoration:none !important;
	font-family:"Roboto",sans-serif;
	font-size:18px;font-weight:bold;
	color:white;
	padding:11px 25px;
	border-radius:21px;
	z-index:12;
	background-color: #63a900;
}
.stw-banner a:hover {
	cursor:pointer;
	color:white;
	background-color:#b1cc38
}
.stw-banner a:nth-of-type(2) {
	background:#00a3e5;
	margin-right:10px
}

.stw-banner a:nth-of-type(2):hover{
	background:#66c7ee
}
.stw-banner a:nth-of-type(3) {
	background:#63a900
}
.stw-banner a:nth-of-type(3):hover{
	background:#b1cc38
}
.stw-banner .stw-banner-title {
	font-size:24px;
	color:#004388;
	padding-top:27px;
	padding-left:25px
}
.stw-banner .stw-banner-darkblue {
	background-color:#004388
}
.stw-banner .stw-banner-yellow {
	background-color:#ecf599
}
.stw-banner .stw-banner-lightblue {
	background-color:#e1f5fe
}
.stw-banner .stw-banner-grey { 
	background-color:#929292
}
.stw-banner .stw-banner-darkblue .stw-banner-title, .stw-banner .stw-banner-grey .stw-banner-title {
	color:white
}