body {background-color:#34193d; background-image:url(img/bg.gif); background-repeat:repeat-x; background-position:top;font-family: Tahoma, Verdana,  Arial,Helvetica, Sans-Serif; font-size: 11px; color:#FFFFFF; margin: 0px;}

.body-main {
  display:none;background-color:#34193d; 
 background-image:url(img/bg.gif); background-repeat:repeat-x; background-position:top;}

a {		color:#A38FB8;text-decoration: none;}
a:hover {	text-decoration: underline;	color:#FFFFFF;}
a img {border:none;}

hr {color:#FFFFFF;}

h1 {font-size:13px; font-weight:normal; color:#ffffff; margin:0; padding:0 0 20px 0;}
h1 a {font-size:13px; font-weight:normal; color:#ffffff; margin:0;}
h1 a:hover { color:#fff;}

h2 {font-size:13px; font-weight:bold; color:#AC8EC4; padding:18px 0 2px 0; margin:0px;}
h2 a { font-size:15px; font-weight:bold;color:#C2AFCF;padding:0 0 0 0; margin:0 0 0 0; }
h2 a:hover { color:#ffffff;padding:0 0 0 0; margin:0 0 0 0;}

h3 {font-size:13px; font-weight:normal;padding-bottom:0px; }
h3 a { font-size:13px; font-weight:bold;color:#C2AFCF; padding-top:0px; margin:0; float:left; padding-bottom:0px; }
h3 a:hover { color:#ffffff;}

h4 {font-size:16px; font-weight:bold; color:#330066;}
h4 a {font-size:15px; font-weight:bold; color:#330066; padding:0 0 0 0; margin:0 0 0 0;}
h4 a:active, h4 a:hover { color:#fff;padding:0 0 0 0; margin:0 0 0 0;}

h5 {font-size:9px; color:#663366; font-weight:normal;}
h5 a {font-size:9px; font-weight:bold; color:#663366;}
h5 a:hover { color:#666666;}
h5 a:active { color:#666666;}

h6 {font-size:12px; color:#FF3366; font-weight:normal; padding-left:40px; padding-bottom:0px;}
h6 a {font-size:13px; font-weight:normal; color:#FF3366;}
h6 a:link, h6 a:visited { color:#FF3366;}
h6 a:hover { color:#ffffff;}
h6 a:active { color:#ffffff;}

.r {font-size:9px; color:#663366; font-weight:normal;}
.r a {font-size:9px; font-weight:bold; color:#663366;}
.r a:link, .h5 a:visited { color:#663366;}
.r a:hover { color:#666666;}
.r a:active { color:#666666;}

.mail {	font-family: Arial; font-size: 12px; color:#000000; }
.logotypy {border:#96C solid 5px; margin:30px 0 20px 0;}

 /* MAIN SLIDER */

div#main_slider { float:left; width:948px;height:270px;position:relative;clear:both; margin:0 1px; padding-top:20px;}
div#main_slider_holder {  float:left;  width:735px;  height:250px; display:block; overflow:hidden; padding:0px 0 0 0px;  position:relative;}
div#main_slides { width:2600px; height:250px; display:block; position:relative;}
div.main_slide { float:left; width:735px; height:250px; display:block; margin:0px; padding:0px;  position:relative;}

div#main_slider_buttons {height:20px;position:absolute;left:660px;top:10px;z-index:2;}

div#main_slider_buttons a.slide_btn {width:14px;height:14px;float:left;display:block;margin:0px;cursor:pointer;background:url(img/slide_btn.gif) left top no-repeat;}
div#main_slider_buttons a.slide_btn.active, div#main_slider_buttons a.slide_btn:hover {  background:url(img/slide_btn_active.gif) left top no-repeat;}

div.main_slide img{float:left;padding:0 30px 0 0; margin:0;}

h3.main_slide_title {float:left;width:460px;height:28px;display:block;margin:0;padding:5px 0 35px 0;font-size:23px;font-weight:normal;}

span.main_slide_subtitle1, span.main_slide_subtitle1 a {font-family:Tahoma, Helvetica, sans-serif; color:#96F; font-size:13px;text-decoration:none; text-align:left}
span.main_slide_subtitle1 a:hover { text-decoration:underline;}
span.main_slide_subtitle2 {padding:0 0 0 5px;font-family:Tahoma, Helvetica, sans-serif;color:#555555;font-size:13px;}
p.main_slide_text, p.main_slide_link {color:#a1a1a1;font-size:12px;padding:10px 10px 0 0;margin:0px;text-align:justify;line-height:1.7em;}
li.main_slide_text {color:#a1a1a1;font-size:12px;padding:10px 10px 0 0;margin:0px;text-align:justify;line-height:1.7em; background:none}
p.main_slide_link {font-size:11px;padding:5px 10px 0 0;text-align:right;}
p.main_slide_link a:link, p.main_slide_link a:visited {color:#d9d9d9;}

p.main_slide_link a:hover {color:#fff;}

div.main_slider_controls_left {float:left;display:block;padding:75px 30px 0 25px;}
div.main_slider_controls_right {float:right;display:block;padding:75px 25px 0 30px;}

a#main_slider_arrow_left{float:left;width:46px;height:46px;display:block;background:url(img/slider-l.png) top no-repeat;}
a#main_slider_arrow_left:hover{ background-position: 0 -46px;}

a#main_slider_arrow_right{float:right;width:46px;height:46px;display:block;background:url(img/slider-p.png) top no-repeat;}
a#main_slider_arrow_right:hover{ background-position: 0 -46px;}

/*---------*/

.table{padding-left:85px; padding-right:80px; padding-top:40px; background-image: url(img/top.png); background-position:top center; background-repeat:no-repeat; 
	   text-align:left; min-height:500px;}

.table_wyszukiwarka{padding-left:43px; padding-right:20px; padding-top:40px; background-image: url(img/top_wyszukiwarka.png); background-position:top center; 
					background-repeat:no-repeat;  text-align:left; min-height:500px;}

.style2 {font-size: 16px;color:#330033;text-decoration:none;font-weight: bold;}
.style3 {font-size: 10px}
.style4 {font-size: 11px}
.blocks {background-color:#80428C; border:1px; border-color:#000000; border-style:solid; color:#FFFFFF;}

.oferta_head {display:block; height:70px; padding-left:65px; background-image:url(img/webicon.jpg); background-position:center left; background-repeat:no-repeat;padding-top:30px; }
.oferta {font-size:16px; font-weight:bold; color:#660066;   }
.oferta_sub {font-size:10px; font-weight:normal; }

#szybki_kontakt {display:block;height:140px;padding-top:50px; font-size:13px; background:url(img/szybki_kontakt.gif) top left no-repeat; margin-top:5px; color:#96C;}
#szybki_kontakt a { color:#96C; font-size:13px }
#szybki_kontakt a:hover { color:#fff;  }


#menu {width:950px; height:54px; display:inline; }

#menu-glowna a{background: url(img/menu_01.png) transparent; width:136px; height:49px; display:block; float:left;}
#menu-glowna a:hover{background-position: 0 -49px;}

#menu-o-firmie a{background: url(img/menu_02.png) transparent; width:135px; height:49px; display:block; float:left;}
#menu-o-firmie a:hover{background-position: 0 -49px;}

#menu-oferta a{background: url(img/menu_03.png) transparent; width:135px; height:49px; display:block; float:left;}
#menu-oferta a:hover{background-position: 0 -49px;}

#menu-realizacje a{background: url(img/menu_04.png) transparent; width:135px; height:49px; display:block; float:left;}
#menu-realizacje a:hover{background-position: 0 -49px;}

#menu-gotowe-szablony a{background: url(img/menu_05.png) transparent; width:137px; height:49px; display:block; float:left;}
#menu-gotowe-szablony a:hover{background-position: 0 -49px;}

#menu-centrum-pomocy a{background: url(img/menu_06.png) transparent; width:137px; height:49px; display:block; float:left;}
#menu-centrum-pomocy a:hover{background-position: 0 -49px;}

#menu-kontakt a{background: url(img/menu_07.png) transparent; width:135px; height:49px; display:block; float:left;}
#menu-kontakt a:hover{background-position: 0 -49px;}

#tlo {background:url(img/layout_02.jpg) center top no-repeat; width:100%; min-height:970px; }
#logo {height:157px;}
#lewa {float:left; width:222px; margin-top:40px; font-size:12px; }
#nowe-realizacje {float:right; width:240px; margin-top:40px; text-align:right}

.tresc {width: 950px;	margin: 0 auto 0 auto; padding:0px; margin-bottom:0px;}                                                
#tresc {width: 950px;	margin: 0 auto 0 auto; padding:0px; margin-bottom:0px;}                                                

#tresc #lewa ul { list-style: none; margin: 0 0 5px 0; padding:0; }
#tresc #lewa ul li { margin: 0; font-size: 11px; background:url(img/punkt2.gif) left center no-repeat; padding:0 0 0px 12px;  line-height:17px; }
#tresc #lewa  ul li a { font-size:14px;  color:#BDA8D0; }
#tresc #lewa ul li a:hover { color: white; }

#tresc .lista2 ul {list-style: none; padding:0; margin:0;}
#tresc .lista2 li {background:url(img/punkt.gif) top left no-repeat; font-size:13px; text-align:left; padding:0; margin:0;  }
#tresc .lista2 h4 {padding-bottom:3px;padding-top:12px; font-size:12px; color:#99C; padding-left:15px; }

#tresc #srodek ul { list-style: none; margin: 0 0 0px; padding:0; color:#999 }
#tresc #srodek li { font-size:11px; padding:0 0 20px 35px;  background:url(img/punkt4.png) top left no-repeat; line-height:17px; }                                                
#tresc #srodek h3 {  margin:5px 0 4px 0;  padding:0;   font-size:1.0em;  font-family:Verdana, sans-serif;  font-weight:bold;  color:#fff;}                                             
#srodek { line-height:19px; background:url(img/layout_22.gif) no-repeat top left;width:417px;float:left;margin:40px 14px 20px 15px;padding:20px;color:#fff; text-align:left;}
#srodek2 {background:url(img/layout_21.gif) no-repeat top left; width:630px; float:left; margin-top:40px; padding:20px 35px 0px 35px; font-size:13px; color:#999;}
#srodek3 {background:url(img/layout_21.gif) no-repeat top left;width:585px;float:left;margin-top:40px;padding:20px 20px 0px 35px;font-size:13px;color:#999;min-height:420px;}
#srodek4 {background:url(img/layout_21.gif) no-repeat top left; width:880px; float:left; margin-top:40px; padding:20px 35px 0px 35px; font-size:13px; color:#999;}
#srodek5 {background:url(img/layout_21.gif) no-repeat top left; width:950px; float:left; margin-top:40px; padding:20px 0px 0px 0px; font-size:13px; color:#999;}
#srodek6 {width:950px; float:left; margin-top:40px; padding:0px 0px 0px 0px; font-size:13px; color:#999;}

#oferta {float:left; width:310px; margin-top:40px; text-align:right}
#oferta a { font-size:14px}
#stopka {width:950px; margin:0 auto; color:#856A91; font-size:12px}
#stopka a { color:#96F; font-size:12px;}
#stopka h1 { padding:10px 0 10px 0;}
#stopka h1 a {color:#666; font-weight:normal; font-size:11px; }
#stopka h1 a:hover{color:#fff;}
#dol {width:100%; background:url(img/layout_05.gif) repeat-x top #000; display:block; float:left; padding-top:50px; padding-bottom:10px; clear:both;}
.stopka-menu {display:block; float:left; width:142px; padding-left:8px; text-align:left; background:url(img/stopka-tlo.gif) top left no-repeat; height:auto;}
.stopka-menu-kontakt {display:block; float:left; width:42px;padding-left:8px; text-align:left; background:url(img/stopka-tlo.gif) top left no-repeat; height:15px;}
#stopka2 {margin:0 auto; width:740px; clear:both; text-align:left; padding-top:20px;}
#ikonki {float:right; width:280px;  text-align:right}
#wyszukiwarka {float:left; width:400px; }
.separator {background:url(img/separator.jpg) top center no-repeat; width:240px; height:30px;}

#reklama {font-size:9px; color:#663366; font-weight:normal;width:950px; margin:0 auto;padding: 0;text-align: center; float:right; padding-top:20px; }
#reklama a {font-size:9px; font-weight:bold; color:#663366;}
#reklama a:visited { color:#663366;}
#reklama a:hover { color:#666666;}
#reklama a:active { color:#666666;}

.box-realizacje {width:570px; margin-top: 20px; display:block; float:left; clear:both; height:270px;}
.box-realizacje-img {text-align:right; border-style:solid; border-width:4px; border-color:#550055; float:right; width:262px; height:232px;}
.box-realizacje-opis {float:left; display:block; clear:left; width:295px;}
.paginacja-gora  {text-align:center; border-bottom:#CCC solid 1px; padding-bottom:10px; color:#333}
.paginacja-dol {text-align:center; border-top:#CCC solid 1px; padding-top:10px; clear:both; color:#333}
.paginacja-gora a { padding:0 8px 0 8px;}
.paginacja-dol a {padding:0 8px 0 8px;}
.paginacja-gora a.active {color: #ffffff;font-weight: bold; text-decoration:underline;}
.paginacja-dol a.active {color: #ffffff;font-weight: bold; text-decoration:underline;}


.clear{clear:both;height:0px;font-size:0px;line-height:0px;background-color:#34193d;}
.linia {height:1px; color:#FFFFFF}
#ramka {width: 600px;	margin: 0 auto;padding: 0;	text-align: left; padding-left:70px; padding-right:70px;}

.style-portfolio {font-size: 15px; font-weight:bold; padding:30px 50px 30px 70px; height:60px; line-height:60px; background-image:url(img/webicon.jpg); 	
				  background-repeat:no-repeat; background-position:left;  border-bottom:#330033 solid 1px; width:580px; text-align:left;}
.style-portfolio a  {	font-size: 15px; font-weight:bold;color:#FFFFFF;   }
.style-portfolio a:hover  {	font-size: 15px; font-weight:bold;color:#990099 } 
.style-portfolio a:visited { color:#ffffff;}
.style-portfolio a:active { color:#ffffff;}
                                           

#jquerytuts, #core, #classics, #kontakt, #featured { background-image:url(img/bg_table.png);  background-position:top center;}
.wp-polls-loading { display: none; width: 100%; text-align: center; }
#content-area #wp_page_numbers ul li { background: none; margin: 0; padding: 2px; display: inline; }
#wp_page_numbers { width: 100%; background: white; text-align: center; margin: 0 0 25px 0; }
#wp_page_numbers ul { width: 100%; margin: 0; }
#wp_page_numbers a { padding: 3px; border: 1px solid #bfbfbf; color: #666; }
#wp_page_numbers li a:hover { border: 1px solid #BA0000; }
#wp_page_numbers li.active_page a { border-color: #0075b8;  color: white; }
#wp_page_numbers li.active_page a:hover  { border-color: #BA0000; color:#FFFFFF; }
#content-area #wp_page_numbers li.page_info { display: none; }

.szablony_opis { font-size:12px; height:60px; border-bottom:#FFFFFF solid 1px; margin-bottom:40px; color:#CCC; padding:10px 0 0 17px;}
.szablony img { border:#999 solid 5px; margin-bottom:20px; padding:10px; margin:0 17px 0 17px;}
.szablony { width:870px; }

/* BOX FAQ */

div.box_faq {width:560px;float:left;padding:0 10px 0px 0;margin:10px 0 0 0;}
div.box_faq .box_faq_title { width:560px; border-bottom:1px solid #424141;border-right:1px solid #424141;  padding:0 0 3px 0; float:left; color:#ffffff; font-size:12px;  text-decoration:none; font-weight:bold;}
div.box_faq a.box_faq_title:hover {  color:#96C;}
div#content_left div.box_faq p.box_faq_text {  clear:both;  float:left;  padding:0; margin-top:35px;  padding-right:20px;}
.box_faq_text {  clear:both;  float:left;  padding:0; margin-top:5px;  padding-right:20px; margin-bottom:5px;}
#content_left .etapy {  margin-top:25px;  padding-left:80px;}

.etapy strong {color:#fff;}
