* { font-family: Tahoma; color: #000000; }
body { margin: 0; position: relative; }
a { outline: none; text-decoration: none; }
a:hover, .hover { text-decoration: underline; }
a img { border: none; }
fieldset { margin: 0; padding: 0; border: none; }
.fl { float: left; }
.fr { float: right; }
.ff { clear: both; margin: 0; padding: 0; }
.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
} 
.inner { width: 980px; margin: 0 auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.noborder { border: none !important; }
.bold { font-weight: bold; }
.hidden { display: none; }.submenu ul li a

@font-face {
    font-family: 'UbuntuBold';
    src: url('../fonts/Ubuntu-B-webfont.eot');
    src: url('../fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisBold';
    src: url('../fonts/dosis-bold-webfont.eot');
    src: url('../fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-bold-webfont.woff') format('woff'),
         url('../fonts/dosis-bold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-bold-webfont.svg#DosisBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisBook';
    src: url('../fonts/dosis-book-webfont.eot');
    src: url('../fonts/dosis-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-book-webfont.woff') format('woff'),
         url('../fonts/dosis-book-webfont.ttf') format('truetype'),
         url('../fonts/dosis-book-webfont.svg#DosisBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisExtraBold';
    src: url('../fonts/dosis-extrabold-webfont.eot');
    src: url('../fonts/dosis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-extrabold-webfont.woff') format('woff'),
         url('../fonts/dosis-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-extrabold-webfont.svg#DosisExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DosisMedium';
    src: url('../fonts/dosis-medium-webfont.eot');
    src: url('../fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-medium-webfont.woff') format('woff'),
         url('../fonts/dosis-medium-webfont.ttf') format('truetype'),
         url('../fonts/dosis-medium-webfont.svg#DosisMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*top*/
#partnerslist { width: 480px; height: 60px; overflow: hidden; position: absolute; top: 215px; left: 50px; }
#partnerslist ul { list-style-type: none; margin: 0; padding: 0;}
#partnerslist li { float: left; display: block; width: 160px; height: 60px; }
#logobox #partnerslist li img { display: block; margin: 0; }
.toppodstrona #logobox { height: 139px; overflow: hidden; background: url(../images/default/logobox_podstrona.jpg) no-repeat center;}
#logobox { width: 100%; height: 394px; background: url(../images/default/logobox_bg.jpg) no-repeat center; border-top: 2px solid #515557; }
#logobox_leftpanel { width: 50%; height: 394px;  background: url(../images/default/logobox_leftpanelbg.png) repeat-x;  position: absolute; right: 50%; top: 1px; z-index: -1;}
#logobox_rightpanel { width: 50%; height: 394px; background-color: #d4dfe3; position: absolute; left: 50%; top: 1px; z-index: -1; }
#logo { display: block; width: 502px; height: 45px; background: url(../images/default/logo.png) no-repeat; margin: 52px 0 0 0; }
#logobox h4 { display: block; border-left: 4px solid #ee2b2d; padding: 0 0 0 10px; margin: 105px 0 40px 40px; font-family: 'DosisMedium'; font-size: 20px; line-height: 24px; color: #515557; text-shadow: 1px 1px #e4e5e5; font-weight: normal; }
#logobox img { display: block; margin: 0 0 0 40px; }
#topmenu { width: 100%; background: url(../images/default/topmenu_bg.png) repeat-x; border-bottom: 1px solid #c7c7c7; }
ul#menulist { margin: 0; padding: 0; list-style-type: none; }
ul#menulist li { float: left; }
ul#menulist li a { display: block; padding: 16px 25px 16px 25px; font-family: 'DosisMedium'; font-size: 17px; color: #515557; text-shadow: 1px 1px #9ea0a1; }
ul#menulist li a.first.active { padding: 0; width: 37px; height: 52px; background: url(../images/default/home_btna.png) no-repeat 9px 17px #ee2b2d; }
ul#menulist li a.first.noactive { padding: 0; width: 37px; height: 52px; background: url(../images/default/home_btn.png) no-repeat 9px 17px; }
ul#menulist li a:hover, ul#menulist li a.active { text-decoration: none; background-color: #ee2b2d; color: #ffffff; }
.submenu { display: none; width: 980px; padding: 29px 0 0 0; background: url(../images/default/submenu_bg.jpg) #ff0000 no-repeat; position: absolute; z-index: 99; }
.submenu .fl { width: 440px; margin: 0 0 0 25px; }
.submenu .fr { width: 500px; }
.submenu h3 { margin: 0 0 10px 0; font-family: 'DosisMedium'; font-size: 17px; color: #fdf0f0; text-shadow: #be1c1d 1px 1px; font-weight: normal; }
.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.submenu ul li { float: left; }
.submenu ul#clientslist a { width: 180px; }
.submenu ul#firmlist a { width: 210px; }
.submenu ul li a { display: block; width: 250px; padding: 10px 0 10px 15px; margin: 0 22px 0 0; font-family: 'DosisMedium'; font-size: 15px; color: #ffffff; border-bottom: 1px solid #fc4c4c; background: url(../images/default/submenu_arrow.png) 0 12px no-repeat; }
.submenu_bottom { width: 980px; height: 28px; background: url(../images/default/submenu_bottombg.jpg) no-repeat; }
#submenu_rightbg { display: none; width: 50%; background: url(../images/default/submenu_rightbg.png) #FF0000 repeat-x; position: absolute; left: 50%; top: 448px; z-index: 1; }
.submenu #advicelist, .podmenu_advice #advicelist { list-style-type: none; margin: 0 0 0 25px; }
#submenu_advice h3, #podmenu.podmenu_advice h3 { margin: 0 0 10px 25px; }
/*main*/
/*.fl*/
#main { overflow: hidden; }
#main>.inner { background-color: #ffffff; }
#main div.fl { width: 565px; }
#main .fl h2 { font-family: 'DosisMedium'; font-size: 21px; color: #313131; margin: 37px 0 30px 40px; }
#main .fl p { font-family: 'DosisMedium'; font-size: 15px; color: #313131; line-height: 21px; margin: 0 0 0 40px; }
#main .fl ul { margin: 10px 0 0 40px; padding: 0 0 0 15px; }
#main .fl li, #main .fl li span { font-family: 'DosisMedium'; font-size: 15px; color: #313131; line-height: 21px; }
#kontaktbox { width: 378px; height: 201px; }
#kontaktbox>div { width: 688px; height: 201px; padding: 0 0 0 40px; position: absolute; top: -1px; left: 0; background: url(../images/default/kontaktbox_bg.jpg) no-repeat; overflow: hidden;}
#kontaktbox_background { width: 50%; height: 201px; position: absolute; left: 50%; top: 448px; background: url(../images/default/kontaktbox_bg2.png) repeat-x; z-index: -1; }
#kontaktbox_background.active { display: block; }
#kontaktbox h3 { font-family: 'DosisMedium'; font-size: 34px; color: #ffffff; line-height: 34px; margin: 28px 0 23px 0; font-weight: normal; }
#kontaktbox p { font-family: 'DosisMedium'; font-size: 17px; color: #ffffff; line-height: 24px; }
#main .fl ul#banery_list { list-style-type: none; margin: 40px 0 0 0; padding: 0; }
ul#banery_list li { float: left; }
ul#banery_list a { display: block; width: 262px; height: 82px; margin: 0 0 17px 0; }
ul#banery_list div { width: 262px; height: 82px; position: absolute; z-index: 2; }
ul#banery_list a.odd { margin-right: 39px; }
.baner { position: relative; }
#baner_ubkom div { background: url(../images/default/baner_ubkom.png) no-repeat; }
#baner_ubmaj div { background: url(../images/default/baner_ubmaj.png) no-repeat; }
#baner_ubpod div { background: url(../images/default/baner_ubpod.png) no-repeat; }
#baner_ubnnw div { background: url(../images/default/baner_ubnnw.png) no-repeat; }
.arrowbox { display: block; overflow: hidden; width: 34px; height: 32px; background: url(../images/default/baner_arrowbox.png) no-repeat; position: absolute; top: 2px; right: 2px; z-index: 0; }
.baner_arrow { display: block; width: 26px; height: 9px; background: url(../images/default/baner_arrow.png) no-repeat; position: absolute; top: 6px; left: 2px; -webkit-transition: left 0.7s ease-in-out 0s; -moz-transition: left 0.7s ease-in-out 0s; -o-transition: left 0.7s ease-in-out 0s; -ms-transition: left 0.7s ease-in-out 0s; transition: left 0.7s ease-in-out 0s;}
.baner:hover .baner_arrow { left: 22px; }
h5.error { color: red; margin: 4px 0; font-size: 11px; font-weight: normal; }
h5.ok { color: green; margin: 4px 0; font-size: 11px; font-weight: normal; }
/*.fr*/
#talkbox { width: 338px; height: 178px; padding: 35px 0 0 40px; background: url(../images/default/talkbox_bg.png) bottom no-repeat; }
#talkbox h3 { font-family: 'DosisMedium'; font-size: 34px; color: #ee2b2d; font-weight: normal; margin: 0 0 30px 0; }
#talkorder select { width: 282px; height: 28px; padding: 5px 5px 5px 14px; border: 1px solid #e7e7e7; cursor: pointer; font-family: 'DosisBook'; font-size: 15px; line-height: 15px; color: #9b9b9b; text-shadow: #e9e9e9 1px 1px; margin: 0 0 0 0; }
#talkorder option { font-family: 'DosisBook'; font-size: 15px; color: #9b9b9b; text-shadow: #e9e9e9 1px 1px; padding: 3px 3px 3px 16px; }
#talkorder input#numer { width: 173px; height: 28px; border: 1px solid #e7e7e7; padding: 0 16px; margin: 19px 0 0 0; font-family: 'DosisBook'; font-size: 15px; color: #9b9b9b; text-shadow: #e9e9e9 1px 1px; }
#talkorder input#zamow { width: 78px; height: 31px; padding: 0 0 5px 0; cursor: pointer; margin: 19px 0 0 0; background: url(../images/default/talkorder_submitbg.png) no-repeat; border: 0; font-family: 'DosisBook'; font-size: 17px; color: #ffffff;  }

/*podstrona kontakt*/
#content_kontakt .fl { width: 287px; padding: 0 0 0 40px; }
#content_kontakt h2 { display: block; width: 287px; border-bottom: 1px solid #dfdfdf; font-family: 'DosisMedium'; font-size: 21px; color: #313131; margin: 40px 0 10px 0; padding: 0 0 25px 0; }
#kontaktform label { font-family: Arial; font-size: 11px; color: #626262; }
#kontaktform input { width: 255px; height: 32px; margin: 5px 0 18px 0; padding: 0 15px; border: 1px solid #dfdfdf; font-family: Arial; font-size: 11px; color: #626262; }
#kontaktform textarea { width: 255px; height: 115px; padding: 15px; border: 1px solid #dfdfdf; resize: none; margin: 5px 0 18px 0; font-family: Arial; font-size: 11px; color: #626262;}
#kontaktform input#wymagane { border: 0; padding: 0; height: auto; }
#kontaktform .zgoda input { width: 15px; height: 15px; padding: 0; margin: 0; float: left; }
#kontaktform .zgoda label { display: block; width: 245px; float: left; margin: 0 0 10px 15px; }
#kontaktform input#wyslij { width: 79px; height: 31px; background: url(../images/default/btn_wyslij.png) no-repeat; cursor: pointer; }
#kontaktdane_box { width: 570px; padding: 0 0 50px 40px; background: url(../images/default/kontaktdane_boxbg.png) repeat-y; }
#kontaktdane_box #tresc * { font-family: Arial; font-size: 17px; color: #424242; }
#kontaktdane_box #tresc { padding: 15px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#kontaktdane_box h2 { border: 0; margin: 40px 0 0 0; }
#mapka_google { width: 525px; height: 450px; border: 1px solid #d7d7d7; }
ul.errors { list-style-type: none; margin: 0 0 10px 0; font-family: Arial; font-size: 11px; padding: 0; }
#main .fl #kontaktform.zapytanie .field ul.errors { list-style-type: none; margin: 0 0 0 120px; font-family: Arial; padding: 0; }
ul.errors li, #main .fl ul.errors li {  color: red; font-size: 11px; font-family: Arial; line-height: 11px; margin: 0 0 10px 0; }
h3.ok { font-family: Arial; font-size: 12px; color: green; text-align: center; }
#mapchmurka { margin: 10px 0 0 0; }
#mapchmurka strong { font-family: 'DosisMedium'; color: #313131; }
#content_kontakt #mapchmurka p { width: 180px; padding: 0; font-size: 13px; }
/*podstrona oferta*/
#podmenu { width: 980px; padding: 29px 0 0 0; background: url(../images/default/submenu_bg.jpg) #ff0000 no-repeat; }
#main #podmenu .fl { width: 450px; margin: 0 0 0 25px; }
#podmenu .fr { width: 490px; }
#podmenu h3 { margin: 0 0 10px 0; font-family: 'DosisMedium'; font-size: 17px; color: #fdf0f0; text-shadow: #be1c1d 1px 1px; font-weight: normal; }
#main #podmenu .fl ul, #main #podmenu .fr ul { list-style-type: none; margin: 0; padding: 0; }
#podmenu ul li { float: left; }
#podmenu ul#clientslist a { width: 180px; }
#podmenu ul#firmlist a { width: 190px; }
#podmenu ul li a { display: block; width: 250px; padding: 10px 0 10px 15px; margin: 0 22px 0 0; font-family: 'DosisMedium'; font-size: 15px; color: #ffffff; border-bottom: 1px solid #fc4c4c; background: url(../images/default/submenu_arrow.png) 0 12px no-repeat; }
#podmenu_rightbox { width: 50%; background: url(../images/default/submenu_rightbg.png) #FF0000 repeat-x; position: absolute; left: 50%; top: 448px; z-index: -1; }
#kontaktbox_right { width: 50%; height: 201px; position: absolute; left: 50%; background: url(../images/default/kontaktbox_bg2.png) repeat-x; z-index: -1; }

/*podstrony*/
#main.podstrona div.fl { padding: 0 40px; width: 520px; }
#main .fl h1 { font-family: 'DosisMedium'; font-size: 21px; color: #313131; margin: 34px 0 20px 0; padding: 0 0 18px 0; border-bottom: 1px solid #dfdfdf; }
#main .fl ul#pliki { list-style-type: none; margin: 0; padding: 0; }
ul#pliki li { display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dfdfdf; }
ul#pliki li h3 { width: 400px; font-family: 'DosisMedium'; font-size: 14px; font-weight: normal; color: #313131; margin: 0; }
#main ul#pliki li p { font-family: 'DosisMedium'; font-size: 14px; color: #313131; margin: 10px 0; }
ul#pliki li a { display: block; font-family: 'DosisMedium'; font-weight: bold; font-size: 12px; color: #4d4d4d; }
ul#pliki li img { margin: 0 0 0 15px; }
#main #tresc * { margin: 0; font-family: 'DosisMedium'; }
ul#banerybig { list-style-type: none; margin: 30px 0 0 0; padding: 0; }
ul#banerybig li a { display: block; width: 378px; height: 77px; }
.banerbig { position: relative; margin: 0 0 15px 0; }
ul#banerybig div { width: 378px; height: 77px; position: absolute; z-index: 2; }
#banerbig_ubkom div { background: url(../images/default/banerbig_ubkom.png) no-repeat; }
#banerbig_ubmaj div { background: url(../images/default/banerbig_ubmaj.png) no-repeat; }
#banerbig_ubpod div { background: url(../images/default/banerbig_ubpod.png) no-repeat; }
#banerbig_ubnnw div { background: url(../images/default/banerbig_ubnnw.png) no-repeat; }
.banerbig:hover .baner_arrow { left: 22px; }

#kontaktform.zapytanie { width: 420px; }
#kontaktform.zapytanie label { float: left; width: 120px; padding: 13px 0 0 0; }
#kontaktform.zapytanie input { float: left; }
#kontaktform.zapytanie .zgoda label { width: 370px; padding: 0; }
#main .fl #kontaktform.zapytanie ul.errors { margin: 0 0 0 15px; }
/*footer*/
#footer { border-top: 1px solid #efefef; background: url(../images/default/footer_bg.png) repeat-x #f5f5f5; margin: 40px 0 0 0; padding: 25px 0 70px 0; }
#footer span { display: block; font-family: Arial; font-size: 12px; color: #313435; line-height: 23px; }
#footer ul { list-style-type: none; margin: 0; padding: 0; }
#footer ul li { float: left; }
#footer ul li a { display: block; width: 143px; padding: 0 17px 0 0; margin: 0 0 10px 0; text-align: right; font-family: Arial; font-size: 12px; color: #515557; background: url(../images/default/footer_listarrow.png) right no-repeat; }
#footer .fr { width: 320px; }


#kontaktform input#wyslij.transition, #talkorder input#zamow.transition {
	-webkit-transition:background-position 0.5s ease;
	-moz-transition:background-position 0.5s ease;
	-o-transition:background-position 0.5s ease;
}

#kontaktform input#wyslij.transition:hover, #talkorder input#zamow.transition:hover { background-position: 0 -31px; }
#footer span#text { font-size: 11px; color: #414445; margin: 20px 0 0 0; }