/* CSS Document */

html, body {margin: 0;
            width: 100%;
	        height: 100%;}
a {text-decoration: none;}
body {font-size: 9pt; text-align: left; font-family: Arial, Helvetica, sans-serif; line-height: 150%; color: #0f0f0f;}

h1 { font-size: 18pt; margin: 5px 30px 20px 30px; padding-top: 5px; line-height: 150%; color: #666;}

h2, h3, h4, h5, h6, p.title a, span.first{font-size: 17pt; font-weight: normal; margin: 0 20px 15px; color: #999;}
h2, h3, h4, h5, h6 {margin: 16px 20px; color: #683A56;}
p.title a {color: #683A56;}
p.title a:hover {color: #999;}
span.first {font-size: 17pt; background: #511C3C; color: #fff; padding: 0 10px;}
p.mapa_l {padding-left: 80px;}
p.title a {margin:0;}
body {background-color: #474646;}

#content {width: 990px; margin: 0 auto -50px; background: #0f0f0f; min-height: 100%; height: auto !important; height: 100%;}
#head {position: relative; font-size: 14px;}
#head, #stopka  {width: 990px; height: 50px; background: #0f0f0f; color: #fff;}
#head .bez_obrysu {text-decoration: none; border:none;}

.push { height: 50px;}

#stopka {text-align: right;  margin: 0 auto; height: 100px;}
#stopka p {margin: 10px 15px 0 0;}

.nav_gora { width: 220px; position: absolute; right:0; top: 0; background: #990100;}
#head p {position: absolute; left:60px; bottom: 5px; margin: 0; padding: 0;}
#head a {text-align: right; color: #fff; padding: 3px 10px;font-size: 12px;}
#head a:hover {text-decoration: underline;}

#nav {width: 990px; height: 40px; background: #333; position: relative; }
.nawigacja {width: 610px; height: 29px; position: absolute; right:0; bottom: 0; border-bottom: 1px solid #fff; background: #333; margin: 0; padding: 0;}
.nawigacja a {display: block; float: left; font-size:15px; color: #fff; background-color: #333; text-align: center; margin: 0; padding: 5px 35px; }
/* menu glowne poziome
.nawigacja ul {margin: 0; padding: 0;}
.nawigacja ul li {color: #fff; display: inline; list-style-type: none;}
.nawigacja ul  > li {width: 160px; float:left; padding: 10px 0;}
.nawigacja a {color: #fff; background-color: #333; background-image: url(nav.gif); text-decoration: none; text-align: center; }
*/

.nawigacja a:hover, .nawigacja a.active {background-color:#990000; background-image: url(nav_hov.jpg); background-repeat: no-repeat; background-position: top right;}

#tresc  {width: 990px; height: auto; min-height: 300px; background: #fff url(gora_wzor.jpg) top left no-repeat; position: relative; padding: 10px 0; clear: both;}
#tresc p {margin-left:10px; }
#tresc p.kontakt {margin-left:20px;}
#tresc img.dot_opis{position: absolute; top: 0; right:10px; border: 0;  margin: 0; padding: 0;}
#tresc a.wiecej, .lista {font-size: 15px; font-weight: bold; background:#990100; color: #fff; padding: 0 5px;}
#tresc a.wiecej:hover { background:#555; }
#naglowek {margin: 85px 10px 0 0; width: 980px; height: 200px; background:#ccc url(pod_szary.jpg) bottom left no-repeat;}
#naglowek p {margin: 0 20px;}
#naglowek p.left { float: left;}
#naglowek p.right { float: right; } 
#naglowek p.left, #naglowek p.right {width: 150px; height: 50px; border-left: 7px solid #683A56; padding-left: 15px; margin: 0;}
#naglowek .kontakt {width: 650px; height: 120px; }
.bold {font-weight: bold;}
.left {float:left; margin: 0 15px;}
.fot_tresc {float: right; position: absolute; top:0; right:0;}

ul.of_ag {width:800px; height:auto; margin-left: 10px; padding:0;}
ul.of_ag li{display: inline; line-height: 200%;}
.BigUL {font-size: 12pt; font-weight: bold; color: #fff; background:#ccc; padding: 1px 5px;}
.img_nagl {float: left; margin-right: 10px;}
.tlo_gora {width: 990px; height: 115px; background-image: url(tlo_gora.jpg); background-color: #333;}
.tlo_dol {width: 990px; height: 115px; background-image: url(tlo_dol.jpg); background-color: #333; position: relative;}
.tlo_dol p {position: absolute; right: 15px; bottom: 0; color: #ccc; font-size: 8pt}
.szare_tlo { padding: 10px; background: url(tlo_left.gif) #e6e6e6 repeat-y; margin: 10px 20px 10px 0;}
.dotted, .dotted2  {height: 195px; border: 1px dotted #ccc; margin: 0 30px 15px 85px; padding: 5px;}
.dotted2 {height: 208px; position: relative;}
.dotted2 p {width: 500px;}
.obsl_zam, .obsl_zam li {list-style-type: none;
	margin: 0 10px;
	padding: 0}
.obsl_zam li {background: url(ul_dot.gif) no-repeat left center;
	padding-left: 20px;}
	.obsl_zam li p {padding-left: 15px; margin: 5px 0;}

/*{list-style-image: url(ul_dot.gif); margin-left: 50px; padding-left: 20px;}*/
 
.reklama {margin: 15px; clear: both;}
.reklama p {color: #990100;}
.dzialy, .dzialy2 {width: 420px; margin-bottom: 20px; position: relative;}
img.rog {position: absolute; top:0; right:0;}
img.tlo_k {position: absolute; right:0; bottom:0;}
.dzialy, .dzialy2  {float: left; background: #999; color: #fff;}
.dzialy p.tytul, .dzialy2 p.tytul {border-bottom: 1px solid #ccc;}
.dzialy p.bold, .dzialy2 p.bold {background: #fff; color: #999; font-size: 18pt; margin: 0; border-bottom: 3px solid #ccc;}
.dzialy p, .dzialy2 p {padding: 10px;}
.dzialy p.bold, .dzialy2 p.bold {padding:3px 10px;}
.dzialy {margin:0 20px 0; }

.kreska {width: 875px; height:1px; background: #ccc; margin:0 0 20px 85px; clear: both;}
.kreska2, .kreska2a {width: 660px; height:1px; background: url(dott.gif); margin-left: 270px; margin-top: 20px;}

.kreska3 {width: 970px; height:1px; background: url(dot_line.gif); margin: 20px 10px;}
.kreska4 {width: 990px; height:20px; background: url(kresk.jpg); margin:10px 0; clear: both;}

/* formatowanie formularza */

#formularz_main legend {color: #999; padding: 0 0 20px 0; font-size: 14pt;}

#formularz_main fieldset {
    width: 400px;
    border: 1px solid #999;
    padding: 10px;
	margin: 0 40px 20px;
  }

#formularz_main label 
  {
    display: block;
    width: 150px;
    float: left;
  }
  
#formularz_main input, #formularz_main textarea {
    display: block;
    float: left;	
  }
 .imie, .adres, .adresat, .tresc {width: 220px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}    
#formularz_main div {
    overflow: hidden;
    clear: both;
    margin-bottom: 1em;
  }
#formularz_main .wyslij {
    margin-left: 150px; 
  }
  #formularz_main .wyslij {background: #999; color: #fff; border: 1px solid #666; padding: 2px 5px;}
  #formularz {font-family: Arial, Helvetica, sans-serif;}
 /* koniec  */

/* formatowanie formularza 

#formularz_main{width: 380px; margin: 0 0 20px 20px; text-align: right; font-size: 9pt;}
.formularz p{margin:5px;}

#formularz_main .wyslij {background: #999; color: #fff; border: 1px solid #666; padding: 2px 5px;}
.fom_select {padding-left: 10px;}
.form_gl{margin:0 0 20px 20px; padding-left: 10px;}

#formularz_main .form_01, .form_02, .form_03, .form_04 {padding-left: 5px; width:200px; border: 1px solid #999; margin-left: 10px; font-family: Arial, Helvetica, sans-serif;}
.form_04 {width:200px; border: 1px solid #999; font-size: 9pt; }
.form_03 {width:205px;}

.form_03a, .form_03b, .form_03c {width:205px;}  */

/* koniec formatowania formularza  */

/* portfolio - galeria  - foty */

div.pasek, .pasek1, .pasek2, .pasek3 {width: 990px; background:#ccc; color: #fff; margin: 0 0 20px 0; padding: 0; text-align: center;}
.pasek1 {background:#999;}
.pasek2 {background:#666;}
.pasek3 {background:#333;}

div.pasek img.galeria, div.pasek1 img.galeria, div.pasek2 img.galeria, div.pasek3 img.galeria  {width:100px; height:auto; margin: 5px; padding: 0; border: 2px solid #fff;}
div.pasek a, div.pasek1 a, div.pasek2 a, div.pasek3 a {margin: 0; padding: 0; background: transparent; text-decoration: none;}

#tresc p.tytul_gal {margin:0 0 0 20px; ; padding: 0; font-size: 14pt; color:#666;}

div.licznik, div.licznik a {color: #000;}
img.mapka {margin-left: 150px; padding-bottom: 8px; border:none;}