body{
   background: #ffffff;
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 10px;
   color: #484747;
}


/*------------ div ------------*/
#container{
   width: 988px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   border-left: 1px solid #c4c4c4; 
   border-right: 1px solid #c4c4c4; 
   border-bottom: 1px solid #c4c4c4; 
}

#top_left{
   width: 674px;
   height: 121px;
   float: left;
   background: #ffffff;
   padding: 0;
   margin: 0;
}

#top_right{
   width: 314px;
   height: 121px;
   float: left;
   background: #7e6a94;
   padding: 0;
   margin: 0;
}

#logo{
   width: 674px;
   height: 101px;
   background: url(images/top.jpg);
}

#sciezka{
   width: 674px;
   height: 20px;
   background: #ffffff;
}

#ikon{
   width: 240px;
   height: 46px;
   padding: 20px 0px 0px 25px;
   margin: 0px;
}

#menu{
   width: 988px;
   height: 41px;
   background: url(images/menu.jpeg);
}

#flash{
  /* width: 988px;
   height: 139px;
   background: url(images/flash.jpg);*/
}

#area{
   width: 988px;
}

#left{
   width: 742px;
   height: 387px;
   float: left;
}

#right{
   width: 246px;
   height: 387px;
   background: #7e6a94;
   float: left;
}

#left_p{
   width: 809px;
   height: 526px;
   float: left;
}

#right_p{
   width: 179px;
   height: 526px;
   background: #7e6a94 url(images/kontakt_specjalista.jpg) no-repeat left top;
   float: left;
}

#left1, #left2{
   float: left;
}

#opis{
   clear: both;
   width: 335px;
   height: 292px;
   margin: 0px 0px 0px 26px;
   border-right: 1px solid #c1c1c1;
}

#offer{
   clear: both;
   width: 331px;
   height: 292px;
   margin: 0px 0px 0px 17px;
   border-right: 1px solid #c1c1c1;
}

#partner{
   clear: both;
}

#stopka{
   width: 988px;
   height: 29px;
   background: #7e6a94;
}

#menu_left{
   width: 198px;
   height: 477px;
   float: left;
}

#left_menu{
   width: 198px;
   height: 453px;
   background: #dedfe1;
}

#round{
   width: 198px;
   height: 24px;
   background: url(images/zaokraglenie.jpg);
}

#areatext{
   width: 611px;
   height: 477px;
   float: left;
}

.clear{
   clear: both;
}

.scrol{
   width:573px; 
   height:425px; 
   overflow: auto;  
   margin: 10px 0px 0px 15px;
}

.kontakt1{
   width: 115px;
   height: 115px;
   background: url(images/Mirella_Milek.jpg) no-repeat;
   margin: 23px 0px 0px 49px;
}

.kontakt2{
   width: 115px;
   height: 115px;
   background: url(images/Artur_Wieczorek.jpg) no-repeat;
   margin: 20px 0px 0px 49px;
}

.livelink{
   margin-left: auto;
   margin-right: auto;
   width: 988px;
   height: 29px;
}

.livelink a{
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 10px;
   color: #f6f6f6;
   text-decoration: none;
}
/*------------ ul,li ------------*/
#menu ul{
   margin: 0;
   padding: 0;
   /*display: inline;*/
   
   list-style: none;
}

#menu ul li{
   list-style-type: none;
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 10px;
   font-weight: bold;
   color: #3b4a61;
   float: left;
   
   position: relative;
}

ul.sub li.first a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 5px 0px 0px 5px;
	background: #f1f1f1;
	margin: 11px 2px 0 12px;
	
	width: 155px;
	font-size: 9px;
	font-weight: bold;
	
	/*opacity: 0.9;
    filter: alpha(opacity=90);*/ 
}

ul.sub li a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 0px 0px 0px 5px;
	background: #f1f1f1;
	margin: 0px 2px 0 12px;
	
	width: 155px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub2 li.first a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 5px 0px 0px 5px;
	background: #f1f1f1;
	margin: 11px 2px 0 12px;
	
	width: 133px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub2 li a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 0px 0px 0px 5px;
	background: #f1f1f1;
	margin: 0px 2px 0 12px;
	
	width: 133px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub3 li.first a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 5px 0px 0px 5px;
	background: #f1f1f1;
	margin: 11px 2px 0 12px;
	
	width: 170px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub3 li a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 0px 0px 0px 5px;
	background: #f1f1f1;
	margin: 0px 2px 0 12px;
	
	width: 170px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub4 li.first a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 5px 0px 0px 5px;
	background: #f1f1f1;
	margin: 11px 2px 0 12px;
	
	width: 143px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub4 li a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 0px 0px 0px 5px;
	background: #f1f1f1;
	margin: 0px 2px 0 12px;
	
	width: 143px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub1 li.first a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 5px 0px 0px 5px;
	background: #f1f1f1;
	margin: 11px 2px 0 34px;
	
	width: 145px;
	font-size: 9px;
	font-weight: bold;
}

ul.sub1 li a {
	display: block;
	text-decoration: none;
	line-height: 17px;
	color: #3b4a61;
	padding: 0px 0px 0px 5px;
	background: #f1f1f1;
	margin: 0px 2px 0 34px;
	
	width: 145px;
	font-size: 9px;
	font-weight: bold;
}

li ul.sub, li ul.sub2, li ul.sub3, li ul.sub4, li ul.sub1 {
	position: absolute;
	top: 30px;
	display: none;
}

ul.sub li a:hover, ul.sub2 li a:hover, ul.sub3 li a:hover, ul.sub4 li a:hover, ul.sub1 li a:hover { color: #ed1c24 }
li:hover ul, li.over ul { display: block; }



#menu ul li.firma{
   width: 195px;
   height: 41px;
   background: url(images/m_firma.jpg);
}

#menu ul li.firma2{
   width: 195px;
   height: 41px;
   background: url(images/m2_firma.jpg);
}


#menu ul li.strony{
   width: 200px;
   height: 41px;
   background: url(images/m_strony.jpg);
}

#menu ul li.strony2{
   width: 200px;
   height: 41px;
   background: url(images/m2_strony.jpg);
}

#menu ul li.pozycjonowanie{
   width: 211px;
   height: 41px;
   background: url(images/m_pozycjonowanie.jpg);
}

#menu ul li.pozycjonowanie2{
   width: 211px;
   height: 41px;
   background: url(images/m2_pozycjonowanie.jpg);
}

#menu ul li.realizacje{
   width: 221px;
   height: 41px;
   background: url(images/m_realizacje.jpg);
}

#menu ul li.realizacje2{
   width: 221px;
   height: 41px;
   background: url(images/m2_realizacje.jpg);
}

#menu ul li.technologie{
   width: 161px;
   height: 41px;
   background: url(images/m_technologie.jpg);
}

#menu ul li.technologie2{
   width: 161px;
   height: 41px;
   background: url(images/m2_technologie.jpg);
}


ul.lista{
   margin: 10px 0px 0px 68px;
   padding: 0px;
}

ul.lista2{
   margin: 10px 15px 0px 15px;
   padding: 0px;
}


ul.lista li{
   /*list-style-position: inside;
   list-style-type: disc;*/
   background-image: url(images/strzalka2.jpg);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	list-style-type: none;
	padding-left: 10px;
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   text-align: justify;
}

ul.lista2 li{
   list-style-type: disc;
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   text-align: justify;
}

#left_menu ul{
   padding: 20px 15px 0px 15px;
   margin: 0;
   list-style: none;
}

#left_menu ul li{
   display: block;
   list-style-type: none;
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 9px;
   color: #3b4a61;
   font-weight: bold;
   background-image: url(images/strzalka3.jpg);
   background-position:2px 6px;
   background-repeat:no-repeat;
   line-height:11px;
   padding-top: 4px;
}

#left_menu ul.podmenu{
   padding: 2px 10px 0px 10px;
   margin: 0;
   list-style: none;
}

#left_menu ul.podmenu li{
   display: block;
   list-style-type: none;
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 9px;
   color: #7d8391;
   font-weight: bold;
   background-image: url(images/strzalka4.jpg);
   background-position: 0px 4px;
   background-repeat:no-repeat;
   line-height:11px;
   padding: 2px 0px 0px 10px;
}

ul.mapa{
   margin: 3px 0px 4px 10px;
   padding: 0;
}

ul.mapa2{
   margin: 0px 15px 4px 0px;
   padding: 0px;
}


ul.mapa li, ul.mapa2 li{
    background-image: url(images/strzalka2.jpg);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	list-style-type: none;
	padding-left: 10px;
	font-family: Tahoma, Corbel, "Times New Roman";
    font-size: 11px;
    color: #818181;
	text-align: justify;
}


/*------------ a ------------*/
#menu a.menu_firma {
   color: #3b4a61;
   text-decoration: none;
   display: block;
   width: 160px;
   height: 26px;
   /*background: url(images/m_firma.jpg);*/
   padding: 15px 0px 0px 35px;
}

#menu a.menu_firma:hover {
   width: 160px;
   height: 26px;
   background: url(images/m2_firma.jpg);
}

#menu a.menu_strony {
   color: #3b4a61;
   text-decoration: none;
   display: block;
   width: 188px;
   height: 26px;
   padding: 15px 0px 0px 12px;
}

#menu a.menu_strony:hover {
   width: 188px;
   height: 26px;
   background: url(images/m2_strony.jpg);
}

#menu a.menu_pozycjonowanie {
   color: #3b4a61;
   text-decoration: none;
   display: block;
   width: 199px;
   height: 26px;
   padding: 15px 0px 0px 12px;
}

#menu a.menu_pozycjonowanie:hover {
   width: 199px;
   height: 26px;
   background: url(images/m2_pozycjonowanie.jpg);
}

#menu a.menu_realizacje {
   color: #3b4a61;
   text-decoration: none;
   display: block;
   width: 209px;
   height: 26px;
   padding: 15px 0px 0px 12px;
}

#menu a.menu_realizacje:hover {
   width: 209px;
   height: 26px;
   background: url(images/m2_realizacje.jpg);
}

#menu a.menu_technologie {
   color: #3b4a61;
   text-decoration: none;
   display: block;
   width: 149px;
   height: 26px;
   padding: 15px 0px 0px 12px;
}

#menu a.menu_technologie:hover {
   width: 149px;
   height: 26px;
   background: url(images/m2_technologie.jpg);
}

a.link{
   color: #ae272c;
   text-decoration: underline;
}

a.link2{
   color: #818181;
   text-decoration: underline;
}

a.link3{
   color: #818181;
   text-decoration: none;
}


a.loguj{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #cacbce;
   text-decoration: underline;
   display: block;
   margin: 10px 0px 0px 170px;
}

a.language_pl{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e4e4e4;
   display: block;
   margin: 7px 0px 0px 412px;
   float: left;
   text-decoration: none;
}

html>body a.language_pl{
   margin: 7px 0px 0px 585px;
}

a.language{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e4e4e4;
   display: block;
   margin: 7px 0px 0px 16px;
   float: left;
   text-decoration: none;
}

#left_menu a.menu_left{
   color: #3b4a61;
   text-decoration: none;
   padding-left: 12px;
}

#left_menu a.menu_left_k{
   color: #ED1C24;
   text-decoration: none;
   padding-left: 12px;
}

#left_menu a.menu_left:hover, #left_menu a.menu_left2:hover{
   color: #ED1C24;
   text-decoration: none;
}

#left_menu a.menu_left2{
   color: #7d8391;
   text-decoration: none;
}

a.akt{
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 10px;
   font-weight: bold;
   color: #3b4a61;
   display: block;
   padding: 10px 0px 0px 0px;
   text-decoration: none;
}


a.link_real1{
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 10px;
   color: #cacbce;
   text-decoration: underline;
   display: block;
   margin: 5px 0px 0px 42px;
}

a.link_real2{
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 10px;
   color: #cacbce;
   text-decoration: underline;
   display: block;
   margin: 5px 0px 0px 15px;
}

a.dane_link{
   color: #dbdcde;
   text-decoration: none;
}

a.form{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #dbdcde;
   font-weight: bold;
   display: block;
   margin: 30px 0px 0px 30px;
   padding: 0px 15px 0px 0px;
}

/*------------ img ------------*/
img.logo{
   border: none;
}

img.ikony{
   float: left;
   margin-left: 26px;
   border: none;
}

img.arrow{
   float: left;
   margin-left: 8px;
}

img.kreska{
   float: left;
   margin: 13px 0px 0px 26px; 
}

img.kreska_p{
   float: left;
   margin: 15px 0px 0px 15px; 
}

img.kreska2{
   float: left;
   margin: 13px 0px 0px 17px; 
}

img.kreska_n{
   float: left;
   margin: 7px 0px 0px 17px; 
}

img.line{
   float: left;
   margin: 13px 0px 0px 5px; 
}

img.line_n{
   float: left;
   margin: 7px 0px 0px 14px; 
}

img.zarys{
   float: left;
   margin: 7px 12px 0px 0px; 
}

img.line2{	
   margin: -1px 0 0 0;
   padding: 0;
   float: right;
}

img.loga{
   float: left;
   margin: 22px 0px 0px 8px;
   border: none;
}

img.loga2{
   float: left;
   margin: 10px 0px 0px 8px;
   border: none;
}

img.loga3{
   float: left;
   margin: 18px 0px 0px 8px;
   border: none;
}

img.logo2p{
   clear: both;
   position: absolute;
   top: 570px;
   margin-left: 60px;  
}

img.porady{
   float: left;
}

img.pdf{
   border: none;
   clear: both;
}

img.zdjecie{
   margin: 20px 0px 0px 15px;
}

img.kreska_k{
   margin: 10px 0px 3px 48px;
}

img.real_g{
   border: none;
   margin: 10px 0px 0px 13px;
}

img.realiz{
   border: none;
}
/*------------ span ------------*/
span.path{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #818181;
   float: left;
   display: block;
   margin: 3px 0px 0px 5px;
}

span.path2{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #ee1b24;
   float: left;
   display: block;
   margin: 3px 0px 0px 2px;
}

span.title{
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 10px;
   font-weight: bold;
   color: #3b4a61;
   float: left;
   display: block;
   margin: 20px 0px 0px 4px;
}

/*span.title_n{
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 10px;
   font-weight: bold;
   color: #3b4a61;
   float: left;
   display: block;
   margin: 15px 0px 0px 4px;
}*/

span.title2{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #404f66;
   float: left;
   display: block;
   margin: 24px 0px 0px 13px;
}

html>body span.title2{
   margin: 24px 0px 0px 24px;
}

span.projekty{
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 12px;
   color: #cacbce;
   display: block;
   margin: 15px 0px 0px 85px;
}

span.copy{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #e4e4e4;
   display: block;
   padding: 7px 0px 0px 23px;
   float: left;
}

span.error{
   color: #ae272c;
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
}

span.error_n{
   color: #818181;
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
}

span.text{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
}

span.osoba{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #dbdcde;
   float: left;
   margin-left: 107px;
}

span.osoba2{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #dbdcde;
   float: left;
   margin-left: 90px;
}

span.stanowisko{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #ceb0f1;
   float: left;
   margin-left: 87px;
}

span.stanowisko2{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #ceb0f1;
   float: left;
   margin-left: 100px;
}

span.firma{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #7e6a94;
   font-weight: bold;
}

p.porada{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 12px;
   color: #dbdcde;
   text-align: right;
   position: relative;
   margin: 40px 20px 0px 10px;
}
/*------------ h1,h2,h3 ------------*/
h1{
   font-family: Verdana, Corbel, "Times New Roman";
   font-size: 11px;
   font-weight: bold;
   color: #3b4a61;
   float: left;
   display: block;
   margin: 22px 0px 0px 4px; 
}

/*------------ p ------------*/
p.glowna{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   text-align: justify;
   padding: 7px 12px 0px 0px;
   margin: 0;
}

p.text{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   text-align: justify;
   padding: 15px 15px 0px 0px;
   margin: 0;
}

.scrol p{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   text-align: justify;
   padding: 15px 15px 0px 0px;
   margin: 0;
}

p.text2{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   text-align: justify;
   padding: 0px 15px 0px 0px;
   margin: 3px 0px 0px 0px;
   float: left;
}

p.dane{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #dbdcde;
   clear: both;
   text-align: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 15px 0px 0px;
}

p.realizacje{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   text-align: justify;
   padding: 0px;
   margin: 0;
}


hr{
  color: #c1c1c1;
  background: #c1c1c1;
  height: 1px;
  border: none;
  margin: 32px 15px 0px 10px;
}





/*logowanie*/
form.search{ 
   margin: 18px 0 0 59px;
}

label.szukaj{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #b7b7b9;
}

input#szukaj{
   width: 160px;
   height: 17px;
   margin: 0px 5px 0px 5px;
}

input.ok{
   width: 23px;
   height: 23px;
   background: #434e64 url(images/ok.jpg);
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #b7b7b9;
   text-align: center;
   border: 0px solid #b7b7b9;
}

/*newsletter*/
form.newsletter{ 
   margin: 10px 0 0 0px;
}

input#s_letter{
   width: 206px;
   height: 20px;
   /*background: url(images/n_letter.jpg);*/
   border: 1px solid #8a8a8a;
   float: left;
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
}

input.s_ok{
   width: 36px;
   height: 24px;
   background: url(images/ok2.jpg);
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 10px;
   color: #b7b7b9;
   text-align: center;
   border: none;
   float: left;
}

/*kategorie*/
form.select{ 
   margin: 0px 0 0 20px;
}

select.kategoria{
   width: 211px;
   height: 20px;
   margin: 10px 0 0 0px;
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
}

input.przejdz{
   width: 122px;
   height: 27px;
   background: #434e64 url(images/przejdz.jpg);
   margin: 11px 0px 0px 45px;
   border: 0px solid #b7b7b9;
}

/*formularz kontaktowy*/
label.contact{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
}

input.kont, textarea.kont{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   width: 300px;
}

input.wiad_slij{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   margin: 3px 0px 0px 350px;
}

input.zapisz{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   margin: 3px 0px 0px 310px;
}

table.text{
   font-family: Tahoma, Corbel, "Times New Roman";
   font-size: 11px;
   color: #818181;
   width: 560px;
}

td.ico{
   float: right;
}

table.text img{
	border: none;
}

table.realizacje{
   margin: 10px 0px 0px 0px;
}

table.realizacje td{
   width: 164px;
   vertical-align: top;
   padding-top: 5px;
}

table.realizacje td.min{
   padding-left: 20px;
   width: 164px;
}

object.mapa{
   margin: 20px 0px 0px 10px;
}