body {margin: 0; color: #3a3a3a; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#fff;}
form,input {margin  : 0px; padding : 0px; display:inline; }
* a img { border: 0; padding:0; margin:0;}
* a { color:#0689c2; text-decoration:none; }
* a:hover { text-decoration:underline}

a.linkBlock { color:#fff; display:block; text-decoration:none; background:#51b2fe; padding:3px; font-size:11px; width:70px; }
a.linkBlock:hover { text-decoration:underline}

div#clear { clear:both}
/*##########################################################################*/
.test22 {	background-color:#ff9900; position:absolute}
h1.caption { margin: 0 0 0 0; height: 24px; padding: 0; font-size: 11px;}
h1#kim_jestesmy { background: url(../img/h1_kimjestesmy.gif) no-repeat; }
h1#newsy { background: url(../img/h1_newsy.gif) no-repeat; }
h1#naszespecjalizacje { background: url(../img/h1_naszespecjalizacje.gif) no-repeat; }
h1#kontakt { background: url(../img/h1_kontakt.gif) no-repeat; }
h1#formularzzapytan { background: url(../img/h1_formularzzapytan.gif) no-repeat; }
h1#mapkadojazdu { background: url(../img/h1_mapkadojazdu.gif) no-repeat; }
h1#biuletyninformacyjny { background: url(../img/h1_biuletyninformacyjny.gif) no-repeat; }
h1#newsletterh1 { background: url(../img/h1_newsletter.gif) no-repeat; }
h1#politykaprywatnosci { background: url(../img/h1_politykaprywatnosci.gif) no-repeat; }
h1#karierawinsideweb { background: url(../img/h1_karierawinsideweb.gif) no-repeat; }
h1#firma { background: url(../img/h1_firma.gif) no-repeat; }
h1#produkty { background: url(../img/h1_produkty.gif) no-repeat; }
h1#oferta { background: url(../img/h1_oferta.gif) no-repeat; }
h1#realizacje { background: url(../img/h1_realizacje.gif) no-repeat; }
h1#mapaserwisu { background: url(../img/h1_mapaserwisu.gif) no-repeat; }
h1#wyszukiwanie { background: url(../img/h1_wyszukiwanie.gif) no-repeat; }

h2 { font-size:15px; font-weight:bold;}
/*#################################################################*/


div#header { width:1160px; height:68px; margin:auto; margin-bottom:5px; background-image:url('../img/top_bg.jpg');background-repeat:no-repeat; }

div#top { margin:auto; width:840px; height:100px;}
div#top  a#logo { width:241px; height:84px; float:left; display: block; background: url('../img/insideweb_logo.jpg');}

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

div#top div#menu { float:right; margin-top: 65px; margin-right:20px; }
div#top div#menu a { display: block; height: 23px; float: left; margin-left:13px; }

div#top div#menu a#link_start { width: 50px; background: url('../img/bg_menu.gif') 0 0 no-repeat; }
div#top div#menu a#link_firma { width: 51px; background: url('../img/bg_menu.gif') -63px 0 no-repeat; }
div#top div#menu a#link_oferta{ width: 59px; background: url('../img/bg_menu.gif') -128px 0 no-repeat; }
div#top div#menu a#link_produkty{ width: 76px; background: url('../img/bg_menu.gif') -200px 0 no-repeat; }
div#top div#menu a#link_realizacje{ width: 79px; background: url('../img/bg_menu.gif') -290px 0 no-repeat; }
div#top div#menu a#link_kontakt{ width: 67px; background: url('../img/bg_menu.gif') -383px 0 no-repeat; }
div#top  div#menu a#link_start:hover, div#top   div#menu a#link_start.active { width: 50px; background: url('../img/bg_menu.gif') 0 -23px no-repeat; }
div#top  div#menu a#link_firma:hover, div#top   div#menu a#link_firma.active { width: 51px; background: url('../img/bg_menu.gif') -63px -23px no-repeat; }
div#top  div#menu a#link_oferta:hover, div#top   div#menu a#link_oferta.active { width: 59px; background: url('../img/bg_menu.gif') -128px -23px no-repeat; }
div#top  div#menu a#link_produkty:hover, div#top   div#menu a#link_produkty.active { width: 76px; background: url('../img/bg_menu.gif') -200px -23px no-repeat; }
div#top  div#menu a#link_realizacje:hover, div#top   div#menu a#link_realizacje.active { width: 79px; background: url('../img/bg_menu.gif') -290px -23px no-repeat; }
div#top  div#menu a#link_kontakt:hover, div#top   div#menu a#link_kontakt.active { width: 67px; background: url('../img/bg_menu.gif') -383px -23px no-repeat; }

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

div#body { width:100%; min-height:850px; height:auto !important;  height:850px;  background: url('../img/body_bg.jpg') 0 0 repeat-x; padding-top:25px; }
div#bodyContainer   { width:100%; min-height:850px; height:auto !important;  height:850px;  background: url('../img/body2_bg.jpg') }


div#body div#flash_top { width:806px; height:210px; margin:auto; z-index:12; }

div#flash_top div#flashError{ text-align:center; display:none; font-size:14px; padding-top:50px;}
div#flashError2{ text-align:center; display:none; font-size:14px; padding-top:50px;}
div#body div#page { width:770px; min-height:400px; height:auto !important;  height:400px;  margin:auto; background: url('../img/bodyLogo.jpg') 0 0 no-repeat; background-position:right top;   }


div#body div#left { width:520px;  float:left;}
div#body div#left div#line { width:520px; height:50px; clear:both; background: url('../img/line.gif') 0 20px repeat-x;  } 
div#body div#left div#left_content {  float: left; padding: 30px 0 0 25px; width: 495px;  }


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

div#body div#full{ width:760px; min-height:200px; height:auto !important;  height:200px; float:left; }
div#full h2 { font-size:16px; color:#d6669; font-family:Arial, Helvetica, sans-serif; }
div#full p {margin:0 0 30px 20px;}

div#full div#btnPrev { width:70px; height:200px; float:left; border:0px solid #000 }

div#btnPrev a { display: block; height: 57px; float: left; margin:90px 0 0 0; }
div#btnPrev a#prev { width: 39px; background: url('../img/button_prev.gif') 0 0 no-repeat; cursor:pointer}
div#btnPrev a#prev:hover { width: 39px; background: url('../img/button_prev.gif') 0 -59px no-repeat;  }


div#full div#slider { width:410px; height:300px; float:left; border:0px solid #333} 

div#sliderNavi a { font-size:11px; color:#FFFFFF; font-weight:normal; height: 15px;  float: left; margin:-13px 0 0 11px; background-color:#51b5e7; padding:1px 6px 1px 6px; cursor:pointer }
div#sliderNavi a:hover  { background-color:#a8c51c; text-decoration:none;}
div#sliderNavi a.activ  { background-color:#6d6669; text-decoration:none;  padding:1px 6px 1px 6px;}



div#slider div#sliderFrameBg { width:384px; height:244px; padding:15px 0 0 13px; background: url('../img/pictureframe.png') 0 0 no-repeat;}
div#sliderFrameBg div#preloader { width:360px; height:215px; margin:0px 0px 0 0px; z-index:999; position:absolute; opacity: 0.7; background-color:#000; display:none }
div#preloader img {margin:95px 0px 0 140px;  }
div#sliderFrameBg div#sliderFrame { width:360px; height:215px; overflow:hidden; position:absolute}
div#sliderFrame img { position:absolute }



div#clientTitle { height:40px; border:0px solid #000; float:left; width:275px }
div#clientTitle .clientL { background: url('../img/client_left4.gif') 0 0 no-repeat; width:7px; height:40px; float:left;  margin-top:10px;}
div#clientTitle div#client { background: url('../img/client_bg4.gif') 0 0 repeat-x; height:40px; float:left; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:11px 7px 0 7px; margin-top:10px;}
div#clientTitle .clientR { background: url('../img/client_right4.gif') 0 0 no-repeat; width:6px; height:40px; float:left;  margin-top:10px;}


div#full div#projectDesc { width:200px; height:200px; float:left; border:0px solid #333} 
div#projectDesc h1 { font-size:21px; color:#fff; font-family:Arial, Helvetica, sans-serif; background-color:#ec923a }


div#projectDesc ul {
	list-style-image:url("../img/ico_check.gif");
	list-style-position:outside;
	list-style-type:disc;
	padding: 0px;
	margin: 30px 0 5px 40px;
}

div#projectDesc ul li {
	padding: 3px 0;
	font-size:12px;
	
}



div#full div#btnNext { width:40px; height:200px; float:right; border:0px solid #000 }
div#btnNext a { display: block; height: 57px; float: left; margin:50px 0 0 0;  cursor:pointer}
div#btnNext a#next { width: 39px; background: url('../img/button_next.gif') 0 0 no-repeat; }
div#btnNext a#next:hover { width: 39px; background: url('../img/button_next.gif') 0 -59px no-repeat; }


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




div#body div#leftSub{ width:220px; min-height:200px; height:auto !important;  height:200px; float:left;}

div#leftSub div#index { width:200px; margin:20px 0 0 0; font-size:11px; color:#6c6c6c; }

div#index ul {
	list-style-image:url("../img/li.gif");
list-style-position:outside ;
list-style-type:disc;
	padding: 0px;
	margin: 0 0 5px 20px;
}

div#index ul li {
	padding: 2px 0;
	font-size:12px;
	
}

ul#map {
	list-style-image:url("../img/li3.gif");
	list-style-position:outside;
	list-style-type:disc;
	padding: 0px;
	margin: 0 0 5px 40px;
}

ul#map li {
	padding: 2px 0;
	font-size:12px;
	
}


div#index li a:hover {
	text-decoration:underline;

}
div#index li a.active2 {
	color:#0689C2;
	text-decoration:none;
	font-weight:bold;

}


div#leftSub div#newsletter { font-size:11px; color:#6c6c6c; }
div#newsletter p { padding:0px; margin:5px 0 10px 10px; }
form#newsletter div.text { margin-top: 5px; height: 20px; background: url('../img/inputText.gif') 0 0 no-repeat; padding: 6px 10px 0 10px; }
form#newsletter div.text input { border: 0; font-size: 11px; width: 135px;  color: #9d9d9d; background: none;  }
form#newsletter div.text input:focus, div.input_text input.focus { color: #6d6d6d; }

form#newsletter input.button { width: 53px; height: 23px; border: 0; cursor: pointer; display: block; }
form#newsletter div.sendDiv { width: 53px; height: 23px; margin: 5px 0 0 0px; float: left; }
form#newsletter div.sendDiv input.send { background: url('../img/button_dodaj.gif') no-repeat; }

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

div#body div#left div#newsMain {  float: left; padding: 30px 0 0 25px;  width:230px;}
div#body div#rightSub div#newsSub {  float: left; margin:0px 0px 0px 10px; width:500px;  }
div#body div#rightSub div#news {  float: left; margin:0px 0px 0px 10px; width:500px;  }
div#body div#rightSub div#agency {  float: left; margin:0px 0px 0px 10px; width:500px;  }
div#body div#rightSub div#offer{  float: left; margin:20px 0px 0px 10px; width:460px; text-align:justify;  }
div#news h1 , div#agency h1 , div#offer h1 {font-size:18px; padding:0px; margin:0px; font-weight:normal}
div#news p , div#agency p , div#offer p {margin:10px 0 25px 20px;  }
div#offer ul {margin-top:10px; margin-bottom:25px; line-height:21px;list-style-image:url("../img/li3.gif");list-style-position:outside;list-style-type:disc;}
div#offer img  {margin-right:15px; margin-bottom:15px; border:1px solid #666;}
div#offer a { color:#0072ff; text-decoration:none; }
div#offer a:hover { text-decoration:underline}

div#news div.date {font-size:11px; margin:10px 0 0 0;}

div#newsMain a , div#newsSub a { color:#535050; margin-bottom:20px; font-weight:bold; text-decoration:none }
div#newsMain a:hover , div#newsSub a:hover { text-decoration:underline }
div#newsItem , div#newsItemSub { color:#FFFFFF; font-size:11px; margin-top:10px; float:left }
div#newsItem a , div#newsItemSub a { font-size:11px; color:#FFFFFF; font-weight:normal; height: 15px; width:50px; float: left; margin-left:14px; background-color:#51b5e7; padding:1px 0 1px 6px; }
div#newsItem a:hover , div#newsItemSub a:hover { background-color:#a8c51c }


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

div#body div#rightSub div#jobOffer {  float: left; margin:0px 0px 0px 10px; width:500px;  }
div#jobOffer a  { color:#535050; margin-bottom:20px; font-weight:bold; text-decoration:none; font-size:13px; cursor:pointer}
div#jobOffer a:hover { text-decoration:underline }

div#jobOfferItem a{ font-size:11px; color:#FFFFFF; font-weight:normal;  height: 15px; width:50px; float: left; background-color:#51b5e7; padding:1px 0 1px 6px; cursor:pointer}
div#jobOfferItem a:hover { background-color:#a8c51c }
div#jobOfferItem a.active { background-color:#a8c51c; padding:0 0 0 8px;  }

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

form#zapytanie div.text { margin-top: 5px; height: 20px; background: url('../img/form_bg.gif') 0 0 no-repeat; padding: 6px 10px 0 10px; }
form#zapytanie div.text input { border: 0; font-size: 11px; width: 100%; color: #9d9d9d; background: none; width:185px; }
form#zapytanie div.text input:focus, div.input_text input.focus { color: #6d6d6d; }
form#zapytanie div.textarea { margin-top: 5px; height: 70px; background: url('../img/form_bg.gif') 0 -26px no-repeat; padding: 6px 10px 0 10px; }
form#zapytanie div.textarea textarea { width: 95%; height: 50px; border: 0; background: none; font-size: 11px; color: #9d9d9d; font-family:Arial, Helvetica, sans-serif  }
form#zapytanie div.textarea textarea:focus, div.input_textarea textarea.focus { color: #6d6d6d; }

form#zapytanie input.button { width: 61px; height: 22px; border: 0; cursor: pointer; display: block; }
form#zapytanie div.sendDiv { width: 61px; height: 22px; margin: 0px 17px 16px 0; float: right; }
form#zapytanie div.sendDiv input.send { background: url('../img/button_wyslij.gif') no-repeat; }


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

div#qStatus {
	color:#093;
	font-size:14px;
}
div#qStatus  ul {
list-style-image:url("../img/cancel_ico.gif");
list-style-position:outside;
list-style-type:disc;
	padding: 0px;
	margin: 0 0 20px 40px;
}
div#qStatus ul li {
	padding: 3px 0;
	font-size:11px;
	color:#000;
	
}
div#preloader2 {
width:100px; height:10px; float:right;	
}
div#preloader2 img{
padding:0px; margin:0px;
}
/*###############################################################################*/

div#body div#right{ width:220px;  min-height:200px; height:auto !important;  height:200px;  float:right;}





div#acc {
	width: 236px;
	margin: 20px auto;
	min-height: 100%; /*ie hack*/

}

div#acc .content {
	width: 220px;
	margin: 0 auto;
	
}


div#acc .content p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	
	
}


div#acc div#wrap {
	width: 236px;
	overflow: hidden;
	background:url("../img/wr.png") repeat-y top left;
}





div#list1a div.title {
	cursor:pointer;
	display:block;
	padding:10px;
	margin-top: 0;
	text-decoration: none;
	
	font-size: 12px;
	color:#37a9df;
	font-weight:bold;

	border-bottom: 1px solid #fff;
	
	background-color: #efefef;
	
}

div#list1a div.selected {	background-color: #f4f4f4;
		border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	color:#9cb01c;
	
	}



div#acc div#accordion {
	background: #fff url("../img/acc_bg.gif") repeat-x top left;
	
}

div#acc .content ul {
	list-style-image:url("../img/li.gif");
list-style-position:outside;
list-style-type:disc;
	padding: 0px;
	margin: 0 0 5px 30px;
}

div#acc .content  ul li {
	padding: 2px 0;
	
}

div#acc .content  ul li a {
	color:#333;
	text-decoration: none;
	display: block;
	padding: 1px 0px 1px 0px;
	font-size: 11px;
	
		
}
div#acc .content  ul li a:hover {
	text-decoration:underline;
}
div#acc .content  ul li a.active {
	
color:#e47302;
padding: 0px;
text-decoration:underline;


}

div#acc .content ul li a span {
	padding-bottom: 10px;
}

div#acc .content  ul li a img {
	border: 0;
	vertical-align: bottom;
	margin-right: 15px;
}

div#acc .content ul li a:hover span {
	text-decoration: underline;	
}




div#acc div#top_round {
	height: 10px;
	font-size: 1px; /* ie whitespace */
}

div#acc div#bottom_round {
	height: 10px;
	font-size: 1px; /* ie whitespace */
}
	
div#acc .top_dark {
	background: url("../img/top.png") no-repeat top left;
}



div#acc .bottom_dark {
	background: url("../img/bottom.png") no-repeat top left;
}



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



div#body div#rightSub { width:520px;  float:right;}
div#body div#rightSub div#line { width:520px; height:50px; clear:both; background: url('../img/line.gif') 0 20px repeat-x;  } 
div#body div#rightSub div#rightSub_content {  float:right; margin: 30px 0 0 25px; width: 495px; }


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

div#navi { width:555px; height:65px; float:left; background: url('../img/naviPathBg.png') 0 0 no-repeat; clear:both;}

div#navi a { color:#FFFFFF; font-size:10px; text-decoration:none;}
div#navi  a:hover { color:#fff600;}
div#navi span.sep {color:#FFFFFF; font-size:10px; margin:0 5px 0 5px;}
div#navi div#naviRight { width:410px; height:20px; float:left; }

div#naviBtn a {  float: left; margin:8px 0 0 8px; }
div#naviBtn { width:140px; height:49px; float:left; display:block; }
div#naviBtn div#naviBtnLeft { width:13px; height:49px; background: url('../img/naviBtnLeft.png') 0 0 no-repeat; float:left }
div#naviBtn div#naviBtnBg { width:114px; height:49px; background: url('../img/naviBtn.png') 0 0 repeat-x; float:left }
div#naviBtn div#naviBtnBg img { cursor:pointer}
div#naviBtn div#naviBtnRight { width:13px; height:49px; background: url('../img/naviBtnRight.png') 0 0 no-repeat; float:left}

div#naviBtn .text { width:125px; height:26px; border:0px; background: url('../img/inputSearchBg.gif') 0 0 no-repeat; margin:8px 0 0 8px;  float:left;  }

div#naviBtn .text input { width:100px; height:16px; border:0px; color:#696a6b; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:5px 0 0 5px;}

div#naviBtn input.button { width:22px; height:23px; border:0px; background: url('../img/searchButton.gif') 0 0 no-repeat;
padding:0px; margin:9px 0 3px 14px; cursor: pointer;  float:left;}


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


div#footer { width:843px; height:142px; margin:auto; margin-top:20px; color:#fff; font-size:11px; clear:both; }
div#footer div#footerLeft {width:27px; height:112px;background: url('../img/footerLeft.png') 0 0 no-repeat; float:left }
div#footer div#footerBg {width:786px; height:112px;background: url('../img/footerBg.png') 0 0 repeat-x; float:left }
div#footer div#footerRight {width:27px; height:112px;background: url('../img/footerRight.png') 0 0 no-repeat; float:left }
div#footer div#footerLinks { width:560px; height:60px; margin-top:25px; float:left;  }
div#footer div#footerLinks a { color:#000000; text-decoration:none; margin-right:26px; height: 30px;display: block; float: left;}
div#footer div#footerLinks a:hover, a.active {background: url('../img/dotIcon.gif') center 15px repeat-x;}

div#footer div#footerInfo { width:180px; height:60px; margin-top:9px; float:right;background: url('../img/infolinia.gif') 0 0 no-repeat;}
div#footer div#footerIco { width:255px; height:20px;  float:right; margin-top:-10px;}
div#footer div#footerIco a { font-size:10px; color:#808080; text-decoration:none; margin-right:28px; margin-left:8px;}
div#footer div#footerIco a:hover { text-decoration:underline;}

div#footer  div#socialMedia{ float:right; margin-top: 5px; margin-right:30px; }
div#footer  div#socialMedia a { display: block; height: 24px; float: left; margin-left:6px; }

div#footer  div#socialMedia a#link_facebook { width: 25px; background: url('../img/socialmedia.png') 0 0 no-repeat; }
div#footer  div#socialMedia a#link_twitter { width: 25px; background: url('../img/socialmedia.png') -29px 0 no-repeat; }
div#footer  div#socialMedia a#link_youtube{ width: 25px; background: url('../img/socialmedia.png') -56px 0 no-repeat; }

div#footer  div#socialMedia a#link_facebook:hover { width: 25px; background: url('../img/socialmedia.png') 0 -23px no-repeat; }
div#footer  div#socialMedia a#link_twitter:hover { width: 25px; background: url('../img/socialmedia.png') -29px -23px no-repeat; }
div#footer  div#socialMedia a#link_youtube:hover { width: 25px; background: url('../img/socialmedia.png') -56px -23px no-repeat; }




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

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

	
	 
 
   
      #clientPanelBox {
	background:url("../img/clientpanel3d.png");
	position:absolute;
	height:104px;
		top:390px;
        left: -87px;
  
        bottom: 0;
		width:87px;
		
 
      }
	 #clientPanelBox .imgClose {
		 cursor:pointer;
		 margin-left:50px;
		 
	 }
 #clientPanelBox .left {

	width:25px;
	height:40px;
	margin:40px 0 0 20px;
	

 }