/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}


body{
	background: #fff url(../images/white_wall.png);
	color:#56534e;
	font-family: 'Oxygen', sans-serif;
	font-size:0.9em;
	text-align:justify;
	line-height:26px;
	font-weight:400;
	margin: 0;
	z-index : 0;
  padding:0px;
  border:none;
	 -webkit-transition: opacity 1s ease;
	 z-index:0;
}

#header {
	height: auto;
	margin: 0 auto;
	max-width:1000px;
	position:relative;
}
#header_bg {
	width:100%;
	top:0; left:0; right:0;
	position:fixed;
	height:105px;
	z-index:20;
		background:url(../images/menu_bg.png) repeat-x bottom;
}


#stopka {
	clear: both;
}

.opis_home{margin:20px auto; position:relative; max-width:1000px;min-height:300px; padding:0 10px;}
.opis_gal{position:relative; margin:150px auto 0 auto;max-width:1000px;padding:20px 10px;min-height:300px;}


@media screen and (max-width: 4000px) {
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 2000px;
	height: 550px;
	margin: 0 auto;
	z-index:0;
	border-bottom:3px solid #fff;
	background:#fff;
}
}

/* for 980px or less */
@media screen and (max-width: 1200px) {

#header_menu {
		width: auto;
		float: none;
		margin:0 auto 10px auto;
	}

.ei-slider{
	position: relative;
		width: 100%;
	max-width: 1920px;
	height: 550px;
	margin: 0 auto;
	background:#fff;
	z-index:0;
}

}

/* for 800px or less */
@media screen and (max-width: 900px) {

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 550px;
	margin: 0 auto;
	background:#fff;
	z-index:0;
}


}
@media screen and (max-width: 800px) {
.opis_home .kontakt_left{
width:90%;
float:none;
margin:40px auto;
}
.opis_home .kontakt_right{ 
width:90%;
float:none;
margin:0 auto;}

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 280px;
	margin: 0 auto;
	z-index:0;
}
}
/* for 700px or less */

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

	#header {
		height: auto;
	}
h2, h3 {
		font-size: 1em;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
h2, h3 {
		font-size: 1em;
	}
	#stopka .stopka_box{font-size:0pt;}

}


.linia{height:3px; background:#fff; width:100%; position:fixed; top:0; left:0;z-index:9999;}

#header .logo a img{display:block; position:absolute; z-index:21; left:0; top:10px;}

.social{position:absolute; right:0; top:11px;z-index:1000;}
.social img{margin:0 5px;}

.bg{position:fixed; background:#efefef; width:100%; height:150px; z-index:0;top:0; left:0;}
.cytat{position:relative; margin: 0 auto; background:#efefef; width:100%; min-height:30px; padding:10px 0;border-bottom:3px solid #fff;}
.cytat_box{position:relative; margin:0 auto; max-width:1000px; text-align:center;font-size:1.6em; font-family: 'Great Vibes', cursive;color:#1c1c1c; background:url(../images/cytat.png) no-repeat center right;line-height:30px;}
.cytat_box p{display:inline;}
.cytat_box span{display:inline; color:#676767; font-size:80%; margin-left:10px;}

.wiecej{width:156px; height:29px; display:block; text-align:center; line-height:25px; background: url(../images/more.png); margin:20px auto 10px auto;}

a{
color:#ccaa96;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	outline:none;
	border:0;
}
#pagewrap img, #header img {
max-width: 100%;
height: auto;
width: auto\9;
}

.box{width:100%; margin:30px 0 30px 0;}





h1{
	padding: 2px 0px;
	margin:5px 0 15px 0;
	display:block;
	color: #56534e;
	text-align:left;
	font-size: 2em;
	font-weight:400;
}
h3 a{text-decoration:none; color:#56534e; line-height:9pt;}
h3 a:hover{text-decoration:underline;}
h2, h2 a{
	margin:20px 0px;
	display:block;
color:#1c1c1c; text-decoration:none; font-size:2em;
font-family: 'Great Vibes', cursive;
}
h3{
	margin:10px 0 10px 0px;
	padding:0;
	display:block;
	color: #292723;
	font-style:normal;
	text-align:left;
	font-size: 1.2em;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase;
}

.links{margin:5px auto; max-width:800px; text-align:center; position:relative;padding:5px 0 0 0;}
.links a{color:#56534e; text-decoration:none; font-size:0.8em; text-transform:uppercase;letter-spacing: 1px; margin:0 15px;}
.links a:hover{color:#ccc; border-bottom:1px solid #ccc;-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	-transition: all 0.3s ease-in-out;}


#nav_box{max-width:750px; position:absolute; right:0; top:54px; z-index:500;}
#nav{max-width:750px; position: relative; margin: 0; z-index:100; text-align:center;}
#nav > a	{display: none;}
#nav li:not( :first-child){position: relative;text-align:center;}
#nav li a{color:#222222; text-decoration:none; font-size:1.6em; font-family: 'Great Vibes', cursive;}
#nav li a.active{color:#1c1c1c;border-bottom:3px solid #ff0000;}
#nav span:after{
	width: 0;
	height: 0;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

/* first level */

#nav > ul > li{text-align:center;padding:0 10px;	display:inline;}
#nav > ul > li > a{	height: 100%;	line-height: 50px; text-align: center;padding:8px 0;}

#nav > ul > li:hover > a,	#nav > ul:not( :hover ) > li.active > a{color:#1c1c1c;border-bottom:3px solid #ff0000;-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;-transition: all 0.3s ease-in-out;}

/* second level */
#nav li ul{background-color: #fff; display: none;position: absolute;top: 100%;width:180px;}
#nav li:hover ul{	display: block;padding:5px 10px;}
#nav li:not( :first-child ):hover ul{left: -1px;}
#nav li ul a{ padding: 5px 15px; text-align:center; line-height:40px;}
#nav li ul li a:hover, #nav li ul li a.active{-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;	-transition: all 0.3s ease-in-out;border-bottom:2px solid #ff0000;}


@media only screen and ( max-width: 62.5em ) /* 1000 */
		{	
		
		#nav{
				width: 100%;
				position: relative;
				margin: 0;
				z-index:1000;
			}
		}

@media only screen and ( max-width: 50em ) /* 640 */
{
#nav_box{width:auto; position:absolute; left:150px; top:54px; z-index:500;}
		#nav{	position: relative;	top: auto;left: auto; z-index:1000;}
		#nav > a{	width: 3.125em; height: 3.125em; text-align: left;text-indent: -9999px;	background-color: #ff0000;position: relative;}
		#nav > a:before,
		#nav > a:after{	position: absolute;	border: 2px solid #fff;	top: 35%;	left: 25%; right: 25%; content: '';}
		#nav > a:after{	top: 60%;	}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
				{display: block;}

/* first level */

		#nav > ul{height: auto;	display: none;position: absolute;left: -30px;right: 8px;background:#ff0000;}
				#nav:target > ul{	display: block;}
				#nav > ul > li{	width: 90%;float: none;margin:0;}
				#nav > ul > li > a{height: 20px;	text-align: center;	padding:0; margin:0;color:#fff; display: block;line-height:20px;border-bottom:1px solid #ed6161;font-size:16pt;}
						#nav > ul > li:not( :last-child ) > a	{	border-right: none;	}
/* second level */
#nav > ul > li > a.active{border-bottom:1px solid #fff;color:#000;}
#nav > ul > li > a:hover{border-bottom:1px solid #fff; color:#000;background:#fff;}
#nav li ul{	position: static;	padding: 1.25em; padding-top: 0;}
#nav li:hover ul{	display: block;padding:5px 0; width:100%;}
#nav ul a{ padding: 3px 5px; text-align:center; line-height:20px;font-size:14pt;margin:0;}
}

.prawa{width:80%; float:right;}



.kontakt_left{
width:42%;
float:left;
margin:0 60px 20px 0;
}
.kontakt_right{ 
margin:0 0 25px 0;
width:50%; float:left; }

.box .kontakt_left table{ margin:0; width:100%; line-height:20px; border:none;}
.box .kontakt_left td {font-weight:normal; border:none; padding:5px 0 6px 0; text-align: center;}
.box .kontakt_left td img{vertical-align:middle;}

select{
	padding : 3px;
	color : #000;
	font-size: 12px;
	width:400px;
	background:transparent;
	border:1px solid #a5a199;
}
input.inp-txt{
	padding : 3px;
	font-size: 12px;
	line-height:20px;
width:100%; height:20px; background:#fff; border: none;
border:1px solid #a5a199;
}
textarea.inp-txta, textarea{
	height:120px;
	padding : 3px;
	font-size: 12px;
width:100%; height:120px; background:#fff; padding: 5px; border:1px solid #a5a199;
}
label
{
  display: block;
  padding-bottom: 1px;
	text-align:center;
}

input.inp-error{
color:#fff;
background:#ff0000;
}
input.inp-sbt, a.powrot_kontakt{
	background:#fff; 
	height:38px;
	display:block;
	padding:5px 30px 8px 30px;
	font-size:12px;
	color:#a5a199;
	margin-top:8px;
	border:none;
	text-align:center;
	border:1px solid #a5a199;
}
input.inp-sbt:hover, a.powrot_kontakt:hover {cursor : pointer; color:#000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;	-transition: all 0.3s ease-in-out;}

.inp-error{
color:#ff0000;
}




#stopka{height:40px; width:100%;position:relative; margin:10px 0;background:#7a7a79;}
.stopka_box{
text-align:left;
	font-size:10pt;
	color:#cbcbcb;
	z-index:0;
	text-align:left;
	line-height:40px;
	max-width:1000px;
	margin: 0 auto;
	position:relative;
}
.stopka_box img{float:right; margin-top:10px;}

.clear{
	clear:both;
	margin:0;
	padding:0;
}



#cookies-message{padding: 15px; font-size: 90%; line-height: 20px; text-align: left; color:#1c1c1c; position: fixed; bottom: 75px; left:0; width:150px; background:#f5f5f5; z-index: 999}
#accept-cookies-checkbox{background-color: #1c1c1c; text-align:center; padding: 3px 10px; color: #ededed; display: block; margin: 5px auto; text-decoration: none; cursor: pointer; font-size:90%;}

.box table { margin:20px 0 0 0; width:100%; text-align:center;}
.box th { background:#f8f8f8; font-weight:normal; color:#b0233c;}
.box td { background:#fff; font-weight:bold; padding:5px 10px;}
.box td:hover{background:#f8f8f8;}

@media screen and (max-width: 1200px) {
.opis_gal .box_gal{float: none; margin: 0 auto; position:relative;}
}

@media screen and (max-width: 800px) {
.opis_gal{margin:150px auto 0 auto;}
.opis_gal .box_gal{width: 280px;height: 250px;float: none; margin: 0 auto; position:relative;}
}
.opis_gal img{
max-width: 100%;
height: auto;
width: auto\9;
}

.box_gal {
   max-width: 480px;
   height: 400px;
   margin: 10px;
	 float:left;
   position: relative;
   text-align: center;
}
.box_gal a:hover{opacity:0.6; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;	-transition: all 0.3s ease-in-out;}
.box_gal_opis{width:80%; margin: 0 auto; position:relative;}
.box_gal_opis h2 a{font-size:80%;margin:2px 0;}


#logowanie{margin:150px auto; position:relative; width:500px; text-align:center;}

#mygallery{margin-top:150px;}