@charset "utf-8";
/* Fotoatelier - screen stylesheet */

/* podstawowe style ---------------------------------------------------- */

html * {
    margin: 0; padding: 0;
}

body {
	color: #000000; background: #9BB4B7 url(../images/body-bg.png) 50% 0 no-repeat;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
	behavior:url("../js/csshover.htc");
	font-size: 10px;
}

p {
	color: #000000;
	font-size: 1.1em;
	
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
}

h1 {
	padding: 36px 0 0 84px;
}
h1 a:link,
h1 a:visited {
	display: block;
	width: 172px; height: 77px;
}
h2 {
	color: #E10000;
	font-size: 2.4em; font-weight: normal;
	letter-spacing:-1px;
	margin-bottom: 10px;
}
h3 {
}
h4 {}
h5 {}
h6 {}

ul, ol {
	margin: 0 0 1em 0;
}
ul li,
ol li {}
ul li {
}
dl {}
dl dt {}
dl dd {}

img {
	display: block;
	border: none;
}

a:link,
a:visited {
}
a:link:hover,
a:visited:hover {
}
a:active,
a:focus {
}

address {}

/* --------------------------------------------------------------------- */

/* klasy elemenetow ---------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; height: 0; clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural {
	text-indent: -9999px; font-size: 0;
}

/* --------------------------------------------------------------------- */

/* layout -------------------------------------------------------------- */

div#container {
	width: 950px;
	margin: 0 auto;
}

div#top {
	width: 100%; height: 160px;
	background: transparent url(../images/top-bg.jpg) 0 0 no-repeat;
}

div#content {
	width: 746px;
	background: #DEF0F2 url(../images/content-bg.png) 0 0 no-repeat;
	margin: 0 0 0 80px; padding: 0 25px 10px 25px;
}

div.spacer {
	width: 500px;
	clear: both;
}

ul#mainnavi {
	margin: 0 0 4em 0; padding: 0;
}
ul#mainnavi li {
	float: left; _display: inline;
	font-size: 1.1em;
	list-style: none; list-style-image: none;
	border-left: 1px dotted #000;
	margin: 0 0 0 10px; padding: 2px 0 2px 10px;
}
ul#mainnavi li.first {
	border-left: none;
	margin: 0; padding: 2px 0;
}
ul#mainnavi li a:link,
ul#mainnavi li a:visited {
	color: #000;
	text-decoration: none;
}
ul#mainnavi li a:link:hover,
ul#mainnavi li a:visited:hover {
	text-decoration: underline;
}
ul#mainnavi li.selected a:link,
ul#mainnavi li.selected a:visited {
	font-weight: bold;
	text-decoration: underline;
}

div#willkommen {
	float: left; width: 130px;
	padding: 0 35px 0 0;
}

div#menuleft {
	float: left; width: 130px;
	padding: 0 35px 0 0;
}

div#gallerie {
	float: left; width: 555px;
	border-left: 1px dotted #BFC8CD;
	padding: 0 0 0 15px;
}

div#willkommen ul {
	float: left; width: 33%;
	margin: 0; padding: 0;
}

div#gallerie ul {
	float: left; width: 33%;
	margin: 0; padding: 0;
}

div#menuleft ul {
	float: left;
	width: 33%;
}

div#menuleft ul li {
	float: left;
	list-style: none; list-style-image: none;
	margin-top: 5px;	
}

div#gallerie ul li,
div#willkommen ul li {
	clear: both;
	list-style: none; list-style-image: none;
}

div#gallerie ul li a:link img,
div#gallerie ul li a:visited img {
	float: left; display: block; width: 48px; height: 36px;
	background: #fff url(../images/foto-bg.png) 0 0 no-repeat;
	margin: 5px; padding: 8px 7px 16px 8px;
}

div#gallerie ul li a img:hover {
	width: 58px; height: 45px;
	background: #fff url(../images/foto-bigger-bg.png) 0 0 no-repeat;
	margin: 0 0 1px 0;
}
div#gallerie ul li a:link span,
div#gallerie ul li a:visited span {
	display: block; float: left;
	color: #000; font-size: 1.3em;
	text-decoration: none;
	padding: 35px 0 0 0;
}

div#gallerie div.Intro {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000;
	font-size: 1.2em;
	margin-bottom: 20px;	
}

div#menuleft ul li a:link,
div#menuleft ul li a:visited {
	display: block; float: left;
	color: #000; font-size: 1.3em;
	text-decoration: none;
}

div#menuleft ul li a.selected:link,
div#menuleft ul li a.selected:visited {
	display: block; float: left;
	color: #000; font-size: 1.3em;
	text-decoration: underline;
}

div#gallerie ul li a:link:hover span,
div#gallerie ul li a:visited:hover span,
div#menuleft ul li a:link:hover,
div#menuleft ul li a:visited:hover {
	text-decoration: underline;
}

div#gallerie div.onerow {
	float: left; 
	width: 540px;
	margin-bottom: 20px;
}

div#gallerie div.onerow img.small {
	float: left;
	margin-right: 10px;
	border: 1px solid #cccccc;
	-moz-opacity:0.3;filter:alpha(opacity=30);
}

div#gallerie div.onerow img.small_on {
	float: left;
	margin-right: 10px;
	border: 1px solid #cccccc;
	-moz-opacity:1;filter:alpha(opacity=100);
}

div#gallerie a:link,
div#gallerie a:visited {
	color: #000000;
	text-decoration: none;
}

div#gallerie a:link:hover,
div#gallerie a:visited:hover {
	text-decoration: underline;
}

div#footer {
	width: 870px; height: 76px;
	color: #fff; 
	background: transparent url(../images/footer-bg.png) 0 0 no-repeat; 
	_background: transparent url(../images/footer-256-bg.png) 0 0 no-repeat;
	font-size: 1.1em;
	text-align: right;
	padding: 80px 80px 0 0;
}

div#footer a:link,
div#footer a:visited {
	color: #ffffff;	
	text-decoration: none;
}

div#footer a:link:hover,
div#footer a:visited:hover {
	text-decoration: underline;
}

form {
	color: #000000;
	font-size: 1.1em;
}

input, textarea {
	border: 1px solid #cccccc;
	padding: 2px;
}

img.left {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #cccccc;
}

span.left {
}

img.three {
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 1px;
	border: 1px solid #cccccc;
}

img.right {
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #cccccc;	
}

/* --------------------------------------------------------------------- */

div#gallerie div.OneRow {
	float: left; width: 555px;
	height: 70px;
	margin: 0; padding: 0;
	margin-top: 10px;
}

div#gallerie div.OneRow div.OneMini {
	float: left;
	width: 180px;
	height: 70px;
}

div#gallerie div.OneRow div.OneMini a:link img,
div#gallerie div.OneRow div.OneMini a:visited img {
	float: left; display: block; width: 48px; height: 36px;
	background: #fff url(../images/foto-bg.png) 0 0 no-repeat;
	margin: 5px; padding: 8px 7px 16px 8px;
}

div#gallerie div.OneRow div.OneMini a img:hover {
	width: 58px; height: 45px;
	background: #fff url(../images/foto-bigger-bg.png) 0 0 no-repeat;
	margin: 0 0 1px 0;
}
div#gallerie div.OneRow div.OneMini a:link span,
div#gallerie div.OneRow div.OneMini a:visited span {
	display: block; float: left;
	color: #000; font-size: 1.3em;
	text-decoration: none;
	padding: 35px 0 0 0;
}