/* 
    Document   : Rozlicz.com
    Created on : 2012-01-21, 13:00:17
    Author     : Marcin Kossak
    Description: Rozlicz.com - Ogólnopolska Baza Biur Rachunkowych
*/


/* glowne ustawienia na stronie */
body
{
  background-color    : #1f1f1f;
  background-image    : url('/grafika/szablon/gradient_gorny.png');
  background-repeat   : repeat-x;
  background-position : top;
  font-size           : 12px;
  font-family         : Arial, Tohoma, Calibri;
  margin              : 0;
  padding             : 0;
}

body *
{
  font-family         : Arial, Tohoma, Calibri;
}


div.szablon_glowny
{
  margin      : 0px auto;
  width       : 1000px;
}

#szablon_baner
{
  height: 150px;
}

#szablon_baner .blog
{
  width               : 220px;
  height              : 52px;
  color               : #FFF000;
  background-image    : url('/grafika/szablon/kartka.png');
  background-repeat   : no-repeat;
  background-position : bottom left;
  margin-top          : 90px; 
}

#szablon_baner .blog a
{
  color             : #5f6846;
  text-decoration   : none;
  display           : block;
  font-size         : 22px;
  margin-top        : 20px;
  margin-left       : 30px;
  width             : 50px;
}

#szablon_baner a:hover
{
  color   : #3a4125;
}

#szablon_srodek
{
  background-color: #a5cd39;
}

div.szablon_menu
{
  width             : 800px;
  background-color  : #2a2a2a;
  border-bottom     : 1px solid #2e608c;
  height            : 46px;
  padding-top       : 2px;
}

div.szablon_lewa
{
  width           : 800px;
  background-color: #1f1f1f;
  padding         : 10px 0px;
}

div.szablon_prawa
{
  width             : 196px;
  float             : right;
  text-align        : center;
  overflow          : hidden;
}

div.szablon_prawa a
{
  text-decoration: none;
}

div.szablon_prawa ul
{
  list-style        : none;
  margin            : 0;
  padding           : 0;
  position          : absolute;
}

div.szablon_stopka
{
  height            : 144px;
  padding-top       : 10px; 
  background-image  : url('/grafika/szablon/stopka.png');
  background-repeat : no-repeat;
  color             : #FFFFFF;
}

div.szablon_stopka a
{
  color       : #eeeeee;
  font-weight : bold;
  padding     : 5px;
}

div.szablon_stopka a:hover
{
  color: #ffffff;
}

h1, h2, h3, h4, h5
{
  text-indent   : 0;
  padding-top   : 10px;
  font-style    : italic;
  margin        : 0;
}


.odstep
{
  padding: 5px;
}

/* menu na stronie */
#menu ul
{
  margin  : 0;
  padding : 0;
}

#menu li
{
  height      : 44px;
  float       : left;
  display     : block; 
  margin      : 0px 1px;
}

#menu li:hover, #menu li.checked
{
  background-image: url('/grafika/szablon/menu_element.png');
}

#menu a
{
  color           : #0298d0;
  font-size       : 16px;
  text-decoration : none;
  display         : block;
  line-height     : 44px;
  padding         : 0px 10px; 
}

#menu a.checked, #menu a:hover
{
  color: #FFFFFF;
}





/* tresc przekazywana na stronie */
#pole_tresci
{
  width                 : 760px; /* 780 */
  padding               : 20px 10px;
  border                : 1px solid #444444;
  background-image      : url('/grafika/szablon/tresc.png');
  background-color      : #2a2a2a;
  background-position   : left top;
  background-repeat     : no-repeat;
  border-radius         : 5px 5px;
  -moz-border-radius    : 5px 5px;
  -webkit-border-radius : 5px 5px;
}

#pole_tresci a
{
  color                 : #FFFFFF;
}

#pole_tresci a:hover
{
  color                 : #516814;
}


#pole_tresci .sekcja > header
{
  color                 : #2e608c;
  text-transform        : uppercase;
  border-bottom         : 1px solid #095e77;
}

#pole_tresci .sekcja > header > h2
{
  margin                : 0;
  padding               : 0;
  font-weight           : normal;
}

#pole_tresci .sekcja header span
{
  background-color      : #095e77;
  color                 : #FFFFFF;
  padding               : 2px 5px;
}

#pole_tresci .sekcja a.wiecej
{
  text-decoration       : none;
}

#pole_tresci p
{
  padding-top           : 5px;
  text-indent           : 20px;
}




/* artykul */
#pole_tresci .artykul
{
  margin-left           : 20px;
  padding-top           : 5px;
  color                 : #A5A4A6;
}

#pole_tresci .artykul h3, #pole_tresci .artykul h4
{
  color                 : #FFFFFF;
}

#pole_tresci .autor
{
  width                 : 100%;
  text-align            : right;
  margin-right          : 20px;
  padding-top           : 10px;
}

#pole_tresci ul, #pole_tresci ol
{
  margin-left           : 0px;
  padding-top           : 10px;
  padding-bottom        : 5px;
}

#pole_tresci li
{
  color                 : #6EA0CC;
  padding               : 2px 0px;
}

#pole_tresci .tresc
{
  padding               : 0px 15px;
}

#pole_tresci table
{
  margin                : 15px auto;
  border                : 1px solid #555555;
}

#pole_tresci td
{
  padding               : 0px 5px;
  text-align            : left;
  border                : 1px solid #555555;
}

#pole_tresci th
{
  background-color      : #EEEEEE;
  color                 : #000000
}





/* formularz kontaktowy */
form.kontakt
{
  margin-top            : 20px;
  color                 : #888888;
}

form.kontakt fieldset, form.kontakt legend
{
  border                : 1px solid #444444;
  padding               : 2px 10px 2px 10px;
}

form.kontakt input,form.kontakt select
{
  border                : 1px solid #183c5c;
  background-color      : #FFFFFF;
  padding               : 2px 0px 2px 5px;
  border-radius         : 5px 5px;
  -moz-border-radius    : 5px 5px;
  -webkit-border-radius : 5px 5px;
}

form.kontakt input
{
  padding-right         : 5px;
  width                 : 220px; 
}

form.kontakt textarea
{
  border                : 1px solid #183c5c;
  padding-top           : 10px;
  padding-left          : 10px;
  float                 : left;
  overflow              : hidden;
  border-radius         : 5px 5px;
  -moz-border-radius    : 5px 5px;
  -webkit-border-radius : 5px 5px;
  width                 : 420px; 
}

form.kontakt input:hover, form.kontakt select:hover, form.kontakt textarea:hover
{
    border: 1px solid #ffbf4f;
}

form.kontakt input:focus, form.kontakt select:focus, form.kontakt textarea:focus
{
    background-color: #fbecd1;
}

form.kontakt label
{
  display: block;
  padding-top: 5px;
  clear: both;
}

form.kontakt span
{
  color: #FB1D00;
  background-color: #FFE4E1;
  display: block;
  padding: 1px 3px;
}

form.blog
{
  text-align: center;
  margin: auto;
}

form.blog label
{
 color: #CCDDCC;
}

form.blog input, form.blog textarea
{
  border: 1px solid #555555;
  padding: 2px 5px;
}

form.blog input:hover, form.blog textarea:hover
{
  border: 1px solid #ffbf4f;
}

form.blog input:focus, form.blog textarea:focus
{
  background-color: #ffbf4f;
}



/* wyszukiwanie biura */
#biuro_search
{
  float                 : right;
  padding               : 20px 10px;
  color                 : #888888;
  width                 : 290px;
}

#biuro_search input, #biuro_search select
{
  border                : 1px solid #183c5c;
  padding               : 8px 0px 8px 16px;
  color                 : #183c5c;
  border-radius         : 5px 5px;
  -moz-border-radius    : 5px 5px;
  -webkit-border-radius : 5px 5px;
  width                 : 160px;
}

#biuro_search input:hover, #biuro_search select:hover
{
  border                : 1px solid #ffbf4f;
}

#biuro_search input:focus, #biuro_search select:focus
{
  background-color      : #fbecd1;
}

#biuro_search a
{
  margin-top            : 38px;
  margin-left           : 10px; 
}


/* tabela przedstawiajaca dane*/
#biura_wynik table
{
  width             : 100%;
  border-collapse   : collapse;
  background-color  : #DDDDDD;
  border            : 4px solid #999999;
}

#biura_wynik th
{
  background-image    : url('/grafika/szablon/naglowek.png');
  background-repeat   : repeat-x;
  background-position : top center;
  color               : #FFFFFF;
  height              : 28px;
  line-height         : 28px;
  font-size           : 13px;
}

#biura_wynik tr:nth-child(2n)
{
  background-color: #CCCCCC;
}

#biura_wynik tr:hover
{
  background-color:#FFBD69;
}

#biura_wynik td
{
  padding   : 5px 3px;
  border    : none;
}

#biura_wynik .mikro
{
  width: 1%;
}

#biura_wynik td.nazwa
{
  width: 350px;
}

#biura_wynik a
{
  border                : 1px solid #186d7d;
  border-radius         : 5px 5px;
  -moz-border-radius    : 5px 5px;
  -webkit-border-radius : 5px 5px;
  background-color      : #e6fafe;
  text-decoration       : none;
  padding               : 4px 10px;
  color                 : #678811;
}

#biura_wynik a:hover, #biura_wynik a.zaznaczone
{
  background-color  : #77981e;
  color             : #e6fafe;
}

#biura_wynik img
{
  width       : 150px;
  margin-top  : 10px;
}

#biura_wynik table.biura table td
{
  background-color  : #C9DeF7;
  padding           : 2px 5px;
}

#biura_wynik table.biura table tr:hover
{
  background: none;
}

#biura_wynik table.biura li
{
  color : #000000;
}


/* style partnerów */
div.partner
{
  background-image  : url('/grafika/szablon/partner.png');
  background-repeat : no-repeat;
  width             : 690px;
  height            : 192px; /*  200 */
  margin            : 5px auto;
}

div.partner div.tytul_partner
{
  font-size     : 20px;
  padding-top   : 15px;
  padding-left  : 20px;
  color         : #6e5816;
  font-style    : italic;
}

div.partner div.tresc
{
  color         : #121212;
  padding-top   : 15px;
}

div.partner a
{
  color: inherit;
}

/* logowanie */
form.logowanie
{
  padding: 5px;
  color: #CCCCCC;
  text-align: center;
  width: 50%;
  margin: 50px auto;
}

form.logowanie label
{
  display: block;
  float: left;
  width: 50px;
}

form.logowanie input
{
  margin-bottom: 5px;
}

form.logowanie input[type=submit]
{
  width: 100%;
}


/* system komentarzy */

article.komentarz
{
  height    : 80px;
  border    : 1px solid #555555;
  overflow  : hidden;
  color     : #999999;
}

article.komentarz img
{
  float         : left;
  border        : 4px solid #222222;
  width         : 64px;
  margin        : 5px 5px;
}

/* komunikat błędów */

div.errors
{
  border: 1px solid #FF0000;
  padding: 5px;
  text-align: center;
  color: #FFFFFF;
}



/* sekcja reklam */

#reklama1
{
  width                 : 420px;
  height                : 160px;
  overflow              : hidden;
}

#reklama1 ul, #reklama1 li
{
  margin                : 0;
  padding               : 0;
}

#reklama1 li
{
  width                 : 420px;
  height                : 160px;
  overflow              : hidden;
}


/*  */

#mapka
{
  width   : 100%;
  height  : 300px;
}