@import url("nav.css");

*  
{
	margin: 0;
	padding: 0;
}

html, body
{
	
height: 100%;	
}

body
{
	background: #DCD7A7;
		text-align: center;
	font: 12px/140% "Courier New", monospace, sans-serif;	

}

sup
{
font-size: 14px;
}

h1
{
	clear: both;
	margin: 0 0 24px 0;
	font-size: 12px;	
	font-weight: normal;
	text-transform: uppercase;
letter-spacing: 2px;
}

h1 span
{
	border-bottom: 1px solid #000;
	padding: 0 0 4px 0;
}
h1 em
{
	color: #000; /*#EF1B20;*/
	font-style: normal;
	border: 0;
}

h2
{
width: 174px;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 12px 0;
border-bottom: 1px solid #000;
	text-transform: uppercase;
	
}

strong, b {font-weight: normal; border: 0;}
p
{
	margin: 0 0 12px 0;
}

p.center{text-align: center;}

p em img
{
	margin-left: 140px;
}
img
{

margin-right: 10px;
}

p strong img
{
	border: 0;
}

a
{
	color: #EF1B20;
	text-decoration: underline;
}


a:hover
{
	text-decoration: underline;
}

a img {border: 0; text-decoration: none;}

a span
{
	display: none;
}

#floater
{
	
	float: left;
	height: 1px;
	width: 500px;
}

#wrapper1
{
	position: relative;
	text-align: center;
	height: auto !important;
	min-height: 100%;
	height: 100%;

	z-index: 888;
}

#wrapper2
{
	position: relative;
	text-align: center;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	
}

#paper
{
	margin: 0 100px 0 220px;
	padding: 0 0 10px 0;
	position: relative;
	text-align: left;
	width: 860px;
	height: 1120px;
	background: #DCD7A7 url("P/a42.jpg") no-repeat 0 20px;
	z-index: 555;
}

body#m0 #stain
{
	width: 81px;
	height: 154px;
	position: absolute;
	top: 580px;
	right: 18px;
	background: transparent url("P/stain.jpg") no-repeat; 
}
	
#text
{
	position: relative;
	left: 70px;
	top: 100px;
	width: 560px;
}

body#m0 #text 
{
	top: 130px;
}

body#m0 #text h1
{
	color: red;
	text-align: center;
	padding-top: 0px;
}

#dictlist
{
	list-style: none;
	overflow: hidden;
}

#dictlist li 
{
	float: left;
	margin: 0 12px 12px 0;
white-space: nowrap; 
}

#dictlist li  a
{

white-space: nowrap; 
}

#dict
{
	list-style: none;
}

#dict li.hajd
{
	display: none;
}

#dict li.show
{
	display: block;
}


#pen
{
	position: absolute;
	left: 990px;
    bottom: 10%;
	width: 310px;
	height: 425px;
background-image: url("P/pen2.png");
	background-color: transparent;
background-repeat: no-repeat;
	z-index:556;
}

#penmap
{
	position: absolute;
	left: 990px;
    bottom: 10%;
	width: 310px;
	height: 425px;	
	z-index:888;
	border: 0;
}


#coffe
{
	position: absolute;
left: 1000px;
 	top: 30%;
	width: 316px;
	height: 255px;
	background-color: transparent;
background-repeat: no-repeat;
	background-image: url("P/kafa3.png");
	z-index:556;
}

#rolo
{
		position: absolute;
	left: 980px;
	 	top: -260px;
		width: 423px;
		height: 482px;
		background-color: transparent;
	background-repeat: no-repeat;
		background-image: url("P/rolodex.jpg");
		z-index:999;	
	
}

#blackbook
{
	position: absolute;
	left: -30px;
	top: 0px;
	width: 203px;
	height: 102px;
	background: transparent url("P/blackbook.jpg") no-repeat top left;	
	
}

body.openbook #blackbook
{
	display:none;
}


#openbook
{
	position: absolute;
	left: -70px;
	top: 100px;
	width: 754px;
	height: 657px;
		
}

#bookpages
{
	list-style:none;
	position: absolute;
	z-index: 999;
	top: 700px;
	left: 40px;
}
#bookpages li
{
	position: absolute;
}

#bookpages li#next
{
	margin-top: -100px;
	left: 610px;
}

#bookpages li a
{
	display: block;
	width: 17px;
	height: 17px;
}

#bookpages li#next a
{
	background: transparent url("P/bookLinkRight.gif") no-repeat;
}

#bookpages li#prev a
{
	background: transparent url("P/bookLinkLeft.gif") no-repeat;
}

body.book1 #openbook
{
	background: transparent url("P/openbook1.jpg") no-repeat top left;
}

body.book2 #openbook
{
	background: transparent url("P/openbook2.jpg") no-repeat top left;
}

body.book3 #openbook
{
	background: transparent url("P/openbook3.jpg") no-repeat top left;
}

body.book4 #openbook
{
	background: transparent url("P/openbook4.jpg") no-repeat top left;
}

#stroj
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 154px;
	height: 715px;
	z-index:999;
	background: transparent url("P/mashina5.jpg") no-repeat bottom left;
	
}

#newspaper
{
	position: absolute;
	left: 976px;
	top: 100px;
	width: 112px;
	height: 290px;
	z-index: 999;
	background: transparent url("P/newspaper2.gif") no-repeat top left;
	
}
       

#copy{
	
	position: absolute;
	bottom: 28px;
	left: 282px;
	z-index: 9999; 
	font-size: 10px;
}