/*------------------------------------------------------------------
[Podstawowe informacje o tym CSS]

Strona: www.adwokat.szczecin.pl
Dla: Kancelaria Adwokacka Wierzbiński
Autor: Lukasz Bachur/Eppearance.pl, kodowane recznie
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Kolory]

#5c5c5c - kolor tla, kolor naglowkow
#696969 - kolor tekstu
#b1b1ab - kolor tekstu w stopce

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Style uniwersalne]
-------------------------------------------------------------------*/

body {
  background-color: #5c5c5c;
  margin: 17px 0 0 0;
  padding: 0;
  text-align: center; /* fix for IE 5 */
  color: #696969;
  font-family: arial, sans-serif;
  font-size: 15px;
  line-height: 150%;
}

* {
  margin: 0;
  padding: 0;
}

p {
  margin: 0 0 15px 0;
}

a {
  color: #a4563e;
  text-decoration: none;
}

a:hover {
  color: #824431;
  text-decoration: none;
}

.clear {
  clear: both;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

h1 {
  font-family: Arial, sans-serif;
  font-size: 20px;
  color: #5c5c5c;
  margin: 0 0 15px 0;
}

h2 {
  font-size: 15px;
  font-weight: bold;
  color: #5c5c5c;
  background: transparent url(img/page.gif) 0 2px no-repeat;
  margin: 10px 0 0 0;
  padding: 0 0 0 22px;
}

h2 a, h2 a:hover {
  color: #5c5c5c;
}

h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

h4 {
  font-size: 15px;
  font-weight: bold;
  padding: 3px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #d2d2d2;
 background-color: #fbfafa;
}

.darker {
  color: #363636;
}

/*------------------------------------------------------------------
[Glówny kontener]
-------------------------------------------------------------------*/

#main_container {
  width: 911px;
  margin: 0 auto;
  background-color: #fff;
}

/*------------------------------------------------------------------
[obrazy]
-------------------------------------------------------------------*/

.foto_main {
  width: 891px;
  height: 363px;
  border: 0;
  float: left;
}

.sep_footer {
  margin: 0 4px 0 4px;
  border: 0;
  vertical-align: middle;
}

#mapa {
  border: 0;
  margin: 25px 0 0 0;
}

.foto, .foto a {
  border: 1px solid #aaaaaa;
}

/*------------------------------------------------------------------
[Menu, czesc statyczna]
-------------------------------------------------------------------*/

#menu_glowna {
  width: 891px;
  height: 36px;
  background: transparent url(img/menu_bg.jpg) top left no-repeat;
}

#menu_kontakt {
  width: 891px;
  height: 36px;
  background: transparent url(img/menu_kontakt_bg.jpg) top left no-repeat;
}

#menu_nasza_specjalizacja {
  width: 891px;
  height: 36px;
  background: transparent url(img/menu_nasza_specjalizacja_bg.jpg) top left no-repeat;
}

#menu_o_kancelarii {
  width: 891px;
  height: 36px;
  background: transparent url(img/menu_o_kancelarii_bg.jpg) top left no-repeat;
}

#porady {
  width: 891px;
  height: 36px;
  background: transparent url(img/porady.jpg) top left no-repeat;
}

.distext {
  text-align: left;
  display: none;
}

#navigationcontainer {
  padding: 10px 0 0 47px;
  background: transparent url(img/menubg.gif) left top no-repeat;
  height: 18px;
}

#navigationcontainer ul.sitenav {
  margin: 0;
  overflow:hidden;
  width: 836px;
}

#navigationcontainer ul.sitenav li {
  display:block;
  float:left;
  height:18px;
  /* margin: 0; */
}

#navigationcontainer ul.sitenav li a {
  display:block;
  height:100%;
  width:100%;
}

ul.sitenav li.glowna			{ width:147px; margin-right: 50px; }
ul.sitenav li.kancelaria		{ width:118px; margin-right: 50px; }
ul.sitenav li.specjalizacja	{ width:182px; margin-right: 50px; }
ul.sitenav li.porady			{ width:70px; margin-right: 50px; }
ul.sitenav li.kontakt			{ width:119px; }

ul.sitenav li.glowna a			{ background:url(img/m1.gif) no-repeat; }
ul.sitenav li.kancelaria a		{ background:url(img/m2.gif) no-repeat; }
ul.sitenav li.specjalizacja a	{ background:url(img/m3.gif) no-repeat; }
ul.sitenav li.porady a			{ background:url(img/m5.gif) no-repeat; }
ul.sitenav li.kontakt a		{ background:url(img/m4.gif) no-repeat; }


ul.sitenav li.glowna a:hover			{ background-position: 0 -18px; }
ul.sitenav li.kancelaria a:hover		{ background-position: 0 -18px; }
ul.sitenav li.specjalizacja a:hover	{ background-position: 0 -18px; }
ul.sitenav li.porady a:hover			{ background-position: 0 -18px; }
ul.sitenav li.kontakt a:hover			{ background-position: 0 -18px; }


/*------------------------------------------------------------------
[Content - struktura]
-------------------------------------------------------------------*/

#main_top {
  width: 911px;
  height: 10px;
  background: transparent url(img/main_top.gif) top left no-repeat;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#main_middle {
  width: 911px;
  background: transparent url(img/main_middle.gif) top left repeat-y;
  text-align: left;
  margin: 0;
  padding: 0;
}

#main_bottom {
  width: 911px;
  height: 10px;
  background: transparent url(img/main_bottom.gif) top left no-repeat;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#lewa_kolumna {
  width: 566px;
  padding: 0 31px 0 0;
  margin: 0 31px 20px 0;
  border-right: 1px solid #eeebeb;
  text-align: justify;
  float: left;
}

#lewa_kolumna_porada {
  width: 600px;
  padding: 0 31px 0 0;
  margin: 0 31px 20px 0;
  border-right: 1px solid #eeebeb;
  text-align: justify;
  float: left;
}

#prawa_kolumna {
  width: 252px;
  padding: 32px 0 0 0;
  margin: 0;
  text-align: left;
  float: left;
}

#prawa_kolumna_porada {
  width: 199px;
  padding: 32px 0 0 0;
  margin: 0;
  text-align: left;
  float: left;
}


/*------------------------------------------------------------------
[Content - tresc]
-------------------------------------------------------------------*/

#content {
  width: 891px;
  margin: 0 10px 0 10px;
  overflow: hidden;
}

#tresc {
  width: 885px;
  margin: 30px 3px 0 4px;
  padding: 0;
  float: left;
}

.onecolumn {
  width: 875px;
  margin: 2px 5px 5px 5px;
  text-align: left;
  float: left;
}

.kolumna12 {
  width: 252px;
  padding: 0 30px 0 0;
  margin: 0 31px 20px 0;
  border-right: 1px solid #eeebeb;
  text-align: justify;
  float: left;
}


.kolumna3 {
  width: 252px;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: justify;
  float: left;
}

.kolumna_foto {
  width: 150px;
  margin: 0 50px 0 0;
  float: left;
}

.kolumna_opis {
  width: 365px;
  margin: 0;
  text-align: justify;
  float: left;
}

.blok_osoba {
  padding: 0 0 30px 0;
}

.gototop {
  float: right;
  font-size: 10px;
  margin: 0 0 15px 0;
}

/*------------------------------------------------------------------
[Listy]
-------------------------------------------------------------------*/

ul.lista, ul.lista2 {
  margin: 0 0 15px 10px;
  list-style-type: none;
}

ul.lista li.sub {
  margin: 0 0 0 15px;
  font-size: 14px;
}

.lista_blok a {
  width: 230px;
  display: block;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #e3e0e0;
}

.lista_blok a:hover {
  width: 230px;
  display: block;
  background-color: #faf7f7;
}

ul.lista2 li {
  margin: 0 0 10px 0;
  font-size: 14px;
}

/*------------------------------------------------------------------
[Formularze]
-------------------------------------------------------------------*/

form#formularz_kontaktowy {
  width: 450px;
  margin: 0;
}

input.text {
  border: 1px solid #888888;
  padding: 6px 5px;
  width: 520px;
  height: 17px;
  margin: 3px 0 12px 0;
  color: #454545;
  font-family: arial, sans-serif;
  font-size: 15px;
  background-color: #fff;
}

textarea.tresc {
  border: 1px solid #888888;
  padding: 6px 5px;
  width: 520px;
  margin: 3px 0 12px 0;
  color: #454545;
  font-family: arial, sans-serif;
  font-size: 15px;
  background-color: #fff;
  line-height: 150%;
}

.button_submit {
  margin: 15px 0 0 0;
  cursor: pointer;
}

/*------------------------------------------------------------------
[Stopka]
-------------------------------------------------------------------*/

#stopka {
  width: 885px;
  font-size: 11px;
  margin: 0 auto;
  color: #959595;
  padding: 10px 0 0 0;
  text-align: left;
}

#stopka a {
  color: #b8b8b2;
}

#stopka a:hover {
  color: #a5a5a0;
}

#stopka_left {
  float: left;
  text-align: left;
}

#stopka_right {
  float: right;
  text-align: right;
}

.light {
  color: #b8b8b2;
  font-weight: bold;
}