czcz@charset "utf-8";
p {
	font-size: 16px;
}

a {
	font-size: 16px;
}
body,td,th {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size: 16px;
}
#aaa {
	position: relative;
	top: -10px;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul#test{
	padding:0;
	margin:0;
	list-style:none;
	display: block;
	height: 30px;
}
.header_bgr {
	background-image: url(../images/header_bgr.jpg);
	background-repeat: repeat-x;
	height: 360px;
	position: absolute;
	left: 0px;
	top: 165px;
	width: 100%;
	z-index: 1;
}

#test li{
	height:29px;/* size of image*/
	float: left;
}
#test li.first{
	background-image: url(../images/mainmenu/portfolio_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 87px;
}/* this holds the rollover state of the image1*/
#test li.second{
	background-image: url(../images/mainmenu/zamow_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 113px;
}/* this holds the rollover state of the image2*/
#test li.menu3{
	background-image: url(../images/mainmenu/jak_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 103px;
}
#test li.menu4{
	background-image: url(../images/mainmenu/pomoc_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 69px;
}
#test li.menu5{
	background-image: url(../images/mainmenu/my_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 109px;
}
#test li.menu6{
	background-image: url(../images/mainmenu/porady_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 69px;
}
#test li.menu7{
	background-image: url(../images/mainmenu/kontakt_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 78px;
}

ul, li {
	list-style:none;
	margin: 0px;
}

#test a{
display:block;
width:80px;
height:30px;
text-decoration:none;
}
#test li.first a{
	background-image: url(../images/mainmenu/portfolio_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 87px;
}/* this holds the normal state of the image1*/
#test li.second a{
	background-image: url(../images/mainmenu/zamow_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 113px;
}/* this holds the normal state of the image2*/
#test li.menu3 a {
	background-image: url(../images/mainmenu/jak_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 103px;
}
.lucida {
	font-family: "Lucida Sans Unicode";
}

#test li.menu4 a {
	background-image: url(../images/mainmenu/pomoc_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 69px;
}
#test li.menu5 a {
	background-image: url(../images/mainmenu/my_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 109px;
}
#test li.menu6 a {
	background-image: url(../images/mainmenu/porady_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 69px;
}
#test li.menu7 a {
	background-image: url(../images/mainmenu/kontakt_out.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 78px;
}


ul#test a:hover{background:transparent}
/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#test{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#test{text-indent:0;te\xt-indent:-999em}
* html ul#test span{text-indent:-999em;}

#mainmenu {
	float: right;
	height: 30px;
	margin-right: 98px;
	text-align: left;
	width: 630px;
}

#cala_zawartosc {
	width: 1022px;
	margin-right: auto;
	margin-left: auto;
}
#tag_line {
	background-image: url(../images/tagline_header.png);
	height: 60px;
	width: 371px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #b8b8b8;
	padding-top: 7px;
	padding-left: 20px;
	float: right;
	margin-top: 32px;
	margin-right: 66px;
}
.glowne_logo {
	float: left;
	margin-top: 35px;
	margin-left: 72px;
}
#header {
	height: 100%;
}
#midheader {
	height: 100%;
}
#midheader img{
	margin-top: 20px;
	margin-bottom: 10px;
}
#tresc {
	height: 100%;
}
#home_box_4x {
	background-image: url(../images/home_oferta_x4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 230px;
	width: 511px;
	float: left;
	font-size: 17px;
	text-align: left;
}
#tresc #prawa {
	float: right;
	width: 722px;
	text-align: left;
	color: #6e6e6e;
	margin-top: 30px;
}
#tresc #prawa {
	float: right;
	width: 722px;
	text-align: left;
	color: #6e6e6e;
	margin-top: 10px;
}
#tresc #lewa{
	float: left;
	width: 300px;
	text-align: left;
	font-size: 13px;
}
.wciecie_lewe {
	padding-left: 13px;
}
.kolor_zgnita {
	color: #d6df40;
}
.kolor_morski {
	color: #7fffeb;
}
.kolor_zolty {
	color: #f8ff14;
}
.kolor_morski_jasny {
	color: #9fffbc;
}
.lewa {
	font-size:16px;
	position: absolute;
	top: 577px;
}
.inputbox_kontakt {
	font-family: "Lucida Sans Unicode";
	font-size: 16px;
	color: #6e6e6e;
	border: 1px solid #c6c6c6;
	height: 28px;
	width: 213px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.inputbox_tresc {
	font-family: "Lucida Sans Unicode";
	font-size: 16px;
	color: #6e6e6e;
	border: 1px solid #c6c6c6;
	height: 224px;
	width: 530px;
	padding: 10px;
}
.kontakt_wyslij {
	background-image: url(../images/button_wyslij.png);
	height: 35px;
	width: 116px;
}
h1 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}
#test li.switch1 {
	background-image: url(../images/mainmenu/portfolio_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 87px;
}
#test li.switch2 {
	background-image: url(../images/mainmenu/zamow_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 113px;
}
#test li.switch3 {
	background-image: url(../images/mainmenu/jak_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 103px;
}
#test li.switch4 {
	background-image: url(../images/mainmenu/pomoc_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 69px;
}
#test li.switch5 {
	background-image: url(../images/mainmenu/my_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 109px;
}
#test li.switch6 {
	background-image: url(../images/mainmenu/porady_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 69px;
}
#test li.switch7 {
	background-image: url(../images/mainmenu/kontakt_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 78px;
}
.lewa { font-size:16px }
.style_switcher { font-size:16px }
.font13 {
	font-size: 16px;
	font-weight: normal;
	color: #6e6e6e;
}