* { font-family: Arial, Helvetica, sans-serif; color: #0b76ad;}
body { margin: 0; font-size: 11px; }
a { color: #0b76ad ; text-decoration: none; }
a:hover { text-decoration: underline; }
div.clear { height: 0px; font-size: 1px; clear: both; overflow: hidden; }
ul { list-style-type: none; padding: 0; margin: 0; }
h1 { font-family: Arial, Helvetica, sans-serif; color: #1271a2; font-size:18px; line-height: 20px; text-decoration: none; font-weight:bold;}
h1 strong { color: #5bb5e4; font-size:21px; line-height: 24px; }
h1 a:hover {text-decoration: none;}

/*##########################################################################*/


div#header { position: relative; margin: 0; padding-bottom:260px;}
div#header .primary, #header .secondary, #header .wrap { position: absolute; top: 0; height: 236px; }
div#header .primary { width: 50%; left: 0; background: #FFF}
div#header .secondary { width: 50%; left: 50%; background: url(../images/bg_top_gradient.gif) repeat-x;}
div#header .wrap {left: 50%; width: 940px; margin-left: -470px;}

div#header div#top_left { width:325px; height:236px; float:left; background: url(../images/cd/top_cd/01.jpg) no-repeat;}

div#header div#top_right { width:615px; height:236px; float:right; background: url(../images/bg_top_gradient.gif) repeat-x; }

div#header div#top_right div#description { float:left; line-height:18px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; font-weight: normal;}
div#header div#top_right div#description a { text-decoration: none;}
div#header div#top_right div#description a:hover { text-decoration: none; }	
div#header div#top_right div#description div#description_1 { margin-left:0px; margin-top:36px;}
div#header div#top_right div#description div#description_2 { margin-left:43px; margin-top:8px;}	

div#header div#top_right a#logo { display:block; float:right; width:148px; height:43px; margin-top:27px; margin-right:5px; background: url(../images/logo.gif) no-repeat;}
div#header div#top_right a#logo span { display: none;}

div#header div#top_right div#menu { position: absolute; top: 190px; width:615px; height:30px;}
div#header div#top_right div#menu a { display: block; height: 30px; float: left; background: url('../images/bg_top_menu.gif'); }
div#header div#top_right div#menu a span { display: none; }
div#header div#top_right div#menu span.spacer { display:block; float:left; width:9px; font-size:1px; }

div#header div#top_right div#menu a#link_strona_glowna { width: 120px; background-position: -10px -49px; }
div#header div#top_right div#menu a#link_agencja_reklamowa { width: 151px; background-position: -139px -49px; }
div#header div#top_right div#menu a#link_realizacje { width: 93px; background-position: -299px -49px; }
div#header div#top_right div#menu a#link_pliki_do_pobrania { width: 133px; background-position: -401px -49px; }
div#header div#top_right div#menu a#link_kontakt { width: 81px; background-position: -544px -49px; }

div#header div#top_right div#menu a#link_strona_glowna:hover, div#header div#top_right div#menu a#link_strona_glowna.active { background-position: -10px -10px; }
div#header div#top_right div#menu a#link_agencja_reklamowa:hover, div#header div#top_right div#menu a#link_agencja_reklamowa.active { background-position: -139px -10px; }
div#header div#top_right div#menu a#link_realizacje:hover, div#header div#top_right div#menu a#link_realizacje.active { background-position: -299px -10px; }
div#header div#top_right div#menu a#link_pliki_do_pobrania:hover, div#header div#top_right div#menu a#link_pliki_do_pobrania.active { background-position: -401px -10px; }
div#header div#top_right div#menu a#link_kontakt:hover, div#header div#top_right div#menu a#link_kontakt.active { background-position: -544px -10px; }


/*##########################################################################*/

div#container { width: 940px; margin: auto;}
div#main_content { width:636px; float:left; }
.margin_realizacje { margin-bottom:20px; }

div#right_content { width:304px; float:right; }

/*##########################################################################*/

.bg_line_left { background: url(../images/line_bg_V.gif) repeat-y left top;}
.bg_line_right { background: url(../images/line_bg_V.gif) repeat-y right top;}

.line_left {height:1px; width:618px; margin:20px 0 20px 5px; float:left; background: url(../images/line_bg_H.gif) repeat-x; overflow:hidden;}
.line_right {height:1px; width:262px; margin:20px 28px 20px 0; float:right; background: url(../images/line_bg_H.gif) repeat-x; overflow:hidden;}

/*##########################################################################*/

div#tloczenie, div#nagrywanie, div#nadruki, div#agencja, div#realizacje, div#download, div#kontakt, div#slownik {width:636px; }
div#tloczenie p, div#nagrywanie p, div#nadruki p, div#agencja p, div#realizacje p, div#download p, div#kontakt p, div#slownik p {text-align:justify; margin:0px 30px 5px 15px; line-height: 18px; }
div#tloczenie h1, div#nagrywanie h1, div#nadruki h1, div#agencja h1, div#realizacje h1, div#download h1, div#kontakt h1, div#slownik h1 {margin:0 0 30px 12px;}
div#tloczenie a, div#nagrywanie a, div#nadruki a, div#agencja a, div#realizacje a, div#download a { font-weight:bold; text-decoration: none; }
div#tloczenie a:hover, div#nagrywanie a:hover, div#nadruki a:hover, div#agencja a:hover, div#realizacje a:hover, div#download a:hover, div#kontakt a:hover { text-decoration: underline; }
.special {/*color:#ff791f;*/ color:#009cee;}

div#kontakt_left { width:230px; float:left; margin-top:20px; }
div#kontakt_right { width:auto; float:left; margin-top:20px; }

/*##########################################################################*/

div#tabs { height:37px; float:right; margin-right:30px; background: url(../images/line_bg_H.gif) repeat-x left bottom;}
div#tabs span.tabs_inside { display:block; height:30px; background: url(../images/line_bg_V.gif) repeat-y left top; }
div#tabs a { display: block; height: 30px; float: right; font-size: 14px; text-decoration: none; font-weight: bold; color: #f3a967; text-decoration: none; line-height:30px;}
div#tabs a:hover { color: #ff791f; text-decoration: none;}
div#tabs span.spacer { display:block; float:right; width:1px; height: 30px; background: url(../images/line_bg_V.gif) repeat-y top; padding: 0 15px;}

.tloczenie {width:440px;}
.nadruki {width:395px;}
.nagrywanie {width:421px;}
.agencja {width:380px;}
.realizacje {width:414px;}
.download {width:402px;}
.kontakt {width:498px;}
.slownik {width:430px;}

/*##########################################################################*/

.back {width:55px; height:20px; float:right; margin:10px 30px 0 0; line-height: 18px;}
.back a {display:block; width:55px; height:20px; text-align:right; background: url(../images/images.gif) no-repeat; background-position: -5px -109px;}
.back a:hover {text-decoration:none; }

.top {width:55px; height:20px; float:right; margin:0 30px 0 0; line-height: 18px;}
.top a {display:block; width:55px; height:20px; text-align:right; background: url(../images/images.gif) no-repeat; background-position: -185px -9px;}
.top a:hover {text-decoration:none; }

div#definition { width:400px; float:left; margin-top:10px; }
div#definition_list { width:200px; float:right; margin-top:10px; }

div#definition_list p { font-weight:bold; margin-left:0;}
div#definition_list ul { list-style-position: outside; padding-left:10px; margin:10px 0 10px 0;}
div#definition_list ul li { line-height:18px; margin-left:0px;}
div#definition_list ul li a { text-decoration:none;}
div#definition_list ul li a:hover { text-decoration:underline;}

div#slownik dl {list-style-type: none; margin:0 30px 20px 15px; }
div#slownik dl dt { line-height: 18px; font-weight:bold; margin-bottom:10px;}
div#slownik dl dd { text-align:justify; line-height: 18px; margin:0 0 15px 20px;}
div#slownik dl dd a { font-weight:bold; text-decoration:none; }
div#slownik dl dd a:hover { text-decoration:underline; }

/*##########################################################################*/

div#realizacje { margin-bottom:15px;}

div#galeria { width:636px; margin-top:40px;}
div#galeria ul { width:636px; float: left;}	    
div#galeria ul li { float: left; margin:0 30px 25px 10px;}
div#galeria ul li img { border:none; }

/*##########################################################################*/

div#intro_text {width:636px; }
div#intro_text p {text-align:justify; margin:0px 30px 5px 12px; line-height: 18px; }
div#intro_text a { font-weight:bold; text-decoration:none; }
div#intro_text a:hover { text-decoration:underline; }

div#intro_text .wiecej {width:55px; height:20px; float:right; margin:-10px 30px -10px 0; line-height: 18px; }
div#intro_text .wiecej a {font-weight:normal; display:block; width:55px; height:20px; text-align:right; background: url(../images/images.gif) no-repeat; background-position: -60px -9px;}
div#intro_text .wiecej a:hover {text-decoration:none; }

/*##########################################################################*/

div#oferta_boxy {width:636px;}
div#oferta_boxy .line_V {width:1px; height:234px; margin-top:6px; float:left; background: url(../images/line_bg_V.gif) ; overflow:hidden;} 
div#oferta_boxy .offer { width:211px; height:230px; float:left;}
div#oferta_boxy .tloczenie { background:url(../images/tloczenie_cd.jpg) no-repeat; background-position:left bottom; }
div#oferta_boxy .nagrywanie { background:url(../images/nagrywanie_cd.jpg) no-repeat; background-position:left bottom; }
div#oferta_boxy .nadruki { background:url(../images/nadruki_na_cd.jpg) no-repeat; background-position:left bottom;}
div#oferta_boxy h1 {margin:0 0 23px 12px;}
div#oferta_boxy a.box2 {margin-left:1px;}
div#oferta_boxy a.box3 {margin-left:3px;}
div#oferta_boxy .copy1	{text-align:justify; margin:0 30px 0 12px; line-height: 18px; }
div#oferta_boxy .copy2	{text-align:justify; margin:0 30px 0 14px; line-height: 18px; }
div#oferta_boxy .copy3	{text-align:justify; margin:0 30px 0 16px; line-height: 18px; }

div#oferta_boxy .copy1 a, div#oferta_boxy .copy2 a, div#oferta_boxy .copy3 a:hover { text-decoration:none;  }

div#oferta_boxy .wiecej {width:55px; height:20px; float:right; margin:10px 30px 0 0; line-height: 18px; }
div#oferta_boxy .bottom {margin-top:28px;}
div#oferta_boxy .wiecej a {display:block; width:55px; height:20px; text-align:right; background: url(../images/images.gif) no-repeat; background-position: -60px -9px;}
div#oferta_boxy .wiecej a:hover {text-decoration:none; }

/*##########################################################################*/

div#produkcje {padding-bottom:40px; margin-bottom:20px; width:637px; float:left;}
div#produkcje h1 {margin:0 0 35px 12px;}
div#wybrane_cd ul { float: left; margin-left:10px;}	    
div#wybrane_cd ul li { float: left; margin-right:20px;}
div#wybrane_cd ul li img { border:none; }
div#produkcje .wszystkie {width:112px; height:20px; float:right; margin-right:30px; line-height: 18px;} 
div#produkcje .wszystkie a {display:block; width:112px; height:20px; text-align:right; background: url(../images/images.gif) no-repeat; background-position: -60px -9px;}
div#produkcje .wszystkie a:hover {text-decoration:none; }


/*##########################################################################*/

div#pliki { width:303px; float:right; margin-bottom:-50px;}
div#pliki_empty { width:303px; height:283px; float:right; margin-bottom:-50px;}
div#pliki h1 {margin:0 0 15px 35px;}
div#pliki p {margin: 0 0 5px 37px; font-weight:bold; line-height: 18px; }
div#pliki ul {list-style-position: outside; padding-left:39px; margin-bottom:15px;}
div#pliki ul li { line-height:22px; margin-bottom:2px;}
div#pliki ul li a { display:block; width:22px; height:22px; float:right;}
div#pliki ul li a.pdf { margin-right:26px; background: url(../images/images.gif) no-repeat; background-position: -33px -8px;}
div#pliki ul li a.pdf span {display:none;}
div#pliki ul li a.doc { margin-right:1px; background: url(../images/images.gif) no-repeat; background-position: -7px -8px;}
div#pliki ul li a.doc span {display:none;}

div#pliki .wszystkie {width:94px; height:20px; float:right; margin-top:8px; margin-right:26px; line-height: 18px; }
div#pliki .wszystkie a {display:block; width:94px; height:20px; text-align:right; background: url(../images/images.gif) no-repeat; background-position: -60px -9px;}
div#pliki .wszystkie a:hover {text-decoration:none; }

div#pliki_wszystkie { width:250px; float:left; }
div#pliki_wszystkie.second { width:270px; margin-left:50px;}
div#pliki_wszystkie p {margin: 20px 0 5px 12px; font-weight:bold; line-height: 18px; }
div#pliki_wszystkie ul {list-style-position: outside; padding-left:15px; margin-bottom:15px;}
div#pliki_wszystkie ul li { line-height:22px; margin-bottom:2px;}
div#pliki_wszystkie ul li a { display:block; width:22px; height:22px; float:right;}
div#pliki_wszystkie ul li a.pdf { margin-right:5px; background: url(../images/images.gif) no-repeat; background-position: -33px -8px;}
div#pliki_wszystkie ul li a.pdf span {display:none;}
div#pliki_wszystkie ul li a.doc { margin-right:1px; background: url(../images/images.gif) no-repeat; background-position: -7px -8px;}
div#pliki_wszystkie ul li a.doc span {display:none;}
div#pliki_wszystkie ul li a.jpg { margin-right:5px; background: url(../images/images.gif) no-repeat; background-position: -170px -42px;}
div#pliki_wszystkie ul li a.jpg span {display:none;}

/*##########################################################################*/

div#zapytanie { width:304px; float:right;}
div#zapytanie.home {min-height:395px; }
div#zapytanie h1 {margin:0 0 25px 36px;}

form#form-zapytanie-szczegolowe { display: block; margin-left: 38px; width: 250px; }
form#form-zapytanie-szczegolowe div.input_text { width: 220px; margin-top: 7px; height: 20px; background: url('../images/bg_forms.gif') 0 0px no-repeat; padding: 6px 10px 0 10px; }
form#form-zapytanie-szczegolowe div.input_text input { border: 0; font-size: 11px; width: 100%; color: #4289ae; background: none; }
form#form-zapytanie-szczegolowe div.input_text input:focus, div.input_text input.focus { color: #4289ae; }
form#form-zapytanie-szczegolowe div.input_textarea { width: 220px; margin-top: 7px; height: 60px; background: url('../images/bg_forms.gif') 0 -26px no-repeat; padding: 6px 10px 0 10px; }
form#form-zapytanie-szczegolowe div.input_textarea textarea { width: 100%; height: 50px; border: 0; background: none; font-size: 11px; color: #4289ae;}
form#form-zapytanie-szczegolowe div.input_textarea textarea:focus, div.input_textarea textarea.focus { color: #4289ae; }

form#form-zapytanie-szczegolowe div.rolled { background: url('../images/bg_forms.gif') 0 -92px no-repeat; }
form#form-zapytanie-szczegolowe div.new_select input { cursor: pointer; }
form#form-zapytanie-szczegolowe div.new_select input.focus { color: #4289ae; }
form#form-zapytanie-szczegolowe div.new_select span { cursor: pointer; display: block; width: 7px; height: 5px; background: url('../images/bg_forms.gif') -60px -119px no-repeat; position: absolute; margin: 5px 0 0 210px; }
form#form-zapytanie-szczegolowe div.new_select div { padding: 6px 0 0 0; display: none; position: absolute; z-index: 100; width: 238px; border: 1px solid #85b9d3; border-width: 0px 1px 1px 1px; background-color:#fef8f0; margin: 0 0 0 -10px; }
form#form-zapytanie-szczegolowe div.new_select div a { color: #4289ae; display: block; padding: 3px 10px; cursor: pointer; }
form#form-zapytanie-szczegolowe div.new_select div a:hover { background-color:#e8eef1; text-decoration: none; }
form#form-zapytanie-szczegolowe div.select { width: 220px; margin-top: 7px; height: 20px; background: url('../images/bg_forms.gif') 0 0px no-repeat; padding: 6px 10px 0 10px; }

form#form-zapytanie-szczegolowe div.input_send_div {  width: 57px; height: 24px; margin-top: 20px; float: left; display: block; }
form#form-zapytanie-szczegolowe input.gfx_button { width: 57px; height: 24px; border: 0; cursor: pointer; }
form#form-zapytanie-szczegolowe input.send { background: url('../images/bg_forms.gif') 0 -119px no-repeat; }

div.req { width: 340px; padding: 6px 20px 0 10px !important; }

div#zapytanie_status ul { margin: -15px 0 15px 40px; height: auto; }
div#zapytanie_status li { line-height: 20px; color:#f45601; }

ul.form_message { margin:0px 0pt; }
ul.form_message li { background:transparent url(../images/zapytanie_alert.gif) no-repeat scroll 0pt 50% !important; margin:0pt; padding:0pt 0pt 0pt 20px; line-height: 18px; }

div#form_sent {width: 250px; height:120px; margin:30px 0 0 38px; line-height:20px;}

/*##########################################################################*/

div#footer { width:940px; height:79px; margin:10px auto 0 ;}

div#footer .footer_top { display:block; width:618px; height:8px; float:left; border-top-width: 1px; border-top-style: solid; border-top-color: #dee9ee; overflow:hidden; background-color:#f6f9fa;}
div#footer .footer_cor_lt { display:block; width:9px; height:9px; background: url('../images/images.gif') -10px -39px no-repeat; float:left; overflow:hidden; background-color:#f6f9fa; }
div#footer .footer_cor_rt { display:block; width:9px; height:9px; background: url('../images/images.gif') -30px -39px no-repeat; float:left; overflow:hidden; background-color:#f6f9fa;}

div#footer_links { display:block; width:634px; height:79px; border-left-width: 1px; border-left-style: solid; border-left-color: #dee9ee; border-right-width: 1px; border-right-style: solid; border-right-color: #dee9ee; background-color:#f6f9fa;}

div#footer_links ul { height: 30px; line-height: 30px; list-style-type: none;}
div#footer_links ul li { display: inline; float: left;  height: 30px;  margin-top:19px;}

div#footer_links ul li.li_1 div { width: 103px; height:26px; background: url('../images/images.gif') -49px -39px no-repeat; margin:2px 30px 0 40px; }
div#footer_links ul li.spacer { width:1px; height:30px; background-color:#d1ebf1; float:left; font-size: 0px; }
div#footer_links ul li.li_2 a { display: block; width: 92px; height:26px; background: url('../images/images.gif') 2px -76px no-repeat; margin:2px 19px 0 20px; }
div#footer_links ul li.li_3 { margin-left:36px; height:26px; background: url('../images/images.gif') -91px -73px no-repeat;}
div#footer_links ul li.li_3 span {display: block; float: none; height: auto; margin-left:33px; color:#9e9e9e; line-height:14px; font-size:11px; }
div#footer_links ul li.li_3 span a { font-weight:bold; line-height:14px;}
div#footer_links ul li.li_3 span a:hover { text-decoration:none;}