@import url(https://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext);

body {
	font-family: 'Poiret One', cursive;
	font-size: 20px;
	color: #ddd;
	background-color: #101010;
	text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
	color: #ddd;
	text-decoration: none;
}
a:hover  {
	color: white;
}

h1 {
	font-size:60px;
	position: absolute;
	top: 30px;
	left: 5px;
	margin: 5px;
	padding: 0px;
	font-weight: normal;
	border-bottom: 1px solid #606060;
}

.help {
	font-size: 13px;
}

#panel {
	position: absolute;
	display: inline;
	top: 0px; left: 0px;
	/*width: 50%;*/
	height: 26px;
	background-color: orange;
	color: gray;
	text-decoration: none;
	z-index: 9999;
}
#panel a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

#uppermenu {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 26px;
	text-align: right;
	background-color: #202020;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#uppermenu a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: white;
}



/*** start ***/
#start-h1 {
	top: 5px;
	border: 0px;
}

#start-menu {
	position: absolute;
	bottom: 20px;
	left: 0px;
	overflow:hidden;
	right:1px;
}

#start-menu li {
	list-style: none;
	margin-right: 100px;
}

#start-menu li:hover {
	background: #0b74ba;
	
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;
	
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9;
	
	-moz-border-radius: 0px 8px 8px 0px;  
	-webkit-border-radius: 8px;     	
	-webkit-border-bottom-right-radius: 8px; 
	border-top-right-radius: 8px;  
	border-bottom-right-radius: 8px; 

	/*padding-left: 40px;*/
}

#start-menu a {
  color:#aaa;
  text-decoration:none;
  padding-left: 15px;
}

#start-menu a:hover {
	/*font-weight: bolder;*/
	color: white;
}

#start-menu a {
	font-size:30px;
}



/*** omnie ***/
#omnie-img {
	position: absolute;
	right: 30px; top: 56px;
	/*width: 50%;
	height: auto;*/

	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#omnie-container {
	position: absolute;
	left: 30px; right: 527px; top: 170px;
	padding: 30px 15px 30px 15px;
	border-left: 1px solid #606060
	
	/*
	-moz-border-radius: 0px 8px 8px 0px;  
	-webkit-border-radius: 8px;     	
	-webkit-border-bottom-right-radius: 8px; 
	border-top-right-radius: 8px;  
	border-bottom-right-radius: 8px; 
	*/
}

#omnie-social {
	margin: 30px 0px 0px 0px;
}



/*** galeria-lista ***/
#galeria-lista {
	margin: 150px 15% 0px 15%;
}

#galeria-lista a {
	font-size: 30px;
	text-decoration: none;
	color: #ddd;
}

.galeria-lista-element {
	margin-bottom: 30px;
	clear: both;
}

.galeria-lista-title {
	font-size: 30px;
	margin: 0px 0px 20px 0px;
}

.galeria-lista-image {
	width: 200px;
	height: auto;
	margin: 0px 30px 50px 30px;
	float: left;
}

.galeria-lista-text {
	font-size: 20px;
	margin-bottom: 50px;
}



/*** galeria ***/
#galeria-header {
	visibility: hidden;
}


/*** kontakt ***/
#kontakt-foto {
	position: absolute;
	left: 30px;
	top: 170px;
}
#kontakt-foto  img {
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#kontakt-info {
	position: absolute;
	left: 150px;
	top: 140px;
}
#kontakt-info h2, #kontakt-form h2 {
	color: #eee;
}

#kontakt-form {
	position: absolute;
	left: 470px;
	top: 140px;
}

#kontakt {
	width: 700px;
	margin: 0px auto 0px auto;
}

#kontakt-mailsent {
	width: 700px;
	margin: 220px auto 0px auto;
	text-align: center;
}

#kontakt-mailto {
	font-size: 28px;
}

#kontakt-mailfrom {
	width: 400px;
	font-family: 'Poiret One', cursive;
	font-size: 20px;
}

#kontakt-mailsubject {
	width: 400px;
	font-family: 'Poiret One', cursive;
	font-size: 20px;
}

#kontakt-mailbody {
	width: 600px;
	height: 180px;
	font-family: 'Poiret One', cursive;
	font-size: 20px;
}

#kontakt-mailsubmit {
	font-family: 'Poiret One', cursive;
	font-size: 30px;
	color: #ddd;
	background: #101010;
	border: none;
}

#kontakt-mailsubmit:hover {
	cursor:pointer;
	color: white;
}




/*** negev ***/
#negev {
	position: absolute;
	top: 170px;
	left: 10%; right: 10%;
	/*width: 90%;*/
	padding: 7px;
	margin-bottom: 70px;
}

#negev iframe {
	margin-left: 200px;
}





/*** agnessband ***/
#agnessband {
	position: absolute;
	top: 170px;
	left: 10%; right: 10%;
	/*width: 90%;*/
	padding: 7px;	
}





/*** wspolpraca ***/
#wspolpraca {
	position: absolute;
	top: 170px;
	left: 10%; right: 10%;
	/*width: 90%;*/
	padding: 7px;	
}




/*** aktualnosci ***/
#aktualnosci-list {
	margin: 150px 5% 0px 5%;
}

#aktualnosci-list img {
	width: 200px;
	height: auto;
}

.aktualnosci-list-title a {
	font-size: 40px;
	text-decoration: none;
	color: #ddd;
}

.aktualnosci-list-element {
	margin-bottom: 30px;
	clear: both;
}

.aktualnosci-list-date {
	margin: 5px 0px 35px 10px;
	font-size: 15px;
}

.aktualnosci-list-text {
	font-size: 20px;
	margin: 0px 0px 50px 70px;
}

.aktualnosci-list-text a {
	text-decoration: none;
	color: #ddd;
}

.aktualnosci-list-text img {
	margin: 0px 10px 0px 0px;
	float: left;
}

.aktualnosci-list-separator {
	clear: both;
	height: 80px;
}



/*** wydarzenie ***/
#wydarzenie-content {
	position: absolute;
	top: 170px;
	left: 10%; right: 10%;
	/*width: 90%;*/
	padding: 7px;	
}

#wydarzenie-content  img{
	margin: 0px 10px 0px 0px;
	float: left;
}



/*** napisaliomnie ***/
#napisaliomnie {
	position: absolute;
	top: 170px;
	left: 10%; right: 10%;
	/*width: 90%;*/
	padding: 7px;	
}



/*** Galleria ***/
div.galleria {
	position: absolute;
	top: 26px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

div.galleria-info-title {
/*
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
*/

	border-bottom: 1px solid gray;
}



/*** multimedia ***/
#multimedia {
	position: absolute;
	top: 170px;
	left: 10%; right: 10%;
	/*width: 90%;*/
	padding: 7px;	
}

#multimedia img{
	margin: 0px 10px 0px 0px;
	float: left;
}