/* Layout Ogólny */ 


body {
 background-image: url('images/gradient.jpg');
 background-repeat: repeat-x;
 background-color: #332A28;
 text-align:center;
 padding: 20px 0;
 margin: 0;
 }

#outer {
 text-align:left;
 border: solid #c94d17;
 border-width: 1px 1px 0px 1px; 
 width:750px;
 margin:auto;
 }
 
/* Nagłowek czyli banner. Musi być podana wysokość w px. */
#hdr {
 height:171px;
 background: url('images/top.jpg');
 }

/* Obrazek obok przycisków.*/
#bar {
 height:27px;
 background: url('images/butony_bok.jpg') no-repeat right;
 border: 0px none;
 }

/* Obrazek nad przyciskami.*/
#bar2 {
 height:20px;
 background: url('images/belka_butony.jpg') no-repeat top;
 border: 0px none;
 }

/* Ogólny opis zasad wyświetlania warstwy głównej*/
#bodyblock {
 position:relative;
 background: #f4f4f4;
 color: #333333;
 width:750px;
 padding:0;
 margin: 0;
 }

/* Lewa kolumna. Pamiętaj, że jeżeli chcesz zmienić jej szerokość, to musisz równierz zmienić szerokość warstwy "cont".*/
#l-col {
 float:left;
 background: #f4f4f4;
 color: #333333;
 width: 200px;
 height: 100%;
 }

/* Główna warstwa z treścią strony. Jej szerokość to 750 minus szerokość lewj kolumy MINUS 3px. Te 3px są bardzo ważne. Jeżeli ich nie odejmiesz to IE rozwali Ci stronę o dodatkową linię.*/
#cont {
 width: 547px;
 background: #f4f4f4;
 text-align:left;
 margin: 0;
 }
 
/* Menu na dole*/
#menu_dol {
 height: 32px;
 background: url('images/bottom.jpg') no-repeat;
 border: 0px none;
 margin: 0px 
 }

/* Warstwa stopki */
#ftr {
 height:25px;
 background:#332A28;
 margin:0;
 color: #333;
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 text-align: center;
 }
 
 
 
 
 /* Ustawienia wyglądu */ 

/* Znacznik <p></p>*/
p {
 margin:0;
 padding:5px 10px 5px 10px;
 color: #333;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 }

/* Zmiana wyświetlania pierwszej litery w bloku tekstu objętego <p></p>*/
p:first-letter {
 font-size: 15px; 
 font-weight: bold;
 color: #c94d17;
 font-family: verdana, arial, sans-serif;
 }

/* Zmiana koloru tekstu objętego znacznikiem <b></b>*/
b {
 color: #c94d17;
}
 
/* Wyświetlanie obrazków 
img {
 margin: 5px;
 padding: 3px 3px 3px 3px;
 border: none;
}*/

/* linki */

a {
 font-size: 12px; 
 font-weight: normal;
 color: #c94d17;
 font-family: verdana, arial, sans-serif;
 text-decoration: none;
}

a:visted, a:active {
 font-size: 12px; 
 font-weight: normal;
 color: #c94d17;
 font-family: verdana, arial, sans-serif;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}


/* Wylistowania */
li {
 list-style-type: disc;
}

ul {
 color: #c94d17;
}
 
.lista {
 color: #333;
}

#div {width: 520px;}
  
ul.left {
 float: left;
 width: 260px; 
 margin: 0px;
 padding: 15px 0px;
 border: 0px none; 
 list-style-position: inside;
 list-style-type: square;
 position: relative;
 left: 50px;
}
  
ul.right {
 float: right;
 width: 260px; 
 margin: 0px;
 padding: 15px 0px;
 border: 0px none; 
 list-style-position: inside;
 list-style-type: square;
}

/* Nagłówki H1,2,3*/

h1 {
 margin:0;
 padding:5px 10px 5px 10px;
 color: #c94d17;
 font-weight: bold;
 font-family: verdana, arial, sans-serif;
 font-size: 16px;
 }
 
h2 {
 margin:0;
 padding:5px 10px 5px 10px;
 color: #333;
 font-family: verdana, arial, sans-serif;
 font-size: 14px;
 }
 
h3 {
 margin:0;
 padding:5px 10px 5px 10px;
 color: #333;
 font-weight: bold;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 }
 


 /* Ustawienia wyglądu fomrularza kontaktowego. */

.pole {
 border: 1px solid #c94d17;
 text-indent: 5px;
 color: #c94d17;
 background: transparent;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 width: 250px;
}

#dane_kont {
 margin-top: 18px;
 border: 1px solid #c94d17;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 padding: 5px 0px 5px 0px;
}

.pole:focus {
 background: #fff;
 color: #000;
 font-weight: 100;
 border: 1px dashed #c94d17;
}

.pole_txt {
 border: 1px solid #c94d17;
 text-indent: 5px;
 color: #c94d17;
 background: transparent;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 width: 390px;
}

.pole_txt:focus {
 background: #fff;
 color: #000;
 font-weight: 100;
 border: 1px dashed #c94d17;
}

.buton{
 border: 1px solid #c94d17;
 text-indent: 5px;
 color: #c94d17;
 background: transparent;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 width: 150px;
}

.tab_nazwa {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 font-weight:bold;
 color: #333;
 width: 140px;
 text-align: right;
}

.tab_kont{
 text-align: center;
 width: 470px;
}
 
 
/* Menu główne */
.menu {
 margin: 0;
 margin-left: 2px;
 padding: 0;
 list-style: none;
 }
 
.menu li {
 padding: 0;
 margin: 0;
 height: 27px;
 list-style: none;
 background-repeat: no-repeat;
 }
 
.menu li a, .menu li a:visited {
 display: block;
 text-decoration: none;
 text-indent: -1000px;
 height: 27px;
 background-repeat: no-repeat;
 }
 
#firma {background-image: url('images/firma_ov.jpg'); width: 88px}
#firma a {background-image: url('images/firma.jpg');}

#oferta {background-image: url('images/oferta_ov.jpg'); width: 90px}
#oferta a {background-image: url('images/oferta.jpg');}

#galeria {background-image: url('images/galeria_ov.jpg'); width: 90px}
#galeria a {background-image: url('images/galeria.jpg');}

#linki {background-image: url('images/linki_ov.jpg'); width: 90px}
#linki a {background-image: url('images/linki.jpg');}

#kontakt {background-image: url('images/kontakt_ov.jpg'); width: 90px}
#kontakt a {background-image: url('images/kontakt.jpg');}

#butony {background-image: url('images/butony_bok.jpg'); width: 303px}

#firma a:hover, #oferta a:hover, #galeria a:hover, #linki a:hover, #kontakt a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Menu małe */
.menuM {
 margin: 0px;
 padding: 17px 0px 0px 0px;
 list-style: none;
}
 
.menuM li {
 padding: 0;
 margin: 0;
 height: 13px;
 list-style: none;
 background-repeat: no-repeat;
}
 
.menuM li a, .menuM li a:visited {
 display: block;
 text-decoration: none;
 text-indent: -1000px;
 height: 13px;
 background-repeat: no-repeat;
}
 
#firmaM {background-image: url('images/Mfirma_ov.jpg'); width: 44px}
#firmaM a {background-image: url('images/Mfirma.jpg');}

#ofertaM {background-image: url('images/Moferta_ov.jpg'); width: 44px}
#ofertaM a {background-image: url('images/Moferta.jpg');}

#galeriaM {background-image: url('images/Mgaleria_ov.jpg'); width: 44px}
#galeriaM a {background-image: url('images/Mgaleria.jpg');}

#linkiM {background-image: url('images/Mlinki_ov.jpg'); width: 44px}
#linkiM a {background-image: url('images/Mlinki.jpg');}

#kontaktM {background-image: url('images/Mkontakt_ov.jpg'); width: 44px}
#kontaktM a {background-image: url('images/Mkontakt.jpg');}

#firmaM a:hover, #ofertaM a:hover, #galeriaM a:hover, #linkiM a:hover, #kontaktM a:hover {background: none;}
.menuM li {
 float: right;
}
.menuM:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Dodatkowe menu oferta */
#navcontainer ul
{
 padding: 20px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 list-style-type: none;
 color: #333;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 text-align: center;
}

#navcontainer li { 
 display: inline;
}

#navcontainer li a
{
text-decoration: none;
background-color: #f5f5f2;
color: #c94d17;
padding: 5px;
border: 1px solid #c94d17;
}

#navcontainer li a:hover
{
background-color: #D8D3CB;
color: #4D2F0E;
}

/*tu już ja się dotykałem*/

.kontakt_left {text-align:right; width:215px; font-size:11px; font-weight:bold; height:20px; }
.kontakt_right {text-align:left; padding:0px 10px 5px 30px; font-size:12px; font-weight:normal; height:20px; }

/* Dodatkowe menu oferta 2*/
#nav ul
{
 padding: 20px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 list-style-type: none;
 color: #333;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 text-align: center;
}

#nav li { 
 display: inline;
}

#nav li a
{
text-decoration: none;
background-color: #f5f5f2;
color: #c94d17;
padding: 5px;
border: 1px solid #c94d17;
}

#nav li a:hover
{
background-color: #D8D3CB;
color: #4D2F0E;
}


/*style do shadowboxa*/

/*
orange  e46504
green   a6d810
blue    297bc1
black   060606
purple  9a11d3
pink    ff3b9a
*/


/*_________________________________________________________________  wrapper  */
div#wrapper {
  margin: 0 auto;
  width: 622px;
  margin-bottom: 20px;
  border: 1px solid #333;
  padding: 18px 10px;
  background-color: #060606;
}


/*__________________________________________________________________  images  */
img {
  border: none;
}