@charset "utf-8";
body { overflow: -moz-scrollbars-vertical; cursor:default; background-image:url(graph/t_bg.jpg); background-repeat:repeat-x; background-color:#ffffff; font-family:Arial; }
body.podstrona { background-image:url(graph/t_bg_2.jpg); background-repeat:repeat-x; background-color:#ffffff; }
*:focus { outline: none; }
* { margin:0px; padding:0px; }

/*---------- Rzne ----------------*/
img { border: 0px; }
.myclass typeface-js { font-family: Optimer; color: #333333; }
.link_n { color: #000000; }
a.link_n:link, a.link_n:visited, a.link_n:active { text-decoration: underline; }
a.link_n:hover { color: #666666; text-decoration:none; background-color: #ffffff; }
.promo_07_09 { width:451px; height:259px; color:#000000; font-size:10px; }

/*---------- Kontener obejmujacy calosc strony ----------------*/
#calosc { margin: auto; width: 999px; }

/*---------- Logo ----------------*/
#t_logo { float: left; width: 430px; }
#t_logo a { color: #fff; }

/*---------- Menu Gra Index ----------------*/
#menu { float: left; height: 90px;  }

/*---------- Menu Gra Podstrona ----------------*/
#Menu {padding:0; margin:0; list-style:none;}
#Menu li {float:left; display: inline; margin-left:1px; margin-top: 35px; }
#Menu li a {display:block; height:24px; line-height:24px; padding:0 20px; float:left; background: #fff; color:#000; text-align: center; text-decoration:none; font-size: 0.9em; font-family:Arial;}
#Menu li.border { float: left; display: inline; height: 35px; width: 1px; list-style: none; border-right: 1px solid #f2f2f2; }
#Menu li a:hover, 
.home #menu li#home a,
.oferta #menu li#oferta a,
.realizacje #menu li#realizacje a,
.o_nas #menu li#o_nas a,
.kontakt #menu li#kontakt a { background: url(graph/root.gif) no-repeat 0 -3px; color: #000; }

/*---------- Div Obejmujacy Prezentacje ----------------*/
#footer { height: 258px; width: 999px; float: left; margin-top: 1px; display:inline; background-image: url(graph/t_home_bg1.jpg); background-repeat: no-repeat; text-align:right; }
#footer_2 { float: left; display: inline; height: 150px; width: 999px; float: left; display:inline; text-align:right; }

#logo_podstrona { float: left; display: inline; width: 999px; height: 149px; margin-top: 1px; background: url(graph/logo1.jpg); }

#logo_bottom_podstrona { float: left; display:inline; width: 999px; height: 40px; }
#logo_bottom_podstrona ul { float: left; display: inline; width: 989px; margin-top: 15px; list-style: none; }
#logo_bottom_podstrona ul li { float: left; display: inline; color: #cccccc; }
#logo_bottom_podstrona ul li.arr { width: 4px; height: 7px; overflow: hidden; margin-top: 3px; background: url(graph/ul.gif); }
#logo_bottom_podstrona ul li a { float: left; display: inline; font-family: Verdana; font-size: 0.7em; text-decoration: none; margin: 0 0 0 10px; color: #cccccc; } 
#logo_bottom_podstrona ul li.drukuj { float: right; display: inline; width: 58px; height: 13px; }

/*---------- Prezentacja ----------------*/

#prezentacja { float: right; margin: 32px 10px 0px 0px; color:#FFFFFF; text-align:left; width:470px; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#prezentacja_2 { float: right; margin: 22px 10px 0px 0px; color:#FFFFFF; text-align:left; width:470px; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#prezentacja1 { float: left; margin:0px 0px 0px 15px; }

.b_270 { width:272px; height:29px; background-image:url(graph/button_270.gif); float: right; margin-top: 15px; padding-top: 3px; background-repeat: no-repeat; text-align:center; color:#333333;
font-size:11px; display:block; text-decoration:none; }
.b_270:hover { background-image:url(graph/button_270_hover.gif); }

/*---------- Grna Belka ----------------*/

.belka_space { clear: both; height:8px; }
#belka { float: left;  display: inline; background-image: url(graph/belka_bg.jpg); background-repeat: repeat-x; height: 52px; width:999px; }
.t_belka_link { float: left; display: inline; width: 285px; text-align:left; margin: 17px 0px 0px 23px; padding-left: 23px; background-image: url(graph/root_zielona.gif); background-repeat: no-repeat; }
.t_belka_link_podstrona_2 { float: left; width: 225px; text-align:left; margin: 17px 0px 0px 17px; padding-left: 23px; background-image: url(graph/root_zielona.gif); background-repeat: no-repeat; }
.t_belka_link_podstrona_2 a { text-decoration: none; color: #333333; }
.t_belka_link a { text-decoration: none; color: #333333; }
.t_belka_link_podstrona { float: left; width: 380px; text-align:left; margin: 17px 0px 0px 0; padding-left: 23px; background-image: url(graph/root_zielona.gif); background-repeat: no-repeat; }
.t_belka_link_podstrona a { text-decoration: none; color: #333333; }

.t_belka_portfolio { float: left; width: 690px; text-align:left; margin: 15px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.1px; color:#333333; font-size:12px; line-height:20px; }

.pf_link_s { font-size: 12px; border: 1px solid rgb(220, 220, 220); padding: 3px 6px; margin-right: 4px; }

a.pf_link_s:link, a.pf_link_s:visited { text-decoration: none; color: #000000}
a.pf_link_s:hover, a.pf_link_s:active { text-decoration: none; color: #ffffff; background: #83CE19;}

/*---------- 3 Dzialy Contentu ----------------*/

#belka_home { clear: both; background-image: url(graph/belka2_bg.jpg); background-repeat: repeat-x; height: 300px; }
#belka_home_podstrona { clear: both; background: #fff; background-repeat: repeat-x; height: auto; }
.t_belka_home_link { float: left; display: inline; width: 270px; text-align:left; margin: 15px 25px 0px 30px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:18px; }
.t_belka_home_link_podstrona { float: left; width: 250px; text-align:left; margin: 15px 25px 0px 0; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.2px; color:#333333; font-size:12px; line-height:20px; }
.t_belka_home_link_podstrona_2 { float: left; width: 330px; text-align:left; margin: 15px 20px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.1px; color:#333333; font-size:12px; line-height:20px; }

.t_belka_home_link_podstrona_2_kontakt { float: left; width: 330px; text-align:left; margin: 15px 20px 0px 60px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.1px; color:#333333; font-size:12px; line-height:20px; }

.kontakt_wizyt { float: left; text-align:left; margin-top: 20px;}

.t_belka_home_link_podstrona_portfolio { float: left; width: 250px; text-align:left; margin: 15px 15px 0px 0; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.3px; color:#333333; font-size:12px; line-height:20px; }

.data { color:#CCCCCC; padding-left:25px; }
.kategoria { color:#CCCCCC; font-size: 0.8em; letter-spacing: -0.2px; }
.tresc { text-align:left; margin: 5px 5px 0px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px; line-height:18px; }

.b_122 { width:122px; height:30px; background-image:url(graph/button_122.gif); float: right; margin-top: 15px; padding-top: 6px; background-repeat: no-repeat; text-align:center; color:#ffffff;font-size:10px; display:block; text-decoration:none; }
.b_122:hover { background-image:url(graph/button_122_hover.gif); }

.b_123 { width:122px; height:30px; background-image:url(graph/button_122.gif); float: left; margin-top: 15px; padding-top: 6px; background-repeat: no-repeat; text-align:center; color:#ffffff;font-size:10px; display:block; text-decoration:none; }
.b_123:hover { background-image:url(graph/button_122_hover.gif); }

.arrow_up { float: left; display: inline; margin: 0 0 2px 980px; color: #fff; }

#menu_left {padding:0; margin:0; list-style:none;}
#menu_left li {float:left; margin-left:1px; margin-top: 5px; }
#menu_left li a {display:block; height:24px; width: 170px; line-height:24px; padding:0 20px; float:left; background:url(graph/link_bg_black.jpg); color:#fff; text-align: left; text-decoration:none;}
#menu_left li#first a {display:block; height:24px; width: 170px; line-height:24px; padding:0 20px; float:left; background:url(graph/link_bg_green.jpg); color:#000; text-align: left; text-decoration:none;}


#menu_left li a:hover, 
.first #menu_left li#first a,
.second #menu_left li#second a,
.third #menu_left li#third a,
.fourth #menu_left li#fourth a,
.sixth #menu_left li#sixth a,
.seventh #menu_left li#seventh a,
.eight #menu_left li#eight a
{ display:block; height:24px; width: 170px; line-height:24px; padding:0 20px; float:left; background:url(graph/link_bg_black_arrow.jpg); color:#fff; text-align: left; text-decoration:none; background-color:#0C0C0C;}

/*---------- Content Dl ----------------*/

#belka3 { clear: both; background-image: url(graph/belka3_bg.jpg); background-repeat: repeat-x;  width:999px; }
.belka3_dzial { float: left; display: inline; width: 360px; text-align:left; margin: 15px 15px 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px;  }
.belka3_dzial a { text-decoration: none; color: #333333; }

.belka3_dzial_podstrona { float: left; display: inline; width: 495px; text-align:left; margin: 15px 0 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; }
.belka3_dzial_podstrona a { text-decoration: none; color: #333333; }
#belka3_dzial_loga { text-align:center; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; width: 862px; height:70px; clear: left; }

#belka3_dzial_p { float: left; width: 150px; text-align:left; margin: 15px 0px 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:18px;
height:255px; }
#klienci1 {width:170px;}
#belka3_dzial_p p img { float: right; display: inline; margin-top: 165px; border: none;  }
#belka3_dzial_p a { text-decoration: none; color: #333333; }
#grass_home { float: right; display: inline; width: 89px; height: 70px; margin: 20px 0 0 0; background: url(graph/trawa_p.jpg); }

#belka3_dzial_p_podstrona { float: left; width: 480px; text-align:left; margin: 32px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:18px; height:255px; }
#grass { float: right; display: inline; width: 89px; height: 70px; margin: 20px 20px 0 0; background: url(graph/trawa_p.jpg); }
#belka3_dzial_p_podstrona p img { float: right; display: inline; margin-right: 20px; border: none;  }
#belka3_dzial_p_podstrona a { text-decoration: none; color: #333333; }

.aktualnosci { width: 350px; padding: 10px 0px 8px 4px; color:#669900; font-size:12px; letter-spacing: -0.3px; }
.aktualnosci_podstrona { width: 480px; padding: 10px 0px 7px 0; color:#666666; font-size:12px; letter-spacing: -0.3px; }
.strzalka { float: left; display: inline; width: 10px; height: 25px; margin: -10px 6px 0 0; background:url(graph/root.gif); }

.aktualnosci_tresc { width: 345px; padding: 0px 0px 10px 24px; font-size:10px; color:#999999; border-bottom:dotted; border-bottom-color:#CCCCCC; border-bottom-width:1px; }
.aktualnosci_tresc_podstrona { width: 455px; padding: 0 0 10px 0; margin-left: 24px; color:#999999; font-size: 0.9em; line-height: 15px; letter-spacing: -0.4px; border-bottom:solid; border-bottom-color:#CCCCCC; border-bottom-width:1px; }
.aktualnosci_tresc_podstrona_2 { width: 455px; padding: 0 0 10px 10px; margin-left: 14px; color:#999999; font-size: 0.9em; letter-spacing: -0.4px; line-height: 15px; border-bottom:solid; border-bottom-color:#CCCCCC; border-bottom-width:1px; }


/*---------- Stopka ----------------*/

#stopka { background-color: #000000; clear: both; background-image:url(graph/stopka_bg.gif); height:117px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:999px; }

.stopka1 { float: left; width: 170px; padding: 18px 0px 0px 25px; }

#stopka2 { float: right; }
#stopka2 div.Stopka2_p { color: #9b9b9b; }
#stopka2 div.Stopka2_p a { text-decoration: none; color: #9b9b9b; }

.footer_tekst { text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:4px; }

ul.ul { margin: 12px 0px 2px 15px; line-height: 19px; list-style-image: url(graph/ul.gif); }

.f_link { color:#B7E500; text-decoration:none; }
a.f_link:hover { color:#B7E500; text-decoration:underline; }

abbr, acronym { border-bottom: 1px dashed; cursor: help; }

/* Formularz */

form	{ margin:0; padding:0; }
input, select, textarea		{  margin:0 0 10px; padding:0; border:1px solid #ccc; font-family:tahoma, verdana, sans-serif; font-size:12px; color:#444; padding-left: 5px; padding-right: 5px; padding-top: 5px; }
textarea:focus, input:focus { background-color: #E7EDEF; }
.wyslij { border:0; }
.dage	{ color: #9b9b9b; font-family: verdana; font-size: 9px; text-decoration: none; }
h5 { font-family:Trebuchet MS; font-size:18px; color:#333333; font-weight:normal; text-shadow: 2px 2px #d0d0d0; }
h6 { font-family:Trebuchet MS; font-size:16px; color:#666666; font-weight:normal; text-shadow: 1px 1px #d0d0d0; }

div.promo09txt { font-family:Trebuchet MS; color:#ffffff; font-size:16px; text-align:center; padding:5px 0px 5px 0px; background:url(graph/promo_bg.jpg) #f45c00 repeat-x; text-shadow:1px 1px #000000; border:1px dotted #bf4800; margin-bottom:4px; }
span.promo09txt { font-size:20px; font-weight:normal; }