/*Style serwisu hax.net.pl*/

/*FONTY*/
.klasa2 {font-family: Verdana; font-size: 13px; font-weight: bold;}
.klasa3 {font-family: Verdana; font-size: 12px; font-weight: normal;}
.blue{color: #006699;}


/*Główny podkład strony*/
BODY{color:grey;background-color:#F2F2F2;font-family: Verdana;}



/*szeroko¶ć głównego panela*/
.glownaindex00{
top:160px;
left: 170px;
width: 870px;
height: auto;
border: 0px solid #006699;
position:absolute;
font-size:12px;

}

.glownaindex00 a{
color: #6699ff;
background-color:#F2F2F2;
font-family: Verdana;
text-decoration:none;

}

.glownaindex00 a:link  {color: #6699ff;}
.glownaindex00 a:hover  {color:black;}


.nowosciprzeglad{
height:210px; 
border: 1px solid #336699;
padding: 10px;
font-size: 12px;
}

/*Nawigacja Gorna*/
.nawigsrodek{
top:120px;
left:170px;
width: 870px;
height: 24px;
position:absolute;
font-size: 17px;
text-align: center;
color:#F2F2F2;
font-family: Verdana;

}


.nawigsrodekbox01S,.nawigsrodekbox01S a:link ,.nawigsrodekbox01S a:visited{
left:0px;
width: 280px;
height: 24px;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat-x;
position:absolute;
text-decoration: none;
color:#F2F2F2;
}

.nawigsrodekbox02S{
left:295px;
width: 280px;
height: 24px;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat-x;
position:absolute;
z-index:300;
}

/*nawig srodek gorny xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.nawigsrodekbox02S ul {
list-style: none;
margin: 0px;
padding: 0px;
display: block;
}


.nawigsrodekbox02S ul li a:link , .navigsrodekbox02S ul li a:visited{
top:0px;
left: 0px;
width: 280px;
height: 24px;
position:relative;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat;
margin-top: 0px;
text-decoration: none;
line-height: 24px;
display: block;
font-size: 17px;
font-weight: 600;
color:#F2F2F2;
}
.nawigsrodekbox02S ul li a:hover { 

}
.nawigsrodekbox02S ul ul { 
display: none

}


ul.glevel11 li.submenu:hover ul.glevel12{ 
display: block;

}
.nawigsrodekbox02S ul ul  a:link ,.nawigsrodekbox02S ul ul  a:visited{
top:24px;
left:0px;
width: 280px;
height: 24px;
position: relative;
vertical-align: bottom;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat:repeat-x;

text-decoration: none;
line-height: 24px;
font-size: 14px;
display: block;
color:#C0C0C0;
font-weight: 400;
}
.nawigsrodekbox02S ul ul li a:hover  { 
color:#FFF;
}
/*menu podrzedne boxu1 pozycje*/
.glevel12{position: absolute;
top:0px;
left:0px;
}
ul.glevel11 li.submenu:hover ul.glevel22{ display: block;
}
.glevel22{position: absolute;
top:20px;
left: 0px;
}

/*koniec nawigacji srodek gorny*/
.nawigsrodekbox03S,.nawigsrodekbox03S a:link ,.nawigsrodekbox03S a:visited{
position:absolute;
left:295px;
width: 280px;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat-x;
vertical-align: bottom;
line-height: 24px;
text-decoration: none;
color:#F2F2F2;
}


/*koniec nawigacji górnej*/



/*kontener kolumny lewej*/

.kolumnalewa00{
top:120px;
left: 10px;
width: 150px;
height: 1200px;
position:absolute;
z-index: 200;
}

.kolumnalewabox{
top:0px;
left: 0px;
width: 150px;
position:relative;
margin-top: 10px;
}

.kolumnalewaboxnag{
top:0px;
left: 0px;
width: 150px;
height: 24px;
position:relative;
}

.kolumnalewaboxnagS{
top:0px;
left: 0 px;
width: 150px;
height: 24px;
border: 0px solid #CC0033;
position:absolute;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat-x;
color: #F2f2f2;
text-align: center;
font-size: 16px;
font-weight: 600;
padding-top: 3px;
}


.kolumnalewaboxbody ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.kolumnalewaboxbody li a:link ,.kolumnalewaboxbody li a:visited{
top:0px;
left: 0px;
width: 150px;
height: 24px;

position:relative;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat;
margin-top: 1px;
text-decoration: none;
line-height: 24px;
display: block;
font-size: 14px;
color:#C0C0C0;


}
.kolumnalewaboxbody li a:hover { 
color: #F2F2F2;
}

/*kolumna lewa ogĂłlnie*/


.kolumnalewabox01{
top:0px;
left: 0px;
width: 150px;
height: 150px;
position:relative;
}
.kolumnalewabox01nag{
top:0px;
left: 0px;
width: 150px;
height: 24px;
position:relative;
}




/*zawarto¶ć boxu 1*/
.kolumnalewabox01body ul {
list-style: none;
margin: 00px;
padding: 0px;
position: absolute;

}
.kolumnalewabox01body ul li a:link ,.kolumnalewabox01body ul li a:visited{
top:0px;
left: 0px;
width: 150px;
height: 24px;
position:relative;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat;
margin-top: 1px;
text-decoration: none;
line-height: 24px;
display: block;
font-size: 14px;
color: #C0C0C0;

}



.kolumnalewabox01body ul ul { 
display: none;
}
ul.level11 li.submenu:hover ul.level12{ display: block;
}
.kolumnalewabox01body ul ul  a:link ,.kolumnalewabox01body ul ul  a:visited{
top:0px;
left:150px;
width: 150px;
height: 24px;
border: 0px solid #8952CC;
position: relative;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat:repeat-x;
margin-top: 0px;
margin-left: 1px;
text-decoration: none;
line-height: 24px;

font-size: 14px;

}
.kolumnalewabox01body ul ul li a:hover  { 
color:#F2F2F2;
}
/*menu podrzędne boxu1 pozycje*/
.level12{position: absolute;
top:1px;
left:0px;
}
ul.level11 li.submenu:hover ul.level22{ display: block;
}
.level22{position: absolute;
top:26px;
left: 0px;
}
ul.level11 li.submenu:hover ul.level32{ display: block;
}
.level32{position: absolute;
top:51px;
left: 0px;
}
ul.level11 li.submenu:hover ul.level42{ display: block;
}
.level42{position: absolute;
top:76px;
left: 0px;
}
ul.level11 li.submenu:hover ul.level52{ display: block;
}
.level52{position: absolute;
top:101px;
left: 0px;
}



/*kontener kolumny lewej koniec*/
/*kontener kolumny prawej*/
.kolumnaprawa{
top:98px;
left:1050px;
width: 150px;

border: 0px solid #25C7A5;
position:relative;
font-weight: 600;
}
.kolumnaprawabox{
top:0px;
left: 0px;
width: 150px;
height: 215px;
position:relative;
}
.kolumnaprawaboxnag{
top:15px;
left: 0px;
width: 150px;
height: 24px;
border: 0px solid #8952CC;
position:relative;
background-image: url('obrazy/przyciski/sns11.jpg');
background-repeat: repeat-x;
text-align: center;
font-size: 14;
font-weight: 600;
padding-top: 3px;
color:white;
}


.kolumnaprawaboxbody{ 
top:12px;
position:relative;
text-align: center;
text-decoration: none;
border: 1px solid #9999CC;
padding-bottom: 3px;

}

.kolumnaprawaboxbody a {
color:grey;
background-color:#F2F2F2;
font-family: Verdana;
text-decoration:none;
font-size: 10px;
}

.kolumnaprawaboxbody a:link  {color:grey;}
.kolumnaprawaboxbody a:hover  {color:black;}





/*kontener kolumny prawej koniec*/
/*************************************moduły uniwersalne*****/
.bodyindex00{ 
background-color: #F2F2F2; 
top: 0px; right: auto; 
left: auto; 
width: 900px; 
height: 2350px; 
margin-left: auto; 
margin-right: auto;
position: relative;
}


/*glowna box01 ***************************************** */
.glownaindexbox01 {
position: absolute;
top:100px;
left: 319px;
height: 162px;
width: 250px;
border-bottom: 0px;
border-left: 1px solid #8952CC;
border-right: 1px solid #8952CC;
border-top: 1px  solid #8952CC;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px;

}


.glownaindexbox01 ul li{
position: relative;
height:24px;
width: 240px;
left:-30px;
font-weight: 500;
color: #336699;
font-size: 14px;
line-height: 24px;
list-style: none;

}


.producencifotobox00 { 
font-size: 12px; 
}
.plywajprawy{
float: right;
margin: 5px;
}


.listaserie {position: absolute;
top:0px;
border: 0px solid #336699;
width:850px;
}

.listaserie a:link  {color:grey;text-decoration:underline;}
.listaserie a:hover  {background-color:grey;color:white;}

.listaserielewy{ position:absolute;
top:300px;
width:300px;
left:200px;


}
.listaserielewy li{position:relative;
left:-20px;
}
.listaserielewy li li{position:relative;
left:30px;
}
.listaserieprawy{ position:absolute;
top: 300px;
left:500px;
width:300px;
border-left: 1px solid #003366;

}
.listaserieprawy li{ position:relative;
left:-20px;
}
.listaserieprawy li li{position:relative;
left:30px;
}
/******************************************************/
.listaseriebig{ position: absolute;
width:580px;
height:6300px;
}
.listaseriebiglewy{ position:absolute;
top:0px;
width:290px;
height:1060px;
border-right: 1px solid #003366;
}
.listaseriebiglewy li{position:relative;
left:-20px;
}
.listaseriebiglewy li li{position:relative;
left:30px;
}
.listaseriebigprawy{ position:absolute;
top: 0px;

left:290px;
width:290px;
height:2200px;
border-left: px solid #003366;
}
.listaseriebigprawy li{ position:relative;
left:-20px;
}
.listaseriebigprawy li li{position:relative;
left:30px;
}
/********************************************************/
.listaseriemax{ position: absolute;
width:580px;
height:10300px;
}
.listaseriemaxlewy{ position:absolute;
top:0px;
width:290px;
height:11200px;
border-right: 1px solid #003366;
}
.listaseriemaxlewy li{position:relative;
left:-20px;
}
.listaseriemaxlewy li li{position:relative;
left:30px;
}
.listaseriemaxprawy{ position:absolute;
top: 0px;

left:290px;
width:290px;
height:2200px;
border-left: px solid #003366;
}
.listaseriemaxprawy li{ position:relative;
left:-20px;
}
.listaseriemaxprawy li li{position:relative;
left:30px;
}


/**********************produkcja***************************/


.plytki_schodowe_spec_l{ position :absolute ;
width: 280px;
height: 300px;
left: 150px;
top: 300px;
z-index: 100;
border: 0px solid #00FF00;
padding: 25px;
text-align:center;
font-size:15px;
}
.plytki_schodowe_spec_p{ position :absolute ;
width: 280px;
height: 300px;
left: 470px;
top: 300px;
z-index: 100;
border: 0px solid #00FF00;
padding: 25px;
text-align:center;
font-size:15px;
}
.plytki_schodowe_wzor{ position :absolute ;
width: 560px;
height: 40px;
left: 10px;
top: 610px;
z-index: 100;
border: 0px solid #00FF00;
padding-top: 5px;
}
/********************listwy dylatacyjne***********************/




.listwy_przeglad{
height: 160px;
border: 1px solid #00FF00;
padding:10px;
}






/*************układ płytek*************************/


.uklad_plytek_przeglad{
height: 210px;
border: 1px solid #336699;
padding-left: 15px;
text-align: center;
}




/***************************chemoodporno¶ć******************************/

.chemoodpornosc_glowna {
font-size: 12px;
margin-left: 1px;
font-family: Arial;
line-height: 20px;
}
.chemoodpornosc_glowna tr td {
font-size: 12px;
padding-left: 3px;
font-family: Arial;
line-height: 20px;
}
/*****************************elektrostatyczno¶ć***************************/

.elektrostatycznosc_glowna {
font-size: 12px;
margin-left: 35px;
font-family: Arial;
line-height: 20px;
}
.elektrostatycznosc_glowna tr td {
font-size: 12px;
padding-left: 3px;
font-family: Arial;
line-height: 20px;
}

/**************************kontakt*****************************************/

.referencje_glowna {
font-size: 14px;
margin-left: 35px;
font-family: Arial;
line-height: 24px;
}
/*********************************mapa***************************************/
.mapa_glowny {
    position: relative;
    top: 20px;
    left: 195px;
    width: 570px;
    height: 500px;
    border: 0px solid #000099;
    margin-left: 10px;
    text-align: left;
    background-color: #E5E5E5;
    font-family: Arial;
	 padding:5px;
}




.mapa_serwisu_sat{
margin-top:20px;
margin-left:80px;
margin-bottom:20px;
}
/*********************************************mapa serwisu*******************/
.mapa_serwisu_bodyindex00{ 
background-color: #FFFFFF; 
top: 0px; right: auto; 
left: auto; 
width: 900px; 
height: 5600px; 
margin-left: auto; 
margin-right: auto;
position: relative;
}

/**************************************listwy dekoracyjne**********************/
.listwy_dekoracyjne_glownaindex00{
top:145px;
left: 160px;
width: 580px;
height: 1500px;
border: 1px solid #006699;
position:absolute;
z-index: 100;
font-family: Arial;
}

.mapa_serwisu_glownaindex00{
top:145px;
left: 160px;
width: 580px;
height: 6750px;
border: 1px solid #006699;
position:absolute;
z-index: 100;
font-family: Arial;
}


/****************************************acif************************/
.dane {
font:Arial;
width:500px ;
border:1px solid;
padding:2px 2px;
text-align:center; 
font-family:verdana;
font-size:9pt;

}

table.tabelazdanymi {width: 740px;margin-top: 10px;margin-left: 20px;}
		.tabelazdanymi td {border-style: solid; border-width: 1px;border-color:grey;text-align:center;} 
		.tabelazdanymi a  {text-decoration:none;}
		.tabelazdanymi a:link  {color:grey;text-decoration:underline;}
		.tabelazdanymi a:hover  {background-color:grey;color:white;}
		
		table.tabelazdanymiserie {width: 740px;margin-top: 10px;margin-left: 20px;}
		.tabelazdanymiserie td {border-style: solid; border-width: 1px;border-color:grey;text-align:center;font-size:9px;} 
		.tabelazdanymiserie td#opis {text-align:center;font-size:14px;font-weight:bold;} 
		.tabelazdanymiserie tr#naglowek td {text-align:center;font-size:12px;font-weight:bold;}