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

	created: sep 22, 2008
	
*/



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




address { font-style: normal; }




html {
	overflow: auto; overflow-x: hidden; }
	
	
blockquote p {
	font-weight: bold;
	color: #505050; }



body {
	behavior: url(css/csshover.htc);
	float: left;
	width: 100%; height: 100%;
	background: #fff url(../images/backg.jpg) no-repeat center top; }






fieldset { border: none; }



html {
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666; }




img { border: none; }



input { border: 1px solid #555; }



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


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



ul, ol { margin: 0 0 15px 20px; }




/* nawgiacja */

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

a:hover {
	color: #333 !important;
text-decoration: underline; }


















/* nag��wki */



h1 {
	clear: both;
	font-family: Arial Narrow;
	font-size: 24px;
	font-weight: normal;
	color: #544d4d; }

h3 {
	font-size: 20px;
	color: #505050; }

h4 {
	font-family: Arial Narrow;
	font-size: 18px;
	font-weight: normal;
	color: #333; }

h5 {
	font-size: 13px;
	color: #8d908e; }

h6 { font-size: 12px; }



small { font-size: 10px; color: #666; }














#attach {
	float: left;
	padding: 10px 0 25px 0; }

	#attach ul {
		margin-top: 5px;
		list-style: none; }

	#attach li {
		
		background: url(../images/ark.gif) no-repeat left top;
	
		padding: 3px 0 3px 35px; }














#bans {
	float: right;
	position: relative;
	width: 370px;
	margin-bottom: -40px;
	padding: 40px 0 0 0; }

	#bans * { margin: 0 0 34px 0; }




















#buttons { display: none; }








	
	
	
#center {
	width: 936px; position: relative;
	margin: 0 auto; }












#container {
	width: 100%; min-height: 740px; _height: 740px; }









#flags { position: absolute; top: 6px; right: 5px; z-index: 30; }

	#flags a {
		float: left;
		width: 16px; height: 11px;
		margin-right: 5px;
		text-indent: -10000px;
		overflow: hidden; }

	#flags .gb { background: url(../images/flag_gb.gif); }
	#flags .pl { background: url(../images/flag_pl.gif); }
	#flags .ru { background: url(../images/flag_ru.gif); }













#foot {
	clear: both;
	position: relative; z-index: 10;
	width: 936px; height: 282px;
	background: url(../images/foot.gif); }

	
	#foot .links { position: absolute; right: 10px; bottom: 15px; }
	
	#foot .links a {
		background: url(../images/dot4.gif) no-repeat right 6px;
		padding: 0 10px 0 10px;
		font-size: 10px;
		color: #878887; }

	#foot .last { background: none !important; }

	#foot .ph { position: absolute; left: 25px; top: 0; }














#gallery, #gallery2 {
	clear: both;
	padding: 0px 0 20px 0; }

	#gallery a {
		float: left;
		margin: 5px 10px 5px 0; }

	#gallery img { border: 2px solid #ccc; }










#gallery2 a {
	float: left;
	width: 206px;
	margin: 0 15px 15px 0; }

	#gallery2 a:hover { text-decoration: none; }
	
	#gallery2 a:hover img {
		filter:alpha(opacity=80);
		-moz-opacity: .8;
		opacity: .8; }

	#gallery2 img {
		padding: 2px;
		border: 1px solid #ccc; }
	
	#gallery2 span {
		display: block;
		padding: 0 3px 5px 3px;
		font-size: 11px;
		line-height: 14px;
		color: #666; }



















/* formularz kontaktowy */

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


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



#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; }



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #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;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

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





#left {
	float: left;
	position: relative;
	width: 227px;
	padding: 312px 0 30px 0; }


	#left h1,
	#right h1 { padding: 0 0 22px 0; }











#logo {
	position: absolute; top: 63px; left: 16px; z-index: 30;
	width: 177px; height: 187px;
	text-indent: -10000px;
	background: url(../images/empty.gif); }













#menu {
	float: left;
	width: 227px;
	list-style: none;
	margin: 0 0 30px 0; }

	#menu a {
		display: block;
		width: 185px;
		background: url(../images/arrow.gif) no-repeat left 13px;
		margin-bottom: 1px;
		/*line-height: 16px;*/
		padding: 5px 0 5px 15px;
		font-size: 13px;
		color: #343534; }

	#menu a:hover {
		background: #ccc;
		text-decoration: none;
		color: #d7182a !important; }
		
	#menu a.hit {
		/*background: #bf050d;*/
		font-weight:bold;
	}
	
	#menu .hit a {
		/*background: #bf050d;
		color: #fff !important;*/
		font-weight: bold; }

	#menu li {
		float: left;
		width: 200px;
		background: url(../images/dot2.gif) repeat-x bottom; }

	#menu .menu_body {
	/*	display: none;*/
		padding: 5px 0 5px 0;
		background: none !important; }

	#menu .menu_body a {
		display: block;
		line-height: 16px !important; }

	#menu .menu_body a,
	#menu .menu_body a:hover {
		width: 160px;
		padding: 0 0 0 30px;
		font-size: 12px;
		background-position: 15px 7px; }
		
	#menu .menu_body a:hover {
		background: url(../images/arrow.gif) no-repeat 15px 7px;
		text-decoration: underline;
		color: #666 !important; }








#mycarousel img { border: 2px solid #cecece; }














#nasze {
	position: absolute; top: 80px; right: 0;
	margin: 10px 0 0 0;
	width: 708px; }

#nasze h4 {
	background: url(../images/dot2.gif) repeat-x bottom; 
	padding: 0 0 10px 5px; }



















#nav {
	display: block;
	background: url(../images/dot3.gif) no-repeat left;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0; }

	#nav a { color: #676967; }










#news {
	clear: both;
	position: relative; z-index: 20;
	padding: 0 0 35px 0;
	font-size: 11px;
	line-height: 14px;
	text-align: justify; }

#news h1 {
	margin: 0;
	padding: 20px 0 8px 0; }


	#news h6 {
		clear: both;
		padding: 10px 0 3px 0; }

	#news img.photo {
		float: left;
		border: 1px solid #056535;
		margin: 0 10px 0 0; }



	#news more {
		border: none;
		padding: 0 0 0 15px;
	}

	#news .archiwum {
		float: right;
		padding: 10px 0 0 0;
		text-decoration: underline;
		font-size: 12px;
		font-weight: bold;
	}























#phone { position: absolute; top: 130px; left: 10px; }

	#phone h3, #phone h5 { display: inline; }















#right {
	float: right;
	position: relative; z-index: 20;
	width: 708px; min-height: 200px; _height: 200px;
	margin-bottom: -80px;
	padding: 312px 0 0 0; }





















#tabelka {
	border : 0px;
	width : 100%;
	border: 0px solid #ccc;
	border-right: none;
	border-bottom: none;
	border-collapse: collapse; }

#tabelka td {
	border: 1px solid #ccc;
	border-spacing: 0px;
	color : #191919;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding: 1px;
	text-align: center;
	vertical-align: middle; }

#tabelka td div {
	color : #191919;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	text-align: center; }















#witamy {
	float: left;
	width: 310px; }















#zobacz { padding: 0 0 5px 0; }

	#zobacz h1 { padding-bottom: 5px; }

	#zobacz ul { list-style: none; }
	
	#zobacz a {
		font-size: 11px;
		font-weight: bold; }





















/* classess */

.anim {
	position: absolute; top: 58px; right: 3px; z-index: 5;
	width: 710px; height: 213px; }
	
.ban { position: absolute; left: 20px; bottom: 20px; }



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


.button:hover {
	filter:alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9; }



.copyright {
	position: absolute; left: 10px; bottom: 15px;
	font-size: 11px;
	color: #979898; }

.date {
	float: left; overflow: hidden;
	width: 59px; _width: 56px; height: 15px;
	font-size: 11px; }
	
.menu_body { display: none; }


.realizacja {
	position: absolute; right: 10px; bottom: 20px;
	font-size: 10px;
	line-height: 10px;
	text-align: right;
	color: #999; }
	

.row { clear: both; }	
	
	

	
	
	
	
	
	
	
	
	
	
	
/* menu top */
	
.nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style: none; }

.nav { position: relative; z-index: 100; }

.nav li {
	position: relative;
	float: left; }

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	display: block;
	background: #fff;
	line-height: 27px;
	margin-right: 1px;
	padding: 0 15px 0 15px;
	text-decoration: none;
	font-weight: bold;
	color: #000; }
	
	
.nav li a:hover {
	background: #ccc;
	color: #fff !important; }






#menu_top { position: absolute; top: 28px; right: 1px; z-index: 30;  }

/*#menu_top li:hover a, 
#menu_top li.sfHover a { color: #fff; }*/



#menu_top li:hover ul a { background: #fff; }
#menu_top li.sfHover ul a { background: #fff; color: #fff !important; }

#menu_top li:hover ul a:hover, 
#menu_top li.sfHover ul a:hover { background: #006231; }




.nav ul {
	position: absolute; top: -999em; left: -1px;
	list-style: none;
	width: 179px !important;
	margin: 0;
	width: 100px;
	filter:alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9; }

.nav li:hover ul,
.nav li.sfHover ul { top: 27px; left: 0px; }

.nav ul li {
	border: 0;
	float: none; }

.nav ul a {
	position: relative;
	width: 179px;
	padding: 4px 5px 4px 10px !important;
	font-weight: normal !important;
	font-size: 11px;
	white-space: nowrap;
	color: #000 !important; }

.nav ul a:hover {
	background: #ccc !important;
	color: #000; }


.nav ul li a:hover { color: #d7182a !important; }

.naglowek_tab1 { border:1px; border-color:#666666;}

.row1 { border:#ffffff;}