@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #323232;
}

h1{
	font-size: 36px;
	color: #CCCCCC;
}

h1 img{
	max-height:30px;
	max-width:40px;
	margin-right:12px;
}

h2{
   font-size:24px;
   color:#999;
}

h3{
	font-size: 28px;
	color:#999;
	text-align:left
}

a, a:link{
	color: #B10002;
	text-decoration:underline;
}

a:hover{
	color: #B10002;
	text-decoration:none;
}

.top, .main, .bottom{
	width: 75%;
	margin: 0 auto;
	overflow: hidden;
}

.top{
	position: fixed;
	margin-left: 12.5%;
	background: #FFFFFF;
	z-index:98;
}

.main{
	padding: 100px 0 25px 0;
}

.bottom{
	overflow: hidden;
	padding: 15px 0;
	border-top: solid 2px #CCC;
	font-size: 12px;
}

.logo{
	width: 212px;
	height: 92px;
	background:url("logo_small.jpg");
	float: left;
}

.menu_icon{
	float: right;
	margin-top: 35px;
	width: 35px;
	cursor: pointer
}

.menu_icon div{
	width: 100%;
	height: 4px;
	background: #CCC;
	margin: 4px 0;
}

.menu{
	display: none;
	font-family: 'Roboto Condensed', sans-serif;
	position: fixed;
	z-index: 9;
	background: #fff;
	width: 100%;
	height:100%;
	padding-top: 120px;
	opacity:0.92
}

.menu a, .menu a:link{
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	padding: 1% 0;
	font-size: 36px;
	color: #999;
	transition: color 0.50s; 
}

.menu a:hover{
	color: #323232;
}

.kuchnia_menu{
	display: inline-block;
	overflow: hidden;
	width: 31%;
	margin: 1%;
	padding: 0 0 1% 0;
	text-align: center;
	text-decoration: none;
	color:#323232;
	cursor:default;
}

.kuchnia_menu img{
	width:100%;
	height:auto;
	margin: 0 0 1% 0;
}

.kuchnia_row{
    overflow:hidden;
    width:90%;
    padding:1.5% 0;
    border-bottom:dotted 2px #999;
    margin:0 auto;
}

.kuchnia_row div{
     display:inline-block;
}

.kuchnia_menu_else{
	margin:30px 0 0 0;
	font-size:12px;
}

.kuchnia_menu_else a, .kuchnia_menu_else a:link{
	display:inline-block;
	margin:5px 20px 0 0;
}

.kuchnia_galeria{
	width:90%;
	margin:20px auto 0 auto;
	padding-top:30px;
	text-align:center;
}

.kuchnia_galeria a, .kuchnia_galeria a:link{
	display:inline-block;
	margin:1%;
	vertical-align:text-top;
	opacity:0.8;
	transition: opacity 0.40s;
}

.kuchnia_galeria a:hover{
	opacity:1;
}

.kuchnia_galeria2 {
	display:inline-block;
	font-size:12px;
	color:#666;
	padding-bottom:20px;
	vertical-align:text-top;
}

.kuchnia_pozycje{
	text-align:center;
	margin-bottom:20px;
}

.kuchnia_pozycje a, .kuchnia_pozycje a:link{
	display:inline-block;
	text-align:center;
	text-decoration:none;
	width:18%;
	margin:0.5%;
	opacity:0.8;
	transition: opacity 0.40s;
}

.kuchnia_pozycje a:hover{
	opacity:1;
}

.kuchnia_pozycje img{
	width:100%;
	height:auto;
}

.kuchnia_bottom_menu{
	border-top:solid 1px #CCC;
	text-align:center;
	margin:20px auto;
	width:90%;
	font-size:12px;
	padding:20px 0 0 0;
}

.kuchnia_bottom_menu a, .kuchnia_bottom_menu a:link, .kuchnia_bottom_menu span{
	padding:3px;
	margin:10px;
}

.about{
    overflow:hidden; 
}

.about_left{
    float:left;
    width:48%;
    margin:0 2% 0 0
	vertical-align:text-top
}

.about_right{
    float:right;
    width:49%;
	vertical-align:text-top
}

.cytat_block{width:60%; margin:0 auto 20px auto;}
.cytat{font-size:26px; text-align:center; font-family:"Times New Roman", Times, serif; font-style:italic; margin-bottom:10px}
.cytat2{text-align:right; font-style:italic;}

.bottom_right{
	float:right;
}

.bottom_right img{
	width: 50px;
	height: auto;
	margin: 0 0 0 15px;
}

.footer{
	font-size: 10px;
	text-align: center;
	margin:0 0 10px 0;
}

.grid{
	text-align:center;
	margin-left:5px;
}

.grid-item {
  width: 15%;
  margin:0.5%;
  border:none;
  transition: opacity 0.40s;
}

.grid-item:hover{
	opacity:0.8;
}

.gallery_desc{
	margin:10px 0 20px 0;
}


.fejs{
	position:fixed;
	z-index:99;
	top:50%;
	left:-323px;
	margin-top:-250px;
	transition: transform 0.4s;
}

.fejs:hover{
	transform: translateX(323px);
}

.fejs_img{
	position:relative;
	top:-200px;
	left:-4px;
}