@font-face {
    font-family: 'MuseoSlab500';
    src: url('../fonts/MuseoSlab500/museo_slab_500-webfont.eot');
    src: url('../fonts/MuseoSlab500/museo_slab_500-webfont.eot?#iefix') format('eot'),
         url('../fonts/MuseoSlab500/museo_slab_500-webfont.woff') format('woff'),
         url('../fonts/MuseoSlab500/museo_slab_500-webfont.svg#webfontmH7KaIEi') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {color:#fff;}
a:hover {font-weight:bold;}
a:focus {overflow:hidden;}

.left {float:left;}
.right {float:right;}
.clr {clear:both;}
.last {margin:0 !important; padding:0 !important; background:none !important;}
.error {color:red;}
p {margin:0 0 18px 0;}

#main {background:#26ade4 url(../images/bg_body.jpg) repeat-x; margin:11px 0 0 0;}
#content {background:#26ade4 url(../images/bg_content.jpg) no-repeat; padding:86px 0 0 0; min-height:571px;}
#content_bg {background:#26ade4 url(../images/bg_content_left.jpg) 0 0 no-repeat; position:absolute; left:-90px; top:88px; width:90px; height:659px; z-index:0;}
#bottom_body {background:#4dbce9 url(../images/bg_bottom_body.jpg) repeat-x;}
#bottom {background:#4dbce9 url(../images/bg_bottom.jpg) no-repeat; padding:30px 0 0 0;}
#bottom_left, #bottom_right {width:101px; height:56px; position:absolute; top:0;}
#bottom_left {left:-101px; background:url(../images/bg_bottom_left.jpg) no-repeat;}
#bottom_right {right:-101px; background:url(../images/bg_bottom_right.jpg) no-repeat;}
#footer {background:#fff url(../images/bg_footer.gif) repeat-x; margin:0 0 60px 0; line-height:60px;}
#footer_left, #footer_right {position:absolute; height:23px; top:0;}
#footer_left {left:-52px; background:url(../images/bg_footer_left.gif) no-repeat; width:52px;}
#footer_right {right:-74px; background:url(../images/bg_footer_right.gif) no-repeat; width:74px;}
#footer_content {background:url(../images/bg_footer_content.gif) no-repeat; padding:40px 0 0 0; font:16px "MuseoSlab500"; color:#4dbce9;}
.wrap {width:990px; margin:0 auto; position:relative;}
.slon {position:absolute; top:76px; right:-105px;}
#lr {float:left; margin:15px 0 0 0;}
#lr img{vertical-align:sub; margin:0 0 0 10px;}
#mailus {float:right;}
body {font:13px/26px Georgia; color:#fff;}
.trio header{margin:0 0 15px 0;}
#bottom .trio header {margin:0;}
#bottom .trio {padding:0; margin:0 30px 0 0; background:none;}

nav {float:right;}
nav li {display:inline-block; font:20px "MuseoSlab500"; letter-spacing:-1px; margin:0 0 0 50px; padding:15px 0 0 0; background:url(../images/arrow_menu.png) 50% 0 no-repeat;}
nav a {color:#003798; text-decoration:none;}
nav a:hover {font-weight:normal;}

#top {padding:24px 0 10px 0;}

.trio {width:310px; float:left; position:relative; padding:0 15px 0 0; background:url(../images/separator_ver.png) 100% 50% no-repeat; margin:0 15px 0 0;}
.separator {width:650px; height:1px; background:url(../images/separator_hor.jpg) no-repeat; clear:both; margin:0 0 25px 0;}
.separator_full {width:990px; height:1px; background:url(../images/separator_full.jpg) no-repeat; clear:both; margin:0 0 25px 0;}

#bottom li {list-style:none; border-bottom:1px solid #26ade4; padding:12px 0 12px 10px; background:url(../images/arrow.png) 0 50% no-repeat;}
#bottom li a {text-decoration:none;}
#bottom li a:hover {text-decoration:underline; font-weight:normal;}

.head2 {width:650px; padding:0 0 20px 0; margin:0 0 30px 0; background:url(../images/separator_hor.jpg) 50% 100% no-repeat;}
.head2full {width:990px; padding:0 0 20px 0; margin:0 0 30px 0; background:url(../images/separator_full.jpg) 50% 100% no-repeat; line-height:80px;}
.headproject h2{float:left;}

#customers {width:260px;}

#about {padding:0 0 20px 0;}
#about li {list-style:none; padding:0 0 0 10px; background:url(../images/arrow.png) 0 50% no-repeat;}
#about .fl{ float: left; }
#about .au{ margin-left: 20px; }
#about li a:hover{ font-weight: normal; }

/* Headers */

h1 {float:left; margin:0 0 0 -20px;}
h2 {display:block; text-indent:-1000000em; width:850px; height:80px;}
#h_hp {background:url(../images/h_hp.png) no-repeat; width:650px;}
#h_contact {background:url(../images/h_contact.png) no-repeat; width:650px;}
#h_projects {background:url(../images/h_projects.png) no-repeat; width:915px;}
#h_about {background:url(../images/h_about.png) no-repeat;}
#h_dietmed {background:url(../images/h_dietmed.png) no-repeat;}
#h_fiorente {background:url(../images/h_fiorente.png) no-repeat;}
#h_slowniki {background:url(../images/h_slowniki.png) no-repeat;}
#h_aplon {background:url(../images/h_aplon.png) no-repeat;}
#h_ksiegoweirachunkowe {background:url(../images/h_kir.png) no-repeat;}
#h_perfunauci {background:url(../images/h_perfunauci.png) no-repeat;}
#h_4pomarancze {background:url(../images/h_4pomarancze.png) no-repeat;}
#h_barska {background:url(../images/h_barska.png) no-repeat;}
#h_slubneiweselne {background:url(../images/h_siw.png) no-repeat;}
#h_dobreoferty {background:url(../images/h_dobreoferty.png) no-repeat;}
#h_figura {background:url(../images/h_figura.png) no-repeat;}
#h_sr {background:url(../images/h_sr.png) no-repeat;}
#h_ie6 {background:url(../images/h_ie6.png) no-repeat;}

#h_etrapez {background:url(../images/h_trapez.png) no-repeat;}
#h_plasticchairs {background:url(../images/h_plasticchairs.png) no-repeat;}
#h_system-rozliczen {background:url(../images/h_stowarzyszenia.png) no-repeat;}

h3 {font:24px "MuseoSlab500"; text-shadow: 1px 1px 4px #066194;}
h4 {font:20px "MuseoSlab500"; text-shadow: 1px 1px 2px #257896;  margin:0 0 9px 0;}

#next, #previous {float:right; display:block; width:38px; height:38px; margin:21px 0; text-indent:-10000000em;}
#previous {background:url(../images/left.png) no-repeat;}
#next {background:url(../images/right.png) no-repeat;}
.description {width:310px; float:left; padding:0 15px 0 0; background:url(../images/separator_ver.png) 100% 0% no-repeat;}
.description .unit {margin:0 0 36px 0;}
.description .unit header{margin:0 0 12px 0;}
.description .unit li {background:url(../images/arrow_project.png) 0 50% no-repeat; padding:10px 0 10px 18px; list-style:none; line-height:14px;}
.screen {width:650px; float:right;}
.thumbs {margin:20px 0;}
.thumbs a {margin:0 30px 0 0;}

.slider {position:relative; width:310px; height:248px; -moz-box-shadow: 0 0 5px #066194; -webkit-box-shadow: 0 0 5px #066194; box-shadow: 0 0 5px #066194; margin:2px 0 65px 0;}
.trio figure {position:relative; width:310px; height:248px; -moz-box-shadow: 0 0 5px #066194; -webkit-box-shadow: 0 0 5px #066194; box-shadow: 0 0 5px #066194; margin:2px 0 25px 0;}
.slider img {position:absolute; top:0px; left:0px; display:none;}

#phone {padding:0 0 0 30px; background:url(../images/phone.png) 0 50% no-repeat; line-height:22px;}
#mail {padding:0 0 0 30px; background:url(../images/mail.png) 0 50% no-repeat; line-height:22px;}
#mail {padding:0 0 0 30px; background:url(../images/mail.png) 0 50% no-repeat; line-height:22px;}

#contact_form {position:relative;}
#contact_form_bg {width:375px; height:271px; background:url(../images/contact_bg.png) no-repeat; position:absolute; top:-25px; left:235px; z-index:0;}
#contact_form form {position:relative; z-index:9;}
form {padding:20px 0;}
form li {display:inline-block; width:310px; margin:0 30px 20px 0;}
form li label {width:130px; display:inline-block; vertical-align:middle;}
.text {width:151px; height:15px; background:url(../images/input.png) no-repeat; border:0; font-size:14px; padding:10px;}
input.text:focus {background-position:0 -35px;}
textarea {width:619px; height:60px; background:url(../images/textarea.png) no-repeat; border:0; padding:15px; display:block; margin:12px 0 0 0;}
textarea:focus {background-position:0 -90px;}

/* Buttons */

#send {background:url(../images/button_send.png) no-repeat; border:0; width:183px; cursor:pointer; margin:20px 0 0 468px; }
#brands {background:url(../images/button_brands.png) no-repeat; width:157px; display:block; position:absolute; right:0; bottom:10px;}
#done {background:url(../images/button_done.png) no-repeat; width:180px; display:block; position:absolute; right:15px; bottom:10px;}
#online {background:url(../images/button_online.png) no-repeat; width:180px; display:block; margin:20px 0;}

.button {height:34px; text-indent:-100000em;}
.button:hover {background-position:0 -34px !important;}
.button:focus {background-position:0 -68px !important;}

#ie6 {background:#26ade4;}
#ie6 h2 {text-indent:0; height:20px; padding:30px 0;}
#ie6 h2 img {vertical-align:middle; padding:20px; background:#fff; margin:0 30px 0 0;}
#browsers {margin:20px auto; width:500px;}
#browsers li{float:left; list-style:none; margin:0 12px;}
#browsers img {border:1px solid black;}

.txt_page p{ width: 695px; }

#fb{ position: absolute; top: 659px; right: 32px; }
#fb2{ position: absolute; top: 588px; left: 60px; z-index: 99; }