/*--------------------------------------------------------
	css theme name: gemal
	author: bartosz mediger (http://mediger.net)

	created: july 09, 2007
	
*/



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



address { font-style: normal; }




html {
	overflow: auto; overflow-x: hidden;
	background: #210e07 url(../images/backc.gif) repeat-y center; }



body {
	float: left;
	width: 100%; min-height: 920px; _height: 920px;
	background:url(../images/backg.jpg) no-repeat center top; }




a, address, body, input, h1, h2, h4, h5, h6, legend, li option, p, select, textarea, td {
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff; }



fieldset { border: none; }



img { border: none; }



input { border: 1px solid #555; }



li { margin: 0.5em 0 1em 1.2em; }



ol { margin-left: 0.6em; }



p {
	padding-bottom: 15px;
	text-align: justify; }


p img {
	float: left;
	border: 1px solid #666;
	margin: 0 10px 15px 0; }







/* nawgiacja */

a {
	text-decoration: none;
	color: #fff; }

a:hover { text-decoration: underline; }
















/* nagýýwki */

h1 {
	top: 174px; right: 45px; z-index: 15;
	width: 230px !important;
	height: 37px; }
	
h1, h2 {
	position: absolute; z-index:80;
	text-indent: -10000px; }

	#en h1.galeria { background:url(../images/h_galeria_en.gif); }
	#en h1.kontakt { background:url(../images/h_kontakt_en.gif) no-repeat right; }
	#en h1.referencje { background:url(../images/h_referencje_en.gif) no-repeat right; }
	#en h1.witamy { background:url(../images/h_witamy_en.gif) no-repeat right; }

	#pl h1.galeria { background:url(../images/h_galeria_pl.gif); }
	#pl h1.kontakt { background:url(../images/h_kontakt_pl.gif) no-repeat right; }
	#pl h1.referencje { background:url(../images/h_referencje_pl.gif) no-repeat right; }
	#pl h1.witamy { background:url(../images/h_witamy_pl.gif) no-repeat right; }


h2 {
	top: 166px; left: 35px;
	width: 132px; height: 55px; }

#en h2.przykladowe { background:url(../images/h_przykladowe_en.gif); }
#pl h2.przykladowe { background:url(../images/h_przykladowe_pl.gif); }




#center {
	width: 770px;
	margin: 0 auto; }

#container {
	float: left;
	position: relative; z-index: 5;
	width: 770px; min-height: 300px;
	background: url(../images/backc.gif) repeat-y; }

#flags { position: absolute; left: 39px; top: 123px; }

	#flags a { 
		float: left;
		width: 22px; height: 17px;
		margin-right: 4px;
		text-indent: -10000px; }

	#flags .en { background:url(../images/flag_en.gif); }
	#flags .pl { background:url(../images/flag_pl.jpg); }


#foot {
	float: left;
	width: 725px; height: 57px;
	background:url(../images/foot.gif);
	padding: 25px 45px 0 0; }


	#foot .links {
		float: right; }

	#foot .links a {
		border-right: 1px solid #fff;
		padding: 0 3px 0 3px; }
		
	#foot .links a.last {
		padding-right: 0;
		border: none; }
		
	#foot .realizacja {
		float: left;
		padding: 30px 0 0 10px; }


#gallery a {
	float: left;
	height: 180px;
	margin: 0 19px 0 0; }

	#gallery img { border: 1px solid #fff; }
	
	#gallery a:hover {
		text-decoration: none;
		filter:alpha(opacity=90);
		-moz-opacity: .9;
		opacity: .9; }

	#gallery a span {
		display: block;
		text-align: center;
		font-size: 10px; }

	#gallery .last { margin: 0; }










#header {
	position: absolute; top: 0; left: 0; z-index: 10;
	width: 100%; height: 211px;
	background:url(../images/header_pl.jpg) no-repeat center; }



/* formularz kontaktowy */

#kontakt fieldset {
    border: 1px solid #666;
    padding: 2em 0em 2em 1em; 
background-color: #c9e4dd;}


#kontakt input { line-height: 14px; }

#kontakt input, select,

#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; 
   color: #000000;}

#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; 
	line-height: 12px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;}

#kontakt  label span {
    float: left;
    width: 20%;
    margin: 1px;
    padding: 0 3px 0 0;
    text-align: right;
    color: #111; }

#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }

#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }

#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
    padding: 4px;
   color: #005a42;
	font-weight: bold;
	background-color: #efefef;
    text-align: center;}

#kontakt .button:hover { 
 _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }




	



#logo {
	position: absolute; top: 0; left: 0;
	width: 190px; height: 107px;
	background: url(../images/empty.gif);
	text-indent: -10000px; }






#logo2 {
	position: absolute; top: 0; right: 0;
	width: 317px; height: 99px; }

	#en #logo2 { background: url(../images/logo_en.gif); }
	#pl #logo2 { background: url(../images/logo_pl.gif); }










#menu { position: absolute; top: 107px; right: 0; }

	#menu a {
		float: left;
		height: 18px;
		margin-right: 14px;
		text-indent: -10000px; }
		
	#en #menu a { margin-right: 6px; }

	#menu a:hover { background-position: 0 -18px; }

	#en .galeria { width: 66px; background:url(../images/m_galeria_en.gif); }
	#en .kontakt { width: 71px; background:url(../images/m_kontakt_en.gif); }
	#en .referencje { width: 85px; background:url(../images/m_referencje_en.gif); }
	#en .witamy { width: 78px; background:url(../images/m_witamy_en.gif) no-repeat; }


	#pl .galeria { width: 60px; background:url(../images/m_galeria_pl.gif); }
	#pl .kontakt { width: 71px; background:url(../images/m_kontakt_pl.gif); }
	#pl .referencje { width: 83px; background:url(../images/m_referencje_pl.gif); }
	#pl .witamy { width: 59px; background:url(../images/m_witamy_pl.gif); }
	









#left {
	float: left;
	width: 168px;
	padding: 228px 0 0 0; }

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

	#left img {
		border: 1px solid #fff; }

















#right {
	float: right;
	width: 448px;
	padding: 225px 45px 0 0; }


















/* classess */

.button {
	cursor: pointer;
	border: none; }


.button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; }


.content {
	position: relative;
	margin: 0 auto;
	width: 770px; }


.powrot {
	clear: both;
	float: right;
	font-weight: bold; }

.realizacja{
line-height: 12px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;}



.right {
	float: right;
	border: 1px solid #fff;
	margin: 0 0 20px 28px; }