.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}



body {

	background-color: #000;

	font: .8em/1.3em verdana,arial,helvetica,sans-serif;

	background-image: url(../img/tlo01.gif);

	background-repeat: repeat;

	color: #CCC;

}



.left { float: left; }

.right { float: right; }

img { border: 0; }



ul,li { padding: 0; margin: 0; list-style: none; }



div#container { width: 900px; height: 560px; position: absolute; top: 50%; left: 50%; margin-left: -450px; margin-top: -200px; 



}

div#logo { position: absolute; top: 31%; left: 50%; z-index: 10; margin-left: -130px; margin-top: -300px } /*polozenie logo*/

ul#menu { position: absolute; right: 70px; top: 25px; }



ul#menu li, ul#lang-menu li { list-style: none; display: inline; }

div#photo-bg { background: #fff; width: 900px; height: 500px; position: absolute; top: 28px; padding: 0px; border: 3px solid #5B5B47;}  /*wielkosc okna z zawartoscia strony*/

div#footer {
	position: absolute;
	bottom: 8px;
}





/* POPUPppp */

#foto-container { width: 900px; height: 500px; overflow: scroll; overflow-y: hidden; }

#foto-gallery { height: 500px; }

.foto { float: left; height: 478px; width: 680px; }

.foto-description { font-size: 11px; border-left: 1px solid pink; margin: 20px; padding-left: 10px; }



/* ZDJECIA */

div#zdjecia { width: 676px; height: 131px; background: url('../images/site/menu-bg.png') no-repeat; position: absolute; bottom: 15px; left: 15px; }

ul#zdjecia-menu { position: absolute; bottom: 50px; left: 70px; }

ul#zdjecia-menu li { display: inline; padding-left: 13px; }



/* opinie to samo co kontakt*/



/* galeria ajax */

div#galeria-desc {

	position: absolute;

	left: 30px;

	bottom: 30px;

	height: 485px;

	width: 894px;

	color: #fff;

	font-family: Arial;

	font-size: 10px;

	padding: 15px;

	

	

	

}





/* Kontakt - formularz */

div#kontakt-desc {
	position: absolute;
	left: 21px;
	bottom: 30px;
	background: #000;
	color: #fff;
	font-family: Arial;
	font-size: 10px;
	padding: 15px;
	filter:alpha(opacity=75);
	moz-opacity: 0.75;
	opacity: 0.75;
	width: 304px;

	

}

div#kontakt-desc strong { color: #00ccf0; }

div#kontakt-desc strong.white { color: #fff; }

div#kontakt-desc a { color: #fff; }



a:link {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #D4D6A2;

}

a:visited {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #D4D6A2;

}

.style2 {color: #6A684D}



.style1 {

	color: #666666;

	font-size: 10px;
	

}





.formbutton{

	cursor:pointer;

	border:1px none #333333;

	color:#d4d68f;

	font-weight:bold;

	padding: 1px 2px;

	background-color: #1a1a18;

	font-size: 10px;

}



#stylized input, textarea{

font-size:11px;

padding:1px 1px;

border:solid 1px #333333;

width:100px;

}



#stylized textarea{

font-size:11px;

padding:1px 1px;

border:solid 1px #333333;

width:200px;

}



/* galeria scrollmenu*/





	

div.sc_menu {

	/* Set it so we could calculate the offsetLeft */

	position: relative;

	height: 485px;

	width: 820px;

	overflow: auto;



	

}

ul.sc_menu {

	display: block;

	height: 485px;

	/* max width here, for users without javascript */	

	width: 2200px;	

	padding: 40px; 

	list-style: none;

	

}

.sc_menu li {

	display: block;

	float: left;	

	padding: 0 4px;



}

.sc_menu a {

	display: block;

	text-decoration: none;

}

.sc_menu span {

	display: none;

	margin-top: 3px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	text-align: center;

	font-size: 11px;	

	color: #b3b4ae;

}

.sc_menu a:hover span {

	display: block;

}

.sc_menu img {

	border: 1px #5B5B47 solid;	

}

.sc_menu a:hover img {

	filter:alpha(opacity=60);	

	opacity: 0.6;

}







#back {

	display: block;

	width: 500px;

	text-align: center;

	color: #003469;

	font-size: 10px;

}