@charset "utf-8";
/* ***************************************************** */
/*
/*  copyright 2017
/*  PIXMEDIA - Jakub Kribik
/*  www.pixmedia.cz
/*  info@pixmedia.cz
/*
/* ***************************************************** */
/* tablet layout */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.content-in{
		width:740px;
		_background-color:rgba(0,255,0,0.2);
	}
	.content-in .menu li{
		padding:20px 15px;
	}
	.content-in .social{
		padding:10px 20px;
		clear:right;
	}
	.content-in .social li{
		padding:10px 10px;
	}
	#header{
		background:transparent;
	}
	#header .content-in{
		background-position:center 30px;
		background-size:100%;
	}
	#header .menu{
		margin:0 15px 0 0;
		float:right;
	}
	#header .social{
		display:none;
	}
	#header .box-background2{
		margin:230px 0 0 0;
		height:auto;
	}
	#header .box-background2,
	#header .box-background2 *{
		font-size:24px;
	}
	#header .box-background2 h2{
		padding:20px 0 10px 0;
	}
	#menu2 .content-in{
		padding:0 0 60px;
		height:auto;
		background-size:cover;
	}
	#menu2 ul{
		padding:40px 0 0;
		width:600px;
	}
	#menu2 ul li{
		padding:0 5% 30px;
		width:40%
	}
	#menu2 ul li:nth-child(3){
		clear:left;
	}
	#content .content-in{
		padding:20px;
		width:700px;
	}
	#content .content-in #banner1{
		margin:0 -20px;
		width:740px;
		background:transparent;
	}
	#content .content-in #banner1 li{
		height:238px;
	}
	#content .content-in #banner1 li.left{
		width:215px;
	}
	#content .content-in #banner1 li.center{
		width:240px;
	}
	#content .content-in #banner1 li.right{
		width:285px;
	}
	#kontaktni-formular form{
		padding:30px 20px 40px;
		width:700px;
	}
	#kontaktni-formular #form_jmeno{
		width:470px;
	}
	#kontaktni-formular #form_tel{
		width:180px;
	}
	#kontaktni-formular #form_email{
		width:255px;
	}
	#kontaktni-formular #form_skola{
		width:270px;
	}
	#kontaktni-formular #form_obor{
		width:155px;
	}
	#kontaktni-formular #form_bydliste{
		width:550px;
	}
	#footer{
		background:transparent;
	}
	#footer .box-background{
		padding:0;
		text-align:center;
	}
	#footer .box-background2{
		margin-top:45px;
	}
	#footer .menu,
	#footer .social{
		margin:0 auto;
		width:auto;
		clear:both;
		display:inline-block;
		float:none;
	}
}