/* Ustalenie strony kodowej pliku */
@charset "utf-8";

/*  
 *  Styl CSS dla menu poziom 3 - wyroby
 *	 SJ 2013
 */


/* --------------------------- */
/* 		Menu poziom 3			 */
/* --------------------------- */
 
/* Wymiary bloków menu poziom 3 */
.wymiar_3-0 {
	 clear: both; 
	 float: left; 
	 overflow: hidden; 
	 height: 110px; 
	 width: 100%; 
	 margin: 10px auto;
 }
 
/*Promień zaokrąglenia bloku z ikoną nazwą i opisem produktu */
.r_3-0 {
	 -moz-border-radius: 16px; /* FF */
	 -webkit-border-radius: 16px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	 -khtml-border-radius: 16px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	 border-radius: 16px; /* pozostałe przeglądarki */
	 /*	background-image: url(SVG/prostokat.svg); /* Opera */
	 behavior: url(SVG/border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}

/* Obramowanie bloku 3-0 */
/*border-color: rgb(200,200,200); border-style: solid; border-width: 1px; */
.border_3-0 { /*border: 1px solid rgb(200,200,200);*/ } 

/* Wymiary bloku z ikoną */ 
.wymiar_3-2 {
	float: left;
	height: 110px; 
	width: 120px;
	margin-right: 10px;
}

/* Wymiar bloku z tłem ikony */
.wymiar_3-2-1 {
	 height: 108px; 
	 width: 118px;
	 display: block;
}

/* Obramowanie bloku 3-2 */
.border_3-2 { border: 1px solid rgb(200,200,200); } 

/* Promień zaokrąglenia bloku z ikoną */
.r_3-2 {
	 -moz-border-radius: 16px; /* FF */
	 -webkit-border-radius: 16px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	 -khtml-border-radius: 16px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	 border-radius: 16px; /* pozostałe przeglądarki */
	 /*	background-image: url(SVG/prostokat.svg); /* Opera */
	 behavior: url(SVG/border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}

/* Wymiary bloku z nazwą i opisem */
.wymiar_3-1 {
	 float: left; 
	 height: 108px; 
	 width: 404px; 
	 margin-left: auto;
	 margin-right: auto;

	 /*text-align: center;	 */
} 

/*Promień zaokrąglenia bloku z nazwą i opisem produktu */
.r_3-1 {
	 -moz-border-radius: 16px; /* FF */
	 -webkit-border-radius: 16px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	 -khtml-border-radius: 16px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	 border-radius: 16px; /* pozostałe przeglądarki */
	 /*	background-image: url(SVG/prostokat.svg); /* Opera */
	 behavior: url(SVG/border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}

/* Obramowanie bloku 3-1 */
.border_3-1 { border: 1px solid rgb(200,200,200); }

/*  */
.wymiar_3-3 {
	 display: block;
	 width: 100px;
	 margin: 0;
	 float: left;
	 /*
	 //height: 100%;
	 //vertical-align: middle; 
	 //align-items: center; 
	 */
}

/* Promień bloku szarego z nazwą produktu */
.r_3-3 {
	 -moz-border-radius: 15px; /* FF */
	 -webkit-border-radius: 15px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
	 -khtml-border-radius: 15px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
	 border-radius: 15px; /* pozostałe przeglądarki */
	 /*	background-image: url(SVG/prostokat.svg); /* Opera */
	 behavior: url(SVG/border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}

/* Obramowanie bloku 3-3 */
.border_3-3 { /*border: 1px solid rgb(200,200,200);*/ } 
 
/* Kontener z nazwą produktu - szare pole z tekstem */
.produkt_tlo_3 {
	 -moz-transition-duration: 500ms;
	 -moz-transition-timing-function: ease-in;
	 -webkit-transition-duration: 500ms;
	 -webkit-transition-timing-function: ease-in;
	 transition-duration: 500ms;
	 transition-timing-function: ease-in;
	 
	 color: rgb(255,255,255);
	 background-color: rgb(215,215,215);	
}

.wyrob_tlo_3_lam {
	 -moz-transition-duration: 500ms;
	 -moz-transition-timing-function: ease-in;
	 -webkit-transition-duration: 500ms;
	 -webkit-transition-timing-function: ease-in;
	 transition-duration: 500ms;
	 transition-timing-function: ease-in;
	 
	 color: rgb(255,255,255);
	 background-color: rgb(215,215,215);	
}


/* Kolor tła w bloku produktu - rozjaśnienie koloru*/
.produkt_tlo_3:hover {
	 color: rgb(210,25,10);
	 background-color: rgb(230,230,230);
}

.wyrob_tlo_3_lam:hover {
	 color: rgb(210,25,10);
	 background-color: rgb(230,230,230);
}


/*  */
.produkt_opis_3 {
	 float: left; 
	 padding: 5px 10px 5px 10px; 	 
	 font-family: Arial, Tahoma, Verdana ; 
	 font-size: 11px; 
    text-align: left; 
	 color: rgb(128,128,128); 

	 /*color: rgb(98,98,98);  */
}

.wyrob_opis_3_lam {
	 float: left; 
	 padding: 5px 10px 5px 10px; 	 
	 font-family: Arial, Tahoma, Verdana ; 
	 font-size: 11px; 
    text-align: left; 
	 color: rgb(128,128,128); 

	 /*color: rgb(98,98,98);  */
}


.produkt_nazwa_3 {
	 font-family: Arial, Tahoma, Verdana;
	 font-size: 15px;
	 font-weight:  normal;
	 line-height: 20px;
	 padding: 0px;
	 margin: 0px;
	 /*
	 //display: block;
	 //line-height: 135%;
	 */
}

.wyrob_nazwa_3 {
	 font-family: Arial, Tahoma, Verdana;
	 font-size: 15px;
	 font-weight:  normal;
	 line-height: 20px;
	 padding: 0px;
	 margin: 0px;
 }

/* Ustawienie dla wyrównania bloku z nazwą w starszych przeglądarkach */
.prod_3_nazwa {
	 position: relative; 
	 left: 0; 
	 top: 0; 
	 margin: 0;
	 float: left;
}

.wyrob_3_nazwa {
	 position: relative; 
	 left: 0; 
	 top: 0; 
	 margin: 0;
	 float: left;
}

/* Ustawienie dla wyrównania bloku z opisem w starszych przeglądarkach */
.prod_3_opis {
	position: relative;  
	margin-left: 100px; 
	left: 0; 
	/*top: 0;*/
}

.wyrob_3_opis {
	position: relative;  
	margin-left: 100px; 
	left: 0; 
	/*top: 0;*/
}


/* 
 * Ustawienie paddingu które wypełnia ramke kolorem 
 * Pierwsza liczba oznacza poziom menu 
 * Druga liczba to ilość linii w bloku tekstowym
 */

.wypelnienie_3_1 { padding: 44px 2px; }
.wypelnienie_3_2 { padding: 34px 2px; }
.wypelnienie_3_3 { padding: 24px 2px; }

.time_3 {

	 transition-duration: 0.5s;
	 -moz-transition-duration: 0.5s;
	 -webkit-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;	 

	 transition-property: all;	 
	 -moz-transition-property: all;	 
	 -webkit-transition-property: all;
	 -o-transition-property: all;
	 
	 transition-timing-function: ease-in;	
	 -moz-transition-timing-function: ease-in;
	 -webkit-transition-timing-function: ease-in;
	 -o-transition-timing-function: ease-in;
	 
	 transition: 900ms ease-in;
	 -webkit-transition: 900ms ease-in;
	 
	 transition: background 1s ease 0s;
	 -webkit-transition: background 1s ease 0s;
	 -moz-transition: background 1s ease 0s;
	 -o-transition: background 1s ease 0s;
}
/* ---------------------------------------------------------- */ 
 

/* ********************************************* */
/* Ustawienia menu laminatów na 3. stronie STOP  */
/* ********************************************* */

.lewy { text-align: left; }
.centrum { text-align: center; }
.prawy { text-align: right; }


/* Podklad IKONA_3 */
 .podklad_lam_formy_bw {
	  background: url("../ikony/wyt_lam_zbr/laminaty/lam_formy_bw.png"); 
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center;
	  background-color: rgba(0, 0, 0, 0); 
     display: block; 
 }

.podklad_lam_formy_bw:hover {
	 background: url("../ikony/wyt_lam_zbr/laminaty/lam_formy_rgb.png"); 
	 background-position: center;

}

 .podklad_lam_formy_rgb {
	  background: url("../ikony/wyt_lam_zbr/laminaty/lam_formy_rgb.png"); 
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center;
	  background-color: rgba(0, 0, 0, 0); 
     display: block;
 } 

/* kombinacja z ruchomym tłem */
.podklad_lam_drewno_bw {
    background: url("../ikony/wyt_lam_zbr/laminaty/lam_drewno_bw.png");
	 background-repeat: no-repeat;
	 background-attachment: scroll;
	 background-position: center;
	 background-color: rgba(0, 0, 0, 0);
    display: block;
    width: 120px;
}

.podklad_lam_drewno_bw:hover {
    background: url("../ikony/wyt_lam_zbr/laminaty/lam_drewno_color.png");
    background-position: center;
}

/* To ustawienie miało sens gdy tło ma być ruchome */
/*
.podklad_3 {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 -108px;
	transition-duration: 0.5s;
   transition-property: all;
}
*/


/***--------------------------***/
/*** Klasy użyte w JavaScript ***/
/***--------------------------***/


/*-- Klasy użyte w JavaScript-KONIEC -- */ 
 
/*
.opacity-1 { opacity: 1; }
*/