/* Basic info about this CSS
-------------------------------------
Client:     Kwestor S.C., biuro rachunkowo-podatkowe
URL:        www.brp-kwestor.pl
Author:     Lukasz Bachur, Eppearance.pl
Coding way: handcoded
Changes:    Anna Sondej 25.02.2010
------------------------------------- */

/*------------------------------------------------------------------
[Style reset]
-------------------------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*------------------------------------------------------------------
[Basic styles]
-------------------------------------------------------------------*/

body {
    background-color: #ffffff;
    font-family: Tahoma, Verdana, Arial sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 17px 0 0 0;
    padding: 0;
}

p {
    margin: 0 0 18px 0;
}

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

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

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.clear {
    clear: both;
}

h1 {
    font-size: 18px;
}

h1.img_header {
    font-size: 18px;
    margin: 0 0 15px 0;
    text-indent: -5000px;
}
h1.img_header2 {
    font-size: 18px;
    margin: 0 0 15px 0;
}

h2 {
    font-size: 16px;
}

/*------------------------------------------------------------------
[Main containers]
-------------------------------------------------------------------*/

#wrapper {
    margin: 0 auto;
    text-align: left;
    width: 980px;
}

#top_wrapper {
    background: transparent url(../images/top_bg.gif) top left no-repeat;
    height: 251px;
    width: 980px;
}

#practical_info {
    color: #393939;
    font-size: 12px;
    height: 150px;
    overflow: hidden;
    padding: 20px 20px 0 50px;
    width: 410px;
}

#content_wrapper {
    background: transparent url(../images/content_bg.gif) top left no-repeat;
    height: 271px;
    line-height: 23px;
    min-height: 271px;
    padding: 40px 55px 0 55px;
    width: 870px;
    position: relative;
}

html>body #content_wrapper {
    height: auto; /* fix for ie 6 */
}

/*------------------------------------------------------------------
[Menu]
-------------------------------------------------------------------*/

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

#navigationcontainer {
    margin: 37px 0 0 0;
    background-color: transparent;
    height: 44px;
    border: 0;
    float: left;
}

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

#navigationcontainer ul.sitenav li {
    background-color: #fff;
    display: inline;
    float: left;
    height: 44px;
    /* margin: 0; */
}

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

ul.sitenav li.o_nas 		        { width:127px; margin-left: 2px; }
ul.sitenav li.zakres_uslug 	{ width:179px; margin-left: 2px; }
ul.sitenav li.specjalizacja	{ width:177px; margin-left: 2px; }
ul.sitenav li.nasze_atuty		{ width:169px; margin-left: 2px; }
ul.sitenav li.referencje	 	{ width:150px; margin-left: 2px; }
ul.sitenav li.kontakt           	{ width:165px; margin-left: 2px; }

ul.sitenav li.o_nas a			{ background: url(../images/menu/o_nas.gif) no-repeat; }
ul.sitenav li.zakres_uslug a	{ background: url(../images/menu/zakres_uslug.gif) no-repeat; }
ul.sitenav li.specjalizacja a	{ background: url(../images/menu/specjalizacja.gif) no-repeat; }
ul.sitenav li.nasze_atuty a	{ background: url(../images/menu/nasze_atuty.gif) no-repeat; }
ul.sitenav li.referencje a		{ background: url(../images/menu/referencje.gif) no-repeat; }
ul.sitenav li.kontakt a	        { background: url(../images/menu/kontakt.gif) no-repeat; }

ul.sitenav li.o_nas a:hover                 { background-position: 0 -44px; }
ul.sitenav li.zakres_uslug a:hover   { background-position: 0 -44px; }
ul.sitenav li.specjalizacja a:hover { background-position: 0 -44px; }
ul.sitenav li.nasze_atuty a:hover     { background-position: 0 -44px; }
ul.sitenav li.referencje a:hover       { background-position: 0 -44px; }
ul.sitenav li.kontakt a:hover             { background-position: 0 -44px; }

ul.sitenav li#active1 a { width: 127px; background: url(../images/menu/o_nas.gif) no-repeat; background-position: 0 -44px; margin-left: 2px;}
ul.sitenav li#active2 a { width: 179px; background: url(../images/menu/zakres_uslug.gif) no-repeat; background-position: 0 -44px; margin-left: 2px;}
ul.sitenav li#active3 a { width: 177px; background: url(../images/menu/specjalizacja.gif) no-repeat; background-position: 0 -44px; margin-left: 2px;}
ul.sitenav li#active4 a { width: 169px; background: url(../images/menu/nasze_atuty.gif) no-repeat; background-position: 0 -44px; margin-left: 2px;}
ul.sitenav li#active5 a { width: 150px; background: url(../images/menu/referencje.gif) no-repeat; background-position: 0 -44px; margin-left: 2px;}
ul.sitenav li#active6 a { width: 165px; background: url(../images/menu/kontakt.gif) no-repeat; background-position: 0 -44px; margin-left: 2px;}

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

/*------
a) o nas
------*/

/*-------------
b) zakres uslug
-------------*/

#zakres_uslug_kolumna{
    float:left;
    margin: 15px;
}

/*--------------
c) specjalizacja oraz praktyczne informacje
--------------*/

#spec_kolumna1{
    float:left;
    width: 40%;
    margin: 15px;
}

#spec_kolumna2{
    float: right;
    margin: 15px 0 0 0;
}

/*------------
praktyczne informacje
--------------*/
#praktyczne_kolumna{
    float:left;
    margin: 15px;
    text-align:justify;
    width: 100%;
}
/*------------
d) nasze atuty
------------*/

#nasze_atuty_kolumna{
    float:left;
    margin: 15px;
}
/*-----------
e) referencje
-----------*/
div.references{
    float: left;
    padding: 0 100px 0 0;
    margin-top: 50px;
}
span.referer{
    float: right;
    padding: 20px 0 0 0;
    color: #989898;
}
/*--------
f) kontakt
--------*/
div#formularz{
    float: left;
    margin: 33px 0 0 50px;
    padding: 0;
    width: 520px;
}
div#dane{
    float: left;
    margin: 0;
    padding: 0;
    width: 300px
}
div#map{
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
    width: 300px;
}
/*------------------------------------------------------------------
[Images]
-------------------------------------------------------------------*/

#main_logo {
    border: 0;
    float: left;
    margin: 0 0 0 18px;
}

/*------------------------------------------------------------------
[Footer]
-------------------------------------------------------------------*/

#footer {
    color: #666666;
    float: right;
    font-size: 11px;
    margin: 40px 0 0 0;
    padding: 0 55px 0 0;
}

#footer a {
    color: #666666;
    text-decoration: none;
}

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

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

form#formularz_kontaktowy {
    width: 100%;
    margin: 0;
}

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

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

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

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

.pole {
    float: left;
}

.hint {
    background-color: #d9d9d9;
    border: 1px solid #bebebe;
    padding: 7px 5px 6px 5px;
    width: 130px;
    height: 16px;
    margin: 3px 0 0 10px;
    float: left;
    font-size: 12px;
    line-height: 100%;
}

.hint_phone {
    background-color: #d9d9d9;
    border: 1px solid #bebebe;
    padding: 7px 5px 6px 5px;
    width: 130px;
    height: 56px;
    margin: 3px 0 0 10px;
    float: left;
    font-size: 12px;
    line-height: 150%;
}

.hint img, .hint_phone img {
    vertical-align: middle;
    margin: 0 4px 0 0;
}
.checkbox {
    vertical-align: middle;
}
/*...*/
div#add_links{
    /*position: absolute;
    top: 70px;
    right: 90px;*/
    float: right;
    padding: 30px 45px 0 0;
}