* {

	margin:0; padding:0;

}



body{

	background:#FFFFFF url(../images/bground.jpg) top repeat-x; 

}

a:hover{text-decoration:none;}

a img { border:0;}

html, input, textarea

	{

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

		font-size:11px;

		line-height:17px;

		color:#707070;		

	}

ul { list-style:none;}

input, select { vertical-align:middle; font-weight:normal;}

strong {font-size:12px; color:#444444;}

.pobierz{

font-size:10px;

color:#444444;

font-weight:bold;

text-align:right;

padding-right:10px; }

a.pobierz{

font-size:10px;

color:#444444;

font-weight:bold; }

a {color:#868686;}



/*main layout */

.strona {width:792px;

background-color:#fff;

border:#FFFFFF 4px solid;

margin:30px auto;

}

.baner {

width:792px;

height:300px;

margin-top:4px;

}

.flagi {

height:28px;

width:110px;

background-color:#FFFFFF;

float:right;

position:relative;

top:-28px;

z-index:100;

}

.fla {

margin:5px 0px 5px 5px ;

}

.hederopis {

padding-top:10px;

padding-bottom:10px;}



.hederopis1 {

padding-bottom:10px;}



.footer {

width:780px;

height:20px;

padding:10px;

background:#2F2C33;

float:left;

margin-top:30px;

position:relative;

}

.zdjprodprawa{

padding-left:10px;

float:right}

.zdjprodlewa{

padding-right:10px;

padding-top:5px;

float:left}

/*main */

.h_text {padding-bottom:2px; background:url(../images/h_text_bg.gif) bottom repeat-x;}

.h_text1 {padding:10px; background:url(../images/h_text_bg.gif) bottom repeat-x;}

.padding{padding:9px 13px 3px 15px;}

.mapa{padding:9px 0px 3px 0px;}

.ramka {

border:1px #CCCCCC solid;

margin-top:10px;

padding-bottom:10px;

width:255px;

float:left;

margin-right:10px;

z-index:150;}

.ramkaszeroka {

border:1px #CCCCCC solid;

margin-top:10px;

padding-bottom:10px;

width:525px;

float:left;

margin-right:10px;

z-index:150;}

.ramkawaska {

border:1px #CCCCCC solid;

margin-top:10px;

padding-bottom:10px;

width:3255px;

float:left;

margin-right:10px;

}

.ramkaprawa {

border:1px #CCCCCC solid;

margin-top:-18px;

padding-bottom:10px;

width:255px;

float:left; margin-bottom: 30px;

;}

.ramkawaska-3 {

border:1px #CCCCCC solid;

margin-top:10px;

padding-bottom:10px;

width:389px;

float:left;

margin-right:10px;

}

.ramkaprawa-3 {

border:1px #CCCCCC solid;

margin-top:-18px;

padding-bottom:10px;

width:389px;

float:left; margin-bottom: 30px;

;}

.ramkaprawa2 {

border:1px #CCCCCC solid;

margin-top: 10px;

padding-bottom:10px;

width:389px;

float:left;

;}

.ramkalewa {

border:1px #CCCCCC solid;

margin-top:10px;

padding-bottom:10px;

width:255px;

float:left;

z-index:150;}

.opis { width:520px;

padding-right:10px;}

.opisprawa { width:520px;

margin-top:10px;

padding-right:5px;

padding-left:10px;}

.opisszeroki { width:792px;

padding-left:5px;

padding-right:10px;}

.lewa { width: 535px;

float:left;}

.lewaopis { width: 525px;

float:left;

padding-left:10px}

.lewaopisprod { width: 525px;

margin-top:-18px;

float:left;

padding-left:10px}

.prawa { width: 257px;

float:left;}

.prawaflash { width: 257px;

float:left;

margin-top:-18px;}

.lewakontakt {width: 200px;

float:left;

}



.pd {padding:14px 0 0 0;}

.clear  { clear:both;}

.kreska {

background:url(../images/h_text_bg.gif) bottom repeat-x;}

.galeria {

padding:0px 20px 20px 0px;

}

td {

border-bottom: 1px #CCCCCC solid;

line-height:30px;

}

.gdzie {

background-color:#ccc;

color: #FFFFFF;

font-family:Arial;

font-weight:bold;

font-size:10px;

}

.column1 {width:250px; float:left}

.column2 {width:535px; float:left}}

input.contact_form {

	width: 240px;

	height: 15px;

	font-size: 11px;

	color: #999999;

	border: 1px solid #999999;

	background: none;

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}



.input {width:240px; height:25px; border:1px solid #a4a4a4; padding-left:5px; line-height:25px; background:none; font-family:tahoma;color:#a4a4a4; margin-top:10px;}

textarea {width:525px; height:100px; border:1px solid #a4a4a4; background:none; padding:5px 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4; margin-top:10px; margin-left:10px;}

form .div {text-align:right; padding:6px 0 0 0;}

.button {

  color: #999;

  text-decoration: none; 

  font-size: 11px; 

  border:solid 1px #CCCCCC;

  text-align: center; 

  line-height:15pt;

  padding-right:5px;

  padding-left:5px;

  margin-left:5px;

  background-color:#F5F5F5;

  }

/*menu */

.menu {

width:792px;

height:30px;

background:#2F2C33;

color:#fff;

text-decoration:none;

font-family:Arial;

font-weight:bold;

font-size:10px;

position:relative;

z-index:100;

}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:792px; w\idth:792px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:95px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:95px;position:relative; text-align:center; line-height:30px;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:95px; height:30px; border:0px solid #000; background:#2F2C33;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:95px; w\idth:95px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(www.cssplay.co.uk/graphics/drop.html) bottom right no-repeat;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#c9ba65 url(www.cssplay.co.uk/graphics/drop.html) bottom right no-repeat;}

.menu ul ul :hover > a.drop {background:#c9ba65 url(www.cssplay.co.uk/graphics/drop.html) bottom right no-repeat;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:100px; }

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:132px; width:132px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-132px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#3E3B4; color:#fff; height:auto; line-height:1em; height:30px; width:132px;text-align:center; line-height:30px; border-top:#FFFFFF 2px; }

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:132px;w\idth:132px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#fff; background:#3E3B44;}

.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#3E3B44;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}
.no_decor{
	text-decoration: none;
}