.tabs > div {
	width: 100%;
	position: relative;
}

.tabs{position: relative;clear: both; overflow:auto; }

.tabs ul.horizontal {
	list-style: none outside none;
	margin: 0;
	width: 100%;
	position: absolute;
	top: 34.1rem;
	right:0px;
	z-index: 400;
}
@media only screen and (min-width: 1120px) {.tabs {height: 640px; overflow: hidden;}}
@media only screen and (max-width: 1119px) {
.tabs ul.horizontal {top: 0.1rem !important;}
.tabs > div{margin-top: 8.5rem;}
}

@media only screen and (max-width: 420px) {.tabs > div{margin-top: 5rem;}}


/*
@media only screen and (max-width: 479px) {
	.tabs ul.horizontal {top: 40.1rem !important;}
	.tabs li {padding-bottom: 3px !important; background-position: 100% -80% !important;;}
}
@media only screen and (max-width: 599px) {.tabs ul.horizontal {top: 35.1rem !important;}}
*/
.tabs li {
	background: #ededed;
	padding-top: 0px;
	border-top:1px solid #000;
	margin: 0;
	display: block;
	width: 20%;
	font-size: 0.8em;
	height: 100%;
	overflow: hidden;
	float: left;
	padding-bottom: 18px;
	background-image: url(../design/tabs.png); background-repeat: no-repeat; background-position: bottom center;
	
}
.tabs li:hover, .tabs li.active {background-image: url(../design/tabs-aktivni.png);}
.tabs li:hover img, .tabs li.active img {opacity: 0.5;}
.tabs li img{width:100%;max-height: 106px;	float:left; border-left: 1px solid #000;}
.tabs li:last-of-type img{border-right: 1px solid #000;}


.tabs li a {
	color: #fff;
	display: block;
	text-decoration: none;
}

.tabs > div h3, .tabs > div h3 a.article {color: #000; font-weight: bold; font-size: 1.4em; line-height: 1em;}
.tabs > div h3:hover, .tabs > div h3 a.article:hover {color: #606c76;}
.tabs > div {line-height: 1; padding: 0 !important; /*height:39em;*/ height: auto; overflow: auto;}
.tabs > div p {margin: 0;}
.tabs > div img {width: 100%; /*height: 27em;*/ height:auto;  display: block; margin-bottom: 1em;}