#tabbed label {
	cursor: pointer;
}
#tabbed > input[type="radio"] {
	display: none;
	visibility: hidden;
	opacity: 0;
}
#tabbed {
	width: 100%;
	max-width: 1040px;
	margin: auto;
}

/***** Wrapper *****/

#tabbed .wrapper {

	position: relative;
	height: auto;
	text-align: left;
}
#tabbed .wrapper > div{
	width: 100%;
	display: none;
	margin-top: 25px;
}

#tabbed .wrapper h3 img{
	margin-right: 15px;
	vertical-align: text-bottom;
}


/***** Tab labels *****/

#tabbed input#t-1:checked ~ .wrapper .tab-1,
#tabbed input#t-2:checked ~ .wrapper .tab-2,
#tabbed input#t-3:checked ~ .wrapper .tab-3 {
	display: block;
}

#tabbed label.tabs {
	display: inline-block;
	width: 33%;
	padding: 20px 0px;
	color: #666666;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	text-align: center;
	border-bottom: 5px #eeeeee solid;
}
#tabbed label.tabs .cislo{
  color: #ACB0B5;
  padding-right: 5px;
}
#tabbed label.tabs:hover,
#tabbed label.tabs:focus {
	border-bottom: 5px #F49E00 solid;
}
#tabbed input:checked + label.tabs {
	border-bottom: 5px #F49E00 solid;
	color: #F49E00;
	font-size: 140%;
}
#tabbed input:checked + label.tabs .cislo{
	color: #F49E00;
}

#tabbed label.tabs:before {
	padding-right: 10px;
}
@media screen and (max-width:1080px){
	#tabbed label.tabs {
		max-width: 32%;
	}
}



@media screen and (max-width:350px){
#tabbed .wrapper .tab-1,
#tabbed .wrapper .tab-2,
#tabbed .wrapper .tab-3,
#tabbed .wrapper .tab-4,
#tabbed .wrapper .tab-5,
#tabbed .wrapper .tab-6 {
	position: relative;
	float: left;
	z-index: 10;
	opacity: 1;
	visibility: visible;
}
#tabbed label.tabs{
	display: none;
}

}