@charset "UTF-8";
body {
	margin: 0px;
	position: relative;
	font-family: "Geneva CE", "Arial CE", sans-serif;
}

.bg {
	width: 100%;
	padding-top: 20px;
	background-color: #F2F2F2;
}

.pruh_navigace {
	width: 100%;
	padding-top: 60px;
	background-color: #181935;
}

.bg_image {
	width: 100%;
	height: 700px;
	background-image: url("images/bg1.jpg");
	background-position: center;
}

.logo {
	width: 200px;
	margin-left: 3%;
}

.pozadi {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.vyska_paticky {
	width:100%;
	height: 880px;
}

.copyright_obdelnik {
	width: 100%;
	height: 60px;
	background-color: #181935;
}

.popredi {
	width: 1200px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -600px;
}

.kolecko {
	width: 75px;
	height: 75px;
	border-radius: 37.5px;
	float: right;
	margin: 20px;
	margin-top: 55px;
	background-color: #181935;
	font-size: 35px;
	text-align: center;
	color: white;
	padding-top: 18px;
	box-sizing: border-box;
}

.kolecko:hover {
	background-color: #e52524;
}

/*navigační menu*/
.navigace {
	font-size: 20px;
	height: 80px;
	position: absolute;
	top: 160px;
	width: 92%;
}

.navigace div {
	padding: 5px 103px;
	float: left;
	color: white;
	height: 65px;
	text-align: center;
	margin-top: 0;
	box-sizing: border-box;
}

.navigace div:hover {
	border-bottom: solid 3px #e52524;
}

.aktivni {
	border-bottom: solid 3px #e52524;
	color: #e52524 !important;
}

.text_obraz {
	padding-top: 400px;
	font-style: italic;
}

/*Text (ve fotce)*/
.hl_text p{
	color: white;
}

.hl_text h1{
	color: white;
}

/*tlačítko*/
button{
	position: relative;
  	display: inline-block;
  	width: 15em;
  	height: 5em;
  	line-height: 2.5em;
  	vertical-align: middle;
  	text-align: center;
  	text-decoration: none;
  	text-shadow: 0 -1px 1px #181935;
  	color: #fff;
  	outline: none;
  	border: 2px solid #181935;
  	border-radius: 5px;
  	box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #181935;
  background: -webkit-linear-gradient(#565B9C, #232856 48%, #181935 52%, #222147);
  background: -o-linear-gradient(#565B9C, #232856 48%, #181935 52%, #222147);
  background: linear-gradient(#565B9C, #232856 48%, #181935 52%, #222147);
}

button:active{
	top: .1em;
  	left: .1em;
  	box-shadow: 0 0 0 60px rgba(0,0,0,.05) inset;
}

button:hover{
  box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #C6C6C6;
  background: -webkit-linear-gradient(#C6C6C6, #878787 48%, #706F6F 52%, #3C3C3B);
  background: -o-linear-gradient(#C6C6C6, #878787 48%, #706F6F 52%, #3C3C3B);
  background: linear-gradient(#C6C6C6, #878787 48%, #706F6F 52%, #3C3C3B);
}

/*tělo hlavní stránky*/
.obdelniky {
	padding-top: 460px;
}

.obdelnik {
	height: 350px;
	width: 250px;
	float: left;
	margin: 20px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.07);
	transition: 1s;
}

.obdelnik:hover {
	background-color: #F2F2F2;
	transform: scale(1.1);
}

.container2 h2 {
	color: #e52524;
}

.aktualne {
	padding-top: 435px;
}

.datum {
	float: right;
}

/*patička*/
footer{
	width: 100%;
	text-align: center;
	padding-top: 65px;
	color: white;
}

/*STRÁNKA PRODUKTY*/

.bg_image2 {
	width: 100%;
	height: 500px;
	background-image: url("images/bg2.jpg");
	background-position: center;
}

.vyska_paticky_produkty {
	width:100%;
	height: 2640px;
}

.produkt {
	padding-top: 800px;
}

.obdelnik2 {
	height: 350px;
	width: 350px;
	float: left;
	margin: 20px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.07);
}

.produkt_popis {
	padding-left: 500px;
}

.produkt_popis h2{
	color: #e52524;
}

.obrazek_produkt {
	padding-top: 70px;
	transition: 1s;
}

.obrazek_produkt:hover {
	transform:scale(1.3);
}

.produkt2 {
	padding-top: 100px;
}

.produkt3 {
	padding-top: 100px;
}

.produkt4 {
	padding-top: 100px;
}

/*Doplňkové zboží*/

.text_doplnku h2{
	color: #e52524;
	padding-top: 150px;
}

.container_popis_doplnkovych_produktu {
	padding-left: 20px;
}

.obdelnik3 {
	height: 250px;
	width: 250px;
	float: left;
	margin: 25px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.07);
}

.obrazek_doplnkove_zbozi {
	width: 200px;
}

.paticka_produktu {
	padding-top: 200px;
}

.prazdny {
	height: 280px;
}

/*STRÁNKA O NÁS*/

.vyska_paticky_onas {
	width:100%;
	height: 915px;
}

.kdo_jsme {
	padding-top: 280px;
}

.container h2 {
	color: #e52524;
}

li {
	margin-top: 30px;
}

.vyroba_produktu {
	padding-top: 50px;
}

/*STRÁNKA KONTAKT*/

.vyska_paticky_kontakt {
	width:100%;
	height: 1145px;
}

.mapa {
	padding-top: 320px;
	float:left;
}

.adresa {
	padding-left: 950px;
	padding-top: 300px;
	
}

.kontakt {
	padding-top: 160px;
}

.kontakt h2{
	color: #e52524;
}

.telefon {
	margin: left;
}

.telefon_text{
	padding-top: 10px;
	padding-left: 100px;
}

.kolecko2 {
	width: 75px;
	height: 75px;
	border-radius: 37.5px;
	float: left;
	background-color: #181935;
	font-size: 35px;
	text-align: center;
	color: white;
	padding-top: 14px;
	box-sizing: border-box;
}

.kolecko2 img{
	width: 40px;
}

.email {
	margin: left;
	padding-left: 400px;
	margin-top: -60px;
}

.email_text {
	padding-top: 10px;
	padding-left: 500px;
}

.kontakt2 {
	padding-top: 60px;
}

.telefon2 {
	margin: left;
}

/*RESPONZIBILITA*/
#content img {max-width: 100% !important; height: auto !important;}
/*iPhone 5-5S*/
@media only screen and (min-width: 320px) and (max-width: 374px) {
	/*Hlavní stránka*/
	.popredi {width:100%;left:0;margin:0;}
	.kolecko {display:none;}
	.logo {padding-left:15%;}
	.pruh_navigace {padding-top:255px;}
	.bg_image {display:none;}
	.text_obraz {display:none;}
	.navigace {padding-left:5%;}
	.obdelniky {padding-top:450px;padding-left:5%;}
	.aktualne {padding-top:1600px;padding-left:10%;padding-right:10%}
	.vyska_paticky {height:2120px;}
	/*Produkty*/
	.bg_image2 {display:none;}
	.obdelnik2 {height:250px;width:250px;}
	.produkt {padding-top:450px;padding-left:4%;}
	.obrazek_produkt {padding:25px;}
	.produkt_popis {padding-left:10%;padding-right:10%;}
	.produkt2 {padding-left:4%;}
	.produkt3 {padding-left:4%;}
	.produkt4 {padding-left:4%;}
	.text_doplnku {padding-left:4%;}
	.obdelnik3 {margin-left:35px;}
	.vyska_paticky_produkty {height:5965px;}
	.prazdny {padding-top:870px;}
	/*O nás*/
	.kdo_jsme {padding-left:10%;padding-top:440px;padding-right:10%;}
	.vyroba_produktu {padding-left:10%;padding-right:10%;}
	.vyska_paticky_onas {padding-top:1120px;}
	/*Kontakt*/
	.mapa {display:none;}
	.adresa {padding-left:10%;padding-top:440px;padding-right:10%;}
	.kontakt {padding-top:10px;padding-left:10%}
	.kolecko2 {margin-left:10%;}
	.email {padding-left:10%;width:1px;margin-top:50px;}
	.telefon_text{padding-left:40%;}
	.email_text {padding-left:40%;}
	.kontakt2 {padding-left:10%;}
	.vyska_paticky_kontakt {height:1075px;}
}
/*iPhone 6/7/8/X*/
@media only screen and (min-width: 375px) and (max-width: 413px) {
	/*Hlavní stránka*/
	.popredi {width:100%;left:0;margin:0;}
	.kolecko {display:none;}
	.logo {padding-left:20%;}
	.pruh_navigace {padding-top:255px;}
	.bg_image {display:none;}
	.text_obraz {display:none;}
	.navigace {;width:100%}
	.navigace div{margin-left:13%;}
	.obdelniky {padding-top:450px;padding-left:11%;}
	.aktualne {padding-top:1600px;padding-left:10%;padding-right:10%}
	.vyska_paticky {height:2085px;}
	/*Produkty*/
	.bg_image2 {display:none;}
	.obdelnik2 {height:250px;width:250px;}
	.produkt {padding-top:450px;padding-left:11%;}
	.obrazek_produkt {padding:25px;}
	.produkt_popis {padding-left:10%;padding-right:10%;}
	.produkt2 {padding-left:11%;}
	.produkt3 {padding-left:11%;}
	.produkt4 {padding-left:11%;}
	.text_doplnku {padding-left:4%;margin-top:-100px;}
	.obdelnik3 {margin-left:16%;}
	.vyska_paticky_produkty {height:5515px;}
	.prazdny {padding-top:900px;}
	/*O nás*/
	.kdo_jsme {padding-left:10%;padding-top:440px;padding-right:10%;}
	.vyroba_produktu {padding-left:10%;padding-right:10%;}
	.vyska_paticky_onas {padding-top:850px;}
	/*Kontakt*/
	.mapa {display:none;}
	.adresa {padding-left:10%;padding-top:440px;padding-right:10%;}
	.kontakt {padding-top:10px;padding-left:10%}
	.kolecko2 {margin-left:10%;}
	.email {padding-left:10%;width:1px;margin-top:50px;}
	.telefon_text{padding-left:40%;}
	.email_text {padding-left:40%;}
	.kontakt2 {padding-left:10%;}
	.vyska_paticky_kontakt {height:1015px;}
}
/*iPhone 6/7/8/(Max)Plus*/
@media only screen and (min-width: 414px) and (max-width: 767px) {
	/*Hlavní stránka*/
	.popredi {width:100%;left:0;margin:0;}
	.kolecko {display:none;}
	.logo {padding-left:23%;}
	.pruh_navigace {padding-top:255px;}
	.bg_image {display:none;}
	.text_obraz {display:none;}
	.navigace {;width:100%}
	.navigace div{margin-left:17%;}
	.obdelniky {padding-top:450px;padding-left:15%;}
	.aktualne {padding-top:1600px;padding-left:10%;padding-right:10%}
	.vyska_paticky {height:2085px;}
	/*Produkty*/
	.bg_image2 {display:none;}
	.obdelnik2 {height:250px;width:250px;}
	.produkt {padding-top:450px;padding-left:15%;}
	.obrazek_produkt {padding:25px;}
	.produkt_popis {padding-left:10%;padding-right:10%;}
	.produkt2 {padding-left:15%;}
	.produkt3 {padding-left:15%;}
	.produkt4 {padding-left:15%;}
	.text_doplnku {padding-left:4%;margin-top:-100px;}
	.obdelnik3 {margin-left:20%;}
	.vyska_paticky_produkty {height:5325px;}
	.prazdny {padding-top:900px;}
	/*O nás*/
	.kdo_jsme {padding-left:10%;padding-top:440px;padding-right:10%;}
	.vyroba_produktu {padding-left:10%;padding-right:10%;}
	.vyska_paticky_onas {padding-top:740px;}
	/*Kontakt*/
	.mapa {display:none;}
	.adresa {padding-left:10%;padding-top:440px;padding-right:10%;}
	.kontakt {padding-top:10px;padding-left:10%}
	.kolecko2 {margin-left:10%;}
	.email {padding-left:10%;width:1px;margin-top:50px;}
	.telefon_text{padding-left:40%;}
	.email_text {padding-left:40%;}
	.kontakt2 {padding-left:10%;}
	.vyska_paticky_kontakt {height:975px;}
}
/*I-Pad  (tablet)*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/*Hlavní stránka*/
	.popredi {width:100%;left:0;margin:0;}
	.bg_image {height:360px;background-size:130%;}
	.navigace {margin-left:50px;}
	.navigace div{padding:5px 50px;}
	.text_obraz {padding-top:300px;font-size:10px;padding-left:50px;}
	button {width:7.5em;height:2.5em;}
	.obdelniky {padding-top:300px;padding-left:12%}
	.aktualne {padding-top:800px;padding-left:10%;padding-right:10%}
	.vyska_paticky {height:1300px;}
	/*Produkty*/
	.bg_image2 {height:250px;background-size:130%;}
	.produkt {padding-top:500px;padding-left:4%;}
	.produkt2 {padding-left:4%;}
	.produkt3 {padding-left:4%;}
	.produkt4 {padding-left:4%;}
	.obdelnik2 {height:300px;width:300px;}
	.obrazek_produkt {height:150px;}
	.produkt_popis {padding-left:400px;padding-right:10%;}
	.container_popis_doplnkovych_produktu {padding-left:14%;}
	.doplnkove_produkty {padding-left:11%;}
	.vyska_paticky_produkty {height:3970px;}
	.prazdny {padding-top:300px;}
	/*O nás*/
	.kdo_jsme {padding-left:10%;padding-right:10%;}
	.vyroba_produktu {padding-left:10%;padding-right:10%;}
	.vyska_paticky_onas {padding-top:270px;}
	/*Kontakt*/
	.mapa {display:none;}
	.adresa {padding-left:10%;padding-top:250px;padding-right:10%;}
	.kontakt {padding-top:10px;}
	.telefon_text{padding-left:15%;}
	.container_kontakt {padding-left:10%;}
	.vyska_paticky_kontakt {height:855px;}
}
/*I-Pad Pro (tablet větší)*/
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
	/*Hlavní stránka*/
	.popredi {width:100%;left:0;margin:0;}
	.bg_image {height:450px;background-size:130%;}
	.navigace div{padding:5px 83px;}
	.text_obraz {padding-top:350px;font-size:15px;padding-left:50px;}
	button {width:15em;height:5em;}
	.obdelnik {height: 525px; width: 375px;}
	.obdelniky {padding-top:300px;padding-left:10%;}
	.aktualne {padding-top:1200px;padding-left:10%;padding-right:10%}
	.vyska_paticky {height:1700px;}
	/*Produkty*/
	.bg_image2 {height:450px;background-size:130%;}
	.produkt {padding-top:720px;padding-left:4%;}
	.produkt2 {padding-left:4%;}
	.produkt3 {padding-left:4%;}
	.produkt4 {padding-left:4%;}
	.produkt_popis {padding-left:500px;padding-right:10%;}
	.text_doplnku {margin-top:-100px;}
	.container_popis_doplnkovych_produktu {padding-left:6%;}
	.obdelnik3 {height:300px;width:300px;margin-left:135px;}
	.prazdny {padding-top:380px;}
	.vyska_paticky_produkty {height:3360px;}
	/*O nás*/
	.kdo_jsme {padding-left:10%;padding-right:10%;}
	.vyroba_produktu {padding-left:10%;padding-right:10%;}
	.vyska_paticky_onas {padding-top:110px;}
	/*Kontakt*/
	.mapa {padding-left:6%;padding-top:140px;}
	.adresa {padding-left:10%;padding-top:800px;}
	.kontakt {padding-top:30px;}
	.container_kontakt {padding-left:10%;}
	.vyska_paticky_kontakt {height:1405px;}
}