@charset "utf-8";
/* ***************************************************** */
/*
/*  copyright 2017
/*  PIXMEDIA - Jakub Kribik
/*  www.pixmedia.cz
/*  info@pixmedia.cz
/*
/* ***************************************************** */
/* mobile layout */
@media only screen and (max-width: 479px) {
	.content-in{
		width:300px;
		_background-color:rgba(255,0,0,0.2);
	}
	.content-in .menu{
		margin:0 0 10px;
		clear:both;
		float:none;
	}
	.content-in .menu li{
		padding:20px 15px;
		padding:5px 0;
		width:100%;
		text-align:center;
	}
	.content-in .social{
		padding:10px 20px;
		clear:right;
	}
	.content-in .social li{
		padding:10px 10px;
	}
	#header{
		background:transparent;
	}
	#header .content-in{
		_background-image:url(img/header-in-back-nologo.jpg);
		background-position:center 65px;
		background-size:100%;
	}
	#header .box-background{
		height:70px;
	}
	#header a#logo{
		margin:0 auto;
		width:100%;
		float:none;
		text-align:center;
	}
	#header .menu{
		margin:0 0 20px;
		display:none;
	}
	#header .social{
		display:none;
	}
	#header .box-background2{
		margin:110px 0 0 0;
		height:auto;
		background:#303030;
	}
	#header .box-background2,
	#header .box-background2 *{
		font-size:17px;
	}
	#header .box-background2 h2{
		padding:20px 0 10px 0;
	}
	#header .box-background2 br{
		display:none;
	}
	#menu2 .content-in{
		padding:0 0 40px;
		height:auto;
		background-size:cover;
	}
	#menu2 ul{
		padding:30px 0 0;
		width:300px;
	}
	#menu2 ul li{
		padding:0 0 20px;
		width:100%;
		clear:left;
	}
	#menu2 ul li a{
		padding:10px 0 0 0;
		font-size:18px;
		border-top-width:3px;
	}
	#menu2 ul li a br{
		display:none;
	}
	#content .content-in{
		padding:20px !important;
		width:260px;
	}
	#content .content-in #banner1{
		display:none;
	}
	#kontaktni-formular form{
		padding:30px 20px 40px;
		width:260px;
	}
	#kontaktni-formular p{
		margin:0;
	}
	#kontaktni-formular p.inputs br{
		display:block;
	}
	#kontaktni-formular label{
		margin-bottom:3px;
		height:30px;
	}
	#kontaktni-formular #form_jmeno,
	#kontaktni-formular #form_tel,
	#kontaktni-formular #form_email,
	#kontaktni-formular #form_skola,
	#kontaktni-formular #form_obor,
	#kontaktni-formular #form_bydliste{
		margin-top:0;
		margin-bottom:10px;
		width:230px;
	}
	#kontaktni-formular #form_tel,
	#kontaktni-formular #form_skola{
		margin-right:0;
	}
	#footer{
		background:transparent;
	}
	#footer .box-background{
		padding:20px 0 0 0;
		text-align:center;
	}
	#footer .box-background2{
		margin-top:0;
	}
	#footer .menu,
	#footer .social{
		margin:0 auto;
		width:auto;
		clear:both;
		display:inline-block;
		float:none;
	}
	#footer .box-background2{
		text-align:center;
	}
	#footer p,
	#footer #created{
		float:none;
		text-align:center;
	}
}