.kontakt-telefon			{ background-image: url("../soubory/telefon.svg"); }
.kontakt-mail				{ background-image: url("../soubory/mail.svg"); }
.kontakt-adresa				{ background-image: url("../soubory/adresa.svg"); }
.kontakt-banka				{ background-image: url("../soubory/banka.svg"); }


.kontakt-telefon,
.kontakt-mail,
.kontakt-adresa,
.kontakt-banka
{
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 20px 20px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}



@media only screen and (min-width:1024px) {

	.kontakt-polozka-box
	{
		width: 33.333%;
		position: relative;
		margin: 35px 0 0 0;
		display: table;
		float: left;
	}



	.kontakt-polozka
	{
		margin: 0 10px;
	}



	.kontakt-jmeno,
	.kontakt-popis,
	.kontakt-telefon,
	.kontakt-mail,
	.kontakt-adresa,
	.kontakt-banka
	{
		width: 100%;
		position: relative;
		display: table;
	}



	.kontakt-jmeno
	{
		font-size: 17px;
		font-weight: 600;
		font-style: bold;
		color: #000000;
		margin: 0 0 10px 0;
	}



	.kontakt-popis
	{
		height: 36px;
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
		color: #333333;
		margin: 0 0 25px 0;
	}



	.kontakt-telefon,
	.kontakt-mail,
	.kontakt-adresa,
	.kontakt-banka
	{
		line-height: 24px;
		font-size: 15px;
		font-weight: 500;
		font-style: bold;
		color: #000000;
		margin: 0 0 15px 0;
		padding: 0 0 0 30px;
	}



	.kontakt-telefon a,
	.kontakt-mail a,
	.kontakt-adresa a
	{
		color: #000000;
	}



	p.kontakt-data
	{
		width: 100%;
		position: relative;
		display: table;
	}



	#kontaktadresa
	{
		margin: 0 0 26px 0;
	}



	#g-mapa-box
	{
		width: 100%;
		position: relative;
		margin: 5px auto 0 auto;
	}



	#g-mapa
	{
		width: 100%;
		height: 600px;
		position: relative;
		margin: 0 auto;
	}



	#g-mapa iframe
	{
		width: 100%;
		height: 600px;
		position: relative;
		margin: 0 auto;
	}
	
	
	.kontakt-nadpis-oteviracidoba
	{
		font-size: 17px;
		font-weight: 600;
		font-style: bold;
		color: #000000;
		margin: 0 0 10px 35px;	
	}


	.kontakt-oteviracidoba
	{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}



	.kontakt-oteviracidoba-den
	{
		width: 100px;
		position: relative;
		float: left;
		text-align: right;
	}


	.kontakt-oteviracidoba-cas
	{
		width: 100px;
		position: relative;
		float: left;
		margin: 0 0 0 25px;
	}



	.kontakt-oteviracidoba-poznamka
	{
		width: 100%;
		position: relative;
		margin: 0 auto 0 auto !important;
		display: block;
		float: left;
		font-style: italic;
	}	


	.kontakt-oteviracidoba-den,
	.kontakt-oteviracidoba-cas,
	.kontakt-oteviracidoba-poznamka
	{
		line-height: 24px;
		font-size: 15px;
		font-weight: 500;
		font-style: bold;
		color: #000000;	
	}





}



@media only screen and (min-width:641px) and (max-width:1023px) {

	.kontakt-polozka-box
	{
		width: 50%;
		position: relative;
		margin: 35px 0 0 0;
		display: table;
		float: left;
	}



	.kontakt-polozka
	{
		margin: 0 10px;
	}



	.kontakt-jmeno,
	.kontakt-popis,
	.kontakt-telefon,
	.kontakt-mail,
	.kontakt-adresa,
	.kontakt-banka
	{
		width: 100%;
		position: relative;
		display: table;
	}



	.kontakt-jmeno
	{
		font-size: 17px;
		font-weight: 600;
		font-style: bold;
		color: #000000;
		margin: 0 0 10px 0;
	}



	.kontakt-popis
	{
		height: 36px;
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
		color: #333333;
		margin: 0 0 25px 0;
	}



	.kontakt-telefon,
	.kontakt-mail,
	.kontakt-adresa,
	.kontakt-banka
	{
		line-height: 24px;
		font-size: 15px;
		font-weight: 500;
		font-style: bold;
		color: #000000;
		margin: 0 0 15px 0;
		padding: 0 0 0 30px;
	}



	.kontakt-telefon a,
	.kontakt-mail a,
	.kontakt-adresa a
	{
		color: #000000;
	}



	p.kontakt-data
	{
		width: 100%;
		position: relative;
		display: table;
	}



	#kontaktadresa
	{
		margin: 0 0 26px 0;
	}



	#g-mapa-box
	{
		width: 100%;
		position: relative;
		margin: 25px auto 0 auto;
	}



	#g-mapa
	{
		width: 100%;
		height: 500px;
		position: relative;
		margin: 0 auto;
	}

	

	#g-mapa iframe
	{
		width: 100%;
		height: 500px;
		position: relative;
		margin: 0 auto;
	}	



	.kontakt-nadpis-oteviracidoba
	{
		font-size: 17px;
		font-weight: 600;
		font-style: bold;
		color: #000000;
		margin: 0 0 10px 35px;	
	}


	.kontakt-oteviracidoba
	{
		width: 225px;
		margin: 0;
		position: relative;
		float: left;
	}



	.kontakt-oteviracidoba-den
	{
		width: 100px;
		position: relative;
		float: left;
		text-align: right;
	}


	.kontakt-oteviracidoba-cas
	{
		width: 100px;
		position: relative;
		float: left;
		margin: 0 0 0 25px;
	}



	.kontakt-oteviracidoba-poznamka
	{
		width: 100%;
		position: relative;
		margin: 0 auto 0 auto !important;
		display: block;
		float: left;
		font-style: italic;
	}	


	.kontakt-oteviracidoba-den,
	.kontakt-oteviracidoba-cas,
	.kontakt-oteviracidoba-poznamka
	{
		line-height: 24px;
		font-size: 15px;
		font-weight: 500;
		font-style: bold;
		color: #000000;	
	}

}





@media only screen and (max-width:640px) {

	.nadpis-showroom
	{
		width: 100%;
		position: relative;
		margin: 25px auto 0 auto;
		text-align: left;
		font-size: 21px;
		font-weight: 600;
		font-style: bold;
		color: #000000;
	}



	.kontakt-polozka-box
	{
		width: 100%;
		position: relative;
		margin: 35px 0 0 0;
		display: table;
		float: left;
	}



	.kontakt-polozka
	{
		margin: 0 10px;
	}



	.kontakt-jmeno,
	.kontakt-popis,
	.kontakt-telefon,
	.kontakt-mail,
	.kontakt-adresa,
	.kontakt-banka
	{
		width: 100%;
		position: relative;
		display: table;
	}



	.kontakt-jmeno
	{
		font-size: 17px;
		font-weight: 600;
		font-style: bold;
		color: #000000;
		margin: 0 0 10px 0;
	}



	.kontakt-popis
	{
		height: 36px;
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
		color: #333333;
		margin: 0 0 25px 0;
	}



	.kontakt-telefon,
	.kontakt-mail,
	.kontakt-adresa,
	.kontakt-banka
	{
		line-height: 24px;
		font-size: 15px;
		font-weight: 500;
		font-style: bold;
		color: #000000;
		margin: 0 0 15px 0;
		padding: 0 0 0 30px;
	}



	.kontakt-telefon a,
	.kontakt-mail a,
	.kontakt-adresa a
	{
		color: #000000;
	}



	p.kontakt-data
	{
		width: 100%;
		position: relative;
		display: table;
	}



	#kontaktadresa
	{
		margin: 0 0 26px 0;
	}



	#g-mapa-box
	{
		width: 100%;
		position: relative;
		margin: 5px auto 0 auto;
	}



	#g-mapa
	{
		width: 100%;
		height: 500px;
		position: relative;
		margin: 0 auto;
	}

	

	#g-mapa iframe
	{
		width: 100%;
		height: 500px;
		position: relative;
		margin: 0 auto;
	}	



	.kontakt-nadpis-oteviracidoba
	{
		font-size: 17px;
		font-weight: 600;
		font-style: bold;
		color: #000000;
		margin: 0 0 10px 0;	
	}


	.kontakt-oteviracidoba
	{
		width: 225px;
		margin: 0;
		position: relative;
		float: left;
	}



	.kontakt-oteviracidoba-den
	{
		width: 65px;
		position: relative;
		float: left;
		text-align: right;
	}


	.kontakt-oteviracidoba-cas
	{
		width: 100px;
		position: relative;
		float: left;
		margin: 0 0 0 25px;
	}



	.kontakt-oteviracidoba-poznamka
	{
		width: 100%;
		position: relative;
		margin: 0 auto 0 auto !important;
		display: block;
		float: left;
		font-style: italic;
	}	


	.kontakt-oteviracidoba-den,
	.kontakt-oteviracidoba-cas,
	.kontakt-oteviracidoba-poznamka
	{
		line-height: 24px;
		font-size: 15px;
		font-weight: 500;
		font-style: bold;
		color: #000000;	
	}

}