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

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

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

@font-face {
    font-family: 'viner_hand_itcregular';
    src: url('../font/vineritc-webfont.eot');
    src: url('../font/vineritc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/vineritc-webfont.woff') format('woff'),
         url('../font/vineritc-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}
	
/* reset marginesw i dopelnien */

html, body, ul, li, div, p, h1, h2, h3, h4 {margin: 0; padding: 0;}

a {text-decoration: none;}

a:focus {outline:none;}

a img {border: none;}

ul {list-style: none;}

/* inne */
.color {color: #872929;
	    text-shadow: 1px 1px 2px #8a8a8a;}

.hide {display: none;}

/* strona */

body {background: rgb(17, 24, 34) url("../img/tlo.png") no-repeat center top fixed ;
	  font-family: calibri, tahoma, verdana, sans-serif;
	  font-size: 1em; /* 16px */
	  }

header h2 {text-align: center;}
	  
.content {width: 90%;
		  margin: 0 auto;
		  }	

.content h1 {font-size: 4.7em;
		 text-align: center;
		 font-style: oblique;
		 padding-top: 40px;}  
		 
.content h1 a {color: #872929;
			 text-shadow: 1px 2px 2px #8a8a8a;
			display:block;}
		 
.content h2 {font-family: calibri, tahoma, verdana, sans-serif;
		 font-size: 1.25em;
		 text-transform:uppercase;
		 color: #91815e;
		 letter-spacing: 1px;
		 }

nav {padding-top: 45px;}

nav ul {margin: 0 auto;
	  width: 100%;}

nav ul li {float: left;
		width:25%;}

nav ul li:first-child, nav ul li:last-child {padding-top:10px;}

nav ul li:nth-child(2) {padding-top:10px;}

nav ul li:nth-child(3) {height: 60px;}

nav ul li a {display: block;
		font-family: 'acmefontregular';
			   font-size: 1.25em;
			   color: #91815e;
			   text-align: center;
			   text-transform: uppercase;
			   width: 100%;
			   }

nav ul li a:hover {color: #872929;
			   text-shadow: 1px 2px 2px #8a8a8a;}

.slider-wrapper {width: 100%;
		height: auto;
		margin: 0 auto;
		clear:both;}

#face {clear: both;}
		
#face .content {text-align: center;}

#face a{font-family: 'modern_pictogramsnormal';
		font-size: 5em;
		color: rgba(255,255,255,0.15);
		text-align: center;
		margin:0 auto;
		}
		
#face a:hover{color: rgba(255,255,255,0.5);}
		
footer div{font-size: 0.94em;
		 text-align:center;
		 color: rgba(255,255,255,0.5);
		 padding: 15px 0 10px;
		}
		 
footer a {font-family: 'viner_hand_itcregular';
		color: rgba(255,255,255,0.5);
		}
		
footer a:hover {font-weight: bolder;}

footer span a { font-family: calibri, tahoma, verdana, sans-serif;
		  text-decoration: underline;}
	   

/* o nas */


.content2 {background-color: rgba(10,16,23,0.5);
		  margin: 0 auto;
		  clear:both;
		  overflow: hidden;
		  border-radius: 10px;
		  padding-bottom: 20px;}
				  

.content2 .o-mnie div:first-child {width:44%;
								float:left;
								padding-left: 70px;}
										  
.content2 .o-mnie div:last-child {width:48%;
							   float:left;
							   padding-top:125px;
							   text-align: center;}

.content2 .o-mnie div:first-child h2 {font-size: 1.25em;
								  color: #91815e;
								  text-transform:uppercase;
								  padding-top: 60px;}

.content2 .o-mnie div:first-child p{color: #ffffff;
								   line-height:1.5;
								   padding-top: 25px;
								   text-align:justify;}

.content2 .o-mnie div:first-child p > a {text-decoration: underline;
									 color: #ffffff;}
									 
.content2 .o-mnie div:last-child img {width:55%;
								  box-shadow: 0px 1px 5px 0px #8a8a8a;}

/* galeria */				  

#galeria  #content .content {overflow:hidden;}

#galeria h2, #video h2, #kontakt h2 {font-size: 1.25em;
								  color: #91815e;
								  text-transform:uppercase;
								  padding: 60px 70px 0px;}
						 
#galeria ul {width: 90%;
			margin: 25px auto 0px;
			overflow: hidden;}
						 
#galeria ul li a{display: block;
			 width: 230px;
			 height: 260px;
			 color: #91815e;
			 font-size: 1.125em;
			 font-style: italic;
			 text-align: center;
			 padding-bottom: 20px;
			 margin:0 auto;}
						  						  
#galeria ul li {width: 33%;
			float: left;}

#galeria ul a:after {content:attr(title);}

#galeria .content2 {padding-bottom: 0px;}

#galeria ul li.foto-margin {margin-right: 0px;}

/* video */

video {display: block;
	  margin: 25px auto;
	  box-shadow: 0px 1px 5px 2px #4a4a4a;}
	  
#video .content2 {text-align: center;}

#video .content2 h2 {text-align: left;}

iframe {width:580px;
		margin-top: 25px;
		margin-right: 50px;}


/* kontakt */

#kontakt .content2 div {float:left;
					 width: 50%;}

#kontakt p {color: #ffffff;
		   padding: 25px 0px 0px 70px;}
		   
#kontakt a {text-decoration: underline;
		   color:#ffffff;}	

#kontakt a:hover {font-weight: bolder;}