@charset "utf-8";
/* ***************************************************** */
/*
/*  copyright 2017
/*  PIXMEDIA - Jakub Kribik
/*  www.pixmedia.cz
/*  info@pixmedia.cz
/*
/* ***************************************************** */
/* ***************************************************** */
*{
	margin:0 auto;
	padding:0;
	font-size:20px;
	line-height:1.4;
	font-family:'Roboto',sans-serif;
}
/* ***************************************************** */
html{
	text-align:center;
	min-height:100%;
	background:#fff;
}
body,h1,h2,h3,h4,h5,h6,ol,ul,li,p,input,textarea,select{
	color:#303030;
}
/* ***************************************************** */
a{
	text-decoration:underline;
	color:#f08100;
}
a:hover{
	color:#303030;
}
a,
a:hover,
a:focus,
a:active{
	outline:0;
}
strong,
b{
	color:#303030;
}
small,
small *,
.small,
.small *{
	font-size:12px;
	line-height:2;
}
/* ***************************************************** */
h1,h2,h3,h4,h5,h6{
	margin:20px auto 0;
	padding:0;
	clear:left;
	font-weight:900;
	text-align:left;
	color:#f08100;
}
h2{
	font-size:30px;
}
h3{
	font-size:26px;
}
h4{
	font-size:22px;
}
h5{
	font-size:18px;
}
h6{
	font-size:16px;
}
/* ***************************************************** */
.img-left{
	margin:0 20px 10px 0;
	display:block;
	float:left;
}
.img-right{
	margin:0 0 10px 20px;
	display:block;
	float:right;
}
.img-center{
	margin:0 auto;
	display:block;
}
/* ***************************************************** */
form{
	width:100%; 
}
form label,
form .textbox{
	margin:3px 0;
	padding:5px 15px;
	width:250px;
	height:35px;
	display:block;
	float:left;
	line-height:35px;
}
form .textbox,
form .formbutton{
	background:white;
	border:none;
	border-radius:3px;
}
form select{
	width:264px;
}
form textarea{
	height:100px;
}
form .formbutton{
	margin-bottom:0;
	padding:0 15px;
	height:45px;
	float:right;
	line-height:45px;
	font-size:25px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	cursor:pointer;
	color:#fff;
	background:#303030;
	border-radius:3px;
}
form .formbutton:hover{
	opacity:0.9;
}
form .submit{
	display:none;
}
form label{
	width:180px;
	font-weight:300;
	text-align:right;
	color:#fff;
	background:url(img/form-label-back.png) no-repeat left;
}
form br{
	clear:left;
}
form .require {
	color:#cc0000;
}
/* ***************************************************** */
hr{display:none;}
/* ***************************************************** */
.content{
	margin:0;
	padding:0;
	width:100%;
}
.content-in{
	margin:0 auto;
	padding:0;
	width:1200px;
	text-align:left;
}
.content-in p{
	margin:0 0 30px 0;
	padding:0;
}
.content-in ul,
.content-in ol{
	margin:0 0 30px 0;
}
.content-in ul li,
.content-in ol li{
	margin:0 0 0 25px;
}
.content-in ul.liststylenone,
.content-in ol.liststylenone{
	list-style:none;
}
.content-in ul.liststylenone li,
.content-in ol.liststylenone li{
	margin-left:0;
}
.content-in table{
	margin:0 0 30px 0;
}
.content-in table th,
.content-in table td{
	padding:5px 10px;
}
.content-in .box-background{
	margin:0;
	padding:0;
	background:#303030;
}

.content-in .icon-stazeni{
	padding:11px 110px 11px 11px;
	height:60px;
	clear:right;
	float:right;
	line-height:30px;
	font-weight:700;
	text-decoration:none;
	background:url(img/icon-stazeni.png) no-repeat right;
}
/* ***************************************************** */
.content-in .menu{
	margin:0 0 0 20px;
	padding:0;
	float:left;
	list-style:none;
}
.content-in .menu li{
	margin:0;
	padding:20px;
	width:auto;
	display:inline-block;
	float:left;
}
.content-in .menu li a{
	padding:4px 0 0;
	display:inline-block;
	line-height:25px;
	font-size:20px;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid #303030;
}
.content-in .menu li a:hover,
.content-in .menu li a.active{
	color:#f6851f;
	border-color:#f6851f;
}
/* ***************************************************** */
.content-in .social{
	margin:0;
	padding:10px 20px;
	float:right;
	list-style:none;
}
.content-in .social li{
	margin:0;
	padding:10px;
	width:auto;
	display:inline-block;
	float:left;
}
.content-in .social li a{
	width:32px;
	height:30px;
	display:inline-block;
	text-indent:-9000px;
	text-decoration:none;
	background:no-repeat center;
}
.content-in .social li a.facebook{
	background-image:url(img/icon-facebook.png);
}
.content-in .social li a.facebook:hover{
	background-image:url(img/icon-facebook-hover.png);
}
.content-in .social li a.mail{
	background-image:url(img/icon-mail.png);
}
.content-in .social li a.mail:hover{
	background-image:url(img/icon-mail-hover.png);
}
.content-in .social li a.youtube{
	background-image:url(img/icon-youtube.png);
}
.content-in .social li a.youtube:hover{
	background-image:url(img/icon-youtube-hover.png);
}
.content-in .social li a.linkedin{
	background-image:url(img/icon-linkedin.png);
}
.content-in .social li a.linkedin:hover{
	background-image:url(img/icon-linkedin-hover.png);
}
/* ***************************************************** */
#header{
	background:url(img/header-back.png) no-repeat center top;
}
#header .content-in{
	background:url(img/header-in-back.jpg) no-repeat center top #dddddd;
	background-size:cover;
}
#header h1{
	display:none;
}
#header a#logo{
	margin:0 0 0 20px;
	padding:0;
	width:auto;
	height:70px;
	display:inline-block;
	float:left;
	text-decoration:none;
}
#header a#logo img,
#header a#logo-big img{
	margin:0 auto;
	padding:0;
}
#header a#logo-big{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	display:none;
	text-align:center;
	text-decoration:none;
}

#header .box-background2{
	margin:390px 0 0 0;
	padding:0;
	height:225px;
	background:rgba(0,0,0,0.6);
}
#header .box-background2,
#header .box-background2 *{
	line-height:1.2;
	font-size:42px;
	text-align:center;
}
#header .box-background2 h2{
	margin:0;
	padding:30px 0 10px 0;
	font-weight:900;
	text-transform:uppercase;
}
#header .box-background2 p{
	margin-bottom:20px;
	color:#fff;
}
/* ***************************************************** */
#menu2{
	margin:0;
	padding:0;
}
#menu2 .content-in{
	height:238px;
	text-align:center;
	background:url(img/menu2-back.png) no-repeat center bottom;
}
#menu2 ul{
	margin:0 auto;
	padding:60px 0 0;
	display:inline-block;
	float:none;
}
#menu2 ul li{
	padding:0 40px;
}
#menu2 ul li a{
	margin:0;
	padding:15px 0 0 0;
	line-height:1.2;
	font-size:30px;
	font-weight:700;
	text-align:center;
	border:none;
	border-top:5px solid #fff;
	color:#fff;
}
#menu2 ul li a:hover,
#menu2 ul li a.active{
	color:#303030;
	border-color:#303030;
}
/* ***************************************************** */
#content .content-in{
	padding:20px 70px;
	width:1060px;
}
.index #content .content-in{
	padding-bottom:0;
}
/* ***************************************************** */
#content .content-in #banner1{
	margin:0 -70px;
	padding:0;
	width:1200px;
	display:block;
	background:url(img/banner1-back.png) no-repeat right bottom;
}
#content .content-in #banner1 li{
	margin:0;
	padding:0;
	height:385px;
	display:block;
	float:left;
	text-indent:-9000px;
	background:no-repeat center top;
	background-size:cover;
}
#content .content-in #banner1 li.left{
	width:350px;
	background-image:url(img/banner1-left.png);
}
#content .content-in #banner1 li.center{
	width:390px;
	background-image:url(img/banner1-center.png);
}
#content .content-in #banner1 li.right{
	width:460px;
	background-image:url(img/banner1-right.png);
}
/* ***************************************************** */
#kontaktni-formular .content-in{
	padding:20px 0 0 0;
	background:url(img/kontaktni-formular-back.png) no-repeat center top #f6851f;
	background-size:cover;
}
#kontaktni-formular form{
	margin:0 auto;
	padding:30px 70px 40px;
	width:auto;
	overflow:hidden;
}
#kontaktni-formular h2{
	margin-bottom:20px;
	font-size:30px;
	text-transform:uppercase;
	color:#fff;
}
#kontaktni-formular .err,
#kontaktni-formular .ok{
	padding:10px 20px;
	width:auto;
	display:inline-block;
	background:rgba(255,255,255,0.9);
	border-radius:3px;
}
#kontaktni-formular p{
	margin:0 0 20px 0;
	padding:0;
	clear:both;
	display:block;
	overflow:hidden;
}
#kontaktni-formular p.checkboxes{
	padding-bottom:5px;
	width:auto;
	display:inline-block;
	float:left;
}
#kontaktni-formular p.inputs br{
	display:none;
}
#kontaktni-formular p a{
	color:#fff;
}
#kontaktni-formular #label_jmeno{
	width:170px;
}
#kontaktni-formular #form_jmeno{
	width:830px;
}
#kontaktni-formular #label_tel{
	width:50px;
}
#kontaktni-formular #form_tel{
	margin-right:20px;
	width:300px;
}

#kontaktni-formular #label_email{
	width:75px;
}
#kontaktni-formular #form_email{
	width:495px;
}

#kontaktni-formular #label_skola{
	width:70px;
}
#kontaktni-formular #form_skola{
	margin-right:20px;
	width:530px;
}

#kontaktni-formular #label_obor{
	width:65px;
}
#kontaktni-formular #form_obor{
	width:255px;
}

#kontaktni-formular #label_bydliste{
	width:90px;
}
#kontaktni-formular #form_bydliste{
	width:910px;
}

#kontaktni-formular #zpracovani-osobnich-udaju{
	padding-top:30px;
	display:block;
	clear:both;
}
#kontaktni-formular #zpracovani-osobnich-udaju,
#kontaktni-formular #zpracovani-osobnich-udaju *{
	color:#fff;
}
/* ***************************************************** */
#footer{
	background:url(img/footer-back.png) no-repeat center bottom;
}
#footer .content-in{
	background:url(img/footer-in-back.jpg) no-repeat center top #dddddd;
	background-size:cover;
}
#footer .box-background{
	padding:12px 0;
}
#footer .social{
	margin-right:10px;
}
#footer .box-background2{
	margin:75px 0 0 0;
	padding:10px 40px;
	background:rgba(0,0,0,0.6);
}
#footer p,
#footer p *{
	font-size:14px;
	color:#fff;
}
#footer p{
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
	text-align:left;
}
#footer #created{
	float:right;
	text-align:right;
}
/* ***************************************************** */
/* ***************************************************** */
.clearfix{overflow:hidden;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
/* ***************************************************** */
.displaynone{display:none;}
.displayblock{display:block;}
.displayinlineblock{display:inline-block;}
.displayinline{display:inline;}
/* ***************************************************** */
.floatleft{float:left;}
.floatright{float:right;}
.floatnone{float:none;}
/* ***************************************************** */
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.textlinethrough{text-decoration:line-through;}
/* ***************************************************** */
.err{
	color:#ee0000 !important;
}
.ok{
	font-weight:700;
	color:#8fc239 !important;
}
/* ***************************************************** */