*{
   font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 14px;
}

html, body {
	margin: 0;
	padding: 0;
}
img{
   border: 0;
}
.foto_m{
   margin: 10px;
}

#top {
	width: 1000px;
	border: 2px solid black;
	border-radius: 12px; 
	box-shadow: -2px 2px 20px rgba(0,0,0,.5);
	padding:12px;
	margin: auto;
}


#MENU, #INFORMACJE {
	width: 200px;
	overflow: hidden;
	background-color: #D1E5FA;
	padding: 6px;
	border: 1px solid black;
	border-radius: 6px; 
	box-shadow: -2px 2px 5px rgba(0,0,0,.5);
}

#MENU {
	float: left;
	margin: 12px 12px 12px 0;
}
	
#INFORMACJE {
	float: right;
	margin: 12px 0 12px 12px;
}

#TRESC {
   margin-top: 12px;
	width: 546px;
	float: left;
	overflow: hidden;
}

#STOPKA, .round {
   color: #C76C16;
   font-weight: bold;
   text-align: center;
	clear: both;
	width: 976;
	background-color: #FAFABC;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 6px;
	border: 1px solid black;
	border-radius: 6px; 
	box-shadow: -2px 2px 5px rgba(0,0,0,.5);
}
.round{
   width: 250;
}
.ok{
	color: green;
	border: 1px dotted Green;
	background-color: #E5FFDF;
	clear: both;
}

.ok:before{
    content: url("ikony/okmini.gif") " ";
}
.error{
	color: red;
	border: 1px dotted Red;
	background-color: #FFECEC;
	clear: both;
}

.error:before{
    content: url("ikony/errormini.gif") " ";
}
.opis{
   font-size: 10px;
   color: Grey;
   font-style: italic;
}
.typ{
   border: 1px dotted Maroon;
	background-color: #FFE2AC;
	clear: both;
	font-size: 20px;
}
.tytul{
	color: white;
	border: 1px solid #330000;
	background-color: Maroon;
	font-size: larger;
	font-style: italic;
	font-weight: bold;
	padding: 5px;
	margin: 10px 0 5px 3px;
	clear: both;
	border-radius: 6px; 
	box-shadow: -2px 2px 5px rgba(0,0,0,.5);
}
.autor{
   font-style: italic;
   text-align: right;
   font-family: Times New Roman;
   font-size: -2px;
}
.ksiega{
   border: 1px dotted blue;
	background-color: #C5E6FE;
	padding-left: 10px;
	padding-right: 10px;
}