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

	created: feb 14, 2009


*/


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


address {
	float: left;
	font-style: normal; }


blockquote {
	float: left;
	line-height: 18px;
	text-align: left; }

	blockquote p { font-size: 14px; }


body, html { width: 100%;  height: 100%; }



body { background: #9a9b9c url(../images/backg.jpg) repeat-x top; }



fieldset { border: none; }



html {
	overflow: auto;
	overflow-x: hidden; }




html {
	line-height: 18px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000; }



img { border: none; }



ins { text-decoration: none; }




p {
	padding-bottom: 15px; }



textarea {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }







/*	naglowki */

h1 {
	padding: 0 0 25px 0;
	font-size: 24px;
	font-weight: normal; }
















/*	nawigacja */

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

	a:hover { text-decoration: underline; }
















#bans {
	float: left;
	width: 949px; height: 71px;
	background:url(../images/bans.jpg);
	padding: 0 21px 0 20px; }


	#bans #banerki {
		float: left;
		width: 960px;
		padding: 14px 0 0 0; }

	#banerki a {
		float: left;
		margin:0 11px 0 6px;
		 }

.baner {

	float:left;
	margin:0 6px 0 0;
}




















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















#container {
	float: left;
	position: relative;
	background:url(../images/header.jpg) no-repeat center top; }


















#foot {
	clear: both;
	width: 922px; height: 70px;
	background: url(../images/foot.gif);
	padding: 50px 24px 0 44px; }


	#foot a {
		font-size: 11px;
		color: #fff; }

	#foot .links {
		float: left; }

	#foot .links a {
		padding: 0 5px 0 5px;
		border-right: 1px solid #fff; }

	#foot .links a.last { border: none; }

	#foot .realizacja {
		float: right;
		line-height: 12px;
		text-align: right;
		font-size: 10px; }




















#gallery {
	clear: both;
	margin-right: -20px;
	padding: 15px 0 15px 0; }

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

	#gallery a:hover img { filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }

	#gallery img {
		padding: 2px;
		border: 1px solid #ed8c18; }





















#left {
	float: left;
	width: 205px;
	padding: 0 0 0 45px; }




/* 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; }





















#menu {
	list-style: none;
	padding-bottom: 150px; }

	#menu li {
		width: 150px;
		background:url(../images/dot.gif) repeat-x top;
		padding: 2px 0 2px 0; }

	#menu li li {
		background: none;
		padding: 0; }

	#menu li a {
		display: block;
		padding: 2px 0 2px 25px;
		background: url(../images/icon.gif) no-repeat 4px 5px;
		font-size: 16px;
		cursor: pointer;
		color: #000; }
	#menu li a:hover {

	color:#EC841C;
	}

	#menu li li a {
		background:url(../images/line.gif) no-repeat left 9px;
		padding: 0 0 0 10px; }

	#menu .first { background: none !important; }



















#main {
	float: left;
	width: 990px; min-height: 395px; _height: 395px;
	background:url(../images/top.jpg) no-repeat top;
	padding: 25px 0 0 0; }




#mainbg {
	float: left;
	width: 100%;
	background: url(../images/backc.gif) repeat-y; }
















#right {
	float: right;
	width: 675px;
	padding: 0 48px 0 0; }











#tv { float: left;
	width: 403px; }

#tv a {
	float: left;
	margin: 0 23px 0 0; }

	#tv a:hover img { filter:alpha(opacity=80); -moz-opacity: .8; opacity: .8; }










/* classess */


.gal-item {
	float: left;
	width: 320px;
	margin: 0 40px 0 0;
	line-height: 14px;
	font-size: 11px;
	text-align: justify;
	color: #000; }

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

	.gal-item img {
		float: left;
		background: #fff;
		margin: 0 10px 0 0;
		padding: 2px;
		border: 1px solid #ed8c18; }


img.right {
	float: right;
	margin: 0 0 0 18px; }


.anim {
	float: left;
	width: 990px; height: 306px; }



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

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



.menu_body {
	display: none;
	list-style: none;
	padding: 5px 0 5px 25px; }

	.menu_body a {
		font-size: 12px !important;
		color: #333 !important; }



.row {
	clear: both;
	float: left;
	margin-right: -50px;
	padding: 0 0 15px 0; }



.telefon {
	position: absolute; bottom: 100px; left: 45px;
	width: 179px; height: 136px; }