/*--------------------------------------------------------
	css theme name: bramy i drzwi
	author: bartosz mediger (http://mediger.net)

	created: mar 28, 2010


*/



/********************************      Basic Structure      ********************************/


* { margin: 0; padding: 0; }


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


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

	blockquote p { font-size: 14px; }


body {
	font: 12px/16px Verdana, "Lucida Grande", Helvetica, Sans-Serif; }


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




fieldset { border: none; }



html {
	background: #fff url(../images/backg.jpg) no-repeat center top;
	overflow: auto;
	overflow-x: hidden;
	color: #333; }



img { border: none; }



ins { text-decoration: none; }


input { outline: none; }



p { padding-bottom: 15px; }



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


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


ul {
	clear: both;
	list-style: none; }

	ul li {
		background: url(../images/arrow2.png) no-repeat left 4px;
		padding: 0 0 0 10px; }

	ul li a { font-weight: bold; }







/********************************      Elements styling      ********************************/

h1, h2 { font-weight: normal;  }

h1, h2 {
	font-size: 24px;
	color: white; }

h2 {
	padding: 0 0 15px 0;
	color: #333; }



h5 {
	font: 12px/18px Arial;
	font-weight: bold; }



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

	a:hover { text-decoration: underline; }







cite {
	position: absolute; left: 570px; top: 120px; z-index: 10;
	width: 400px;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: white;  }





#center {
	width: 970px; min-height: 600px; _height: 600px;
	position: relative;
	margin: 0 auto; }









#container {
	float: left;
	width: 100%; min-height: 400px; _height: 600px;
	background: url(../images/back1.jpg) no-repeat right 154px; }









#foot {
	float: left;
	background: url(../images/foot.png) no-repeat center top;
	width: 100%; height: 310px; }

	#foot h1 {
		padding: 0 0 15px 0;
		color: #333; }

	#foot .content {
		position: relative;
		width: 970px;
		margin: 0 auto;
		padding: 24px 0 0 0; }

	#foot .copy,
	#foot .realizacja {
		position: absolute; top: 260px; left: 30px;
		font-size: 10px;
		color: white; }

	#foot .film {
		float: left;
		position: relative;
		width: 270px; height: 225px;
		background: url(../images/film.png);
		padding: 0 0 0 31px; }

		#foot .film a {
			position: absolute;
			width: 225px; height: 136px;
			background: url(../images/empty.gif); }

			#foot .film:hover { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }


	#foot .realizacja { position: absolute; top: 260px; left: auto; right: 0; }










#foot-top {
	float: left;
	position: relative;
	width: 970px; height: 103px;
	background: url(../images/foot-top.png); }

	#foot-top .content {
		width: 700px;
		padding: 36px 0 0 0;
		float: right; }

	#foot-top a {
		float: right;
		margin: 0 10px 0 0; }

	#foot-top a:hover { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }














#gallery-index {
	float: left;
	width: 100%;
	padding: 10px 0 0 0; }

	#gallery-index a {
		float: left;
		width: 110px;
		margin: 0 15px 10px 0; }

	#gallery-index a:hover {
		_filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9;
		text-decoration: none; }

	#gallery-index a img {
		border: 1px solid #ccc;
		padding: 3px; }

	#gallery-index a span {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 11px;
		line-height: 13px; }
















/******      formularz kontaktowy      ******/

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

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

#kontakt input, #kontakt textarea {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; }

#kontakt input, select,
#kontakt textarea {
	float: left;
	width: 30%;
	padding: 3px;
	border: 1px solid #bbb; }

#kontakt fieldset { border: none; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; }

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

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

#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: 70px; height: 23px;
	background: url(../images/b_wyslij.gif);
	margin: 0 50px 0 0;
	border: none !important;
	text-indent: -10000px;
	cursor: pointer; }

#kontakt .button:hover { background-position: 0 -23px; }










#left {
	float: left;
	width: 244px; width: 242px;
	padding: 167px 0 0 0; }









#links {
	float: left;
	width: 244px;
	padding: 0 0 35px 0; }

	#links a, #links img { float: left; }

	#links a:hover { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }







#logo {
	position: absolute; top: 36px; left: 20px;
	width: 188px; height: 92px;
	background: url(../images/logo1.gif);
	text-indent: -10000px; }

	#logo IMG { position: absolute; top: 0; left: 0; z-index: 8; }

		#logo IMG.active { z-index: 10; }

		#logo IMG.last-active { z-index: 9; }











#menu {
	float: left;
	width: 222px; min-height: 220px; _height: 220px;
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none; }

	#menu a {
		float: left;
		width: 222px;
		color: #333;
		background: url(../images/arrow.png) no-repeat 5px 10px !important;
		padding: 6px 0 6px 16px;
		font-weight: normal;
		cursor: pointer; }

		#menu a:hover, #menu a.hit {
			text-decoration: none;
			color: #3D3D6F; }

		#menu a.hit { color: #004b85; }

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

		#menu li ul {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0 0 15px 5px; }

		#menu li ul li { background: none !important; }

		#menu li ul li a {
			background: none !important;
			padding: 0 0 0 10px; }

		#menu li ul li a:before { content: "- "; }











#middle {
	float: left;
	width: 728px;
	padding: 154px 0 0 0; }

	.start #middle {
		width: 551px;
		padding: 166px 0 0 0; }

	#middle {
		list-style: none;
		margin: 0; }

	#middle h1 { position: absolute; left: 270px; top: 70px; z-index: 10; }

	#middle li { list-style: none; }

	#middle .content {
		float: left;
		width: 708px;
		padding: 15px 0 0 20px; }









#nav {
	position: absolute; left: 270px; top: 50px; z-index: 10;
	font-size: 11px;
	color: white; }

	#nav a { color: white; }









#news {
	float: left;
	width: 551px; }

	#news .item {
		float: left;
		width: 260px;
		padding: 20px 15px 0 0;
		font: 11px/13px Tahoma;
		color: #333; }

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

		#news .item img {
			float: left;
			margin: 3px 8px 8px 0;
			border: 1px solid #589abc;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px; }










#newsletter {
	position: absolute; top: 28px; left: 22px;
	width: 190px;
	font-size: 10px;
	line-height: 12px;
	color: white; }

	#newsletter button,
	#newsletter input[type="text"] {
		position: absolute; top: 45px;
		border: none; border: 0; }

	#newsletter button {
		top: 43px;
		font-size: 10px;
		color: white;
		cursor: pointer; }


	#newsletter button {
		left: 135px;
		width: 52px; height: 19px;
		background: url(../images/btn.gif);	}

	#newsletter input[type="text"] {
		position: absolute; top: 45px; left: 5px;
		background: none;
		width: 128px; }











#news2 { float: right; }

	#news2 .item {
		float: left;
		width: 240px;
		padding: 0 15px 0 0;
		font: 11px/13px Verdana;
		color: #333; }

	#news2 .item img {
		float: left;
		margin: 3px 8px 8px 0; }








#right {
	float: right;
	width: 166px;
	padding: 165px 0 0 0; }

	#right a { float: left; }

	#right a:hover { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }

	#right img { float: left; }









#sections {
	float: left;
	width: 100%;
	padding: 15px 0 25px 0; }

	#sections dd { font-weight: bold; }

		#sections dd a { color: #333; }

	#sections dl {
		float: left;
		width: 186px;
		padding: 0 15px 0 0; }

	#sections dt a:hover img { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }











#slideshow {
	float: left;
margin-left: 2px;
	position: relative;
	width: 728px;  height: 160px;}

	.start #slideshow { width: 551px; height: 184px; }

	#slideshow IMG { position: absolute; top: 0; left: 0; z-index: 8; }

	#slideshow IMG.active { z-index: 10; }

	#slideshow IMG.last-active { z-index: 9; }












#tools {
	position: absolute; top: 40px; right: 0;
	width: 180px; }

	#tools a {
		font-size: 10px;
		border-right: 1px solid white;
		padding: 0 5px 0 5px;
		color: white; }


		#tools #flags { float: right; }
		#tools #flags a {
			margin: 0 !important;
			border: none !important;
			padding: 0 !important; }







/********************************      General Classes      ********************************/

.dostawca { margin-left: 0; }


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


.menu_body { display: none; }

.hide_it {display:none;}

#film_flv {

float:left;
width:320px;
height:240px;
}




table img {

	float:left; clear:left;
	margin:1px 5px 1px 0;
	height:14px;
}


#kontakty strong {

	background: url(../images/kontaktbg.png) top no-repeat;
	padding:2px 4px;
	width:200px;
	display:block;
	color:#fff;
}

#kontakty em {font-weight:bold; font-style:normal;}








/*************************************  formularz usterki  *************************************/

#usterka {width:500px;}
#usterka fieldset {width:500px;}

#usterka label {

	float:left; width:50%; margin:0 0 3px 0;
}

#usterka span {

	float:left; clear:left;
	margin-bottom:3px;
}

#usterka input {

	float:left; clear:left;
	width:200px;

}

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

#usterka input, #usterka textarea {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px; }

#usterka input, select,
#usterka textarea {
	padding: 3px;
	border: 1px solid #bbb; }

#usterka textarea {

	width:500px;
	height:140px;
}

#usterka #k_kod {width:140px;}
#usterka img {float:left; margin-left:10px;}

#usterka fieldset { border: none; border-top: 1px solid #bbb; padding-top:20px; }

#usterka #l_zgoda {

	float:left; clear:left;
	width:480px;
	margin-top:10px;
}
#usterka #l_zgoda span {

	float:none; clear:none;
}
#l_zgoda input {

	float:left;
	width:10px;
	margin-right:5px;
}

#usterka .button {
	float: right;
	background: #3D3D6F;
	padding:4px 8px;
	width:auto;
	color:#fff;
	border: none !important;
	cursor: pointer; }

#usterka .button:hover { opacity:.8; filter:alpha(opacity=80); }

#usterka #buttony {float:left; margin-top:10px; width:100%;}


#l_pomiar {width:100% !important; clear:left; margin-bottom:10px !important;}
#l_pomiar input {float:left; clear:none !important; width:10px; margin-right:10px;}
#l_pomiar span {float:left; clear: none; width:43%;}
#interesuje {padding:0 0 10px 0; float:left; width:100% !important;}
#l_tresc {width:100%; clear:left;}


#l_top {float:left; margin-bottom:15px;}
#l_top input {float:left; clear:left; width:10px; margin-right:10px;}
#l_top span {float:left; clear:none !important;}

#l_tresc {clear:left;}


/*
 * WALIDACJA jquery
 */

.error {
	color:#c00000;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}
.error-input, .error-both, .error-same, .error-email, .error-string { background:#FFCFCF; }



#zaloguj2 {float:left; margin:20px 0;}
#zaloguj2 button {
	float: right;
	background: #3D3D6F;
	padding:4px 8px;
	width:auto;
	color:#fff;
	border: none !important;
	cursor: pointer;
	margin:0 0 0 10px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

#zaloguj2 button:hover { opacity:.8; filter:alpha(opacity=80); }

#zaloguj2 input {

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 4px;
	border: 1px solid #bbb;
}



/* ROZWIJANE MENU POZIOME */

#center
{
	position: relative;
}

#horiz
{
	position: absolute;
	top:127px; left:225px;
}
#horiz li,
#horiz a
{
	float:left;
	color:#fff;
	position: relative;
}

#horiz li
{
	background: url('../images/horizbg.png') bottom right no-repeat;
	padding:0;
	float:left;
	display:block;
}

#horiz li.last
{
	background: none;
}

#horiz > li > a
{
	padding:5px 15px;
}

#horiz > li > a:hover,
#horiz .hit
{
	background: url('../images/horizhover.png') bottom right no-repeat;
	text-decoration: none;
}

#horiz li.last a:hover
{
	background: url('../images/horizhover.png') bottom left no-repeat;
}


/* lvl2 */

.slider { position: relative; }

.lvl2
{
	background: #6868A1;
	position: absolute;
	top:26px; left:-20px;
	z-index:20;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-khtml-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
.lvl2 li
{
	float:left; clear:left;
	background: none !important;
}
.lvl2 a
{
	padding:6px 6px;
	min-width: 170px;
	display:block;
	float:left;
	font-size:11px;
	font-weight: normal;
	border-bottom:1px solid #3D3D6F;
}

.lvl2 li.last a
{
	border:0;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-khtml-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

.lvl2 a:hover,
.lvl2 .last a:hover
{
	background: #3D3D6F !important;
	text-decoration: none;
}