@import url("reset.css");

@font-face {
	font-family: 'Century';
	src: url('../font/Century.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Castellar';
	src: url('../font/Castellar.ttf');
	font-weight: normal;
    font-style: normal;
}

/* Nowe elementy HTML5 */
article, aside, figure, footer, header, hgroup, nav, section { 
	display:block; 
}

/* All */
body	{
	width: 1165px;
	margin: 0 auto;
	overflow-y: scroll;	
}
	
em	{
	font-style:italic;
}

a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; 
    transition: all .3s ease; }
a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
	
/* Logo */
div#LOGO {
	position:absolute;
	top: -155px; left: -6px;
	height:111px; width:222px;
	padding-top:25px;
	background:#263745 url(../hud/ATLAS_LOGO.jpg) no-repeat; /* background-color: rgba(38,55,69,1.0); */
	border: 6px double #FFF;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

div#LOGO a	{
	font-family: 'Castellar', serif;
	color: #FFF;
	font-size:1.2em;
	text-decoration:none;
	text-shadow: 2px 2px 2px rgba(0,0,0, 0.8);
}

/* Menu */
nav {
	position:relative;
	float:left;
	top:160px;
	height:516px; width:222px;
	padding:0px;
	border: 6px double #FFF;
	font-family: 'Century', serif; font-size: 1.2em;
	text-align: center;
	background: #263745 url(../hud/MENU2.jpg) no-repeat bottom;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

nav ul {
	position:absolute;
	top: 15px;
	left: /*13px;*/ 7%;
    list-style: none;
}

nav ul li {
	margin-top:7px;
    color:#394853;
}

nav ul li a {
	text-decoration:none;
    padding:4px;
    display:block;
    margin:0;
	color: #7d878f;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
}

nav ul li a:hover {
	color: #d6d6d6;
}


/* Prawa strona */

div#PRAWA {
	position: relative;
	background: #263745;
	width: 893px; min-height:665px;
	border: 6px double #FFF;
	color: #FFF;
	margin-left: 236px;
	top: 11px;
	margin-bottom:30px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
	
}

/* Start */

div#tapeta	{
	position:realtive;
	min-height:665px;
	background-image:url(../hud/HOME.jpg);
	background-repeat:no-repeat;
}

div#kuklinski	{
	position:absolute;
	top: 550px;
	left: 400px;
	background:url(../hud/kuklinski_background.png);
	background-repeat:no-repeat;
	background-size: 459px 64px;
	width:459px;
	text-align:center;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
}

div#kuklinski a {
	font-size:2em;
	font-family: serif;
	color:#7d878f;
	text-decoration:none;
}

div#kuklinski a:hover {
	color:#d6d6d6;
	
}

div#iopan	{
	position:absolute;
	top: 480px;
	left: 770px;
}

div#iopan a	img {
	width: 100px;
	opacity:0.7;
}

div#iopan a:hover img	{
	width:100px;
	opacity:1;
}

/* Nagłówek */
h1	{
	font-family: Century, serif; font-size: 1.5em;
	text-align:center; text-shadow: 2px 2px 2px #000;
	padding:20px;
	margin-bottom:10px;
	box-shadow: 0px 8px 16px rgba(0,0,0,0.3); -moz-box-shadow: 0px 8px 16px rgba(0,0,0,0.3);
	border-bottom: 1px #4b4b4b solid;
	background-color:#21303d;
	color:#FFF;
}

/* Długi tekst */

article	{
	
}

p	{
	font-size:1.2em;
	padding:15px 30px;
	text-align:justify;
}

h2	{
	font-size:1.2em;
	padding-left:10px;
	padding-top:15px;
	/*text-decoration:underline;*/
	font-weight:bold;
}

/* Bryozoan species list menu */
.bsl	{
	position: relative;
	padding:10px;
    color: #fff;
	border: 0;
}

.bsl ul {
	padding:0; margin-left: 325px;
    list-style: none;
}

.bsl ul li {
    display: block;
    float: left;
    margin-right: 20px;
}
.bsl ul li a {
    color:#CCC;
    text-decoration: none;
    padding:5px;
    display:block;
    margin:0;
	font-size:1.3em;
}

.bsl ul li a:hover {
	color:#FFF; 
}

/* Tabelki */

table	{
	position:relative;
	top:10px;
	left: 20px;
	width: 600px;
}

table a	{
	color:#CCC;
	font-size:1.2em;
	text-decoration:none;
}

table a:hover	{
	color:#FFF;
	text-decoration:underline;
}

/* Original description, Type SEMimg, Other SEMimg, zdjecie */

div#BRYOZOA_UP	{
	width:893px;
	margin: 0 auto;
	position:relative;
	min-height:100px;
	
}

div#BRYOZOA_UP ul	{
	position: absolute;
	list-style:circle;
	left: 63px;
	top: 35%;
	/*width: 150px;*/

	
}

div#BRYOZOA_UP ul a	{
	text-decoration:none;
	font-size:1.3em;
	color:#7d878f;
}

div#BRYOZOA_UP ul a:hover	{
	color:#d6d6d6;
}

div#BRYOZOA_UP img	{
	position: relative;
	left: 450px;
	margin:10px;
	height: 300px;
	border:solid 1px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.3);
}

/* Synonymy, Type, Distribution, References */

div#BRYOZOA_DOWN	{
	width:850px;
	margin: 0 auto;
	padding-left: 10px;
/*	font-size:1.1em;
	margin:10px;
	padding:10px;
	background-color: #212f3b;
	border:1px #000 solid;
	box-shadow: inset 1px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);*/
}

div#BRYOZOA_DOWN ul	{
	margin-top:10px;
	margin-bottom:10px;
	list-style:circle;
	padding:15px;
	padding-left:35px;
	width:790px;
	background-color: #212f3b;
	border:1px #000 solid;
	box-shadow: inset 1px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
}

div#BRYOZOA_DOWN ul li	{
	font-size:1.2em;
	text-align:justify;
}

div#BRYOZOA_DOWN p a	{
	text-decoration:none;
	color:#7d878f;
}

div#BRYOZOA_DOWN p a:hover	{
	color:#d6d6d6;
}

div#BRYOZOA_DOWN h2	{
	text-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
}


/* Galeria */

div#opis	{
	font-size:1.1em;
	margin:10px;
	padding:10px;
	width: 410px;
	background-color: #212f3b;
	border:1px #000 solid;
	box-shadow: inset 1px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
	
}

div#zdjecia	{
	margin:10px;
	padding:10px;
	max-width: 900px;
	background-color: #212f3b;
	border:1px #000 solid;
	box-shadow: inset 1px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 1px 3px 4px rgba(0,0,0,0.3);
}

div#zdjecia img	{
	margin:2px;
	box-shadow: 1px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.3);
}

/* Przyciski powrotu */
.back	{
	display:block;
	width:92px; height:28px;
	text-decoration:none;
	color: #CCC;
	background-image:url(../hud/Arrow.png);
	margin-left:25px;
	margin-bottom:10px;
}

.back:hover	{
	color:#FFF;
	background-image:url(../hud/Arrow_hover.png);
}


/* Linki */
ul#linki	{
	list-style:circle;
	margin-left:30px;
	margin-top: 30px;
}

ul#linki li	{
	margin-top:10px;
}

ul#linki a	{
	color:#c0c0c0;
	text-decoration:none;
	font-family:Century, serif;
	font-size:1.3em;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
}

ul#linki a:hover {
	color:#FFF;
}

/* Acknowledgements */

img#fondation	{
	margin-top: 20px;
	margin-bottom: 10px;
	position:relative;
	left: 240px;
	border: 4px double #CCC;
}

p#fondation	{
	text-align:center;
	font-size:1.2em;
	font-family:Century, serif;
	text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
}

/* Bibliography */

ul#Bibliography	{
	list-style:circle;
	text-align:justify;
	font-size:1.2em;
	padding:15px 30px;
	text-indent:-15px;
	margin-left:5px;
}

ul#Bibliography li	{
	padding-left:10px;
	margin-left:5px;
	padding-bottom:10px;
}