/*
	SOLEN ecourses - main layout by ivosan; (C) ivo andrle
	...doplnkova sablona pouzita pro subweb online
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#slidef {				width:100%;}
div.elesrc {				width:100%;min-height:155px;margin: 11px 0 11px 0;padding: 6px 0;border: 2px solid transparent;border-width: 2px 0;background: #fff;transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out;}
div.elesrc table {			width:100%;margin:0;padding:0}
#iTabCont div.elesrc table {	margin:0;padding:0}
div.elesrc td.srcimg {		width:266px;vertical-align:top;margin:6px 3px 6px 0}
div.elesrc td.srcdet {		width:auto;vertical-align:top;text-align:left;margin:6px 0 6px 11px;position:relative;}
div.elesrc td.srcdet.pr122 {	padding-right:122px;}
div.elesrc td.internal {		width:99%;background-color:#eee;padding:6px 11px 6px 3px;color:#666;font-size:90%;}
div.elesrc h2, div.elesrc h3, div.elesrc h4, div.elesrc h5, div.elesrc p, #iTabCont div.elesrc h2, #iTabCont div.elesrc h3, #iTabCont div.elesrc h4, #iTabCont div.elesrc h5, #iTabCont div.elesrc p {
						margin: 0 0 11px 0;}
div.elesrc h2 {			font-size: 133%;font-weight:bold;}
div.elesrc h3 {			color: #000;font-size: 120%;font-weight:bold;}
div.elesrc h4 {			color: #000;font-size: 115%;font-weight:bold;}
div.elesrc h5 {			font-size: 110%;font-weight:bold;}
div.elesrc dt {			color: #999;font-size: 100%;}
div.elesrc p {				color: #000;font-size: 90%;}
a:hover div.elesrc {		background: #f7f7f7; border-color: #eee;}

#eleVideo {				margin: 11px auto;}
#eleVideo.ev854 {			width:854px;}
#eleVideo.ev1280 {			width:1280px;}

div.ecourse H1 {			margin-right:0}
div.ecourse H2 {			margin-left:0}
div.eleStat {				width: 100%; margin: 11px 0; padding: 11px; border: 2px solid #e2001a; background-color: #eee;}
div.eleStat h4 {			margin: 6px 0;}
div.eleStat p {			color: #000;margin: 6px 0;font-weight:bold;}
div.eleStat span.eleUrl{		display: inline-block; padding:15px;float:right}

div.adv {					margin-bottom:22px;}

/*	eleJProgess
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.eleprogr {				display:inline-block;position:absolute;overflow:hidden;z-index:11;top:25px;right:11px;width:105px;height:105px;}
div.eleprogr div.percent {	font:20px/27px;color:#ebebeb;text-shadow:1px 1px 1px #1f1f1f;position:absolute;margin-top:42px;margin-left:22px;text-align:center;width:60px;}

/*	mobilyslider; upraveno by ivosan
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.iGalEle {					margin:33px auto 0 auto; clear:both; width: 100%; text-align: center;}
.iGalEle .slider {				position:relative; width:1280px; height:786px; padding-bottom:77px; margin: 0px auto; background:url(/etc/jq/css/mobily/shad1280_smallarc.png) no-repeat bottom center;}
.iGalEle .sliderContent {		float:left; width:1280px; height:720px; clear:both; position:relative; overflow:hidden;}
.iGalEle .sliderArrows a {		display:block; text-indent:-9999px; outline:none; z-index:333; background-image:url(/etc/jq/css/mobily/prev_next.png);width:42px; height:42px; position:absolute; top:50%; margin-top:-34px;}
.iGalEle .imprev {				background-position:0 0; left:22px; }
.iGalEle .imprev:hover {			background-position:0 -44px; }
.iGalEle .imnext { 				right:15px; background-position:-44px 0; }
.iGalEle .imnext:hover {			background-position:-44px -44px; }
.iGalEle .sliderContent .item { 	position:absolute;width:1280px; height:720px; background:#fff;}
.iGalEle .sliderContent .item img {max-width:1280px;max-height:720px;object-fit:contain;}
.iGalEle .sliderBullets {		position:absolute;top:733px;z-index:333;width:66%;left:17%;right:17%;text-align:center;}
.iGalEle .sliderBullets a {		display:inline-block;text-indent:-9999px;outline:none;margin-left:5px;width:10px;height:11px;background:url(/etc/jq/css/mobily/bullets.png) no-repeat;}
.iGalEle .sliderBullets .active {	background-position:0 -11px;}
.iGalEle .sliderContent a { 		outline:none; color:#fff;}
.iGalEle .sliderContent a img { 	border:none;}

#ajaxinner .iGalEle {					margin-bottom:44px;}
#ajaxinner .iGalEle .slider {				width:854px;height:513px;background:url(/etc/jq/css/mobily/shad800_smallarc.png) no-repeat bottom center;}
#ajaxinner .iGalEle .sliderContent {		width:854px;height:480px;}
#ajaxinner .iGalEle .sliderContent .item {	width:854px;height:480px;}
#ajaxinner .iGalEle .sliderBullets {		top:488px;}
#ajaxinner .iGalEle .sliderContent .item img {max-width:854px;max-height:480px;}

@media (max-width: 1660px) {
	.iGalEle {				margin-bottom:44px;}
	.iGalEle .slider {			width:854px;height:513px;background:url(/etc/jq/css/mobily/shad800_smallarc.png) no-repeat bottom center;}
	.iGalEle .sliderContent {	width:854px;height:480px;}
	.iGalEle .sliderContent .item {width:854px;height:480px;}
	.iGalEle .sliderBullets {	top:488px;}
	.iGalEle .sliderContent .item img {max-width:854px;max-height:480px;}
}