/*--------------------------------------------------------
	css theme name: styl.css
	intrux.pl
	author: Tomasz Maciejewski - http://webtom.pl
	mobile: +48 608466380
	e-mail: info@webtom.pl
--------------------------------------------------------*/
* {

	margin: 0px; padding: 0px; }


html {
  height:100%;
  overflow:auto;
  width:100%;
}

body {
  background-color:#4d0a0b;
  background-image:url(../images/background.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  text-align:center;
  color:#FFFFFF;	
  font-family:tahoma,arial,verdana;
  font-size:12px;
}

table {
  color:#FFFFFF;	
  font-family:tahoma,arial,verdana;
  font-size:12px;
  line-height: 20px;	
}

h2 {
  color:#FFFFFF;	
  font-family:tahoma,arial,verdana;
  font-size:18px;
}

#container {
  margin:0 auto;
  min-height:630px;
  padding-bottom:10px;
  width:950px;
}

/* grafika glowna */

#top-gfx {
  background-image:url(../images/topwindowbg.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  float:left;
  height:448px;
  margin-bottom:-20px;
  width:950px;
}

/* menu gora */

#top-gfx-menu {
  float:right;
  padding-right:40px;
  padding-top:87px;
  width:560px;
}
*html #top-gfx-menu {
  width: 600px;
}

#top-gfx-menu ul {
margin: 0;
padding: 0;
display:block;
list-style-type:none;
}

#top-gfx-menu li {
  display: block;
  float: left;
  height: 42px;
  margin-top: 0px;
  padding-top: 0px;
  text-align: center;
  vertical-align: middle;
  width: 108px;
}

/* definicja poszczegolnych przyciskow w menu*/

.m1 {
  background:transparent url(../images/menu1.jpg) no-repeat scroll 0 0;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m1a {
  background:transparent url(../images/menu1.jpg) no-repeat scroll 0 -42px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}


.m2 {
  background:transparent url(../images/menu2.jpg) no-repeat scroll 0 0px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m2a {
  background:transparent url(../images/menu2.jpg) no-repeat scroll 0 -42px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m3 {
  background:transparent url(../images/menu3.jpg) no-repeat scroll 0 0px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m3a {
  background:transparent url(../images/menu3.jpg) no-repeat scroll 0 -42px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m4 {
  background:transparent url(../images/menu4.jpg) no-repeat scroll 0 0px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m4a {
  background:transparent url(../images/menu4.jpg) no-repeat scroll 0 -42px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m5 {
  background:transparent url(../images/menu5.jpg) no-repeat scroll 0 0px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m5a {
  background:transparent url(../images/menu5.jpg) no-repeat scroll 0 -42px;
  color:#FFFFFF;
  display:block;
  font-family:trebuchet MS,tahoma,verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:16px;
  position:relative;
  text-align:center;
  text-decoration:none;
  top:-34px;
  vertical-align:middle;
  width:108px;
}

.m1:hover,
.m2:hover,
.m3:hover,
.m4:hover,
.m5:hover {
  background-position: 0 -42px;
}

/* pierwsza kolumna z zawartoscia */

#top-gfx-col1 {
  float:left;
  padding-left:60px;
  padding-top:40px;
  position:relative;
  width:275px;
}

/* osadzenie logo */

#top-gfx-logo {
  float:left;
  height:63px;
  width:260px;
}

/* osadzenie kartonikow */

#top-gfx-kartoniki {
  background-image:url(../images/kartoniki.jpg);
  background-repeat:no-repeat;
  float:left;
  height:310px;
  position:relative;
  width:260px;
}

/* druga kolumna z zawartoscia */

#top-gfx-col2 {
  float:right;
  margin-top:-20px;
  padding-right:45px;
  position:relative;
  width:550px;
}
*html #top-gfx-col2 {
  width: 595px;
  padding-top:0px;
}

/* tekst nalozony na glowna grafike */

#top-gfx-tekst {
  float:left;
  padding-top:10px;
  position:relative;
  width:275px;
}
*html #top-gfx-tekst {
  left: 15px;
}

#top-gfx-tekst h1 {
  color:#000000;
  float:left;
  font-family:tahoma,arial,verdana;
  font-size:18px;
  font-weight:bold;
  padding-bottom:10px;
  text-align:left;
  width:300px;
}

#top-gfx-tekst p {
  color:#000000;
  float:left;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  font-weight:normal;
  text-align:justify;
  width:270px;
}

p.top-gfx-tekst-link a {
color:#000000;
float:left;
padding-top:10px;
text-align:right;
text-decoration:underline;
width:270px;
}

p.top-gfx-tekst-link a:hover {
color:#990000;
text-decoration:underline;
}

span.top-gfx-tekst-link-2 a {
color:#000000;
text-decoration:underline;
}

span.top-gfx-tekst-link-2 a:hover {
color:#990000;
text-decoration:none;
}



/* iframe mailform */

#top-gfx-mailform {
  background-image:url(../images/mailformbg.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  float:right;
  height:290px;
  width:264px;
}


/* zajawki - glowna definicja boxow */

#zajawki {
  height:210px;
  margin:0 auto;
  width:850px;
}

/* poszczegolne zajawki */

#zajawka1, #zajawka2, #zajawka3 {
  border-right:1px solid #FFFFFF;
  float:left;
  height:200px;
  padding-left:15px;
  width:200px;
}

#zajawka1 h1, 
#zajawka2 h1, 
#zajawka3 h1 {
  color:#FFFFFF;
  float:left;
  font-family:trebuchet ms,tahoma,arial,verdana;
  font-size:16px;
  height:25px;
  margin-top:15px;
  padding-bottom:10px;
  padding-left:0px;
  padding-top:3px;
  text-align:left;
  width:200px;
}

#zajawka1 p,
#zajawka2 p,
#zajawka3 p {
  color:#FFFFFF;
  float:left;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  line-height:15px;
  text-align:justify;
  width:185px;
}

p.zajawka-link a {
color:#FFFFFF;
float:left;
padding-top:10px;
text-align:right;
text-decoration:underline;
width:185px;
}

p.zajawka-link a:hover {
color:#FFCCCC;
text-decoration:underline;
}

/* infolinia */

#infolinia {
  float:left;
  height:200px;
  padding-left:10px;
  width:185px;
}

#infolinia h1 {
  background-image:url(../images/phone.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  color:#FFFFFF;
  float:left;
  font-family:trebuchet ms,tahoma,arial,verdana;
  font-size:16px;
  height:31px;
  margin-top:15px;
  padding-bottom:4px;
  padding-left:37px;
  padding-top:3px;
  text-align:left;
  width:185px;
}
*html #infolinia h1 {
  padding-bottom: 10px;
}

#infolinia p {
  color:#FFFFFF;
  float:left;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  line-height:15px;
  text-align:justify;
  width:185px;
}

#infolinia h3 {
  color:#FFFFFF;
  float:left;
  font-family:georgia,times new roman,garamond;
  font-size:24px;
  padding-top:5px;
  text-align:center;
  width:185px;
}


#helpinfolinia {
  float:left;
  height:200px;
  padding-left:10px;
  width:185px;
}

#helpinfolinia h1 {
  background-image:url(../images/help.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  color:#FFFFFF;
  float:left;
  font-family:trebuchet ms,tahoma,arial,verdana;
  font-size:16px;
  height:31px;
  margin-top:15px;
  padding-bottom:4px;
  padding-left:37px;
  padding-top:3px;
  text-align:left;
  width:185px;
}
*html #helpinfolinia h1 {
  padding-bottom: 10px;
}

#helpinfolinia p {
  color:#FFFFFF;
  float:left;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  line-height:15px;
  text-align:justify;
  width:185px;
}

#helpinfolinia h3 {
  color:#FFFFFF;
  float:left;
  font-family:georgia,times new roman,garamond;
  font-size:24px;
  padding-top:5px;
  text-align:center;
  width:185px;
}


/* stopka i jej zawartosc */

#footer {
  border-top:1px solid #FFFFFF;
  height:25px;
  margin:5px auto;
  padding:8px 5px 15px;
  width:870px;
}

#realizacja {
  color:#970004;
  float:right;
  font-family:tahoma,arial,verdana;
  font-size:10px;
}


#realizacja a {
  color: #970004;
  text-decoration: none;
}

#realizacja a:hover {
  text-decoration: underline;
}


#dane-adresowe {
  color:#970004;
  float:left;
  font-family:tahoma,arial,verdana;
  font-size:10px;
}

/* glowna tresc strony - naglowek */

#content-header {
color:#FFFFFF;
font-family:tahoma,arial,verdana;
font-size:12px;
line-height:18px;
margin:0 auto;
text-align:justify;
width:850px;
}

#content-header h1 {
  border-bottom:1px solid #FFFFFF;
  color:#FFFFFF;
  font-family:tahoma,arial,verdana;
  font-size:18px;
  margin-bottom:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-top:20px;
}
*html #content-header h1 {
  padding-top: 20px;
}

/* glowna tresc strony - teksty */

#content,
#contentnormal {
color:#FFFFFF;
font-family:tahoma,arial,verdana;
font-size:12px;
line-height:18px;
margin:0 auto;
text-align:justify;
width:850px;
}

#content p,
#content normal p {
  color:#FFFFFF;
  font-family:tahoma,arial,verdana;
  font-size:12px;
  line-height:18px;
  padding-bottom:15px;
  padding-left:10px;
  padding-right:10px;
  text-align:justify;
}

#content a {
  font-family: tahoma,arial,verdana;
  font-size: 12px;
  text-decoration: underline;
  color:#FFFFFF;
}

#content a:hover {
  text-decoration: underline;
  color:#FFCCCC;
}

/* obrazek oblany tekstem z prawej */

#content-obrazek-prawy {
  float:right;
  margin-left:15px;
  margin-right:15px;
  padding-left:1px;
  position:relative;
  width:200px;
}
*html #content-obrazek-prawy {
margin-left: 1px;
}

#content-obrazek-prawy a{
  border:1px solid #666666;
  width: 200px;
  float:right;
  margin-left:10px;
  padding: 1px;
}

#content-obrazek-prawy a:hover {
  border: 1px solid #EEEEEE;
}

/* obrazek oblany tekstem z lewej */

#content-obrazek-lewy {
  float:left;
  margin-right:15px;
  margin-left: 0px;
  padding-right: 10px;
  position:relative;
  width: 200px;
}

*html #content-obrazek-lewy {
margin-right: 1px;
}

#content-obrazek-lewy a {
  border:1px solid #666666;
  width: 200px;
  float:left;
  margin-left:10px;
  padding: 1px;
}

#content-obrazek-lewy a:hover {
  border: 1px solid #EEEEEE;
}

/* galeria - sposob wyswietlania obrazkow */

#gallery {
  float: left;	
  width: 100%; 
  padding-left: 30px; 
  margin-top: 2px;
}

#gallery a {
  float: left; 
  height: 156px; 
  border: 1px solid #666666; 
  padding: 1px; 
  margin: 0px 5px 5px 0px;
}

#gallery a:hover {
  border: 1px solid #EEEEEE;
}

#gallery img{
  border: none;
}