@charset "utf-8";

/* -----------------------------CSS RESET--------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align:middle;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

*{
	margin: 0;
 }
 
 html, body {
     height: 100%;
	 zoom: 1;
 }
 /* ---------------END RESET------------------*/
 body{
	 font-family:  Tahoma, Geneva, sans-serif;
	background: #ffffff;
	background-image:url();
	background-repeat:  ;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
 }
 .fb{
	 z-index:1000;
	 background-color:#FFF;
 }
 
  .wrapper {
	min-height: 100%;
	width:960px;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0px;
 }
 p{
	 margin-bottom:8px;
}
 
 
 .img-L {
	 float:left;
	 margin:0px 5px 0px 0px;
	 border:solid 1px #CCC;
	  }
 
 .img-R{
	 float:right;
	 margin:0px 0px 0px 5px;
	 border:solid 1px #CCC;
 }
a:link{
	  color:#2f4333;	 

 }
a:visited{
	   	  color:#2f4333;

 }
 a:hover{
	   color: #FF0000;
 }
a:active{
	color:#2f4333;
 }

ul{
	padding-left:10px; 
	margin-bottom:10px;		
	
}


li{
	 padding-left:15px;
	 background-image:url(grafika/li.png);
	 background-repeat:no-repeat;
	 background-position: 2px 4px;
 } 

 h1 {
	 font-family: Tahoma, Geneva, sans-serif;
	 color:#7a0b0b;
	 font-size:22px;
	 font-weight:normal;
	 margin-bottom:5px;
	 padding-left:20px;
	 background-image:url(grafika/h1-strzalka.png);
	 background-repeat:no-repeat;
	 background-position:0 5px;
	 line-height:26px;
	 
 }
 
 h2 {
	 font-family: Tahoma, Geneva, sans-serif;
	 color:#363636;
	 font-size:16px;
	 font-weight:normal;
	 margin-bottom:5px;
	 line-height:22px;
	 

 }
 
  h3 {
	 font-family:Georgia, "Times New Roman", Times, serif;
	 color:#7a0b0b;
	 font-size:16px;
	 font-weight:normal;
	 margin-bottom:3px;

 }
 
 
 
 #container {
	text-align: left; /* this overrides the text-align: center on the body element. */
 }
 
 #col-lewa{
	width:210px;
	float:left;
	padding-right: 8px;
 }
  #col-prawa{
	width:740px;
	float:right;
 }

 #location {
	height:auto;
	width:100%;
	text-align:right;
	font-size:12px;
	color:#999;
	padding-top:10px;
 } 
 
 #menu-gora{
	height:48px;
	width:700px;
	text-align:right;
 }

  #search {
	width:218px;
	height:43px;
	background-image:url(grafika/bg-search.jpg);
	text-align:left;
 }
#search input{
	margin-top:10px;
	width:150px;
	margin-left:20px;
	font-size:14px;
	background:none;
	border:none;
}
 #menu {
	width:218px;
	margin-bottom:20px;
	margin-left:0px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
 }
 #menu li{
	 font-size:12px;
	 padding-left:6px;
	 margin-bottom:6px;
	 background:none;
	
 }
  #menu li a:link{
	  color:#999;
	  text-decoration:none;
	  padding-left:15px;
	  display:block;
	  background:none;
	  

 }
   #menu li a:visited{
	   color:#999;
	   text-decoration:none;
	   padding-left:15px;
	   display:block;
	   background:none;
	   

 }
   #menu li a:hover{
	   color: #e21017;
	   text-decoration:none;
	    padding-left:15px;
		display:block;
		background-image:url(grafika/bg-menu.png);
		background-repeat:no-repeat;
		background-position:8px 0px;
 }
   #menu li a:active{
		background-image:url(grafika/bg-menu.png);
		background-repeat:no-repeat;
		background-position:8px 0px;
	    padding-left:15px;
		display:block;
		
 }
 
 #menu li a.activeEle{
 	color: #930;
	text-decoration:none;
	background-image:url(grafika/menu2.gif);
	background-repeat:no-repeat;
	background-position: 3px 2px;
	padding-left:15px;
 }
 

 
#menu a:link {

}

 #menu a:visited {


 } 

 #menu a:hover {

}

 #menu a:active {

 }


 #mainContent {
	width:740px;
	margin-bottom:20px;
	padding:0px;
	text-align: left;
	color:#595959;
	line-height:18px;
 }
  #slider-ramka{
	width:560px;
	height:267px;
	background-image:  url(grafika/bg-slider.png);
	background-repeat:no-repeat;
	padding-top:8px;
	padding-left:0px;
	float: left;
 }
   #slider{ 
 }
 
 #pola-tekstowe{
	 width:680px;
	 
 }
 
 #text-blok-kolor{
	 width:680px;
	 background-color:#fcf5e8;
	 font-size:13px;
	 margin-bottom:10px;
 }
 .text-blok-kolor-tresc{
	 width:320px;
	 float:left;
	 margin:10px;
	 
 }
/* guziki po prawej*/
#bttons{
	float:right;
}

#bttons a:link {
	color:#fff;
	text-decoration:none;
	display:block;
}
#bttons a:visited{
	color:#fff;
	text-decoration:none;
	display:block;
}
#bttons a:hover {
	color: #def7ff;
	text-decoration:none;
	display:block;
}
#bttons a:active {
	color:#fff;
	text-decoration:none;
	display:block;
}
#bt1{
	width:161px;
	height:36px;
	background-color:#af0605;
	
	margin:9px 0px 0px 0px;
	padding:4px 8px 4px 8px;
	color:#FFF;
	font-size:14px;
	
}
#bt2{
	width:161px;
	height:36px;
	background-color:#e52a29;
	
	margin:6px 0px 0px 0px;
	padding:4px 8px 4px 8px;
	color:#FFF;
	font-size:14px;
	
}
#bt3{
	width:161px;
	height:36px;
	background-color:#ef8360;
	
	margin:6px 0px 0px 0px;
	padding:4px 8px 4px 8px;
	color:#FFF;
	font-size:14px;
	
}
#bt4{
	width:161px;
	height:36px;
	background-color:#f8bc6c;
	
	margin:6px 0px 0px 0px;
	padding:4px 8px 4px 8px;
	color:#FFF;
	font-size:14px;
	
}
#bt5{
	width:161px;
	height:36px;
	background-color:#2f4333;
	
	margin:6px 0px 0px 0px;
	padding:4px 8px 4px 8px;
	color:#FFF;
	font-size:14px;
	
}


 .box-maly{
	width:348px;
	height:auto;
	float:left;
	margin:10px;
	font-size:12px;
 }
	
 .box-maly img{
	 float:left;
	 margin: 0 5px 0px 0;
	 border:solid;
	 border-width:2px;;
	 border-color:#e7e6e7; 
 }
  .box-szeroki{
	height:auto;
	float:left;
	margin:10px;
	font-size:12px;
	width: 719px;
 }
  .box-szeroki h1{

	  padding:0px;
 }
   .box-szeroki p{
	   line-height:20px;
 }

 .tekst1 {
	 color:#790000;	 
 }
 .tekst3 {	
 	color:#003471;
 }
 .text4 {
	 font-size:16px;
	 line-height:22px;
 }
 a.mail{
	 
 }
 
 a.mail:hover{
 	text-decoration:underline;
 }
 
 
 
 
 .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

 .footer  {
	 text-align:left;
	 }

 

 #newsleter{
	width:206px;
	height:129px;
	padding-right:12px;
	background-image:url(grafika/bg-form.png);
	background-position:0px 40px;
	background-repeat:no-repeat;

 }
 #newsleter input{
	 background:none;
	 border:none;
	 width:150px;
	 margin-right:15px; }
 
 
   .baner{
	float:left;
	width:95px;
	height:95px;
	margin:5px;
	background-color:#EFEFEF;

 }
 #newsleter h4{
	 font-family: Arial, Helvetica, sans-serif;
	 color: #999;
	 font-size:14px;
	 font-weight:normal;
	 margin-bottom:10px;
 }
 
  #stopka{
	width:auto;
	height:auto;
	float:left;
	margin-top:15px;
	margin-left:10px;
	text-align:left;
	color:#151515;
	font-size:12px;
 }
 
 .footer a:link {

 }
 .footer a:visited {

 }
 .footer a:hover {

 }
 .footer a:active {

 }


 input, textarea, select{
	
 }

 option{
	
}
#form{
	background-color:#ececec;
	height:auto;
	background-repeat:no-repeat;
	background-position:20px 20px;
	padding-top:6px;
	text-align:left;
	padding-left:12px;
	padding-bottom:5px;
}
#form input{
	font-size:14px;
	padding:3px;
	border:solid 1px #CCC;
	color:#999;
}
#form textarea{
	font-size:13px;
	color:#999;
	padding:4px;
	border:solid 1px #CCC;
}
 .formError{
	font-size:12px;
	color:#FF0000;	
 }

.data{
	height:30px;
	width:239px;
	margin-left:14px;
	margin-bottom:4px;
	text-align:left;
	font-size:12px;
	color: #900;
}
.newsletter{
	font-size:12px;
	color:#999;
}