@charset "utf-8";
*, html, body {margin:0; padding:0;}
* {
  box-sizing: border-box;
}
html, body {width:100%; height:100%;}
body {
	font-family: 'Open Sans Normal', sans-serif;
	font-size:100%;
	color:#000;
	background:#C6C6C6 url(../images/kenast-bg2.gif) repeat-x;
	/*background:#F6A800 url(../images/kenast-bg2.gif) repeat-x;*/
	
	
}

ul, ol, dl { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, p { margin: 0;}

h1 { font-size: 21px; color:#D80003; margin-bottom:.5em; font-family: 'NovecentowideUltraLightBold', sans-serif;}
h2 { font-size: 17px; color:#000; margin-bottom:.1em; margin-top:.3em; font-family: 'NovecentowideUltraLightBold', sans-serif;}
h3 { font-size: 14px; color:#000; margin-bottom:.1em; margin-top:.3em; font-family: 'NovecentowideUltraLightBold', sans-serif;}

hr { display:none;}
img {	border: none;}
a img {	border: none;}

a:link { color:#EEA201;	text-decoration: underline;}
a:visited { color:#EEA201; text-decoration: underline;}
a:hover { color:#D80003;}
a:hover, a:active, a:focus { text-decoration: underline;}

.noscroll { overflow: hidden;}

#container { position:relative; background:url(../images/main-bg.png) center repeat-y; min-height:100%; height:auto !important; _height:100%;}

/*HEADER*/
#Header_cont {position:relative; height:266px; background:url(../images/header-bg2.png) repeat-x; }
#Header {position:relative; width: 1040px; margin: 0 auto;}

#NavHeader {position:relative; background:url(../images/nav-bg.png) no-repeat; height:30px; overflow:hidden; }
#NavHeader a:link, #NavHeader a:visited { color:#FFF; text-decoration:none; }
#NavHeader a:hover { color:#FFF; text-decoration:underline; }
#NavHeader ul {list-style-type:none; color:#FFF; font-family: 'NovecentowideUltraLightBold', sans-serif; font-size:13px; overflow:hidden; margin-left:6px;}
#NavHeader ul li { display:inline-block; line-height:30px; height:30px; padding-right:8px; padding-left:12px; background:url(../images/nav-divider.png) left center no-repeat; margin-left:-1px; }
#HeaderLion { position:absolute; width:339px; height:259px; background:url(../images/lef.gif) right bottom no-repeat;}
#Logo { position:absolute; width:220px; height:97px; top:43px;}
#MobileMenu { position:absolute; width:50px; height:40px; background:url(../images/mobile-menu.png) no-repeat; right:10px; top:40px; cursor:pointer;}
#MobileMenu:hover { background-position: 0px -50px;}
#MobileMenu span {display:none;}
#MobileMenuClose { position:fixed; width:29px; height:29px; top:3px; right:20px; display:none; background:url(../images/mobile-menu-close.png) no-repeat; cursor:pointer;}
#MobileMenuClose:hover { background-position: 0px -29px;}

#Slogan {position:relative; margin-top:130px; }
#Slogan .Slogan_Nadpis {font-family: 'NovecentowideUltraLightBold', sans-serif; color:#FFF; font-size:22px;}
#Slogan p {color:#000; font-size:14px;}
#Slogan a {color:#FFF; atext-decoration:none;}
#Slogan a:hover {color:#D80003; text-decoration:underline;}

.Product-quicklink { amargin-top:-30px;}
.Product-quicklink span {line-height:40px; display: inline-block; abackground-color:#330;}
.Product-quicklink span.Product-quicklink-divider { padding:0 6px;}
.Product-quicklink span.breadcrumb-home a { display:block; width:32px; height:40px; line-height:40px; abackground-color:#3F0; abackground:url(../images/kenast-home.png) center center no-repeat;}
.Product-quicklink span.breadcrumb-home span {}
.Product-quicklink span a {line-height:40px; background-color:#3F0;}



/*MAIN*/
#Main_cont {position:relative; width: 1040px; margin: 0 auto;}
#Left {position:relative; width:330px; float:left;}
#content {position:relative; width:670px; margin-right:30px; float:right; font-size:13px; background-color:#FFF; z-index:499;}
#content p {  line-height:1.7em; margin-bottom:1em;}
#content ul { margin-bottom: 14px; margin-left:20px; }
#content ol { margin-bottom: 14px; margin-left:15px; }
#content ul li, #content ol li { margin-bottom: 5px; line-height:1.5em;}
.articlehead {height:130px;}
.article {}
.article table {margin:0; padding:0; border:2px solid #666; border-collapse: collapse; }
.article table th {vertical-align:top; text-align:left; padding:4px; border:1px solid #666; background-color:#F3F3F3;}
.article table td {vertical-align:top; text-align:left; padding:4px; border:1px solid #666;}
.article table th.tright, .article table td.tright {text-align:right;}
.article table.Centered th { font-size:.9em;}
.article table.Centered td {vertical-align:top; text-align:center; padding:4px; border:1px solid #666;}
.article table.CenteredSmall th { font-size:.85em; vertical-align:top; }
.article table.CenteredSmall td { font-size:.85em; vertical-align:top; text-align:center;}
.article table.CenteredSmall td:first-child {text-align:left;}

.article table.Blanktable {margin:0; padding:0; border:none; border-collapse: collapse; }
.article table.Blanktable td {vertical-align:top; text-align:left; padding:4px; border:none;}
.article .txt {float: left; width: 200px; font-size: 12px;}
#facebookiframe { margin-top:20px;}


#content ol.breadcrumb {list-style: none; margin-bottom:0; margin-left:0; margin-top:-30px;}
ol.breadcrumb li { display: inline; font-size: 12px;}
ol.breadcrumb li span { display:inline-block; line-height:40px; padding:0 2px;}
ol.breadcrumb li span img {vertical-align: middle;}
ol.breadcrumb li+li:before { padding: 0 2px; color: black; content: "\00BB\00a0";}


/*MAIN - LEFT NAV*/
#Eshop { margin-top:12px; margin-left:6px; width:330px; height:86px;}
#Eshop a { display:block; width:330px; height:86px; background:url(../images/eshop-pro-skoly-a-kancelare.gif);}
#Eshop a:hover { background-position: 0 -86px;}
#Eshop span { display:none;}

#Navigace { margin-top:36px;}
.NavigaceItem { color:#838383; margin-bottom:20px; background-position:10px 5px; background-repeat:no-repeat;}
.NavigaceItem:hover { }
.NavigaceItem a:link, .NavigaceItem a:visited { color:#838383; text-decoration:none;}
.NavigaceItem a:hover { color:#D80003; text-decoration:none;}
.NavigaceItem .NavigaceNadpis { padding-left:80px; font-size:15px; font-weight:bold;}
.NavigaceItem ul { padding-left:80px; font-size:12px; list-style-type:none;}
.NavigaceItem ul li { line-height:20px; border-top: 1px solid #F0F0F0;}
.NavigaceItem ul li a { display:block; width:100%; height:100%;}
.NavigaceNadpis a { display:block; width:100%; height:100%;}
.NavigaceItem ul li:hover {background-color:#FEF7E8;}

#NavigaceItem01 {background-image:url(../images/pikto/pi-kancelar.gif); }
#NavigaceItem01:hover {background-image:url(../images/pikto/pi-kancelar-full.gif); }
#NavigaceItem02 {background-image:url(../images/pikto/pi-skolky.gif); }
#NavigaceItem02:hover {background-image:url(../images/pikto/pi-skolky-full.gif); }
#NavigaceItem03 {background-image:url(../images/pikto/pi-tisk.gif); }
#NavigaceItem03:hover {background-image:url(../images/pikto/pi-tisk-full.gif); }
#NavigaceItem04 {background-image:url(../images/pikto/pi-pocitace.gif); }
#NavigaceItem04:hover {background-image:url(../images/pikto/pi-pocitace-full.gif); }
#NavigaceItem05 {background-image:url(../images/pikto/pi-servis.gif); }
#NavigaceItem05:hover {background-image:url(../images/pikto/pi-servis-full.gif); }
#NavigaceItem06 {background-image:url(../images/pikto/pi-prodejna.gif); }
#NavigaceItem06:hover {background-image:url(../images/pikto/pi-prodejna-full.gif); }
#NavigaceItem00 {background-image:url(../images/pikto/pi-kenast.gif); }
#NavigaceItem00:hover {background-image:url(../images/pikto/pi-kenast-full.gif); }
.eshop-nav { background:url(../images/eshop-nav.png) no-repeat; background-position: 0 5px; padding-left:28px;}
.kenastkatalog {padding-left:28px; text-align:center; font-size:.9em;}

/*HEADER - SLIDESHOW*/
#Slideshow_cont { position: absolute; width:700px; height:330px; top:-231px; right:0; background-color:#000; border:1px solid #FFF; overflow:hidden; z-index:500;     atransform-origin: 0px 0px 0px; atransform: scale(0.809402);}
#Slideshow { position:relative;     }
#Slideshow div.SlideShowItem { 
    position: absolute;
}
.SlideShowItem .Slideshow_textbox { position:absolute; height:165px; width:100%; bottom:0; background:url(../images/slides-bg.png) bottom repeat-x;}
.SlideShowItem a {color:#FFF; text-decoration:underline;}
.SlideShowItem a:hover {color:#FFF; text-decoration:underline;}
.SlideShowItem .Slideshow_textbox .Slideshow_textbox_in { width:430px; padding-left:18px; padding-top:62px;}
.SlideShowItem .Slideshow_textbox h3 { color:#FFF; font-size:18px; padding-top:6px;}
.SlideShowItem .Slideshow_textbox p { color:#FFF; font-size:13px; line-height:1.5em;}
.slogan25let { position:absolute; height:50px; width:245px; top:15px; right:20px; z-index:999;}

/*FOOTER*/
#Footer_cont { background:#828282 url(../images/footer-bg.gif) repeat-x;}
#Footer {position:relative; width: 1040px; margin: 0 auto; padding-top:25px; font-size:11px;}
#Footer .Footer_in {position:relative; margin-left:10px; margin-right:30px; height:105px;}
#Footer .Footer_in_bottom {position:relative; margin-left:10px; margin-right:30px; height:50px; line-height:50px; text-align:right; color:#FFF;}
#Footer .Footer_pikto {}
#Footer .Footer_pikto ul {list-style-type:none; margin-top:10px; }
#Footer .Footer_pikto ul li { display:inline-block; width:126px; background-position: 0 -31px; }
#Footer .Footer_pikto ul li:hover {background-position: 0 0px; }
#Footer .Footer_pikto ul li span { display:none; }
#Footer .Footer_pikto ul li a { display:block; height:30px; width:126px;}
#Footer .Footer_pikto ul li.Pikto_Kyocera { background-image:url(../images/logo-kyocera.png); }
#Footer .Footer_pikto ul li.Pikto_Hobis { background-image:url(../images/logo-hobis.png); }
#Footer .Footer_pikto ul li.Pikto_OfficePro { background-image:url(../images/logo-office-pro.png); }

#Footer a {color:#FFF; afont-weight:bold; atext-decoration:none;}
#Footer a:hover {color:#000; text-decoration:underline;}


#Footer .Footer_Facebook { float:left; width:145px; }
#Footer .Footer_ColumnA { float:left; width:195px;}
#Footer .Footer_ColumnA ul { list-style-type:none; font-size:12px;}
#Footer .Footer_ColumnA ul li { padding-bottom:2px;}
#Footer .Footer_ColumnB { float:left; width:235px; height:95px; border-left:1px solid #9B9B9B;}
#Footer .Footer_ColumnB p { padding:10px 20px 0 20px; line-height:1.6em;}
#Footer .Footer_ColumnC { float:left; width:200px; height:95px; border-left:1px solid #9B9B9B; border-right:1px solid #9B9B9B;}
#Footer .Footer_ColumnC p { padding:10px 20px 0 20px; line-height:1.6em;}
#Footer .Footer_Phone { float:right; width:200px; height:90px; background:url(../images/pikto-volejte-800.png) top right no-repeat; }

/*X*/




#xcontent { background:#FFF;}
#xcontent p { margin-bottom: 10px; line-height:1.5em;}
#xcontent ul { margin-bottom: 10px; margin-left:20px;}
#xcontent ul li { margin-bottom: 5px; line-height:1.5em;}
#left_column { float:left; width:245px; }
#right_column { float:right; max-width:660px;}
.xarticle {padding:15px 35px; font-size:.9em;}

.FloatRight { float: right;}
.FloatLeft { float: left;}
.Clearer { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.ImgBorder { border: 1px solid #000;}
.ImgLeft { float:left; margin-right:10px;}
.ImgRight { float:right; margin-left:10px; margin-bottom:4px;}

.Eshop1 { background:url(../images/eshop-home-1.png) no-repeat;}
.Eshop2 { background:url(../images/eshop-home-2.png) no-repeat;}
.Eshop3 { background:url(../images/eshop-home-3.png) no-repeat;}

.Eshop11 { background:url(../images/eshop-home-11.png) no-repeat; float:left; }
.Eshop13 { background:url(../images/eshop-home-13.png) no-repeat; float:right; }

.EshopThumb { float:left; width:222px; height:86px;}
.EshopThumb a { display:block; width:100%; height:100%;}
.EshopThumb:hover { background-position:0 -86px;}
.EshopThumb span { display:none;}

.EshopThumbnew { width:320px; height:100px;}
.EshopThumbnew a { display:block; width:100%; height:100%;}
.EshopThumbnew:hover { background-position:0 -100px;}
.EshopThumbnew span { display:none;}


.GallThumbs {}
.GallThumbs img { float:left; border:2px solid #000; margin-right:5px; margin-bottom:5px;}
.GallThumbs img:hover { border:2px solid #EEA201;}

.GallThumb { float:left; width:150px; height:150px; margin-right:15px; margin-bottom:15px;}
.GallThumba img { border:2px solid #8D8D8D; -webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.GallThumb a { display:block;width:158px; height:158px; overflow:hidden;}
.GallThumb a img {
opacity: 1;
-webkit-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
border-radius: 5%;
-moz-border-radius: 5%;
-webkit-border-radius: 5%;
border: #8D8D8D 1px solid;
padding: 3px;
background-color:#fff;
width:150px; height:150px;
}
.GallThumb a img:hover { border:1px solid #D80003;}

.RoundedImage {
opacity: 1;
-webkit-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
border-radius: 8%;
-moz-border-radius: 8%;
-webkit-border-radius: 8%;
border: #8D8D8D 1px solid;
padding: 3px;
background-color:#fff;
}
.RoundedImage:hover {border:1px solid #D80003;}

.RoundedImage2cont { text-align:center; margin-bottom:15px;}
.RoundedImage2 { border:1px solid #8D8D8D; -webkit-border-radius: 8px 8px 8px 8px;-moz-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;}
.RoundedImage2:hover {border:1px solid #D80003;}

.RoundedNews {
opacity: 1;
-webkit-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
border: #8e8e8e 1px solid;
padding: 0px;
background-color:#fff;
}
.RoundedNews:hover {border:1px solid #D80003;}

.HomeThumbs { margin-left:-8px;}
.HomeThumb { position:relative; width:216px; float:left; margin-left:8px; margin-bottom:12px;}
.HomeThumb a img {
opacity: .7;
-webkit-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
border-radius: 5%;
-moz-border-radius: 5%;
-webkit-border-radius: 5%;
border: #8D8D8D 1px solid;
padding: 2px;
background-color:#fff;
}
.HomeThumb:hover a img {border:1px solid #D80003;opacity: 1;}
.HomeThumb span { display:block; position:absolute; width:210px; height:38x; line-height:38px; background:url(../images/bit-white80.png); top:150px; left:3px; text-align:center;}
.HomeThumb span a { color:#000; text-decoration:none; font-weight:bold; font-size:15px;}

.fb_frame { border:none; overflow:hidden; height:24px; width: 3000px;}

.KontaktyGroup { font-size:11px; margin-bottom:10px;}
.KontaktyGroup h2 { border-bottom:1px solid #8D8D8D; margin-bottom:6px;}
/*.KontaktyPerson { float:left; width:320px; margin-right:10px; margin-bottom:10px;}*/
.KontaktyPerson { float:left; width:320px; margin:0 5px 20px 5px; text-align:center;}
.KontaktyPerson:nth-child(2n) { clear:both;}
/*.KontaktyPerson img { border:1px solid #8D8D8D; float:left; margin-right:8px;}*/
.KontaktyPerson img { border:1px solid #8D8D8D; }
.KontaktyPerson h3 { font-family: 'Open Sans Normal', sans-serif; font-size:16px;margin-bottom:0;}
/*.KontaktyPerson p { line-height:1.5em !important; margin-bottom:5px !important;}*/
.KontaktyPerson p { line-height:1.5em !important; margin-bottom:5px !important; text-align:center; padding:0 20px;}
.piktoemail { background:url(../images/pikto-mail.png) left center no-repeat; padding-left:25px; font-size:14px;}
.piktophone { background:url(../images/pikto-phone.png) left center no-repeat; padding-left:25px; font-weight:bold; font-size:14px;}

.KontaktyProvozovna { float:left; max-width:320px; margin-right:15px; margin-bottom:20px;}
.Oceneni { float:left; width:200px; height:286px; margin-right:10px; margin-bottom:10px; border:1px solid #8D8D8D; overflow:hidden;}
.Oceneni:hover {border:1px solid #D80003;}

#form-login label { display: inline-block; width:140px;}
#form-login input { padding:6px;}
#form-login .SubmitButton { margin-left:140px; width:150px;}

.kenastradio { margin-left:40px; margin-top:15px;}

.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
	line-height: 0;
	clear:both;
}

	.form-cont{
		border-radius: 5px;
		background-color: #f2f2f2;
		padding: 15px;
		}
	.form-cont label {
			padding: 10px 10px 10px 0;
			display: inline-block;
		}
	.form-cont input[type=text], select, textarea {
			width: 100%;
			padding: 10px;
			border: 1px solid #ccc;
			border-radius: 4px;
			resize: vertical;
		}
	.form-cont input[type=submit] {
			background-color: #4CAF50;
			color: white;
			padding: 10px 20px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			float: right;
			margin-top: 6px;
		}
	.form-cont input[type=submit]:hover {
		background-color: #45a049;
	}
	.formLine {}
	.formLine.groupindent { margin-top:18px;}
	.formLine:after {
		content: "";
		display: table;
		clear: both;
		}
	.col-label{
		float: left;
		width: 25%;
		margin-top: 6px;
		}
	.col-input{
		float: left;
		width: 75%;
		margin-top: 6px;
		}
	.required-item .col-label label {font-weight:bold;}
	.required-item .col-label label:after { padding-left:4px; color: black; font-weight:bold; content: "*";}
	
	@supports (zoom:2) {
		.form-cont input[type="radio"],  .form-cont input[type=checkbox]{
		zoom: 2;
		}
	}
	@supports not (zoom:2) {
		.form-cont input[type="radio"],  .form-cont input[type=checkbox]{
			transform: scale(2);
			margin: 15px;
		}
	}
	.checkboxtext
	{
		display: inline; padding: 10px;
	}
	.sendresultok {
		border-radius: 8px;
		padding: 10px;
		background-color: #FFD057;
		text-align: center;
		margin-bottom: 15px;
		}
	.sendresultbad {
		border-radius: 8px;
		padding: 10px;
		background-color: #FFD057;
		color: #FF0000;
		margin-bottom: 15px;
		}
		
	.article img, #content img { max-width:100%; height:auto;}
	
	.tablelike { width:100%; display:table; border-left: 1px solid #999; border-top: 1px solid #999;}
	.tablelikerow { display:table-row;}
	.tablelikecell { display:table-cell; width:50%; border-right: 1px solid #999; border-bottom: 1px solid #999; padding:8px;}
	.tablelikecell li, .tablelikecell li { font-size:.9em;}
	.tablelikecell img {float:right; margin-left:8px;}

		
@media screen and (max-width: 600px) {
  .col-label, .col-input, .form-cont input[type=submit] {
    float: none;
		width: 100%;
    margin-top: 0;
  }
	.form-cont input[type=submit] {
    margin-top: 12px;
  }
	.form-cont label {
			padding: 12px 12px 4px 0;
		}
}

@media (min-width: 1024px) {
	#container { min-width:1070px; }
	#HeaderLion { top:0; left:0; }
	#Main_cont {padding-bottom:200px;}
	#Footer_cont { position:absolute; height:180px; width:100%; bottom:0; left:0;}
	#Footer .Footer_pikto { position:absolute; height:50px; width:400px; top:0; left:0; text-align:left; overflow:hidden;}
	.menuhidden { display:none;}
}

@media (max-width: 1023px) {
	body {}
	#container {}
	#Header_cont {}
	#Header { width:auto;}
	#HeaderLion {top:0; right:0;}
	#Logo { top:43px; left:10px;}
	#Slogan { margin-left:10px; }
	
	#Footer_cont {position:relative; min-height:180px; width:auto;}
	#Footer {width:auto;}
	#Footer .Footer_in {position:relative; margin:0 auto; max-width:640px; height:auto; text-align:center;}
	#Footer .Footer_in_bottom {position:relative; margin:0 auto; height:auto; line-height:1.5em; text-align:center; color:#FFF; padding-bottom:10px;}
	#Footer .Footer_pikto { position:relative; height:auto; width:auto; text-align:center; margin:0 auto;}
	
	#Footer .Footer_Facebook { float:none; margin:0 auto; padding-bottom:20px;}
	#Footer .Footer_Phone { float:none; width:200px; height:90px; background:url(../images/pikto-volejte-800.png) top right no-repeat; margin:0 auto; }
	.ClearerX { 
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}

	#Main_cont {position:relative; width:auto; max-width:100%; margin: 0 auto; padding-bottom:10px;}
	#content {position:relative; width:auto; margin-right:30px; margin-left:30px; float:none; }
	#NavigaceFull{ position:fixed; top:0px; z-index:1001; abackground-color:#FFF; left:0; right:0; overflow-y:scroll; height: 100%; background:#F6A800; display:none;}
	#MobileMenuClose { display:block;}
	#Navigace {-webkit-overflow-scrolling: touch; background-color:#FFF; margin:36px;}
	.NavigaceItem { color:#838383; margin-bottom:20px; background-position:10px 5px; background-repeat:no-repeat;}
	.NavigaceItem .NavigaceNadpis { padding-left:90px; font-size:16px; font-weight:bold;line-height:32px;}
	.NavigaceItem ul { padding-left:90px; font-size:14px; list-style-type:none;}
	.NavigaceItem ul li { line-height:32px; border-top: 1px solid #F0F0F0;}

	
	#Left {position:relative; width:auto; float:none;}
	#Eshop { margin:10px auto;}
	
	.articlehead {height:15px;}
	#content ol.breadcrumb {margin-top:-15px; padding-bottom:10px;}
	#content ol.breadcrumb > li:first-child { margin-left:-8px;}

	.article div, .article table { max-width:100%;}
	.Eshop13 { float:left;}

}
@media (min-width: 801px) and (max-width: 1023px) {	
	#Slideshow_cont { position: absolute; width:466px; height:220px; }
	#Slideshow {width:700px; height:330px;overflow:hidden; transform-origin: 0px 0px 0px; transform: scale(0.67);}
	#MobileMenu { right:500px;}
	
}

@media (max-width: 800px) {
	#Slideshow_cont { position: relative; width:auto; height:330px; top:0; right:auto; background-color:#000; border:none; margin-top:1px; overflow:hidden; z-index:500; }
	#Slideshow { position:relative;width:700px; height:330px;overflow:hidden; transform-origin: 0px 0px 0px;}

	#Footer .Footer_ColumnA { float:none; margin:0 auto; padding-bottom:20px;}
	#Footer .Footer_ColumnB { float:none; margin:0 auto; border-top:1px solid #9B9B9B; border-bottom:1px solid #9B9B9B; border-left:none;}
	#Footer .Footer_ColumnB p { padding:10px 20px 0 20px; line-height:1.6em;}
	#Footer .Footer_ColumnC { float:none; margin:0 auto; border:none;}
	#Footer .Footer_ColumnC p { padding:10px 20px 0 20px; line-height:1.6em;}
	
	ol.breadcrumb li span {line-height:32px;}

}

@media (max-width: 710px) {
	.Eshop13, .Eshop11 { float:none;}
	.EshopThumbnew { margin:0 auto; }
}

@media (max-width: 508px) {
	.HomeThumbs { margin:0;}
	.HomeThumb { float:none; margin:0 auto; margin-bottom:10px;}
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */

}
@media only screen and (min-width: 481px) and (max-width: 767px)
{
 #Slogan_wrapper p {line-height:40px; font-size:18px; color:#FFF; margin-left:20px;}
}
@media only screen and (max-width: 580px)
{
 #Slogan_wrapper p {line-height:40px; font-size:18px; color:#FFF; margin-left:20px;}
 #Slogan_wrapper p span { display:none;}
 .NavigaceItem { color:#838383; margin-bottom:0px; padding-top:85px; background-position:20px 20px; background-repeat:no-repeat;}
 .NavigaceItem .NavigaceNadpis { padding-left:20px;}
 .NavigaceItem ul { padding-left:0px;}
 .NavigaceItem ul li { padding-left:20px;}
 
 	#Eshop { width:240px; height:62px}
	#Eshop a { display:block; width:240px; height:62px; background:url(../images/eshop-pro-skoly-a-kancelare-mini.gif);}
	#Eshop a:hover { background-position: 0 -63px;}
	#Header_cont {height:244px; background-position:bottom;}
	#HeaderLion {height:237px;}
	#Slogan {margin-top:115px; }
	#NavHeader ul {font-size:12px; }
	#Logo img { width:200px; height:auto;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}
