html{
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

body{
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Microsoft Sans Serif, MS Serif, arial;
  font-size: 12px;
  background: url(graf/tlo.gif);
}

img{
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

h1{
margin: 0px auto;
padding: 3px 0px;
text-align: center;
width: 716px;
font-size: 14px;
color: rgb(50,50,50);
background: white;
}

h2{
	margin: 0px;
	text-align: center;
	font-size: 12px;
	color: rgb(100,100,100);
}

span.b{
	font-weight: bold;
}

span.promotor{
	font-size: 12px;
	color: #4A4A4A;
}

#wraper{
  width: 716px;
  margin: 0px auto;
  padding: 0px;
  background: #FFFFFF url(graf/tlo_wraper.gif) repeat-y top left;
}

/* ------------------------------------------------------------------- TOP */

#top{
	width: 706px;
	height: 52px;
	padding: 0px 5px 0px 5px;
	padding-bottom: 0px;
	background: url(graf/shadow_top.gif) repeat-x top left;
}

#top img.logo{
	float: left;
}

#top div.menu{
	float: left;
	height: 100%;
	width: 481px;
	background: url(graf/tlo_menua.jpg) repeat-x top left;
}

#top div.menu a{
	display: block;
	float: left;
	height:17px;
	margin-right: 1px;
	padding: 19px 14px 14px 14px;
}

#top div.menu a:hover{
  background: rgb(220,3,7);
}

#top div.menu a.activ{
  background: rgb(220,3,7);
}

#top div.menu a.home{
	padding-left: 20px;
	background: url(graf/shadow_menub.jpg) no-repeat top left;
}

#top div.menu a.home:hover{
  background: rgb(220,3,7) url(graf/shadow_menuc.gif) repeat-y top left;
}


/* ------------------------------------------------------------------- CONTENT */

#content{
	float: left;
  width: 706px;
	padding: 0px 5px;
	background: url(graf/shadow_bot.gif) repeat-x bottom left;
}

#content a{
  color: #B90000;
  text-decoration: none;
  border-bottom: 1px #B90000 dotted;
}

#content a:hover{
  color: rgb(62,141,200);
}

#content p{
	padding: 8px 20px;
}

#content div.left{
	border-bottom: 1px rgb(234,234,234) solid;
	float: left;
	width: 346px;
	background: url(graf/shadow_content.gif) no-repeat 150px 152px;
}

#content div.left div.nfo{
	padding: 10px 21px 0px 15px;
}

#content div.center{
	float: left;
	border-top: 1px rgb(234,234,234) solid;
	border-left: 1px rgb(234,234,234) solid;
	width: 167px;
	padding: 15px 6px 15px 6px;
	height: 525px;
}

#content span.h1{
	margin-left: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #0E0E0E;
}

#content div.h2{
	margin-top: 10px;
	margin-left: 5px;
	border-left: 15px #B90000 solid;
	font-size: 15px;
	height: 15px;
	line-height: 13px;
	padding: 0px 10px;
	font-weight: bold;
	color: #B90000;
}

#content a.h2{
	display: block;
	margin-top: 10px;
	margin-left: 5px;
	border-bottom: none;
	border-left: 12px #B90000 solid;
	font-size: 12px;
	height: 12px;
	line-height: 10px;
	padding: 0px 10px;
	font-weight: bold;
	color: #B90000;
}

#content a.h2:hover{
	background: none;
	border-left: 12px rgb(62,141,200) solid;
	color: rgb(62,141,200);
}

/* ------------------------------------------------------------------- STOPKA */

#content div.stopka{
	float: left;
	height: 23px;
	width: 706px;
	padding: 0px;
	background: #3E3E3E url(graf/tlo_stopkaa.jpg) repeat-x top left;
}

#content div.stopka div{
  float: left;
  font-size: 10px;
  padding: 7px 35px 0px 35px;
  background: url(graf/sep_bot.gif) no-repeat 0px 3px;
  color: #FFFFFF;
}

#content div.stopka div.strong{
  font-weight: bold;
  background: none;
}

#content div.stopka a{
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px #530000 dotted;
}

#content div.stopka a:hover{
  color: rgb(62,141,200);
  background: none;
}

div.clear{
	clear: both;
}

/* ------------------------------------------------------------------- GLOWNA */

#content div.left h3{
	float: right;
	padding-right: 15px;
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 10px;
}

#content div.left img{
	padding: 1px;
	margin-bottom: 15px;
	
}

#content div.center div.nfo{
	padding: 5px 5px;
}

#content div.contakt{
	padding: 12px 10px;
	margin: 0px;
	line-height: 20px;
	height: 118px;
	background: rgb(252,252,252) url(graf/glowna_mapka.jpg) no-repeat 200px 12px;
	border-top: 1px rgb(234,234,234) solid;
	border-bottom: 1px rgb(234,234,234) solid;
}

#content div.contakt div.pad{
	padding-left: 10px;
	margin-top: 10px;
}

#content div.reklama{
	margin: 15px 70px;
	font-size: 15px;
	font-weight: bold;
	color: #626262;
}

/* ------------------------------------------------------------------- OFERTA */

img.slideshow{
	padding:2px;
	border: 1px #E6E6E6 solid;
}

#content div.oferta{
	border-top: 1px rgb(234,234,234) solid;
	margin-bottom: 5px;
	float: left;
	width: 360px;
	padding-left: 60px;
	padding-top: 30px;
	background: url(graf/shadow_oferta.gif) repeat-x top right;
}

/* ------------------------------------------------------------------- OFERTA */

#content div.internet{
	border-top: 1px rgb(234,234,234) solid;
	margin-bottom: 5px;
	float: left;
	width: 666px;
	padding: 20px 20px;
	background: url(graf/shadow_oferta.gif) repeat-x top right;
}

#content div.internet div.blok{
  float: left;
	width: 318px;
	padding: 10px 5px;
	margin-top: 10px;
	border: 1px #E6E6E6 solid;
}

#content div.internet div.blokr{
  float: right;
	width: 318px;
	padding: 10px 5px;
	margin-top: 10px;
	border: 1px #E6E6E6 solid;
}


/* ------------------------------------------------------------------- KONTAKT */

table.kontakt{
  width: 600px;
  height: 320px;
  margin-left: 40px;
}

td.kontakt{
  width: 230px;
  height: 320px;
  vertical-align: top;
  padding-top: 3px;
  background: url(graf/mapka.gif) no-repeat 30px 110px;
}

table.kontakt a{
  color: #223167 ;
  font-size: 12px;
  text-decoration: none;
}

table.kontakt a:hover{
  color: #C00000;
}

p.kontakt{
  padding: 10px;
  width: 230px;
  margin-top: 10px;
  margin-bottom: 20px;
}




/* 
--- STYLE FORMULARZY ---
--- STYLE FORMULARZY ---
--- STYLE FORMULARZY --- */

/* STYLE SKRYPT� */

#mail{
font-family: verdana, arial;
font-size: 11px;
font-weight: bold;
}


.bold{
  font-weight: bold;
}

table.alert{
  width: 500px;
  margin: 0px auto;
  border-collapse: collapse;
}

table.alert td{
  border: 1px #900000 solid;
  padding: 2px 10px;
  vertical-align: top;
}

p.alert{
  width: 600px;
  margin-left:50px;
}


span.empty{
  color: #Cc0000; 
  font-weight: bold;
}

a.empty{
  color: #223167;
  font-weight: bold;
  text-decoration: none;
}

a.empty:hover{
  color: #993300; 
  font-weight: bold;
  text-decoration: none;
}

.star{
  color: #C00000;
  font-weight: normal;
}

#promofoot  {
position:fixed;
top:200px;
right:0;
display:block;
height:200px;
widht: 50px;
}
#promofoot li {
display:block;
margin-bottom: 10px;
list-style:none outside none;
}