html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
}

a, a:visited { text-decoration: none; }
a { border:0; color: #666666; }
ol, ul { list-style: none; }
legend { display: none; }


body, input, textarea, select, option, optgroup, button {
	font-family: Tahoma;
}

input, textarea, select, option, optgroup, button {
	font-size: 1em;
}

body{
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #0C265F;

}
body.intro{
	background: #071d4b url(../images/body-intro-bg.gif) repeat-x 0 0;
}
#page{	background-position: center top;
	width: 741px;
		margin: 0 auto;
		display:block;}
		
#top{
position:relative;
height: 121px;
/*background-image:url(../images/top.jpg);*/
}


#menu-intro{
height: 45px;
padding-left: 205px;

}

#menu-intro ul{
	float: left;
	width: 485px;
	height: 45px;
		font-family: Arial;
	font-size: 14px;
	font-weight: normal;
}
#menu-intro li{
	float: left;
	width:auto;
	height: 28px;	 
}

#menu-intro li a{
	float: left;
	height: 28px;
}
.polsat{width: 107px; background-image: url(../images/top-menu/polsat.png); background-repeat:no-repeat; margin-right:5px; color:#ffa800; padding: 18px 0px 0px 51px;}
.sklep{width: 134px; background-image: url(../images/top-menu/sklep.png); background-repeat:no-repeat; margin-right:5px; color:#49cc77; padding: 18px 0px 0px 24px;}
.kontakt{width: 60px; background-image: url(../images/top-menu/kontakt.png); background-repeat:no-repeat; margin-right:5px; color:#708fcf; padding: 18px 0px 0px 14px;}
.mapa{width: 60px; background-image: url(../images/top-menu/mapa.png); background-repeat:no-repeat; color:#708fcf; padding: 18px 0px 0px 19px;}

#menu-intro li a:hover{
	float: left;
	height: 28px;
	color:#ffffff;
}

#menu{
height: 44px;
padding: 32px 0px 0px 212px;

}

#menu ul{
	float: left;
	width: 431px;
	height: 44px;

}
#menu li{
	float: left;
	width:auto;
	height: 44px;;	 
}

#menu li a{
	float: left;
	height: 44px;
}
a.elektr{width: 153px; background-image:url(../images/menu/el-elektronika.jpg);}
a.zapr{width: 142px; background-image: url(../images/menu/el-zaproszenia.jpg);}
a.rekl{width: 130px; background-image: url(../images/menu/el-reklama.jpg);}
a:hover.zapr{width: 142px; background-image:url(../images/menu/el-zaproszenia-h.jpg);}
a:hover.rekl{width: 130px; background-image:url(../images/menu/el-reklama-h.jpg);}

a.r-elektr{width: 153px; background-image:url(../images/menu/rek-elektronika.jpg);}
a.r-zapr{width: 142px; background-image: url(../images/menu/rek-zaproszenia.jpg);}
a.r-rekl{width: 130px; background-image: url(../images/menu/rek-reklama.jpg);}
a:hover.r-zapr{width: 142px; background-image:url(../images/menu/rek-zaproszenia-h.jpg);}
a:hover.r-elektr{width: 153px; background-image:url(../images/menu/rek-elektronika-h.jpg);}

.z-elektr{width: 153px; background-image:url(../images/menu/zap-elektronika.jpg);}
.z-zapr{width: 142px; background-image: url(../images/menu/zap-zaproszenia.jpg);}
.z-rekl{width: 130px; background-image: url(../images/menu/zap-reklama.jpg);}
a:hover.z-elektr{width: 153px; background-image:url(../images/menu/zap-elektronika-h.jpg);}
a:hover.z-rekl{width: 130px; background-image:url(../images/menu/zap-reklama-h.jpg);}

#foto-elektro{
height: 232px;
background-image:url(../images/top-elektro.jpg);
}

#foto-reklama{
height: 232px;
background-image:url(../images/top-reklama.gif);
}

#foto-zap{
height: 232px;
background-image:url(../images/top-zapr.gif);
}

#copyright{
	height: 13px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #75a4e5;
padding: 15px 35px 15px 35px;
float: left;
}
#copyright a{color: #75a4e5;}
#copyright a:hover{color: #ffffff;}
#kambit{
width: 370px;
float:left;
height: 13px;
}

#foot-menu{
width: 300px;
float:right;
height: 13px;
}
#footer{
background-image:url(../images/footer.png);
background-repeat:repeat-x;
height: 21px;
clear:both;

}
#content{
	background-color:#FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #020813;
	margin: 0px 7px 0px 10px;
background-image:url(../images/logo.jpg);
background-position:right bottom;
background-repeat:no-repeat;
	float:left;
	display:block;
}
h1{
	background-image: url(../images/h1.jpg);
	background-repeat:no-repeat;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #02102e;
	padding-left: 50px;
}

h2{
	background-image: url(../images/h2.png);
	background-repeat:no-repeat;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #02102e;
	padding-left: 50px;
}

h3{
	background-image: url(../images/h3.png);
	background-repeat:no-repeat;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #02102e;
	padding-left: 50px;
}

#coll{
	width: 445px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dce1e8;
	border-left-color: #dce1e8;
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0px 20px 20px 20px;
	margin: 30px 5px 30px 35px;
	float:left;
}
.text{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #1b2332;
}
#colr{
	width: 190px;
	float:right;
	background-color:#FFFFFF;

}
#kontakt{
	background-image: url(../images/kontakt.png);
	background-repeat:no-repeat;
	min-height: 130px;
	height: auto!important;
	height: 130px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #3b4b62;
	padding: 70px 6px 0px 20px;
	float:right;
	background-position: 0 48px;
}

#watermark {
background-image:url(../images/logo.jpg);
background-position: right bottom;
height:193px;

width:166px;

}
#anim{
position:absolute;
float:left;
margin-bottom:0;
margin-left:21px;
margin-right:0;
margin-top:12px;
}

/* INTRO
-----------------------------------------------------------------------------*/
#intro-wrap{
	width: 800px;
	margin: 0 auto;
	position: relative;
}

#intro-logo img {
	border: 0;
	padding-top: 30px;
}
#intro-menu{
	padding-top: 41px;
}

.returnToKwicks {
	display:block;
	border:1px dashed #888;
	padding:5px;
	float:right;
}
.returnToKwicks:hover {
	background-color: #5e5e76;
	text-decoration: none;
	color: #aaa;
}


.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}


.kwicks li{
	float: left;
	width: 105px;
	height: 120px;
	margin-right: 5px;
}
.kwicks li a{
  width: 100%;
  height: 100%;
  float: left;
}
#kwick1 { 
	background-image: url('../images/elektro.png');
	background-repeat: no-repeat;
}
/*#kwick2:hover{
	background-image: url('../images/elektro-h.png');
	background-repeat: no-repeat;
}*/
#kwick2 {

	background-image: url('../images/zaproszenia.png');
	background-repeat: no-repeat;

}
#kwick3 {

	background-image: url('../images/reklama.png');
	background-repeat: no-repeat;
}
#kwick4 { 

	background-image: url('../images/sklep.png');
	margin-right: none;
	background-repeat: no-repeat;
}
#kwick5 { 
	background-image: url('../images/kontakt-intro.png');
	margin-right: none;
	background-repeat: no-repeat;
}
#kwick6 { 
	background-image: url('../images/dekoracje.png');
	margin-right: none;
	background-repeat: no-repeat;
}
#intro-watermark{
	background: url('../images/intro-watermark.png') no-repeat 0 0;
	position: absolute;
	width: 584px;
	height: 652px;
	top: 120px;
	left: 435px;
}
	/* FORM
-----------------------------------------------*/
#form2{ margin-top: 10px ;}
input.text{
	margin-bottom: 1px;
	background-color: #fff;
	border: 1px solid #2c4d7d;
	width: 165px;
}
input.text:focus, textarea.text:focus{
	border: 1px solid #3278ce;	
}
textarea.text{	
	margin-top: 1px;
	background-color: #fff;
	border: 1px solid #2c4d7d;
	width: 165px;
}
input.btn{
	margin: 10px 0 0 55px;
	background-color: #fff;
	border: 1px solid #2c4d7d;
	color: #4B4B4B;
	height: 20px;
	padding-bottom: 4px;
}
input.btn:active{
	background-color: #3278ce;
	color: #fff;
}

.m_menu {
  position:absolute;
  color:#63739E;
  background:#071D4C;
  bottom:11px;
  left:10px;
}