/**
 * MicroMade CSS (c) 2010 by fmedia.pl
 * wersja 2010.02
 *
 * Podstawowe style wspólne dla wszystkich stron MicroMade
*/

/* +++++++++++++ Znaczniki +++++++++++++ */

body {
  background : white;
  width : 100%;
  margin : 0;
  padding : 0;
  text-align : center;
}

p,a,td,div,li,h2,h3,h4,h5,h6 {
  font-family : verdana,arial,sans-serif;
  font-size : 12px;
  color : black;
  line-height : 1.6em /* 16px */;
  text-align : justify;
}

img { border : 0; outline : 0; }

a:link, a:visited {
  color : #00009E;
  font-weight : bold;
  text-decoration : none;
}
a:hover { color : #44F; }

a.banner {
  display : block;
  float : left;
  background-color : transparent;
  background-image : url('img/banner.png');
  background-position : center center;
  background-repeat : no-repeat;
  /*padding : 20px 15px 25px;*/padding:0;
  margin : 10px;
}
a.banner * { margin : 20px 15px 25px; }
a.left_banner { margin-left : 30px; }

td,th { vertical-align : top; }

h1,
h2,h2 a,h2 a:link,h2 a:visited,
h3,h3 a,h3 a:link,h3 a:visited,
h4,h4 a,h4 a:link,h4 a:visited,
h5,h5 a,h5 a:link,h5 a:visited,
h6,h6 a,h6 a:link,h6 a:visited { color : #802020; padding : 0; font-weight : bold; }

h2, h2 a {
  font-size : 24px;
  margin : 5px 0 10px 30px;
}

h3, h3 a {
  font-size : 12px;
  margin : 0 0 25px 30px;
}

h4 { text-decoration : underline; }

h5, h5 a {
  font-size : 16px;
  margin : 15px 0 15px 30px;
  font-variant : small-caps;
}

h5 { background-color : white; background-image : url('img/asterisk.png');
background-repeat : no-repeat; background-position : left center; padding-left : 40px; }

h6, h6 a {
  font-size : 18px;
  margin : 25px 0 25px 40px;
  font-variant : small-caps;
  color : #802020;
}

h2 a, h3 a, h4 a, h5 a, h6 a { margin:0;}

/* ++++++++++++++ Bloki DIV +++++++++++++++++ */

div#wrapper {
  background : white;
  width : 980px;
  margin : 0 auto;
  top : 0;
  position : relative;
}

div#naglowek {
  height : 175px;
  margin : 0 0 5px;
  padding : 0;
  background-color : white;
  background-image : url('img/header.png');
  background-position : top center;
  background-repeat : no-repeat;
}

div#naglowek h1 {
  position : absolute;
  top : 0;
  right : 0;
  text-align : right;
  margin : 75px 270px 0 0;
  font-family : arial,sans-serif;
  font-size : 18px;
  text-transform : uppercase;
}

div#top {
  position : absolute;
  top : 0; right : 0;
  width : 960px;
  padding : 6px 0 0;
  font-weight : normal;
  color : #999;
}

a#flag { position : absolute; top : 6px; right : 0px; }

div#top a:link, div#top a:visited { color : #999; font-weight : normal; font-size : 10px;
        margin-right : 30px; }
div#top a:hover { color : #BBB; }

a#logo { position : absolute; top : 85px; right : 220px; }

div#menu {
  margin : 10px 0;
  padding : 0;
  height : 45px;
  background-color : white;
  background-image : url('img/menu.jpg');
  background-position : center 6px;
  background-repeat : no-repeat;
  text-align : center;
  overflow: visible;
}

div#szukaj {
  position : absolute;
  top : 235px;
  right : 20px;
  width : 225px;
  height : 40px;
  font-weight : bold;
  background-color : white;
  background-image : url('img/search.jpg');
  background-position : right center;
  background-repeat : no-repeat; 
}
div#szukaj p {
  float : left;
  margin : 9px 3px 0 5px;
}
div#szukaj input {
  width : 120px;
  height : 25px;
  margin : 4px 2px -10px 2px;
  padding : 0;
}
div#szukaj input#submit_szukaj {
  border : 0;
  background-color : transparent;
  background-image : url('img/magn.png');
  background-repeat : no-repeat;
  width : 28px;
  height : 28px;
  cursor : pointer;
  position : absolute;
  top : 0;
  right : 0;
}

div#nawigacja { padding : 0 0 15px 30px; font-size : 10px; }
div#nawigacja a, div#nawigacja b { font-size : 10px; }

div#menu_lewe {
  float : left;
  width : 150px;
  border-right : 2px solid #00009E;
  margin : 0 30px 30px 0;
  padding : 5px 10px 80px 15px;
  font-size : 11px;
}
div#menu_lewe a {
  display : block;
  margin-left : 5px;
  font-weight : normal;
  font-size : 11px;
}
div#menu_lewe h5 {
  color : #00009E;
  margin : 15px 0;
  text-align : center;
  width : 100%;
  background : 0;
  padding : 0;
}

div#tresc {
  padding : 0 20px 20px 210px;
}
div#tresc table { margin : auto; }
div#tresc td { padding : 0 10px 10px; }
div#tresc p { padding-right : 30px; }
div#tresc li { margin-bottom : 1em; }

div#tech {
  float : right;
  width : 223px;
  padding : 0;
  margin : 0 0 20px 30px;
  background-color : white;
  background-image : url('img/tech_middle.png');
  background-position : center top;
  background-repeat : repeat-y;
}
div#tech img.tech {
  margin : 0 0 15px 20px;
  border : 2px solid #BBB;
}
div#tech b, div#tech i {
  font-size : 10px;
  margin-left : 20px;
  display : block;
}
div#tech i {
  font-style : normal;
  margin-left : 40px;
}

div#stopka {
  background-color : white;
  background-image : url('img/footer.jpg');
  background-position : center center;
  background-repeat : no-repeat;
  height : 40px;
  text-align : center;
  clear : both;
}
div#stopka p {
  padding-top : 10px;
  text-align : center;
  color : white;
}
div#stopka a:link, div#stopka a:visited {
  color : white;
  font-weight : normal;
}
div#stopka a:hover { color : #FDD; }

div#notka p {
  color : #888;
  text-align : center;
  margin : 20px 0;
  font-size : 10px;
}
div#notka img { margin : 0 10px; }

/* +++++++++++++ Pozostałe +++++++++++++ */

ol.faq li {
margin-bottom : 1em;
}

table#cennik td { padding : 3px 5px; }
table#cennik tr.ca td { background : #eff; } /* naprzemiennie pozycje */
table#cennik tr.cb td { background : #dee; } /* naprzemiennie pozycje */
table#cennik tr.cc td { background : #aae; } /* nagłówki działów */
table#cennik tr.cd td { background : white; padding-left : 30px; } /* pozostałe */
table#cennik td.right { text-align : right; }

table#adres { width : 340px; margin : 0; float : left; border-left : 1px solid #00009E; }
table#adres td { padding : 10px; }
table#adres td.label { width : 40%; color : #888; text-align : right; }

div.pozycja { width : 700px; height : 140px; position : relative; margin : 5px 0 10px; 
border-bottom : 2px solid #00009E; background : white url('img/pozycja.png') bottom repeat-x; }
div.pozycja img, table#pudelko td img {
  width : 100px;
  height : 100px;
  padding : 13px;
  float : left;
  margin-top : 10px;
  background-color : transparent;
  background-image : url('img/ramka.png');
  background-position : center center;
  background-repeat : no-repeat;
}
div.pozycja h2 { font-size : 16px; color : #00009E; padding : 10px 0 0 120px; }
div.pozycja h2 a:link, div.pozycja h2 a:visited { color : #00009E; font-size : 16px; padding : 0; }
div.pozycja p  { padding : 0 35px 0 140px; font-size : 11px; }
div.pozycja i { position : absolute; left : 125px; bottom : 10px; }
div.pozycja i a {
  font-size : 10px;
  font-style : normal;
  font-weight : normal;
  padding-left : 20px;
  margin : 5px 25px 5px 5px;
  background-color : transparent;
  background-image : url('img/dot.png');
  background-position : 0 -1px;
  background-repeat : no-repeat;
}

table#pudelko td { width : 110px; text-align : center; line-height : 2em; }
table#pudelko th { height : 18px; background : 0; padding : 0; border-top : 2px solid #00009E; }
table#pudelko { border-bottom : 2px solid #00009E; }
table#pudelko th.first { border : 0; }

table#szkolenia b { color : red; }

div#error, div#errorok { margin : 10px 0; font-size : 120%; width : 90%; color : red;
  text-align : center; font-weight : bold; background : #FDD; }
div#errorok { color : #0A0; background : #DFD; }

hr { border : 1px solid #802020; }

ul.mapa { float : left; width : 45%; }
ul.mapa li a { font-weight : normal; font-size : 150%; }
ul.mapa li ul li a { font-size : 130%; }
ul.mapa li ul li ul li a { font-size : 100%; }
ul.mapa ul { margin-top : 0.75em; margin-bottom : 1.5em; }