@font-face {
font-family: Doulos;
src: url('../fonts/doulos.ttf'),
url('../fonts/doulos.eot');
}

@font-face {
font-family: Cardo;
src: url('../fonts/cardo.ttf'),
url('../fonts/doulos.eot');
}

@font-face {
font-family: Albatros;
src: url('../fonts/albatros.ttf'),
url('../fonts/doulos.eot');
}

@font-face {
font-family: Promocyja;
src: url('../fonts/promocyja.ttf'),
url('../fonts/doulos.eot');
}

@font-face {
font-family: Crimson-Roman;
src: url('../fonts/Crimson-Roman.ttf'),
url('../fonts/doulos.eot');
}

@font-face {
font-family: Palatino Linotype;
src: url('../fonts/Palatino Linotype.ttf'),
url('../fonts/doulos.eot');
}

@font-face {
font-family: Trajan pro;
src: url('../fonts/trajan-pro.ttf'),
url('../fonts/trajan-pro.eot');
}

@font-face {
font-family: Trajan pro Bold;
src: url('../fonts/trajan-pro-bold.ttf'),
url('../fonts/trajan-pro-bold.eot');
}

@font-face {
font-family: Pala;
src: url('../fonts/pala.ttf'),
url('../fonts/trajan-pro-bold.eot');
}

@font-face {
font-family: Pala Bold;
src: url('../fonts/palab.ttf'),
url('../fonts/trajan-pro-bold.eot');
}




*,
*:after,
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}





body 	{ 
  margin:0px;
  padding:0px;
  overflow:auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
  
  }
  
body.img1 	{ 
  margin:0px;
  padding:0px;
  overflow:auto;
  font-family: Pala;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url('../img/black-20.png'), url('../img/img1.jpg');
          background-position: center bottom, center center;
          background-repeat: repeat, no-repeat;
          //background-size: 100%, cover;
          background-size: 100%, cover;
          background-attachment: fixed, fixed;
          //position: fixed;        
          padding:0px; width:100%; min-height: 100vh; opacity:1; 
}  


body.img2 	{ 
  margin:0px;
  padding:0px;
  overflow:auto;
  font-family: Pala;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url('../img/black-20.png'), url('../img/img2.jpg');
          background-position: center bottom, center center;
          background-repeat: repeat, no-repeat;
          background-size: 100%, cover;
          background-attachment: fixed, fixed;        
          padding:0px; width:100%; min-height: 100%; min-height: 100vh; opacity:1; 
}  



.width_window{
  position:fixed;
  bottom: 0px; left: 0px;
  color:#000;
  box-shadow:1px -1px 5px #444;
  font-size:20px;
  font-weight: bold;
  z-index:100;
  display:block;
		background: #fff;
		padding: .2em;
  }
  
div#dark{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:19;
	width:100%;
	//height: 10000px;
	background:#000;
	opacity:0;
	=filter: alpha(opacity=0);
	overflow:none;
	}
	

	
	div.effectwindow{
	padding:15px;
	display:none;
	position:absolute;
	box-shadow: 0px 0px 20px #000;
	opacity:0;
	background: #fcf8f1;
	z-index:200;
	}