/* BEGIN: KONSTRUKCJA */
body {font: 11px/20px normal Verdana, Tahoma, Arial, "sans-serif"; color:#333; background:#fff url('gfx/body_bg.gif') 0 0 repeat-x;}
#divMain {width:960px; margin:0 auto; background:url('gfx/main_bg-2.gif') center 0 no-repeat;}
#divTop {height:50px; padding:10px 20px;}
#divFooter {padding:20px 0; margin-top:30px; font-size:9px; text-align:center; color:#e5e5e5; border-top:1px solid #e5e5e5;}
/* END: KONSTRUKCJA */

/* BEGIN: GLOBAL */
.clear {clear:both;}
.aMore {padding-right:18px; margin-right:20px; background:url('gfx/link_bullet.gif') no-repeat 100% 4px; float:right;}

a {font-weight:bold; color:#e32258;}
h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, "sans-serif";}
h2 {background-image:url('gfx/sprites.png'); background-repeat:no-repeat; text-indent:-9999px;}
h3,h4{color:#E32258}
h3{font-size:18px;}
h4{font-size:14px;}
strong {font-weight:bold;}
em {font-style:italic;}
/* END: GLOBAL */

/* BEGIN: NAWIGACJA */
#ulNav {margin-top:20px; float:right;}
#ulNav li { display:inline;}
#ulNav li a {display:block; height:15px; margin:0 20px; text-indent:-9999px; background-image:url('gfx/sprites.png'); background-repeat:no-repat; float:left;}
#ulNav #strona_glowna a {width:91px; background-position: 0 0;}
#ulNav #strona_glowna a:hover {background-position: 0 -17px;}
#ulNav #realizacje a {width:62px; background-position:-91px 0;}
#ulNav #realizacje a:hover {background-position:-91px -17px;}
#ulNav #oferta a {width:40px; background-position:-153px 0;}
#ulNav #oferta a:hover {background-position:-153px -17px;}
#ulNav #praca a {width:35px; background-position:-243px 0;}
#ulNav #praca a:hover {background-position:-243px -17px;}
#ulNav #kontakt a {width:50px; background-position:-193px 0;}
#ulNav #kontakt a:hover {background-position:-193px -17px;}
/* END: NAWIGACJA */


.header {border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; margin-bottom:10px; height:50px;}
.header a {margin:12px 0 0 20px; float:left;}
#h2Realizacje {width:139px; height:22px; margin:15px 0 14px 20px; background-position:0 -34px;}
#h2Oferta{ background-position:-189px -34px; width:55px; height:22px; margin:15px 0 14px 20px;}
#h2Kontakt {background-position:-244px -34px; width:69px; height:22px; margin:15px 0 14px 20px;}
#h2Praca {background-position:-561px -34px; width:49px; height:22px; margin:15px 0 14px 20px;}

/* BEGIN: SLIDER */
#divSlider {margin-bottom:20px; border-bottom:1px solid #e5e5e5;float:left;}
#divSliderWindow {width:800px; height:246px; padding:0; margin-top:10px; position:relative; overflow:hidden; float:left;}
#ulSlider {width:9999px; position:relative;}
#ulSlider li {width:150px; margin: 0 5px; position:relative; float:left;}
#ulSlider li a {text-decoration:none; font-weight:normal; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
#ulSlider li span {display:block; padding:8px; font-size:10px; color:#d9d9d9; background:#000; position:relative; top:-40px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#ulSlider b { display:block; color:#fff;}
#divSlider .toggle {width:65px; height:246px; margin:10px 5px; float:left;}
#divSlider .toggle a {display:block; width:37px; height:37px; margin:105px 14px; text-indent:-9999px; background-image:url('gfx/sprites.png'); background-repeat: no-repeat;}
#divSlider  .toggle a#prev { background-position:0 -56px; }
#divSlider  .toggle a#prev:hover { background-position:0 -93px; }
#divSlider .toggle a#next { background-position:-37px -56px; }
#divSlider .toggle a#next:hover { background-position: -37px -93px; }
#ulSlider li a:hover span {top:-140px; filter:alpha(opacity=100); -moz-opacity:10; -khtml-opacity:10; opacity:10;}
#ulSlider li a:hover {filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
/* END: SLIDER */

/* BEGIN: STRONA GŁOWNA - BOXY */
.onas img, .oferta img, .kontakt img {margin:0 15px;}
.onas h2, .oferta h2, .kontakt h2 {height:22px; margin:10px 20px 15px;}
.onas h2 {width:50px; background-position: -139px -34px;}
.oferta h2 {width:55px; background-position: -189px -34px;}
.kontakt h2 {width:69px; background-position: -244px -34px;}
.onas p, .oferta p {margin: 0 20px;}
.kontakt span , .kontakt div {float:left;}
.kontakt span {width:90px; margin:0 15px 0 20px; text-align:right; font-size:10px; color:#b3b3b3;}
.kontakt div {width:180px;}
div.hr {width:270px; margin:7px 0 7px 20px; border-bottom:1px solid #e5e5e5;}
/* END: STRONA GŁÓWNA - BOXY */

/* info boxes 
.info {border-color:#f3eede; color:#767676; background:#fffff2; background-image:url('gfx/info.png');}
.info span {color:#272727;}
.error {border-color:#fadede; color:#ba2525; background:#fff2f2; background-image:url('gfx/error.png');}
.error span {color:#720000;}
.hint {border-color:#deebf1; color:#028db5; background:#f5feff; background-image:url('gfx/hint.png');}
.hint span {color:#175b6e;}
.success {border-color:#e7efde; color:#3f7410; background:#fbfff2; background-image:url('gfx/success.png');}
.success span {color:#3c5000;}
.info, .error, .hint, .success {padding:10px; border-width:1px; border-style:solid; padding-left: 60px; background-position: 10px center; background-repeat:no-repeat; margin:10px 0;}
.info span, .error span, .hint span, .success span {font-size: 12px; font-weight:bold;}
*/
.ulRealizacje {}
.ulRealizacje li {display:inline; margin:4px; float:left;}
.ulRealizacje li a {color:#333; display:block; width:312px; height:210px; text-decoration:none;}


.divProjectDescription p {text-align:justify;}
.divProjectDescription h1{font-size:24px; line-height:150%; font-family: "Aller Light", "Trebuchet MS", Helvetica, Arial "sans-serif"; font-style:oblique; color:#e32258; margin:10px 0 10px;}
.divProjectDescription h2 {margin: 30px 0 10px;}
#h2Opinia { background-position:-313px -34px; width:109px;}
#h2Technologie { background-position:-422px -34px; width:139px;}

#ulTechnologie li {display:block; float:left; height:13px; margin:2px; text-indent:-9999px; background-image:url('gfx/sprites.png'); }

#ulTechnologie li.php {width:25px; background-position:-106px -56px;}
#ulTechnologie li.mysql {width:37px; background-position:-131px -56px; }
#ulTechnologie li.ajax {width:31px; background-position:-168px -56px;}
#ulTechnologie li.xhtml {width:37px; background-position:-199px -56px;}
#ulTechnologie li.css {width:25px; background-position:-236px -56px;}
#ulTechnologie li.javascript {width:65px; background-position:-261px -56px;}
#ulTechnologie li.flash {width:37px; background-position:-326px -56px;}

form { width:320px;}
form ul li{margin:5px 0;}
fieldset {border:none; padding:0; margin:0;}
label {display:block; font-weight:bold; color:#999;}

input.submit { width:auto; height:35px; padding:5px; border:1px solid #e9e9e9; background: #fff url('gfx/submit.png') repeat-x; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
input.submit:hover {background-position:0 -35px;}
input.submit:focus {background-position:0 -70px;}

input.text {width:140px;}
textarea {width:300px;height:150px;}
input, textarea { border-left: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:3px; font-family: inherit; font-size:11px; color:#888;}

input.error, select.error, textarea.error{border-color:#fadede; color:#888; background:#fff2f2;}

input.radio {width:auto;}

.dlKontakt {width:350px;}
.dlKontakt dt {width:90px; display:block; margin-right:15px; text-align:right; font-size:10px; color:#b3b3b3; float:left;}
.dlKontakt dd {width:240px; float:left; display:block; }
.dlKontakt dt.clear {width:350px; margin:7px 0; border-bottom:1px solid #e5e5e5;}


.divOferta{padding:0 0 0 20px;}
.divOferta h3 {font: 700 11px/20px Tahoma}
.divOferta p {padding: 2px 0 10px 0;text-align:justify;}
.divOferta ul {padding:5px 0 10px 0;}
.divOferta li {list-style:disc;margin:0 0 0 30px;padding:0 0 3px 0;}

.divKontakt{padding:0 0 0 20px;}

.divPraca{padding:0 20px;}
.divPraca h3{padding:0 0 10px 0;}
.divPraca h4{padding:0 0 0 10px;}
.divPraca ul{padding:0 0 10px 40px;}
.divPraca li{list-style:disc;}
.divPraca p{padding:5px 0;}

/* INFO BOXES */
.messageBox.info {border-color:#f3eede; color:#767676; background:#fffff2; background-image:url('gfx/info.png');}
.messageBox.info strong {color:#272727;}
.messageBox.error {border-color:#fadede; color:#ba2525; background:#fff2f2; background-image:url('gfx/error.png');}
.messageBox.error strong {color:#720000;}
.messageBox.hint {border-color:#deebf1; color:#028db5; background:#f5feff; background-image:url('gfx/hint.png');}
.messageBox.hint strong {color:#175b6e;}
.messageBox.success {border-color:#e7efde; color:#3f7410; background:#fbfff2; background-image:url('gfx/success.png');}
.messageBox.success strong {color:#3c5000;}
.messageBox.info, .messageBox.error, .messageBox.hint, .messageBox.success {padding:10px; width:240px; border-width:1px; border-style:solid; padding-left: 60px; background-position: 20px center; background-repeat:no-repeat; margin:10px 0;}
.messageBox.info strong, .messageBox.error strong, .messageBox.hint strong, .messageBox.success strong {font-size: 12px; font-weight:bold; display:block;}