@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Arimo&subset=latin,latin-ext);
/* LESS Document */

@color: #93191c;
@color2: #333;
@color3: #428bca;

@color-bg: #93191c;



/* Podstawowe style */
body {  

	font-family: 'Arimo', sans-serif;
	font-size: 15px;
	line-height: 25px;
	background-color:#fafafa;
	color:#555;

}


.logo p{
	text-align:center;
	width:100%;
	display:block;
	background: @color-bg;
	margin:0;
	padding:0;
	
}
.obnizka {
	margin-bottom:70px;
    }

.detached #header{
	position: fixed;
	left:0px;
	top:0px;
	z-index:105;
	}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
/*    width: 1140px;
*/}
a{	/*color: @color;*/

	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;}
a:hover{
	text-decoration:none;
    color: darken(@color3, 20%);}
p {
	margin: 15px 0;
}
.item-page{
	text-align:justify;
	}

#logasy{
	background-color:#eee;}
	
h2:before {
/*   content: url("../images/pro-educo-p.png");
*/   }


h1,h2{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-size: 32px;
	font-weight: normal;
/*	text-align:center;
*/	text-transform:uppercase;
	margin-bottom:10px;
	color: @color;
	text-align:center;
	background: url("../images/wzorek.png");
	background-size: 100%;
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:45px;	
}
/*h2:after{
	content: url("../images/wzorek.png");
	width:200px;
	}*/
#logasy h3{
	text-align:center;
	color:#428bca;
	margin-top:10px;
	font-size:30px;
	padding-top:10px;}
h2.djc_title{
	text-align:left;

	}
.page-header h2{
	text-align:center;
	}

h2 a{
		color: @color;

	}
h3{
	font-size: 20px;
	line-height: 28px;
	font-weight:900;
	color:@color;
	text-align:center;
	text-transform:uppercase;

}
#asy h3{
	text-align:center;
	}

a {
	outline: none !important;

}

/* Header */
#header {
	background: @color-bg;
	padding: 0px 0 0px;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom:10px;
	z-index:10;

}
#header p{
	padding:0;
	margin:0;}
.o{
	padding:2px;}
.o img{
	}
nav{background: @color-bg;
	width:100%;
	text-align:left;
	color:#FFFFFF;
	font-size:16px;
	overflow:hidden;
	
	}
.sticky{
	z-index:10;
	}
.dodatki{
	width:100%;
	padding:2px;
	text-align:right;
	color:#FFFFFF;
	font-size:16px;}
.social{
	padding-top:15px;
	text-align:center;

	}
.o img{
	opacity:1;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;}
.o img:hover {
}




#slider {
}
#asy {
	background-color: #ccc;
    border: 1px solid #eee;
	min-height:10px;
	overflow:hidden;
}
#slider .moduletable{
	margin-bottom:30px;
}



/* zawartosc */

article img{
	opacity:1;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
article img:hover{
	opacity:0.7;
}

article:first-child {
	border: none;
}

article.content {
	background: #fff;
}
.customkontakt a{
font-size:130%;
background-color:#aaa;
color:white;
padding:5px;
border-radius: 3px;

}
.customkontakt a:hover{
background-color:@color;
color:white;


}


.kolor img{
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

/* Portfolio i najnowsze prace */


/*Stopka */
#footer {
	background: @color-bg;
	color: #fff;
	text-align:center;
}
#footer img{
	max-width:200px;
	}
#footer p {
	margin: 10px 0;
}

#footer span{
	float:right;
}
#footer a{
	padding:1px;}

/* b */
.item h2{
	margin:0px;
	padding:0px;
	}
.b .page-header{
	margin-bottom:10px;
	margin-top:0px;
	padding:0px;
	border:none;
}

/* zdjęcia */

.b .item:hover , .b-featured .item:hover{
	background-color: #eee;
	}
img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;

}
.published {
	font-size:75%;}


.readmore {
	float:right;}
.readmore a{
	background-color: @color;
	border-radius: 0px;
	color: #fff !important;
	font-size: 14px;
	margin-top: 10px;
	padding: 4px 8px;
	text-transform:uppercase;
}
.readmore a:hover{
	background-color: darken(@color, 10%);
	color: #fff !important;
}







/**********************************menu*********************************/

#header nav ul {
/*	float: right;
*/	margin: 10px 0 0;
	padding:0px;
	text-align: center;
}

#header nav li {
	list-style-type: none;
	display:inline-block;
}

header .menu {
	li a {
		color: #eee;
		font-size: 14px;
		text-transform: uppercase;
	}
	li a:hover{
	background-color: #6F1315;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 3px;
}
	li.current a, li.active a, li a:focus{
		color:#fff;
		background-color: #6F1315;
}
	li.current a:hover{
		color:#fff;}
}

.left .menu {
	li a {
		color: #333;
		font-size: 16px;
		font-weight:700;
		text-transform: uppercase;
		border-bottom:1px solid #ddd;
		margin-top:2px;
		margin-bottom:2px;
		padding:2px 5px;
		}
	li a:hover{
		padding-left:10px;
		padding-right:0px;
		background-color: @color;
		color:#fff;
		}
	li.current a{
		color:@color;}
	li.current a:hover{
		color:#fff;}

}
.left .menu li ul {
		margin:0;
		padding:0;
		}
.left .menu li ul li {
	
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
		}
.left .menu li ul li a:link{
		font-weight:normal;
		display:block;
		padding-left:15px;
		font-size: 12px;
		color:#333;
		text-transform: uppercase;
		border-bottom:1px solid #ddd;
		margin-top:0px;
		padding-top:1px;
		padding-bottom:1px;	
	}


 


.select-menu {
    display: none;
    margin-bottom: 10px;
    margin-top: 12px;
    padding: 1px 0 0;
    width: 100%;
}
.select-menu {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.table td{
   vertical-align: middle !important;}

.zatr-menu-opener {
    height: 40px;
    width: 40px;
	background-color:rgba(0,0,0,0.7)

}



#ca_banner h2{
	text-align:center;}
	
.page-header{
	margin-top:20px;}
	

		
.left .moduletable h3{
	color:@color; 
	font-size:16px;
	text-align:left;
	padding:5px;
	border-radius:5px;
	margin-top:0px;
	margin-bottom:5px;

	}

.nn_tooltips-link {
   border-bottom: 0px dashed #cccccc;
}
.djc_image{
	height:200px;}
.divider{
	display:none;}



.mapka{
    height:100%;
    width:100%;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */

  }

#slidecaption {
    right:5% !important;
    position: absolute;
    bottom: 5% !important;
	padding:5px;
	background-color: rgba(0, 0, 0, 0.4);}
#slidecaption h2{
	font-size: 16px;
	font-weight: normal;
/*	text-align:center;
*/	text-transform:none;
	color: #fff;
	margin:0px;
	padding:0px;

}
.btn{
    background-color:#93191c;
    border-color: #b92c28;
	color:#FFF;}
.btn:hover{
	    background-color:#74191c;
color:#FFF;
	}

li.item-101 a{
	display:none;}
#rezerwacje{}
.karty , .wifi{
	text-align:center;}
	
.karty img{
	width:100px;
	border:#999 1px solid;
	text-align:center;}
.wyslijsrodek{
	text-align:center;}
label {
    font-weight:normal !important;}
hr {
	border-bottom:1px #ddd solid;}
.logo-o-nas {
	max-width:25%;
	float:none;
	clear:both;
	display:block;
	margin:0 auto;
	border-radius:5px;
	}

li a:focus{
	background-color:#000;
	}
.modns table{
margin:5px auto;
text-align:right;}
.form-control:focus {
    border-color: @color;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(147, 25, 28, 0.6);
    outline: 0 none;
}
td.today.day{
	background-color:@color;

}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: @color;
    border-color: @color;
    color: #000;
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-color: !important;
    border-color: #f59e00;
    color: #000;
}
.nn_tabs-tab{
width:20%;
text-align:center;}
.tab-content{
text-align:center;
border:none !important;}
.nn_tabs.outline_handles ul.nav-tabs > li a, .nn_tabs.outline_handles ul.nav-tabs > li a:hover{
color:#888;
border:none !important;}


.nn_tabs .nav-tabs > li.active > a, .nn_tabs .nav-tabs > li.active > a:hover {
color:@color !important;
border-top:#CCC solid 1px;
font-weight:bold;
}
.nn_tabs.top > ul.nav-tabs > li > a:focus, .nn_tabs.top > ul.nav-tabs > li.active > a:focus {
    border-bottom-color: transparent;
    box-shadow:none;
}
img.privatedinning {
	width:200px;
	height:200px;
	margin:0px 10px 10px 0px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 150px;
	border:@color solid 2px;}
.wina {
	text-align:center;}
.position-menu{
		background: url("../images/bg.jpg") no-repeat fixed center; 
		     background-size: 100% 100%;
	}
.position-menu .container{
	position:relative;
	top:15px;
	background-color:#fff;
	-webkit-box-shadow: 0 0 15px 0 #000000;
	box-shadow: 0 0 15px 0 #000000;
}
.copyrights{
	padding-top:75px;}


/* media queries */



@media (min-width: 1140px)  {
	.logo img{
	max-width:400px; }

	.menu li a {
		font-size: 16px;}
	.zatr-menu-opener{
		display:none;}
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 980px;
}
}
@media (min-width: 980px) and (max-width: 1139px) {
		.logo img{
	max-width:300px;}

	.menu li a {
		font-size: 16px;
		padding: 10px 8px;}
		.zatr-menu-opener{
		display:none;}
		.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 900px;
}


}
@media (min-width: 768px) and (max-width: 979px) {
		.logo img{
	max-width:400px;}
		.custommarg10{
		margin:0 7%;}

	h1{
		font-size:25px;}



		.row h2{
	font-size: 16px;
	margin-top:10px;
	margin-bottom:3px;
	}
	
	
	header .menu li a {
		color: #eee;
		font-size: 16px;
		text-transform: uppercase;
		padding:8px;

	}
	header .menu li a:hover{
		padding:5px;
}
	
	
	.copyrights{
	padding-top:10px;}
	
}

@media (max-width: 767px) {
	.custommarg10{
		margin:0 10%;}
	.nn_tabs-tab{
	width:50%;
	text-align:center;}

	.b .item img, .b-featured img{
	width:100%;
	}
		h1{
		font-size:26px;}

	body {
		padding: 0;
	}
	#header {
		position: relative;
		padding-bottom:10px;
	}
	#header .o{
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;}
	#header nav {
		display: none;
	}
	
	.container {
		margin: 0 20px;
	}

	#copyright p span{
		float:left;}
	.row h2{
	font-size: 20px;
	margin-top:10px;
	margin-bottom:3px;
	}
		#scrollToTop{
		display:none;}
				.select-menu{
	display:block;}
	.copyrights{
	padding-top:10px;}
}

@media (max-width: 480px) {
		.select-menu{
	display:block;}
	.b .item img, .b-featured img{
	width:100%;}

#header {
	padding-bottom: 15px;
	padding-top: 10px;
}
	.container {
		margin: 0 10px;
	}

.custom-copyrigt{
	margin:0 auto;
	text-align:center;}
.row h2{
	font-size: 15px;
	margin-top:10px;
	margin-bottom:3px;
	}
	#scrollToTop{
		display:none;}
.copyrights{
	padding-top:10px;}
}
.karty img {
	margin-bottom:5px;}