/*FONT FACE*/
@font-face {
  font-family: "hemi_head";
  src: url("../font/hemi_head_bd_it.ttf") format("truetype");
}


@font-face {
    font-family: 'bebasregular';
    src: url('../font/BEBAS___-webfont.eot');
    src: url('../font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/BEBAS___-webfont.woff') format('woff'),
         url('../font/BEBAS___-webfont.ttf') format('truetype'),
         url('../font/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'social_foundicons';
    src: url('../font/social_foundicons.eot');
    src: url('../font/social_foundicons.eot?#iefix') format('embedded-opentype'),
         url('../font/social_foundicons.woff') format('woff'),
         url('../font/social_foundicons.ttf') format('truetype'),
         url('../font/social_foundicons.svg#social_foundicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*KOLORY*/
/*color: 28719e - niebieski do a active*/



/*RESET STYLI*/
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;
}

/*LINKI*/

a { text-decoration: none; color: black;}
a:hover { text-decoration: none; color: #431966;}
a:active { text-decoration: none; color: black;}
a:link { text-decoration: none; color: black;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: #FFF url(../images/body12.jpg) top left repeat-x;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-size:10px;
	/* [disabled]font-style:normal; */
}

/*WRAPPER*/
.wrapper { margin: 0 auto; padding: 0px; max-width: 1200px; }


/*HEADER*/
.header-content { width: 100%; }
.header { overflow:auto; width: 100%; margin: 0 auto; padding: 0px; position:relative; 
/*background:url(../images/cien.png) 50% 27% no-repeat;*/
/* background:url(../images/cien-header.png) 50% 35% no-repeat; }*/
 }
.header-left { float:left;  width: 100%; height: 200px; overflow: auto; margin: 0 auto;
background:url(../images/Logo2.png) 10% 50% no-repeat; background-size: contain; }




.header-left h1 { display:block; font-family: social_foundicons; margin: 0px 0px 0px 60px; padding: 10px 0px 0px 0px; font-size: 5em; color:#FFF; text-shadow: 1px 1px 3px rgba(0,0,0, 0.8);}
.header-left .motto, h2 { font-family: social_foundicons; margin: 12px 0px 0px 60px; font-size: 2em; font-style:italic; color:#FFF; text-shadow: 1px 1px 3px rgba(0,0,0, 0.8);}

.header-right { float: right; width: 50%; height: 50px; margin-top: -100px; }

/* FACEBOOK */
#fc { 
	position:absolute;
	top: 100px;
	right: 0px;
	padding-right:0px;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-right: none;
	border-radius: 5px 0px 0px 5px;	
}

#fc a{ outline:none;}

/*MENU*/
.header-menu { width: 98%; overflow:auto; height: auto; margin: 0px auto; text-align:left; /*background: url(../images/cien-header-braz.png) 50% 100% no-repeat;*/ background-color:#431966;  margin-bottom:10px; box-shadow: 1px 5px 10px #000; }
.header-menu #menuul {overflow:auto; width: 90%; margin: 0 auto;}

.header-menu ul { list-style: none; }
.header-menu ul li { float:left; line-height: 10px; }
.header-menu ul li { margin:opx; padding:0px;}
.header-menu ul li:first-child { margin-left: 200px;}

.header-menu ul li a { display: block; color:#FFFFFF; font-size: 1.8em; margin: 0px; padding: 20px 30px 16px 30px !important; outline:none;}
.header-menu ul li a:hover { display: block; color:#FFF; margin: 0px; padding: 20px 30px 13px 30px; text-shadow: 1px 1px 4px #ebc19d; }

.header-menu ul li:first-child a {padding: 15px 30px 0px 30px !important;}

.header-menu a.active { border-bottom: 4px solid #39809e; }
html { padding: 0px; margin: 0px; background:url(../images/Dotnoise-White.jpg) top left repeat;}

/*SLIDER*/

/* slider*/
#slider { width:1200px; height:200px; margin: 0 auto; position:relative; clear: both; }

#slider img {
	position: absolute;
	top:0px;
	left: 0px;
}

/* slider-shadow */
#slider-shadow { 
	margin-top: 398px;
	width: 100%;
	height: 53px;
	background:url(../images/slider-shadow.png);
	//margin: -2px;
	padding: 0px;
}

#slidernew { margin: 0 auto; margin-top: 0px; width: 100%; height: 320px; overflow:hidden; }


#gallery {
	/*width: 1180px;*/
	width: 98%;
	height: 300px;
	border: 3px solid #FFF;
	padding: 0px;
	margin: 0 auto;
	box-shadow: 1px 1px 10px  #333;
}


/*MAIN CONTENT*/
.main-content {  width: 98%; margin: 0 auto; padding: 0px; }

.content { overflow:hidden;  width: 96%; height:auto; margin: 0 auto; padding: 0px; background-color:#FFF; }

/*LEWA KOLUMNA*/
.content .column-left { float:left; margin: 10px; background-color: #FFF;}

.column-left { line-height: 1.5; font-size:1.5em;}
.column-left h4 { padding: 0px; font-size: 1.8em; font-family: social_foundicons;}
.column-left .oprawa { display:block; width:: 100%; height: 70px; color: #5F5F5F;  background:url(../images/cien-header-dlugie3.png) 20% 50% no-repeat; }
.column-left h5 { padding: 0px 0px 0px 30px; font-size: 1.8em; font-family: social_foundicons;}
.column-left h6 { padding: 10px 0px 10px 0px; font-size: 1.5em; font-family: social_foundicons; text-align:center;}

.column-left ul { padding: 10px 0px 10px 30px; font-family: social_foundicons; list-style:circle;}
.column-left ul li { margin:0px 0px 5px 20px; font-size: 1.2em;}

.column-left .dekoracja-pozioma { width: 100%; margin: 0px auto; height: 40px; background:url(../images/cien-header.png) 50% 50% no-repeat; }

.column-left p { margin: 0px; font-size: 1.2em;}
.column-left img { 
	margin: 0px 70px 0px 0px;
	/*border: 4px solid #CCC;*/ 
	border-radius: 2px 2px 2px 2px;
	/*
	-webkit-box-shadow: 4px 8px 15px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 8px 15px -6px rgba(0,0,0,0.75);
	box-shadow: 4px 8px 15px -6px rgba(0,0,0,0.75);
	*/	
}
.column-left-content { margin: 20px;}



/*PRAWA KOLUMNA*/
.content .column-right { float:right; max-width: 350px; margin: 20px 0px 20px 0px; background: #FFF url(../images/paski-pochyle.jpg) 0px 190px repeat-y; position:relative; }

/*
background: 
			url(../images/zygzak-corner-left-top.png) top left no-repeat,
			url(../images/zygzak-corner-right-top.png) top right no-repeat,
			url(../images/zygzak-corner-left-bottom.png) bottom left no-repeat,
			url(../images/zygzak-corner-right-bottom.png) bottom right no-repeat,
			url(../images/zygzak-center-top.png) top left repeat-x,
			url(../images/zygzak-center-bottom.png) bottom left repeat-x,
			url(../images/zygzak-left.png) top left no-repeat,
			url(../images/zygzak-right.png) top right no-repeat;
*/
/*
 .kontakt { 
		width: 413px; 
		height: 77px; 
		background: url(../images/kontakt-tlo.png) top left no-repeat;
		}
	*/	
.kontakt { position: relative; top: -120px; right:70px;}
.kontakt p { color:#431966; font-size: 1.2em; font-weight:bold; padding: 30px;}
/*color:#FFF; font-size: 1.4em; padding: 20px;*/
.column-right { line-height: 1.5; font-size:1.5em;}
.column-right p { margin: 10px 0px 0px 50px; }

.column-right .box { 
		width:260px; 
		margin: 20px 60px; 
		background: #b8d080 url(../images/wzorek.png) repeat; 
		border-bottom: 5px solid #8a9c60;
		}
		
/*rotacja do zdjec*/
.column-left img {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.column-left img:hover {
	-webkit-box-shadow: 4px 8px 15px -3px rgba(67,25,102,1);
	-moz-box-shadow: 4px 8px 15px -3px rgba(67,25,102,1);
	box-shadow: 4px 8px 15px -3px rgba(67,25,102,1);
}

/* FOOTER */
.footer { width: 100%; height:300px; margin: 0 auto; background:url(../images/footer8.jpg) top left repeat; border-bottom: 1px solid #e6e6e6;}
.footer-content { width: 100%; height:300px; margin: 0px auto; padding: 0px; background: url(../images/cien-header.png) 50% 80% no-repeat; }

.footer-content ul { float:right; list-style: none; width: 50%; margin: 0 auto; margin-top: 200px; margin-left: 60px;}
.footer-content ul li { display: inline;}
.footer-content ul li a { text-decoration: none; color: #FFF /*#8cb902*/ /*#8FBF00*/; font: 1.2em Verdana, Geneva, sans-serif; padding-right: 20px;}
.footer .copyright { display: block; width: 200px; float:left; margin-top: 200px; margin-left: 100px; color: #FFF; font: 1.1em Verdana, Geneva, sans-serif;}


/*GALERIA*/
.column-left-content { overflow:auto; width:98%; margin: 0 auto; }
.column-left-content img {
	margin: 10px 20px;
}


.column-left img:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	
	z-index: 10;
}

.

/* GRAFIKA */
/*#grafika { width: 90%; margin: 0 auto;}
#grafika ul li { 
	list-style:none; 
	float:left;
	
	margin: 25px;
	padding: 10px;
	//border: 1px solid red;
	
	-webkit-box-shadow: 2px 2px 5px rgba(1,1,1,0.5);
	box-shadow: 2px 2px 5px rgba(1,1,1,0.5);
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	transform:rotate(2deg);
	
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	transition-duration: 0.6s;

}

#grafika ul li:nth-child(3n+1){
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
}
#grafika ul li:nth-child(2n+3){
	-webkit-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
	transform:rotate(-2deg);
}


#grafika ul li:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	
	z-index: 10;
}
*/

/*STRONA O NAS=INDEX*/

.onas img {}
.onas p { text-align:justify; font-family: social_foundicons;}
/*KLASY*/
.space { padding: 20px 0px;}
.column-right p.margintop-minus30 { margin-top: -30px;}
.column-right p.margintop-plus30 { margin-top: 30px;}
.column-right p.border-bottom { border-bottom: 1px solid #CCC; padding-bottom: 10px; }
.column-right p.border-bottom-top { display: block; width: 250px; height: 30px; border-top: 1px solid #CCC; padding: 10px 0px 0px 10px;} 
.column-right p.last  { border-bottom: 1px solid #CCC; padding: 10px 0px 10px 10px;}
.margines1 { display: block; width: 300px; height: 40px; padding: 10px; margin-right: 40px; text-align:center; float:left; font-family: social_foundicons; font-size: 1.2em;}
.margines2{ }

/*.box2, .box3 { width: 300px; background:url(../images/dividersingle.png) top left repeat; border-bottom: 4px solid #e1e1e1; margin: 10px 10px 30px 10px; padding: 30px; float: left;}
*/
.box3 { width: 300px; 

background:
		/*
		url(../images/zygzak-top-white.png) top left repeat-x,
		url(../images/zygzak-bottom-white.png) bottom left repeat-x,
		url(../images/zygzak-left-white.png) top left repeat-y,
		url(../images/zygzak-right-white.png) top right repeat-y,
		*/
		url(../images/tlo-box.png) top left repeat;
		border: 1px solid #CDCDCD;
		box-shadow: 1px 1px 20px #CDCDCD;

margin: 10px 10px 30px 10px; padding: 30px; float: left;}

.box2 p { font-size: 1.2em; }
.box2 ul { margin-top: 10px; }
.box2 ul li { font-size: 1.2em; margin-top: 5px; list-style:circle; }

.box3 { width: 90%; margin-right: 20px;}

.box3 p { line-height: 1.5; font-size: 1.1em; padding: 10px 10px;}

.box4 { float: left; width:100%;}

.lewy { float:left; width:65%; }
.prawy { 
	float:right;
	width:30%; 
	margin-top:50px; background:
		/*url(../images/zygzak-corner-left-top-white.png) top left no-repeat,
		url(../images/zygzak-corner-left-bottom-white.png) bottom left no-repeat,
		url(../images/zygzak-corner-right-top-white.png) top right no-repeat,
		url(../images/zygzak-corner-right-bottom-white.png) bottom left no-repeat,
		*/
		
		/*url(../images/zygzak-top-white.png) top left repeat-x,
		url(../images/zygzak-bottom-white.png) bottom left repeat-x,
		url(../images/zygzak-left-white.png) top left repeat-y,
		url(../images/zygzak-right-white.png) top right repeat-y,
		*/
		url(../images/tlo-box.png) top left repeat;
		border: 1px solid #CDCDCD;
		box-shadow: 1px 1px 20px #CDCDCD;
	
	}
.lewy2 { float:left; width:45%; padding: 0px;}
.prawy2 { 
	float:left;
	width:50%; 
	padding: 0px;
	background:
		/*url(../images/zygzak-corner-left-top-white.png) top left no-repeat,
		url(../images/zygzak-corner-left-bottom-white.png) bottom left no-repeat,
		url(../images/zygzak-corner-right-top-white.png) top right no-repeat,
		url(../images/zygzak-corner-right-bottom-white.png) bottom left no-repeat,
		*/
		
		/*url(../images/zygzak-top-white.png) top left repeat-x,
		url(../images/zygzak-bottom-white.png) bottom left repeat-x,
		url(../images/zygzak-left-white.png) top left repeat-y,
		url(../images/zygzak-right-white.png) top right repeat-y,
		*/
		url(../images/tlo-box.png) top left repeat;
		border: 1px solid #CDCDCD;
		box-shadow: 1px 1px 20px #CDCDCD;
	
	}	

.box5 {
		float: left;
		width: 89%;
		margin: 0 auto;
		padding: 40px 20px;
	background:
		/*url(../images/zygzak-corner-left-top-white.png) top left no-repeat,
		url(../images/zygzak-corner-left-bottom-white.png) bottom left no-repeat,
		url(../images/zygzak-corner-right-top-white.png) top right no-repeat,
		url(../images/zygzak-corner-right-bottom-white.png) bottom left no-repeat,
		*/
		
		/*url(../images/zygzak-top-white.png) top left repeat-x,
		url(../images/zygzak-bottom-white.png) bottom left repeat-x,
		url(../images/zygzak-left-white.png) top left repeat-y,
		url(../images/zygzak-right-white.png) top right repeat-y,
		*/
		url(../images/tlo-box.png) top left repeat;	
		border: 1px solid #CDCDCD;
		box-shadow: 1px 1px 20px #CDCDCD;
	}
	
#atrakcje { overflow:auto; width: 95%; margin: 0 auto;}	

.linia-cien {
	position: absolute;
	top: 370px;
	right: 330px;
	width: 70px;
	height: 370px;
	background:url(../images/logoShadow.png) top left no-repeat;
	z-index: 2;
}

.cien-lewy {
	position: absolute;
	top: 83px;
	left: -50px;
	width: 50px;
	height: 439px;
	background:url(../images/leftshadow.png) top left no-repeat;
	z-index: 2;
}
.cien-prawy {
	position: absolute;
	top: 83px;
	left: 1200px;
	width: 50px;
	height: 439px;
	background:url(../images/rightshadow.png) top left no-repeat;
	z-index: 2;
}
.center { text-align:center; }
.left { text-align:left; margin-left:100px; }
#trasyrowerowe a:hover { text-decoration: underline;}


.breadcrumbs { overflow:auto; width: 600px; margin: 0 auto;}
.breadcrumbs a { 
	display:block; 
	float: left; 
	margin: 10px; 
	padding:10px; 
	border: 1px solid #700165; 
	background-color: #431966; 
	color: white; 
}

.breadcrumbs a:hover {	
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	z-index: 10;
	
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	transition-duration: 0.6s;	
}




@media (max-width: 1250px){

}

@media (max-width: 1300px){
	body {background: #FFF url(../images/body11.jpg) top left repeat-x;}
}

@media (max-width: 1172px){
	.column-left-content img { margin: 10px 2px;}
}

@media (max-width: 1130px){
	/*.header-menu { margin: 0px 0px 0px 20px; }*/
	.header-menu ul li a { font-size: 1.5em; margin: 0px -20px 0px -20px; padding: 0px;}
	.header-menu ul li a:hover { margin: 0px -20px 0px -20px; padding: 0px; }
	body {background: #FFF url(../images/body11.jpg) top left repeat-x;}
}

@media (max-width: 1080px){

}

@media (max-width: 945px){
	/*.header-menu { margin: 0px 0px 0px 20px; }*/
	.header-left { width: 100%; height: 200px; overflow: auto; margin: 0 auto;
background:url(../images/Logo2.png) 50% 50% no-repeat; background-size: contain; }

}

@media (max-width: 820px){
	/* body {background: #FFF url(../images/body11.jpg) top left repeat-x;}*/
	.header-left { width: 100%; height: 150px; overflow: auto; margin: 0 auto;
background:url(../images/Logo2.png) 50% 50% no-repeat; background-size: contain; }
	
	
	/*.header-menu { margin: 0px 0px 0px 0px; background: url(../images/cien-header-braz.png) 50% 100% no-repeat  
	.header-menu ul li a { font-size: 1.5em; margin: 0px -10px 0px -10px; padding: 0px;}
	.header-menu ul li a:hover { margin: 0px -10px 0px -10px; padding: 0px; }*/
	.header-menu ul li:first-child { margin-left: 150px;}
	
}

@media (max-width: 760px){ 
	.header-menu ul li:first-child { margin-left: 100px;}

}

@media (max-width: 735px){ 
	.footer-content ul { float:right; list-style: none; width: 50%; margin: 0 auto; margin-top: 20px; margin-left: 60px;}

}


@media (max-width: 660px){
	.footer-content ul { width: 100%; margin: 0 auto; margin-top: 20px; text-align:center;}
	.header-menu ul li:first-child { margin-left: 50px;}
}

@media (max-width: 640px){
	/*
	.header-menu { margin: 0px 0px 0px 0px; }
	.header-menu ul { overflow:auto; margin: 0 auto;}
	.header-menu ul li a { font-size: 1.2em; margin: 0px -15px 0px -15px; padding: 0px;}
	.header-menu ul li a:hover { margin: 0px -15px 0px -15px; padding: 0px; }
*/
}

@media (max-width: 550px){
	.header-menu #menuul { width: 98%; margin: 0 auto;}
	.header-menu ul li:first-child { margin-left: 10px;}
	/*
	.header-menu ul li a { font-size: 1.2em; margin: 0px -20px 0px -20px; padding: 0px;}
	.header-menu ul li a:hover { margin: 0px -20px 0px -20px; padding: 0px; }
	.header-menu ul li:first-child { margin-left: 0px;}
	*/
	
	
	
	.lewy { width: 100%}
	.prawy { clear: both; float:left; width: 100%}
}