/*************************************************************** 
 * 
 * Agencja Reklamowo-Wydawnicza "JANS"  www.jans.com.pl 
 * 
 * author: Piotr Wojciechowski
 *         piotr.wojciechowski@kontakt.waw.pl
 * 
 * utworzony: XII 2007
 * aktualizacja: 12.01.2008
 *
 ***************************************************************/ 
/*
 podstawowy styl serwisu 
*/


body {
    background-color: #FFFFFF;
    font: 100 12px Verdana, Helvetica;
    color: #587A67;
    margin: 0;
    padding: 0;
}

#calosc {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.left { 
	float: left;
	margin-right: 10px;
}

.right { 
	float: right;
}

#naglowek, #stopka {
    width: 100%;
    background: #FFFFFF url('images/tlo_g.gif') repeat-y center 0;
}

#logo {
    background: url('images/logo.gif') no-repeat 0 10px;
    height: 140px;
    width: 760px;
    margin: 0 auto;
}

#agencja {
    background: transparent url('images/agencja.gif') no-repeat 0 43px;
    height: 105px;
    width: 411px;
    margin: 0 auto 0;
}

#agencja span {
    display: none;
}

#srodek {
    text-align: left;
    width: 760px;
    background: url('images/tlo_m.gif') repeat-y -5px 0;
    margin: 0 auto;
}

#szpatulki {
    background: transparent url('images/szpatulki2.gif') no-repeat right;
    height: 206px;
    width: 196px;
    position: absolute;
    top: 0;
    margin-left: 580px;
}

#table {
    width: 760px;
}

#menu {
    width: 170px;
    vertical-align: top;
    padding: 3px 0;
}

.menu, .podmenu {
    padding: 3px;
    font-weight: 600;
    font-size: 14px;
}

.podmenu {
    font-size: 11px;
    padding-left: 20px;
    background: transparent url('images/punkt.gif') no-repeat 8px 8px;
}

a {
    color: #001950;
}

#menu a {
    text-decoration: none;
}

a:hover {
    color: #00915A;
    text-decoration: underline;
}

.menu a img {
    border: 1px solid #8e9cbd;
}

.menu a:hover img {
    border: 1px solid #00915A;
}

#tresc {
    padding: 30px 0 30px;
    vertical-align: top;
    width: 590px;
}

h1 {
    font-size: 21px;
    color: #85AF93;
    margin-left: 20px;
}

.tekst {
    margin: 8px 0;
    margin-left: 20px;
    width: 568px;
}

p {
    text-indent: 25px;
    margin: 8px 0;
}

#stopka {
    padding: 1px 0;
}

#stopka #adres {
    width: 570px;
    text-align: left;
    margin: 5px auto;
}

#adres {
    padding-left: 187px;
}

#stopka span {
    font-size: 11px;
}

#stopka a {
    text-decoration: underline;
}

.foto_l, .foto_r, #mapa1, #mapa2 {
    border: 1px solid #AAAAAA;
}

.foto_l {
    float: left;
    margin: 0 15px 0 20px;
}

.foto_r {
    float: right;
    margin: 0 0 0 15px;
}

#mapa1, #mapa2 {
    position: absolute;
    cursor: pointer;
}

#mapa1 {
    background: #E6E6E6 url('images/mapa1.png') no-repeat;
    width: 273px;
    height: 288px;
    margin: -140px 10px 20px 200px;
}

#mapa2 {
    background: #E6E6E6 url('images/mapa2.png') no-repeat;
    width: 615px;
    height: 559px;
    margin: -290px 10px 20px -35px;
    display: none;
}