@charset "utf-8";
/* Proste multimedia dla układu elastycznego
   Uwaga: multimedia w układzie elastycznym wymagają usunięcia atrybutów wysokości i szerokości obiektu multimedialnego z kodu HTML.
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* Przeglądarka IE 6 nie obsługuje właściwości "max-width", zatem domyślna szerokość = 100% */
.ie6 img {
	width:100%;
}

/*
	Właściwości układu elastycznej siatki programu Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiracja: "Responsive Web Design" (autor: Ethan Marcotte) 
	http://www.alistapart.com/articles/responsive-web-design
	
	oraz układ Golden Grid System (autor: Joni Korpi)
	http://goldengridsystem.com/
*/

/* Układ na telefony: szerokość 480 px i mniejsza. */
@font-face
{
	font-family: EuroIbisEE;
	src: url(font/EuroIbisEE.otf);
}
.gridContainer {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	display: block;
	border: 1px solid #000;
	box-shadow: 0px 0px 30px #000;
	background-color: #FFF;
}/*
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
}*/
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menubar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}
#LayoutMENU {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutJEZYKI {
	clear: none;
	float: right;
	margin-left: 1.6949%;
	margin-right: 1.6949%;
	width: auto;
	display: block;
}
#LayoutFLASH {
	clear: both;
	float: left;
	margin-left: auto;
	width: 100%;
	height: auto;/*
	display: none;*/
	display: block;
	background-color: #000;
}
/* ----------------------------------- STOPKA STRONY */
#footer {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	height: auto;
	display: block;
	margin-top: 20px;
	background-color: #333333;
	font-size:10px;
	color: #999;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color:#F00;
}
#copywright{
	clear: both;
	float: left;
	margin-left: 0;
	width: auto;
	display: block;
	color: #999;
	margin: 10px;
	text-align: left;
}
#footer-linki{
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: auto;
	display: block;
}
#footer-kategorie{
	clear: both;
	float: left;
	margin: 10px;
	width: auto;
	display: block;
	text-align: right;
	font-weight: bold;
}
#footer-strony{
	clear: none;
	float: left;
	margin: 10px;
	width: auto;
	display: block;
	text-align: left;
}
#stopka-tel{
	list-style-type:none;
	margin:0px;
	margin-top: -12px;
	padding-left: 25px;
	padding-top:0px;
}
/* -------------------------------------------- LOGO */
.logo{
	float: right;
	width: 40px;
	height: 40px;
	display: block;
	margin-left: 0px;
	padding: 0;
	position: fixed;
	margin-top: -2px;
	z-index: 9999;
	repeat: no-repeat;
}
/* ------------------------------------------------- */
#tresc
{
text-align:left;
overflow:hidden;
margin-left:20px;
margin-right:20px;
position:relative;
line-height:18px;
width: auto; /*
max-width: 870px;*/
}
/* ---------------------------------------- FACEBOOK */
.facebook{
	display:none;
    float:right;
    width:232px;
    height:380px;
    background: url("images/slider.png");
    /*display:block;*/
    right:-204px;
    padding:0;
    position:fixed;
    top:200px;
    z-index:10000;
	repeat: no-repeat;
}
/* ------------------------------------------------- */
/* -------------------------------------------- MENU */
#menu{
	overflow: hidden;
	background: #333333;
}
.menu{
	list-style: none outside none;
	font-size: 12px;
	font-weight: bold;
	margin-left: 80px;
	margin:5px;
}
.menu li{
	float:left;
	list-style:none outside none;
	text-align:center;
	border: 1px solid #333;
	margin-left: 5px;
	margin-right: 5px;
}
.menu li a{
	text-decoration: none;
	display: block;
	background: #333333;
	width: auto;
	color: #FFF;
	height: auto;
	padding: 3px;
}
.menu li a:hover{
	background: #D60C0C;
}
.menu li ul{
	position:absolute;
	z-index:100;
	height:20;
	overflow:hidden;
	margin:0;
	padding:0;
	display:none;
}
.menu li ul li{
	float:none;
}
.menu li:hover ul{
	display:block;
}
/* ------------------------------------------------- */
#menubar {
	clear: both;
	float: left;
	margin: auto;
	width: 100%;
	height: auto;
	display: block;
	background-color: #333333;
}
#LayoutFLASH {
	/*clear: both;
	float: left;
	margin-left: auto;
	width: 100%;
	height: auto;*/
	display: none;/*
	background-color: #000;*/
}
/* -------------------------------------------- HOME */
#home_kolumna {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 20px;
	width: 100%;
	display: block;
}
#home_wiersz {/*
	clear: none;
	float: left;*/
	margin-left: 20px;
	margin-right: 20px;/*
	width: 30%;
	display: block;
	font-size:12px;*/
}
#home_img {
	height: 200px;
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
#home_wiecej {
	right: 0;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 20%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-top: -15px;
	text-align: center;
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
a.home_wiecej_link { 
	color: #FFF;
}
a.home_wiecej_link:hover {
	color: #FFF;
}
#home_naglowek {
	border-bottom: solid 1px;
	border-bottom-color: #F00;
}
/* -------------------------------------------------- */

/* Układ na tablety: szerokość od 481 px do 768 px. Dziedziczenie stylów z układu na telefony. */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 481px) {
@font-face
{
	font-family: EuroIbisEE;
	src: url(font/EuroIbisEE.otf);
}
.gridContainer {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	display: block;
	border: 1px solid #000;
	box-shadow: 0px 0px 30px #000;
	background-color: #FFF;
}/*
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}*/
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menubar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutMENU {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* ----------------------------------- STOPKA STRONY */
#footer {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	height: auto;
	display: block;
	margin-top: 20px;
	background-color: #333333;
	font-size:10px;
	color: #999;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color:#F00;
}
#copywright{
	clear: both;
	float: left;
	margin-left: 0;
	width: auto;
	display: block;
	color: #999;
	margin: 10px;
	text-align: left;
}
#footer-linki{
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: auto;
	display: block;
}
#footer-kategorie{
	clear: both;
	float: left;
	margin: 10px;
	width: auto;
	display: block;
	text-align: right;
	font-weight: bold;
}
#footer-strony{
	clear: none;
	float: left;
	margin: 10px;
	width: auto;
	display: block;
	text-align: left;
}
#stopka-tel{
	list-style-type:none;
	margin:0px;
	margin-top: -12px;
	padding-left: 25px;
	padding-top:0px;
}
/* -------------------------------------------- LOGO */
.logo{
	float: right;
	width: 40px;
	height: 40px;
	display: block;
	margin-left: 0px;
	padding: 0;
	position: fixed;
	margin-top: -2px;
	z-index: 9999;
	repeat: no-repeat;
}
/* ------------------------------------------------- */
#tresc
{
text-align:left;
overflow:hidden;
margin-left:20px;
margin-right:20px;
position:relative;
line-height:18px;
width: auto; /*
max-width: 870px;*/
}
/* ---------------------------------------- FACEBOOK */
.facebook{
	display:none;
    float:right;
    width:232px;
    height:380px;
    background: url("images/slider.png");
    /*display:block;*/
    right:-204px;
    padding:0;
    position:fixed;
    top:200px;
    z-index:10000;
	repeat: no-repeat;
}
/* ------------------------------------------------- */
/* -------------------------------------------- MENU */
#menu{
	overflow: hidden;
	background: #333333;
}
.menu{
	list-style: none outside none;
	font-size: 12px;
	font-weight: bold;
	margin-left: 80px;
	margin:5px;
}
.menu li{
	float:left;
	list-style:none outside none;
	text-align:center;
	border: 1px solid #333;
	margin-left: 5px;
	margin-right: 5px;
}
.menu li a{
	text-decoration: none;
	display: block;
	background: #333333;
	width: auto;
	color: #FFF;
	height: auto;
	padding: 3px;
}
.menu li a:hover{
	background: #D60C0C;
}
.menu li ul{
	position:absolute;
	z-index:100;
	height:20;
	overflow:hidden;
	margin:0;
	padding:0;
	display:none;
}
.menu li ul li{
	float:none;
}
.menu li:hover ul{
	display:block;
}
/* ------------------------------------------------- */
#menubar {
	clear: both;
	float: left;
	margin: auto;
	width: 100%;
	height: auto;
	display: block;
	background-color: #333333;
}
#LayoutFLASH {
	clear: both;
	float: left;
	margin-left: auto;
	width: 100%;
	height: auto;/*
	display: none;*/
	display: block;
	background-color: #000;
}
/* -------------------------------------------- HOME */
#home_kolumna {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 20px;
	width: 100%;
	display: block;
}
#home_wiersz {
	clear: none;
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	width: 30%;
	display: block;
	font-size:12px;
}
#home_img {
	height: 200px;
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
#home_wiecej {
	right: 0;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 20%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-top: -15px;
	text-align: center;
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
a.home_wiecej_link { 
	color: #FFF;
}
a.home_wiecej_link:hover {
	color: #FFF;
}
#home_naglowek {
	border-bottom: solid 1px;
	border-bottom-color: #F00;
}
/* -------------------------------------------------- */
}

/* Układ na komputer: od 769 px do maksimum 1232 px. Dziedziczenie stylów z układów na telefony i tablety. */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 769px) {
@font-face
{
	font-family: EuroIbisEE;
	src: url(font/EuroIbisEE.otf);
}
.gridContainer {
	width: 88.5%;
	max-width: 950px;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	display: block;
	border: 1px solid #000;
	box-shadow: 0px 0px 30px #000;
	background-color: #FFF;
}
#LayoutDiv1
{
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#menubar {
	clear: both;
	float: left;
	margin: auto;
	width: 100%;
	height: 30px;
	display: block;
	background-color: #333333;
}
#LayoutFLASH {
	clear: both;
	float: left;
	margin-left: auto;
	width: 100%;
	height: auto;
	display: block;
	background-color: #000;
}
#LayoutDiv4 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
	margin-top: 20px;
}
#LayoutDiv5 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
	margin-top: 20px;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
	margin-top: 20px;
}
#LayoutDiv7 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
	margin-top: 20px;
}
#LayoutDiv8 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
	margin-top: 20px;
}
/* ----------------------------------- STOPKA STRONY */
#footer {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	height: auto;
	display: block;
	margin-top: 20px;
	background-color: #333333;
	font-size:10px;
	color: #999;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color:#F00;
}
#copywright{
	clear: both;
	float: left;
	margin-left: 0;
	width: auto;
	display: block;
	color: #999;
	margin: 10px;
	text-align: left;
}
#footer-linki{
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: auto;
	display: block;
}
#footer-kategorie{
	clear: both;
	float: left;
	margin: 10px;
	width: auto;
	display: block;
	text-align: right;
	font-weight: bold;
}
#footer-strony{
	clear: none;
	float: left;
	margin: 10px;
	width: auto;
	display: block;
	text-align: left;
}
#stopka-tel{
	list-style-type:none;
	margin:0px;
	margin-top: -12px;
	padding-left: 25px;
	padding-top:0px;
}
/* ------------------------------------------------- */
#LayoutDiv10 {
	clear: both;
	float: left;
	margin-left: 70px;
	width: 90%;
	display: block;
}
#LayoutMENU {
	clear: both;
	float: left;
	margin-left: 40px;
	width: 100%;
	display: block;
}
#LayoutJEZYKI {
	clear: both;
	float: right;
	margin-top: -50px;
	margin-left:auto;
	margin-right: -44px;
	width: 40px;
	height: auto;
	padding-left:auto;
	padding-right:auto;
	padding-top:30px;
	padding-bottom:10px;
	display: block;
	background-color:#333333;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border: 1px solid #FFFFFF;
	box-shadow: 0px 0px 30px #000;
}
/* ---------------------------------------- FACEBOOK */
.facebook{
    float:right;
    width:232px;
    height:380px;
    background: url("images/slider.png");
    display:block;
    right:-204px;
    padding:0;
    position:fixed;
    top:200px;
    z-index:10000;
	repeat: no-repeat;
}
/* ------------------------------------------------- */
/* ------------------------------------------ JĘZYKI */
div#jezyki
{
	/*text-align: center;
	margin-right: 10px;
	margin-top: 20px;
	margin: 4px;*/
}
/*div#jezyki a
{
	clear: none;
	/*display: inline-block;
	width: auto;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 12px;
}*/
div#jezyki img {
	margin-left:5px;
	margin-right:5px;
	margin-bottom: 10px;
	width:24px;
	height:11px;
	border: 1px solid #FFFFFF;
	padding: 2px;
	background-color:#000000;
}
div#jezyki img:hover {
	width:40px;
	height:auto;
	border: 1px solid #FFFFFF;
	padding: 10px;
	background-color:#666666;
}
/* ------------------------------------------------- */
/* -------------------------------------------- MENU */
#menu{
	overflow: hidden;
	background: #333333;
}
.menu{
	list-style: none outside none;
	font-size: 12px;
	font-weight: bold;
	margin-left: 80px;
	margin:5px;
}
.menu li{
	float:left;
	list-style:none outside none;
	text-align:center;
	border: 1px solid #333;
	margin-left: 5px;
	margin-right: 5px;
}
.menu li a{
	text-decoration: none;
	display: block;
	background: #333333;
	width: auto;
	color: #FFF;
	height: auto;
	padding: 3px;
}
.menu li a:hover{
	background: #D60C0C;
}
.menu li ul{
	position:absolute;
	z-index:100;
	height:20;
	overflow:hidden;
	margin:0;
	padding:0;
	display:none;
}
.menu li ul li{
	float:none;
}
.menu li:hover ul{
	display:block;
}
/* ------------------------------------------------- */
/* -------------------------------------------- LOGO */
.logo{
	float: right;
	width: 80px;
	height: 80px;
	display: block;
	margin-left: 0px;
	padding: 0;
	position: fixed;
	margin-top: -2px;
	z-index: 9999;
	repeat: no-repeat;
}
/* ------------------------------------------------- */
#tresc
{
text-align:left;
overflow:hidden;
margin-left:20px;
margin-right:20px;
position:relative;
line-height:18px;
width: auto; /*
max-width: 870px;*/
}
/* ----------------------------------------- KONTAKT */
#formularz_kontaktowy
{
float:left;
margin-top:25px;
margin-left:15px;
width:auto;
}
#formularz_kontaktowy b
{
display:block;
margin-bottom:10px;
}
#formularz_kontaktowy textarea
{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid #767676;
width:100%;
height:80px;
}
.pole_tekstowe
{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
width:auto;
border:1px solid #767676;
}
#wyslij
{
float:right;
border:1px solid #767676;
margin-top:5px;
margin-right:5px;
cursor:pointer;
font-weight:bold;
}
/* ------------------------------------------------- */
/* -------------------------------------------- HOME */
#home_kolumna {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 20px;
	width: 100%;
	display: block;
}
#home_wiersz {
	clear: none;
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	width: 30%;
	display: block;
	font-size:12px;
}
#home_img {
	height: 200px;
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
#home_wiecej {
	right: 0;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 20%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-top: -15px;
	text-align: center;
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
a.home_wiecej_link { 
	color: #FFF;
}
a.home_wiecej_link:hover {
	color: #FFF;
}
#home_naglowek {
	border-bottom: solid 1px;
	border-bottom-color: #F00;
}
/* -------------------------------------------------- */
/* --------------------------------------------- BODY 
#body {
	background-image: url(images/tlo.png);
	background-repeat: no-repeat;
	background-position: right;
	background-attachment: fixed;
	background-size: contain;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
 -------------------------------------------------- */
#produkt
{
display:block;
margin-left:10px;
margin-right:10px;
overflow:hidden;
text-align:left;
}
a.poprzedni_produkt
{
width:21px;
height:21px;
background:url('images/poprzedni.png');
margin:1px;
display:inline-block;
float:right;
margin-top:40px;
}
a.nastepny_produkt
{
width:21px;
height:21px;
background:url('images/nastepny.png');
margin:1px;
display:inline-block;
float:right;
margin-top:40px;
}
#zdjecia_produktu
{
position:relative;
display:block;
overflow:hidden;
}
#dane_produktu
{
position:absolute;
left:295px;
top:55px;
}
h1.tytul_produktu
{
color:#d60c0c;
}
a.glowne_zdjecie_produktu
{
width:284px;
height:237px;
float:left;
margin-top:20px;
padding:2px;
display:block;
border:1px solid #ececec;
}
a.zdjecie_produktu
{
width:36px;
height:36px;
margin-left:5px;
margin-top:190px;
float:left;
padding:2px;
display:block;
border:1px solid #ececec;
}
h1
{
display:block;
text-align:left;
margin-top:25px;
margin-bottom:10px;
font-size:17px;
font-family:Tahoma;
}
#dane_produktu h2
{
display:block;
text-align:left;
padding:0px;
margin:0px;
color:#d60c0c;
font-family:Tahoma;
font-weight:bold;
font-size:17px;
}
h2
{
display:block;
text-align:left;
padding:0px;
margin-bottom:10px;
margin-top:20px;
font-family:Tahoma;
font-weight:bold;
font-size:15px;
}
a
{
color:#d60c0c;
text-decoration:none;
}
a:hover
{
color:inherit;
}
/*---------------------------*/
div#galeria
{
margin-top:15px;
display:block;
text-align:justify;
}
div#galeria span
{
display:block;
margin-left:10px;
font-weight:bold;
}
a.zdjecie_w_galerii
{
width:184px;
height:138px;
display:inline-block;
vertical-align:top;
padding:2px;
margin-left:25px;
margin-right:22px;
margin-top:8px;
margin-bottom:8px;
border:1px solid #ececec;
text-align:center;
position:relative;
}
/*-----------------------*/
div#produkty
{
display:block;/*
overflow:hidden;*/
}
div.produkt
{
float:left;
display:block;
height:auto;
width:98%;
margin-left:10px;
margin-top:35px;
text-align:justify;
font-size:12px;
position:relative;
background:url('images/separator_maly.png') bottom center no-repeat;
}
a.czytaj_wiecej_produkt
{
position:relative;
display:block;
float:right;
font-weight:bold;/*
margin-top:5px;
bottom:10px;*/
right:10px;
}
a.produktu
{
float:left;
display:block;
width:175px;
height:175px;
padding:2px;
border:1px solid #f7f5f5;
margin-right:5px;
}
a.male
{
display:block;
width:85px;
height:78px;
padding-top:10px;
padding-bottom:10px;
}
span.cena_skreslona
{
display:block;
}
span.cena
{
display:block;
font-weight:bold;
margin-bottom:18px;
}
span.cena_promocyjna
{
display:block;
font-weight:bold;
color:#de2b2e;
margin-bottom:18px;
}
div.lewy
{
margin-left:40px;
margin-right:20px;
}
div.prawy
{
margin-left:20px;
margin-right:40px;
}
a.tytul_produktu
{
display:block;
font-weight:bold;
font-size:15px;
margin-top:5px;
margin-bottom:10px;
}
a.tytul_produktu_bez_ceny
{
padding-top:30px;
display:block;
font-weight:bold;
font-size:15px;
margin-top:5px;
margin-bottom:10px;
}
div#sklep_filtry
{
margin-right:20px;
margin-top:35px;
margin-bottom:20px;
text-align:right;
position:relative;
}
div#sklep_filtry span
{
display:block;
}
div#sklep_naglowek
{
display:table;
border-right:1px solid #e8e8e8;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
text-align:center;
font-size:11px;
font-weight:bold;
margin-left:10px;
margin-right:10px;
}
div#sklep_naglowek div
{
display:table-cell;
vertical-align:middle;
border-left:1px solid #e8e8e8;
padding-top:5px;
padding-bottom:5px;
}
div#sklep_naglowek_zdjecie
{
width:105px;
}
div#sklep_naglowek_nazwa
{
width:155px;
}
div#sklep_naglowek_opis
{
width:319px;
}
div#sklep_naglowek_cena
{
width:85px;
}
div#sklep_naglowek_tagi
{
width:141px;
}
div#sklep_naglowek_kategorie
{
width:116px;
}
div.sklep_produkt
{
margin-left:10px;
margin-right:10px;
display:table;
border-left:1px solid #e8e8e8;
border-right:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
vertical-align:middle;
}
div.sklep_zdjecie_produktu
{
display:table-cell;
vertical-align:middle;
padding-left:10px;
padding-right:10px;
max-width:85px;
min-width:85px;
}
div.sklep_nazwa
{
max-width:135px;
min-width:135px;
display:table-cell;
vertical-align:middle;
padding-left:10px;
padding-right:10px;
border-left:1px solid #e8e8e8;
font-weight:bold;
text-align:left;
}
div.sklep_nazwa a
{
font-weight:bold;
}
div.sklep_cena
{
text-align:center;
border-left:1px solid #e8e8e8;
display:table-cell;
vertical-align:middle;
min-width:85px;
max-width:85px;
font-size:11px;
}
div.sklep_cena span
{
display:block;
}
div.sklep_opis
{
display:table-cell;
vertical-align:middle;
padding-left:10px;
padding-right:10px;
border-left:1px solid #e8e8e8;
min-width:auto;
max-width:auto;
font-size:9px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}
div.sklep_tagi
{
display:table-cell;
vertical-align:middle;
padding-left:8px;
padding-right:8px;
border-left:1px solid #e8e8e8;
text-align:center;
min-width:125px;
max-width:125px;
font-size:11px;
text-align:right;
}
div.sklep_tagi a
{
margin-left:2px;
margin-right:2px;
display:block;
text-decoration:underline;
}
div.sklep_kategorie
{
display:table-cell;
vertical-align:middle;
padding-left:8px;
padding-right:8px;
border-left:1px solid #e8e8e8;
text-align:center;
min-width:100px;
max-width:100px;
font-size:10px;
text-align:right;
}
div.sklep_kategorie a
{
display:block;
margin-top:10px;
margin-bottom:10px;
margin-left:2px;
margin-right:2px;
text-decoration:underline;
}
/*div.taffy_pierwsza
{
width:930px;
height:1134px;
position:relative;
background:url('images/taffy_tlo.jpg') no-repeat;
}
div.oded_pierwsza
{
width:930px;
height:1134px;
position:relative;
background:url('images/oded_tlo.jpg') no-repeat;
}*/
ul.w_produkcie
{
list-style:none;
line-height:30px;
}
ul.w_produkcie li
{
background:url('images/lista.png') left center no-repeat;
padding-left:40px;
}
form#wyszukaj
{
width:158px;
height:24px;
float:left;
margin-top:-10px;
margin-left:20px;
position:relative;
border:1px solid #e8e8e8;
}
span#wyniki_wyszukiwania
{
position:absolute;
bottom:0px;
left:20px;
}
input#slowa_kluczowe
{
height:20px;
padding:0;
margin:0;
position:absolute;
top:0px;
padding:2px;
width:127px;
left:0px;
border:none;
}
input#wyszukaj
{
position:absolute;
height:24px;
right:0px;
width:27px;
top:0px;
border:none;
background:url('images/wyszukaj_przycisk_tlo.gif') center no-repeat;
border-left:1px solid #e8e8e8;
cursor:pointer;
}
/* ------------------------------------ Aktualności */
div.aktualnosci {
	display:block;
	overflow:hidden;
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
	padding-bottom:15px;
	background:url('images/separator.png') bottom center no-repeat;
}
div.ostatni {
	padding-bottom:0px;
	background:none;
}
.zdjecie_w_aktualnosciach {
	width:200px;
	height:150px;
	padding:2px;
	display:block;
	float:left;
	border:1px solid #ececec;
	margin-right:20px;
}
div.aktualnosci span {
	display:block;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}
div.aktualnosci p {
	text-align:justify;
}
a.czytaj_wiecej {
	margin-top:10px;
	float:right;
}
/* -------------------------------------------------- KONTAKT */
div#tresc iframe
{
	float: left;
	border: 1px solid #767676;
}
#left-kontakt {
	clear: both;
	float: left;
	display:block;
	width: 50%;	
	margin-left: 20;
	margin-top: 20px;
}
#right-kontakt {
	clear: none;
	float: left;
	display:block;
	width: 45%;	
}
/* ------------------------------------------------- URZADZENIA */
#urz_kolumna {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 20px;
	width: 100%;
	display: block;
}
#urz_wiersz {
	clear: none;
	float: left;
	margin-left: 20px;
	width: 30%;
	display: block;
	font-size:12px;
}
#urz_img {
	height: 200px;
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
	margin-top: -14px;
}
#urz_wiecej {
	right: 0;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 20%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-bottom: -16px;
	text-align: center;
	color: #FFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index: 2;
}
a.urz_wiecej_link { 
	color: #FFF;
}
a.urz_wiecej_link:hover {
	color: #FFF;
}
#urz_naglowek {
	border-bottom: solid 1px;
	border-bottom-color: #F00;
}
/* ------------------------------------------------- SKLEP */
#skl_kolumna {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 20px;
	width: 100%;
	display: block;
}
#skl_wiersz {
	clear: none;
	float: left;
	margin-left: 20px;
	width: 30%;
	display: block;
	font-size:12px;
}
#skl_img {
	height: 200px;
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
#skl_wiecej {
	right: 0;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 20%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-top: -15px;
	text-align: center;
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
a.skl_wiecej_link { 
	color: #FFF;
}
a.skl_wiecej_link:hover {
	color: #FFF;
}
#skl_naglowek {
	border-bottom: solid 1px;
	border-bottom-color: #F00;
}
/*------------------------------------------------------------------tabela z ampułkami ------------------*/

#tabela_twarz {
	display:block; 
	width:840px; 
	height:auto;
	font-size:9px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align:center;
}

#tabela_twarz1 {
	display:block; 
	width:840px; 
	height:auto;
	font-size:9px;
	margin-top: 30px;
	text-align:center;
}

#odstep {
	height:30px;
	width:auto;
}

#kolumna {
	width:12%; 
	float: left;
}

#naglowek {
	height: 30px;
}

#srodek {
	height: 180px;
}

#dol {
	height: 220px;
}

#wiersz-lewy-gorny {
	width:98%;
	border: 2px solid #FFF; 
	float: left; 
	border-top-left-radius: 10px; 
	padding: 3px; 
	background-color:#E2C393;
}

#wiersz-lewy-dolny {
	width:98%; 
	border: 2px solid #FFF; 
	float: left; 
	border-bottom-left-radius: 10px; 
	padding: 3px; 
	background-color:#E2C393
}

#wiersz-prawy-gorny {
	width:98%; 
	border: 2px solid #FFF; 
	float: left; 
	border-top-right-radius: 10px; 
	padding: 3px; 
	background-color:#E2C393;
}

#wiersz-prawy-dolny {
	width:98%; 
	border: 2px solid #FFF; 
	float: left; 
	border-bottom-right-radius: 10px; 
	padding: 3px; 
	background-color:#E2C393;
}

#wiersz {
	width:98%; 
	border: 2px solid #FFF; 
	float: left; 
	padding: 3px; 
	background-color:#E2C393;
}
/*--------------------------------------------------------------------------derma roller menu --------------------------- */
#derma_wiersz {
	clear: none;
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	width: 22%;
	display: block;
	font-size:12px;
}
#derma_img {
	height: 150px;
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
#derma_wiecej {
	right: 0;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 30%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-top: 0px;
	text-align: center;
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
a.derma_wiecej_link { 
	color: #FFF;
}
a.derma_wiecej_link:hover {
	color: #FFF;
}
#derma_naglowek {
	border-bottom: solid 1px;
	border-bottom-color: #F00;
}
/* --------------------------------------------------------------------- EFEKTY ZABIEGOWE -------------------------------------------- */
#przed-po-naglowek {
}

#przed-po-wiersz {
	clear: none;
	float: left;
	margin-bottom:30px;
}

#przed {
	clear: none;
	float: left;
	width:150px;
	height: auto;
	clear: none;
	float: left;
	margin: 10px;
}

#po {
	clear: none;
	float: left;
	width:150px;
	height: auto;
	clear: none;
	float: left;
	margin: 10px;
}

#przed-napis {
	clear: none;
	float: left;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 100%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-top: 0px;
	text-align: center;
	color: #FFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#po-napis {
	clear: none;
	float: left;
	position: relative;
	background-color: #F00;
	height: 50 px;
	width: 100%;
	display: block;
	margin-left:auto;
	margin-right:0;
	margin-top: 0px;
	text-align: center;
	color: #FFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#wlosy3 {
	clear: none;
	float: left;
	display:block;
}
#wlosy2 {
	clear: none;
	float: left;
	display:block;
}
#wlosy1 {
	clear: none;
	float: left;
	display:block;
}
#margin {
	margin-bottom:30px;
}