body { font-family: "Lucida Grande", "MS Trebuchet", Arial, sans-serif; font-size: 0.75em; margin: 0; padding: 0 0 15px 0; background-color: #ffffff; color: #333; position:relative; text-align:center;}
#strona { background-color: #ffffff; position: relative; margin: auto; width: 775px; background-image: url("/obrazy/tlo_strony.png"); background-repeat: repeat-y; text-align:left;}
a { color: #004080; }
a:hover {color: #002C58;}
.czysc { clear: both;}
.srodek { text-align: center;}
.prawo { text-align: right;}

/* -- NAGŁÓWEK -- */
#naglowek { position: relative; margin: 0 0 0 6px; width: 760px; height: 90px; background-image: url("/obrazy/tlo_naglowka.png"); background-repeat: repeat-x; background-position: top left; background-color: #000000;}
#logo { position: absolute; top: 19px; left: 20px; border: 0 none;}
#registered { position: absolute; top: 17px; left: 352px; color: #606060;}
#registered a { color: #606060; text-decoration: none;}
#registered a:hover { color: #ffffff; text-decoration: none;}
#profil { position: absolute; top: 62px; left: 20px; width: 320px; font-size: 10px; color: #606060; text-align: center; letter-spacing: 1px;}

/* -- MENU -- */
#menu { position: absolute; left: 385px; top: 9px; font-size: 90%;}
#menu ul { list-style-type: none; margin: 0; padding: 0; float: left;}
#menu ul li { margin: 6px 0 0 25px; color: #909090;}
#menu a { color: #909090; text-decoration: none;}
#menu a:hover { color: #ffffff;}
#menu #aktywne a { color: #ffffff;}

/* -- RESZTA STRONY -- */
#reszta { position: relative !important; margin: 5px auto !important; width: 759px; clear: both; }
#projektowanie { position: absolute; right: 1px; top: 5px;}
#oferta { position: relative; width: 475px; left: 22px; top: 20px; height: 268px;}
#oferta h1 {  font-size: 300%; margin: 0; }
#oferta h1 a  { margin:0; font-family: "Georgia", Times, serif; text-decoration: none; color: #174372; font-weight: normal; letter-spacing: -2px;}
h1.drugi { padding-top: 20px;}
#oferta .opis { font-size: 95%; color: #333333; line-height: 1.6em; width: 375px; position: relative; left: 34px; margin: 0.5em 0 0 0;}

#dr { padding: 20px 0 18px 0; clear: both; position: relative; width: 725px; border-top: 1px solid #dedede; margin: 0px 16px 20px 16px;}
#doswiadczenie { position: relative; width: 352px; float: left; }
#doswiadczenie img { margin: 0 auto; position: relative; left: 35px;}
#technologia { position: relative; float: left; margin: 0 0 0 20px; width: 352px;}
#rails-logo { float:right; margin:8px 0 15px 15px; border:0px none;}

#kupuj { padding-top: 8px; width: 64%; float: left; position: relative;}
#bloki { top: 15px; position: relative; margin: 0 16px; clear: both; width: 725px; padding: 20px 0 25px 0; border-top: 1px solid #dedede;} 
.blok { float: right; margin: 0; width: 33%; }
#bloki h1, #doswiadczenie h1, #technologia h1 { font-family: "Georgia", Times, serif; font-weight: normal; letter-spacing: -1px; font-size: 185%; line-height: 1.3em; margin: 0 5px 0.5em 5px; color: #000000;}
#bloki p, #doswiadczenie p, #technologia p  { margin: 5px 28px 10px 20px; line-height: 1.6em;}
ul.faq { margin: 0 10px 0 46px; list-style-type: square; padding: 0;}
ul.faq li { margin: 6px 0 !important; line-height: 1.5em !important;}
ul.tak { margin: 0 10px 0 46px; list-style-image: url("/obrazy/tak.png"); padding: 0; }
.blok li, #technologia li { margin: 3px 4px 3px 0; line-height: 1.4em; padding: 0 0 0 6px;}
.wiecej {text-align: right;}

/* -- PODSTRONA -- */

#naglowek-podstrony { margin:  25px 15px 0px 15px;}
#szybki-skok { margin: 5px 5px 10px 5px; color: #c0c0c0; font-size: 10px;}
#naglowek-podstrony a { color: #c0c0c0; text-decoration: none;}
#naglowek-podstrony a:hover { color: #666666;}
#naglowek-podstrony h1 { font-family: "Georgia", Times, serif; margin: 0 15px 0 0; font-size: 44px; color: #174372; font-weight: normal; letter-spacing: -2px;}

#tresc { position: relative; margin: 20px 15px 15px 20px; width: 63%;float: left; border-right: 1px solid #dedede; padding-right: 15px;}
#tresc p, #dodatki p { margin: 10px; line-height: 1.6em;}
#tresc ul { margin-top: 15px; margin-bottom: 15px;}
#tresc li { line-height: 1.75em; margin: 4px 0;}
#tresc h2 { font-family: "Georgia", Times, serif; margin: 25px 0 -6px 0; font-weight: normal; letter-spacing: -1px;font-size: 24px; line-height: 1.3em; color: #000000;}
#tresc h2.pierwszy { margin: 0; color: #000000;}
#tresc h3 { font-size: 100%; margin: 20px 0 -4px 0; color: #000000;}

#dodatki { position: relative; float: left; margin: 25px 15px 15px 0; width: 27%;}
#dodatki h2 { font-family: "Georgia", Times, serif; margin: 25px 0 -5px 0; font-weight: normal; letter-spacing: -1px; font-size: 18px; line-height: 1.3em; color: #000000;}
#dodatki h2.pierwszy { margin: 0 0 -5px 0;}
#dodatki ul { margin: 15px 0 6px 0; padding: 0 0 0 20px;}
#dodatki li { margin: 0 0 4px 0; padding: 0;}

#nasze-logo { margin: 18px auto;}                                              
                  
table { margin: 20px auto; position: relative;}
caption { color:gray; background-color:inherit; font-size:9px; text-align:center; margin:5px auto; }
td, th { padding:6px 8px; font-size:11px; vertical-align:top; }
td { background-color:#e3e3e3; color:black; }
th { background-color:#666666; color:white; font-weight:normal !important; }   
td.cena { text-align: right; width: 100px;}   

code { font-family: Courier, monospaced !important; color: black; }
code.textile { text-align: left; border: 1px solid gray; background-color: #E3E3E3; margin: 1em 1.5em 2em 1.5em; display: block; padding: 0.5em; font-family: Courier, monospaced !important;}
dl { margin: 2em 1em; }
dt { font-weight: bold; margin-top: 0.75em; }
dd { line-height: 1.5em; }

/* -- DOSWIADCZENIE -- */
.projekt { margin-top: 45px !important; clear:both;}
.projekt h3 { margin-bottom: 33px !important; padding-top:15px;}
.screen img { border:0px none; margin:-13px 18px 10px 0; position:relative;float:left;}
.projekt p { text-align:right;}
.expert { text-align:center;}
.expert img { border: 0px none; margin: 8px auto; position:relative;}

/* -- FORMULARZ -- */
fieldset { padding: 10px; border: 1px solid #DDDDDD;}
legend {color: silver; font-size: 10px;}
input, textarea { font-size: 14px;}

/* -- KOMUNIKATY -- */
#komunikat { margin:15px 0; padding:8px; border-style:solid; border-width:4px; }
div.blad { color: #c94853; border-color:#c94853; background-color: #ffdde8; }
div.info { color: #00733a; border-color:#00a352; background-color: #d1ffe0; }

/* -- WAI -- */
.ramka { padding: 10px; border: 1px solid #DDD;}
.spis-tresci li { margin: 2px 0 !important; line-height: 1.5em !important;}
p.obraz { margin: 25px auto !important; position: relative; text-align: center;}

/* -- WEBLOG -- */
.weblog-data { font-size: 10px; color:#999; margin: 30px 0 0 0;}
.weblog-data-komentarza { font-size: 10px; color:#999; margin: 30px 0 0 10px;}
#weblog-pierwszy { margin-top: 0px !important;}
#weblog-pierwszy.weblog-data-komentarza { margin-top: 10px !important;}
.weblog h2 { margin-top:0 !important;}
.weblog .wiecej { font-size:11px;}
.weblog h2 a { color: #000; text-decoration:none;}
.wpis { margin-bottom: 55px;}
.weblog-komentarze { border-top: 1px solid #d4d4d4;}
#dodatki li { margin: 0 0 8px 0;}

#wyloguj   { position: absolute; right: 20px; top: 0px; font-size: 9px; }
#wyloguj a { color: #A11B1B !important; }

/* -- STOPKA -- */
#dolna-krawedz { clear: both; margin-top: 25px; height: 10px; position: relative; background-image: url("/obrazy/tlo_dolnej_krawedzi.png"); background-repeat: no-repeat; background-position: top left;}
#stopka { margin: 10px auto; width: 770px; text-align: center; font-size: 10px; color: #a0a0a0; line-height: 1.75em;}
#stopka a { color: #a0a0a0;}
#stopka a:hover { color: #555555;}
#copy { margin: 0 0 0 0;}
address { font-style: normal !important; margin:8px 0 0 0;}