/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/

@viewport{
zoom: 1.0;
width: extend-to-zoom;
}

html{
	font-size: 100%;
}


body{
	max-width: 1200px;
	margin: 1% auto 0 auto;
	font-family:News Cycle;
	line-height: 1.5;
	
}

h3{
	text-align: center;
	color: #a085c6;
}

.carousel img {
		max-width: 100%;
		
	}

.container_3 {
		display: flex;
		width: 92%;
		margin-left: 4%;
		margin-right: 4%;
	}	

.sluzby{
		border-top:2px solid #a085c6;
		-webkit-box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		-moz-box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);

	}	
.galerie{
	clear: both;
}

.galerie h3{
		text-align: center;
	}	
.galerie a{
		max-width: 100%;
		text-decoration: none;
	}

.center{
		margin-left: auto;
		margin-right: auto;
	}




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



	/* Containers
	----------------------------------------------------------------------------------------------------*/


	.stejnavyska{
		padding: 1%;
	}

	/* Grid >> Global
	----------------------------------------------------------------------------------------------------*/

	.grid_1,
	.grid_2,
	.grid_3 {
		display:inline;
		float: left;
		position: relative;
		margin-left: 1%;
		margin-right: 1%;
		
	}

	/* Grid >> Children (Alpha ~ First, Omega ~ Last)
	----------------------------------------------------------------------------------------------------*/

	.alpha {
		margin-left: 0;
	}

	.omega {
		margin-right: 0;
	}


	

	.margin-top1{
		margin-top: 1%;
	}
	.margin-top3{
		margin-top: 3%;
	}
	.margin-top4{
		margin-top: 4%;
	}
	.margin-top5{
		margin-top: 5%;
	}
	.margin-bottom1{
		margin-bottom: 1%;
	}


	/* Grid >> 3 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_3 .grid_1 {
		width:31.333%;
	}

	.container_3 .grid_2 {
		width:64.667%;
	}

	.container_3 .grid_3 {
		width:98.0%;
	}



	/* Prefix Extra Space >> 3 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_3 .prefix_1 {
		padding-left:33.333%;
	}

	.container_3 .prefix_2 {
		padding-left:66.667%;
	}



	/* Suffix Extra Space >> 3 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_3 .suffix_1 {
		padding-right:33.333%;
	}

	.container_3 .suffix_2 {
		padding-right:66.667%;
	}



	/* Push Space >> 3 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_3 .push_1 {
		left:33.333%;
	}

	.container_3 .push_2 {
		left:66.667%;
	}



	/* Pull Space >> 3 Columns
	----------------------------------------------------------------------------------------------------*/


	.container_3 .pull_1 {
		left:-33.333%;
	}

	.container_3 .pull_2 {
		left:-66.667%;
	}




	/* Clear Floated Elements
	----------------------------------------------------------------------------------------------------*/

	/* http://sonspring.com/journal/clearing-floats */

	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.svg{
		clear: both;
		margin: 0 auto 0 auto;
		display: inline-block;
	 	position: relative;
	 	width: 100%;
	 	margin-bottom: 0%;

	}
	.kontakt{
		-webkit-box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		-moz-box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		padding-bottom: 1%;

	}

	.kontakt p {
		text-align: center;
		display: block;
		margin: 1% 0 1% 0;
	}
	#small-kontakt{
		display: none;
	}

	.bighidden{
		display:none;
	}

	.width{
	width: 68%;
}


}

@media screen and (max-width: 785px){
	
	.smallhidden{
		display: none;
	}

	.container_3 {
		display: block;
		margin-bottom: 0%;
		margin-top: 0%;

	}

	h3 {
		text-align: left;
		margin-left: 5%;
	}

	.kontakt h3{
		text-align: center;
	}

	.kontakt{
		border-top:2px solid #a085c6;
		-webkit-box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		-moz-box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		box-shadow: 0px 32px 70px -54px rgba(0,0,0,0.55);
		padding-bottom: 1%;
		text-align: center;
	}

	.container_3 .grid_1 {
		width: 100%;
		float: left;
		display: block;
		font-size: 0.9rem;
		margin-bottom: 6%;
	}

	.grid_2 . {
		width: 100%;
	}

	.grid_3  {
		width: 100%;
	}

	.svg{
		display: none;
	}

	#small-kontakt{
		text-align: center;
		width: 100%;
		margin-bottom: 0%;

	}

	#small-kontakt h3{
		text-align: center;
		margin-bottom: 0;
		margin-top: 0%;
	}
	
	.nodisplay{
		display: none;
	}

	.z2{
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: 0 0 6% 0;
	}

	.z1{
	}

	.pokus{
		 background: url(plech.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; 
        margin-bottom: 5%;
        margin-top: 1%;
	}

	.width{
	width: 75%;
}



}