/* GENERAL*/
body {
    color: #EDEDED; 
    background: #6c6e6b;
    font-family: 'Source Sans Pro', sans-serif; 
    -webkit-font-smoothing: antialiased;
}

.container:before,
.group:before,
.menu:before,
.container:after,
.group:after,
.menu:after {
	content: " ";
	display: table;
}

.container:after,
.group:after,
.menu:after {
	clear: both;
}

.container,
.group,
.menu {
	*zoom: 1;
}

 a {
 	text-decoration: none;
 }

  strong {
  	font-weight: 600;
}
.menu {
 	list-style: none;
 	padding-left: 0;
 	margin: 0;
 }

.menu li {
	float: left;
}

.fa {
	vertical-align: middle;
}

.container {
	width: 1170px;
	margin: 0 auto;
}



/* kontakt */
.contact-bar,
.personal a {
	color: #D4CACA;
}

.contact-bar {
	background: #495E89;
	height: 35px;
	font-size: 14px;
}

.personal {
	float: left;
	margin-top: 3px;
}

.social {
	float: right;
	margin-top: 18px;
}

.personal li {
	margin-right: 70px;
}

.personal .fa {
	font-size: 28px;
	margin-right: 5px; 
}

.social .fa {
	font-size: 22px;
}

.social-icon {
	display: block;
	width: 48px;
	height: 48px;
    line-height: 46px;

	color: #989898;
	background: #eeefed;
	text-align: center;

	border-radius: 2px;
	margin-left: 2px;
}

.social-icon:hover,
.social-icon:focus {
	color: #fff;
	background: #5bd0ec;
}

/*navigation*/

.nav-bar {
	background: rgb(48, 45, 45);
}

.logo {
	float: left;
}

.logo a {
	display: block;
	width: 320px;
	height: 31px;
	margin-top: 22px; 
}

.logo-text {
	font-size: 20px;
	color: #495E89;
}

.navigation {
	float: right;
}

.navigation .fa {
	display: block;
	padding-top: 25px;
	padding-bottom: 10px;
}

/*.navigation li {
	border-left: 1px solid #cecece;
}

.navigation li:last-child {
	border-right: 1px solid #cecece;
}
*/
.navigation a {
	color: #D4CACA;
	display: block;
	width: 136px;
	height: 120px;
	text-align: center;
	text-transform: uppercase;
}

.selected a,
.navigation a:hover,
.navigation a:focus {
	color: #495E89;
}

/* ARTICLE*/

.text-center {
	font-size: 22px;
 	font-weight: 300;
	text-align: center;
	margin-top: 50px;
}

.post-header {
	height: 240px;
	background: url('../img/logo1.png') center -950px  no-repeat;
}

.post-title{
	color: rgba(243, 219, 219, 0.78);
	font-size: 45px;
	font-weight: 600;
	background: rgba(61, 63, 89, 0.8);
	padding: 18px 46px;
	border-radius: 7px;
	display: inline-block;
	/*text-transform: uppercase;*/
	letter-spacing: -2px;
	margin-top: 70px
}

.post-content {
	padding-bottom: 50px;
}

.post-content h2 {
	color: #EDEDED;
	font-weight: 400;
	font-size: 30px;
	line-height: 42px;
}

.controls {
	width: 642px;
	margin: 50px auto;
	text-align: center;
}

.controls a {
	font-size: 22px;
	font-weight: 300;
	color: #39a3d4;
	text-transform: uppercase;
	padding:  0 25px;
	line-height: 48px;
	display: block;
}
 .controls a:hover,
 .controls a:focus,
 .controls .selected a {
 	color: #fff;
 	background: rgba(219, 63, 21, 0.7);
    border-radius: 4px;
 }

 .container-onas {
 	width: 960px;
	margin: 0 auto;
 }

 .container-objednavka {
 	width: 960px;
 	margin: 0 auto;
 }

 .container-domov {
    width: 960px;
 	margin: 0 auto;
 }

 .text {
 	color: #EDEDED;
 	font-size: 22px;
 	font-weight: 300;
 	/*text-align: center;*/
 	margin-top: 50px;
 }

.text-left {
	font-size: 22px;
 	font-weight: 300;
	text-align: left;
	margin-top: 50px;
}

.text-right {
	font-size: 22px;
 	font-weight: 300;
	text-align: right;
	margin-top: 50px;
}

 .gallery {
 	width: 970px;
 	margin: 0 auto;
 }

 /* FOOTER */

 .pre-footer {
 	color: #D4CACA;
 	background: rgb(48, 45, 45);
 	text-align: center;
 }

 .pre-footer .container {
 	width: 400px;
 	padding: 20px 0 30px 0;
 }

 .pre-footer p {
 	font-size: 18px;
 	line-height: 26px;
 	text-transform: uppercase;
 }

 .pre-footer strong {
 	font-size: 22px;
    font-weight: 600;
    text-transform: none;
 }

 .pre-footer .personal li {
 	margin-right: 0;
 }

 .pre-footer .personal li:first-child {
 	margin-right: 60px;
 }

 footer {
 	font-size: 14px;
 }

 footer p {
 	color: #a6a6a6;
 	float: left;
 }

 footer p a {
 	color: #e75652;
 	font-weight: 600;
 }

 footer p,
 footer .menu {
 	margin: 32px 0 32px 0;
 }

 footer .menu {
 	font-weight: 600;
 	text-transform: uppercase;
 	float: right;
 }

 footer .menu a {
 	color: #989898;
 }

 footer .menu a:hover,
 footer .menu a:focus {
 	text-decoration: underline;
 }

 footer li:after {
 	content: '/';
 	color: #989898;
 	margin: 0 8px;
 }

 footer li:last-child:after {
 	content: '';
 }

 /* TABULKA CENNIK*/

 table {
 	color: #fff;
 	background: #34495E;
 	border-collapse: collapse;
 	border-radius: 8px;
 	margin: 0 auto;
 	margin-top: 50px;
 }

 th, td {
 	width: 400px;
 	height: 20px;
 	padding: 16px 18px;
 	border-bottom: 1px solid #46627F;
 }

 tr:last-child td {
 	border: none;
 }

 /* ZOZNAMY */

 .list {
 	list-style: none;
 	font-size: 22px;
 	font-weight: 300;
 }

 .list li {
 	text-indent: -25px;
 }

 .list li:before {
 	content: '-';
 	color: orange;
 	margin-right: 10px;
 }

/* ADAPTIVE */

@media screen and ( max-width: 1220px ) {
	body {
		width: 100%;
		padding: 0;
	}

	.nav-bar {
	    width: 1210px;
    }

	.text {
		font-size: 28px;
	}

	.list {
		font-size: 28px;
	}

	.text-center {
		font-size: 28px;
	}

	.text-left {
		font-size: 28px;
	}
    
    .container {
    	padding-left: 10px;
    	padding-right: 10px;
    }

    .contact-bar {
    	width: 1170px;
    	padding-left: 20px;
    	padding-right: 20px;
    }

    .post-header {
    	width: 1170px;
    	padding-left: 20px;
    	padding-right: 20px;
    }

    .post-content {
    	width: 1170px;
    	padding-left: 20px;
    	padding-right: 20px;
    }

    .container-domov {
    	width: 960px;
    	padding-left: 20px;
    	padding-right: 20px;
    }

    .container-onas {
        width: 960px;
        padding-left: 20px;
    	padding-right: 20px
    }


    .container-objednavka {
    	width: 960px;
    	padding-left: 20px;
    	padding-right: 20px
    }

    .pre-footer {
    	width: 1170px;
    	padding-left: 20px;
    	padding-right: 20px
    }

}

/*@media screen and ( max-width: 960px ) {
	body {
		width: 100%;
		padding: 0;
	}
    
    .contact-bar {
    	width: 900px;
    	padding-right: 40px;
    }

    .logo a {
    	margin-top: 0px;
    }

    .navigation {
        float: left;
    }

    .container {
    	width: 900px;
    	padding-left: 20px;
    }

    .post-header {
    	width: 900px;
    	padding-right: 40px;
    }
    
    .post-content {
    	width: 900px;
    }

    .container-domov {
    	width: 800px;
    }

    .container-onas {
        width: 800px;
    }

    .gallery {
        width: 650px;
    }

    .container-objednavka {
        width: 800px;
    }

    .pre-footer {
    	width: 900px;
    	padding-right: 40px;
    }
    
    footer p, footer .menu {
        margin: 10px 0 10px 0;
    }

    footer .menu {
        float: left;
    }
}*/