html, body
{

FONT-FAMILY: Verdana; 
FONT-SIZE: 11px;
COLOR: #333333;
padding:0; 
margin: auto;
text-align:center;
line-height:181%;

border:0px solid black;

}




.a1:hover {
COLOR: #999999; 
FONT-FAMILY: Verdana; 
FONT-SIZE: 12px; 
TEXT-DECORATION: none;
font-weight:normal;
} 



.a1 {
COLOR: #333333; 
FONT-FAMILY: Verdana; 
FONT-SIZE: 12px; 
TEXT-DECORATION: none;
font-weight:normal;
} 

.a1:visited {
COLOR: #333333; 
FONT-FAMILY: Verdana; 
FONT-SIZE: 12px; 
TEXT-DECORATION: none;
font-weight:normal;
}

.hulio_glowna
{
display:block;
width:190px;
text-align:left;
float:left;
margin-top:10px;
margin-left:10px;
line-height:170%;
}

.hulio
{
display:inline;
font-size:50px;
font-weight:bold;
color:#0D5273;
line-height:100%;
}


.sto
{ 
width:1123px;
display:block;
}

div {
vertical-align: top;
}
      


div.ROW_BANNER {                      
margin: 0px;   
text-align:left;

}               

div.COL_BANNER_LOGO {             
display: inline;              
float:left;

}     

div.COL_MENU {             
display: inline;          
float: left;
}   


.LEWA 
{ 

display: inline;                          
text-align:left;
float: left;
width:869px; 
}


.PRAWA 
{ 

display: inline;                          
text-align:left;
float: left;
width:254px;
padding-top:10px; 
}

table.BOX_LEWY 
{ 
border:0px solid black;
display: block;                          
text-align:left;
float: left;

/*height:100%;  this is the key! 
position:absolute;
left:-464px; */ 
}


table.BOX_STOPKA 
{ 
border:0px solid black;
display: inline;                          
text-align:center;
float: left;
 
/*height:100%;  this is the key! 
position:absolute;
left:-464px; */ 
}

   

table.ODSTEP_BOX 
{                     
text-align:left;
display:inline; 
float: left;
}

table.BOX_PRAWY
{                      
text-align:left;
display: inline; 
float: right;
margin-bottom:0px;
/*position:absolute;
left:-231px; 
height:100%;  this is the key! */ 
}

td.RAMKI_TRESC
{                      
/*
background-image: url(img/kwiatek.jpg);
background-position: bottom right;
background-repeat: no-repeat;*/ 

}

.top_p 
{                      
text-align:left;
COLOR: #FFFFFF; 
FONT-FAMILY: Tahoma; 
FONT-SIZE: 13px;  
TEXT-DECORATION: none;
font-weight:bold;
}

.TOP_P1 
{                      
background-image: url(img/top_p1.jpg); 
background-repeat: no-repeat;
}

.TOP_P2 
{                      
background-image: url(img/top_p2.jpg); 
background-repeat: repeat-x;
}

.TOP_P3 
{                      
background-image: url(img/top_p3.jpg); 
background-repeat: repeat-x;
}

.TOP_P4 
{                      
background-image: url(img/top_p4.jpg); 
background-repeat: repeat-x;
}

.TOP_P5 
{                      
background-image: url(img/top_p5.jpg); 
background-repeat: no-repeat;
}




.MENU 
{                      
float:left;
display:inline;
width:676px;
height:95px;
margin-left:193px;
}

.MENU_SEP 
{                      
float:left;
display:inline;
background-image: url(img/menu_sep.jpg); 
background-repeat: no-repeat;
width:1px;
height:95px;
}

.MENU_G 
{     
float:left;                  
background-image: url(img/menu_g1.jpg); 
background-repeat: no-repeat;
height:95px;
width:147px;
}

.MENU_G:hover 
{    
float:left;   
float:left;                 
background-image: url(img/menu_g2.jpg); 
background-repeat: no-repeat;
height:95px;
width:147px;
}

.MENU_A 
{ 
float:left;                      
background-image: url(img/menu_a1.jpg); 
background-repeat: no-repeat;
height:95px;
width:180px;
}

.MENU_A:hover 
{    
float:left;                   
background-image: url(img/menu_a2.jpg); 
background-repeat: no-repeat;
height:95px;
width:180px;
}


.MENU_P 
{       
float:left;                
background-image: url(img/menu_p1.jpg); 
background-repeat: no-repeat;
height:95px;
width:116px;
}

.MENU_P:hover 
{  
float:left;                     
background-image: url(img/menu_p2.jpg); 
background-repeat: no-repeat;
height:95px;
width:116px;
}

.MENU_N 
{   
float:left;                    
background-image: url(img/menu_n1.jpg); 
background-repeat: no-repeat;
height:95px;
width:131px;
}

.MENU_N:hover 
{   
float:left;                    
background-image: url(img/menu_n2.jpg); 
background-repeat: no-repeat;
height:95px;
width:131px;
}


.MENU_K 
{     
float:left;                  
background-image: url(img/menu_k1.jpg); 
background-repeat: no-repeat;
height:95px;
width:98px;
}

.MENU_K:hover 
{     
float:left;                  
background-image: url(img/menu_k2.jpg); 
background-repeat: no-repeat;
height:95px;
width:98px;
}





.MSB
{     
float:left;                  
height:254px;
width:1123px;
display:block;
}

.MENU_L
{     
float:left;                  
height:254px;
width:254px;
text-align:left;
COLOR: #444444; 
FONT-FAMILY: Tahoma; 
FONT-SIZE: 11px;  
TEXT-DECORATION: none;
font-weight:normal;
}

.M_SLIDER
{     
float:left;                  
height:254px;
width:615px;
}

.M_BUTTONS
{     
float:left;                  
height:254px;
width:254px;
}


.MENU_L1 
{     
float:left;                  
background-image: url(img/menu_l1a.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L1:hover 
{     
float:left;                  
background-image: url(img/menu_l1b.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L2 
{     
float:left;                  
background-image: url(img/menu_l2a.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L2:hover 
{     
float:left;                  
background-image: url(img/menu_l2b.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L3 
{     
float:left;                  
background-image: url(img/menu_l3a.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L3:hover 
{     
float:left;                  
background-image: url(img/menu_l3b.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L4 
{     
float:left;                  
background-image: url(img/menu_l4a.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L4:hover 
{     
float:left;                  
background-image: url(img/menu_l4b.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L5 
{     
float:left;                  
background-image: url(img/menu_l5a.jpg); 
background-repeat: no-repeat;
height:25px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L5:hover 
{     
float:left;                  
background-image: url(img/menu_l5b.jpg); 
background-repeat: no-repeat;
height:25px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L6 
{     
float:left;                  
background-image: url(img/menu_l6a.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L6:hover 
{     
float:left;                  
background-image: url(img/menu_l6b.jpg); 
background-repeat: no-repeat;
height:26px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L7 
{     
float:left;                  
background-image: url(img/menu_l7a.jpg); 
background-repeat: no-repeat;
height:29px;
width:209px;
padding-top:10px;
padding-left:45px;
}

.MENU_L7:hover 
{     
float:left;                  
background-image: url(img/menu_l7b.jpg); 
background-repeat: no-repeat;
height:29px;
width:209px;
padding-top:10px;
padding-left:45px;
}




.M_BUTTON_1 
{     
float:left;                  
background-image: url(img/mbutton1a.jpg); 
background-repeat: no-repeat;
height:129px;
width:126px;
}

.M_BUTTON_1:hover 
{     
float:left;                  
background-image: url(img/mbutton1b.jpg); 
background-repeat: no-repeat;
height:129px;
width:126px;
}

.M_BUTTON_2 
{     
float:left;                  
background-image: url(img/mbutton2a.jpg); 
background-repeat: no-repeat;
height:129px;
width:128px;
}

.M_BUTTON_2:hover 
{     
float:left;                  
background-image: url(img/mbutton2b.jpg); 
background-repeat: no-repeat;
height:129px;
width:128px;
}

.M_BUTTON_3 
{     
float:left;                  
background-image: url(img/mbutton3a.jpg); 
background-repeat: no-repeat;
height:125px;
width:126px;
}

.M_BUTTON_3:hover 
{     
float:left;                  
background-image: url(img/mbutton3b.jpg); 
background-repeat: no-repeat;
height:125px;
width:126px;
}

.M_BUTTON_4 
{     
float:left;                  
background-image: url(img/mbutton4a.jpg); 
background-repeat: no-repeat;
height:125px;
width:128px;
}

.M_BUTTON_4:hover 
{     
float:left;                  
background-image: url(img/mbutton4b.jpg); 
background-repeat: no-repeat;
height:125px;
width:128px;
}



td.RAMKI_LG 
{                      
background-image: url(img/rog_lg.jpg); 
}


.TXT_BG 
{    
float:left; 
background:white;
}


td.RAMKI_G 
{     
background-image: url(img/ramka_g.jpg); 

}


td.RAMKI_PG 
{        
background-image: url(img/rog_pg.jpg); 

}




td.RAMKI_L 
{                 
background-image: url(img/ramka_l.jpg);
height:100%; /* this is the key! */ 
}

td.RAMKI_S
{ 
height:100%; /* this is the key! */  
}

td.RAMKI_P
{            
background-image: url(img/ramka_p.jpg);  
height:100%; /* this is the key! */ 
}

td.RAMKI_LD 
{          
background-image: url(img/rog_ld.jpg); 

}


td.RAMKI_D 
{                
background-image: url(img/ramka_d.jpg);   

}


td.RAMKI_PD 
{                
background-image: url(img/rog_pd.jpg); 

}


.box
{
display:inline;
float:left;
width:214px;
height:120px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
text-align:left;
padding:0; 

}

.box p {
color:#003C34;
font-family:Tahoma;
font-size:10px;
margin-top:12px;
margin-bottom:0px;
margin-left:10px;
margin-right:10px;
padding:0;
font-weight:bold;
width:193px;
height:50px;
overflow: hidden;
line-height:120%;
}


.box a,.box a:hover,.box a:visited  {
color:#003C34;
font-family:Tahoma;
font-size:10px;
margin-top:12px;
margin-bottom:0px;
margin-left:2px;
margin-right:5px;
padding:0;
font-weight:bold;
width:193px;
height:50px;
overflow: hidden;
TEXT-DECORATION: none;
line-height:120%;
}


div.naglowek {
color:#003C34;
font-family:Tahoma;
font-size:11px;
margin-top:10px;
margin-bottom:0px;
margin-left:60px;
margin-right:0px;
padding:0;
font-weight:bold;
width:140px;
height:38px;
overflow: hidden;

}




div.BOX_PORTFOLIO
{

background:transparent url(img/portfolio-dol.gif) repeat-x scroll center bottom;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
overflow:hidden;
padding-top:10px;
padding-bottom:5px;
width:869px;
height:202px;
}


div.PORTFOLIO_NAGLOWEK
{
COLOR: #222222; 
FONT-FAMILY: Verdana; 
FONT-SIZE: 14px; 
TEXT-DECORATION: none;
font-weight:bold;



margin-top:16px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
overflow:hidden;
padding:0px 0;
width:555px;
height:60px;

}
 
 
div.PORTFOLIO_OPIS
{
FONT-SIZE: 11px;
COLOR: #222222;
FONT-FAMILY: Verdana; 
TEXT-DECORATION: none;
font-weight:normal;
line-height:180%;

margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
overflow:hidden;
padding:0px 0;
width:555px;
height:110px;
}

div.PORTFOLIO_TECHNOLOGIE
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
display:inline;
float:left;
padding:0px 0;
width:370px;
height:12px;

}

.portfolio_img {
background-color:#FFFFFF;
border:0px;
float:left;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:10px;
width:250px;
height:190px;
padding:5px;
}











.box_oferta
{
display:inline;
float:left;
width:321px;
height:223px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
text-align:left;
padding:0; 

}

.box_oferta p {
color:#0C5263; 
font-family:Tahoma;
font-size:12px;
margin-top:40px;
margin-bottom:0px;
margin-left:38px;
margin-right:10px;
line-height:20px;
padding:0;
font-weight:normal;
width:270px;
height:130px;
overflow: hidden;

}


div.naglowek_oferta {
color:#0C5263; 
font-family:Tahoma;
font-size:14px;


margin-top:22px;
margin-bottom:0px;
margin-left:88px;
margin-right:0px;
padding:0;
font-weight:bold;
width:180px;
height:20px;
overflow: hidden;

}


.a_oferta {
FONT-FAMILY: Tahoma; 
FONT-SIZE: 12px;
COLOR: #000000;
TEXT-DECORATION: none;
font-weight:normal;
} 

.a_oferta:visited {
FONT-FAMILY: Tahoma; 
FONT-SIZE: 12px;
COLOR: #000000;
TEXT-DECORATION: none;
font-weight:normal;
}

.a_oferta:hover {
FONT-FAMILY: Tahoma; 
FONT-SIZE: 12px;
COLOR: #000000;
TEXT-DECORATION: none;
font-weight:normal;
}





















fieldset {
border:medium none;
FONT-FAMILY: Tahoma; 
FONT-SIZE: 11px;
}


fieldset legend {
margin-left:-7px;
margin-bottom:5px;
}

.forma1{
font-size:11px;
}


.forma1 div {
margin:0;
padding:0;
float:left;
width:100%;
}

.forma1 div  img,.forma1 .mg {
margin-left:100px;

}

.f_inp {
FONT-SIZE: 11px;
font-family:Verdana;
}

.forma1 label {
color:#747474;
display:block;
float:left;
line-height:22px;
padding:0 0 0 0px;
width:100px;
}


#kontakt
{


}

.kontakt_lewa
{
width:290px;
height:240px;
display:inline;
}

.kontakt_prawa
{
width:240px;
height:240px;
display:inline;

}


.kampanie1
{
float:left;
width:251px;
height:244px;
background:url(img/business_start.jpg);
display:inline;
margin-left:75px;
margin-right:12px;
margin-bottom:8px;
}

.kampanie2
{
float:left;
width:251px;
height:244px;
background:url(img/business_medium.jpg);
display:inline;
margin-left:15px;
margin-right:72px;
margin-bottom:8px;
}

.kampanie3
{
float:left;
width:251px;
height:244px;
background:url(img/business_ultimate.jpg);
display:inline;
margin-left:75px;
margin-right:12px;
margin-bottom:8px;
}

.kampanie4
{
float:left;
width:251px;
height:244px;
background:url(img/business_agressive.jpg);
display:inline;
margin-left:15px;
margin-right:72px;
margin-bottom:8px;
}

.kampanie_txt
{
padding-top:59px;
padding-left:15px;
padding-right:9px;
width:227px;
height:180px;
display:block;
text-align:left;
vertical-align:top;
}



.bnaglowek
{     
float:left;                  
height:33px;
width:600px;
padding-left:5px;
margin-top:10px;

text-align:left;
FONT-FAMILY: Tahoma; 
FONT-SIZE: 12px;
COLOR: #555555;
TEXT-DECORATION: none;
font-weight:bold;
display:block;
}


.bnaglowek_l 
{     
float:left;                  
background-image: url(img/naglowek_l.jpg); 
background-repeat: no-repeat;
height:33px;
width:4px;

}

.bnaglowek_s 
{     
float:left;                  
background-image: url(img/naglowek_s.jpg); 
background-repeat: repeat-x;
height:25px;
width:572px;
padding-top:8px;
padding-left:20px;
}

.bnaglowek_p 
{     
float:left;                  
background-image: url(img/naglowek_p.jpg); 
background-repeat: no-repeat;
height:33px;
width:4px;
}


.poczta_www 
{   
FONT-FAMILY: Tahoma; 
FONT-SIZE: 11px;
COLOR: #222222;
TEXT-DECORATION: none;
font-weight:normal;  
float:left;                  
background-image: url(img/poczta_www.jpg); 
background-repeat: no-repeat;
height:133px;
width:254px;
display:block;

}


.poczta_www_login  {
background-image:url("img/pole_login.jpg");
border:0 none;
height:15px;
padding-left:1px;
padding-top:1px;
width:142px;
FONT-FAMILY: Tahoma; 
FONT-SIZE: 11px;
COLOR: #222222;
TEXT-DECORATION: none;
font-weight:normal; 
}

.poczta_www_pass {
background-image:url("img/pole_login.jpg");
border:0 none;
height:15px;
padding-left:1px;
padding-top:1px;
width:142px;
FONT-FAMILY: Tahoma; 
FONT-SIZE: 11px;
COLOR: #222222;
TEXT-DECORATION: none;
font-weight:normal; 
}


.loginButton
{
border:1px #B7B7B7 solid;
background:#F9F9F9;
}