@charset "utf-8";
/* CSS Document */

body{
	text-align:center;
	font-size:11px;
	line-height:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	color: #82004e;
	background:url(http://www.sklep.kosmetyki.szczecin.pl/templ/template/images/topback.png) center 32px repeat-x #ffc8e9;
	margin: 0px;
	padding: 0px;
	
}
.left{
	float:left;
}
.right{
	float:right;
}
a{
	color:#e30087;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;

}
strong{
	font-weight:bold;
}
.clr{
	clear:both;
}
p.message{
	width: 530px;
	padding: 10px;
	border:1px dotted #9c005d;
	background-color:#FFFFFF;
	text-align:justify;
	margin:0px auto 10px auto;
}
div.middlewrap{
	overflow:hidden;
	background:url(http://www.sklep.kosmetyki.szczecin.pl/templ/template/images/middlewrapback.jpg) top center no-repeat;
	padding-bottom: 20px;
}
div.mainwrap{
	width: 950px;
	margin: 0px auto;
}
/* NAV MENU */
.navmainsize{
	width: 974px;
	margin: auto;
	letter-spacing:
}

div.navmenu{
	background:url(http://www.kosmetyki.szczecin.pl/images/topmenuback.png) repeat-x;
	height:31px;
	width: 100%;
	text-align:center;
	border-bottom: 1px solid #6c3c58;		
}
ul.navmenu{
	margin:0px;
	padding:0px 12px;
}
ul.navmenu li{
	float: right;
	list-style:none;
	height: 31px;
	padding:0px;
	margin:0px;
}
ul.navmenu li a{
	display: block;
	line-height:31px;
	text-decoration:none;
	color: #FFFFFF;
	font-family:"Century Gothic", Tahoma, Verdana, Arial, sans-serif;
	padding: 0px 15px;
	letter-spacing:2px;
	font-size: 16px;
	text-transform:capitalize;
}
ul.navmenu li a:hover,ul.navmenu li a.active{
	background-color: #d500a7;
}



/* END NAV MENU */

div.topmenu{
	position:relative;
	width: 950px;
	height: 150px;
	background:url(http://www.sklep.kosmetyki.szczecin.pl/templ/template/images/top.png) bottom center no-repeat;
}
div.leftpanel{
	width: 200px;
	float:left;
}
div.content{
	width: 570px;
	float:left;
	margin:15px 15px 0px 15px;
}
div.contentfullwidth{
	width: 713px;
	float:right;
	margin-top:15px;	
	background-color:#FFFFFF;
	border:1px dotted #9c005d;
	text-align:left;
	padding:10px;	
}
div.rightpanel{
	float: right;
	width: 150px;
}
div.footer{
	width: 950px;
	background: url(http://www.sklep.kosmetyki.szczecin.pl/templ/template/images/footer.gif) top no-repeat;
	text-align:right;
	color: #FFFFFF;
	margin-bottom: 20px;
}
div.footer p.copy{
	width: 100%;
	float: right;
	padding-right:20px;
	line-height:30px;
	height: 30px;
	margin:0px;
}
div.footer p.madeby{
	width: 100%;
	text-align:left;
	font-size:9px;
}
div.footer p.madeby a{
	text-decoration: none;
	color:#bb84a5;
}	
div.leftpanel div.module,div.rightpanel div.module, div.adminmenu{
	width: 198px;
	background: #FFFFFF;
	border:1px solid #9c005d;
	margin-top: 0px;
	text-align:left;
}
.serachmodule{
	text-align: center;
	padding: 5px;
}
div.producencimodule{
	background: #FFFFFF;
	border:1px solid #9c005d;
	margin-top: 0px;
	text-align:left;

	overflow: hidden;
	width: 188px;
	padding: 10px 5px;
}
div.producencimodule form{
	width: 188px;
}
div.producencimodule select{
	margin: 0px;
	padding: 0px;
	width: 188px;
}

div.leftpanel div.module ul, div.adminmenu ul{
	list-style:none;
	margin:10px 0px 10px 0px;
	padding:0px;
	border-top: 1px dotted #9c005d;
}
div.leftpanel div.module ul ul{
	list-style:none;
	margin:0px;
	padding-left:10px;
}
div.leftpanel div.module ul li,div.leftpanel div.adminmenu ul li{
	line-height:20px;
}
div.leftpanel div.module a,div.leftpanel div.adminmenu a{
	padding:5px;
	width: 193px;
	text-decoration:none;
	color: #82004e;
}	
div.leftpanel div.module a a{
	padding:0px;
	width: 100%;
}
div.leftpanel div.module a:hover,div.leftpanel div.module span.active a {
	text-decoration: underline;
	color: #E30087;
}
/*
div.leftpanel div.module ul{
	border: 1px dotted #9c005d;
}
*/
div.leftpanel div.module ul ul{
	border: none;
}
div.leftpanel div.module ul li,div.leftpanel div.adminmenu ul li{
	border-bottom: 1px dotted #9c005d;
}
div.leftpanel div.module ul li ul li{
	border-bottom:none;
}	
div.leftpanel h3, div.adminmenu h3,div.rightpanel h3{
	margin: 15px 0px 0px 0px;
	height: 30px;
	color:#FFFFFF;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	line-height: 30px;
}
div.leftpanel h3, div.adminmenu h3{
	background: url(http://www.sklep.kosmetyki.szczecin.pl/templ/template/images/leftmoduleheader.gif) no-repeat;
	width: 200px;
}	
div.rightpanel h3{
	background: url(http://www.sklep.kosmetyki.szczecin.pl/templ/template/images/rightmoduleheader.gif) no-repeat;
	width: 150px;
}
div.rightpanel div.module{
	width: 148px;
}
div.koszykmodule{
	padding:10px;
}
/*productlist*/
div.productlistheader{
	width: 100%;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	text-transform:capitalize;
}
div.productlist{
}

div.pagesview{

	width: 100%;
	text-align:right;
	margin-bottom: 10px;
}	
div.pages{
	width: 100%;
}
div.page{
	float: left;
	width:15px;
	height:15px;
	margin:0px 5px 5px 0px;
	border:1px solid #9c005d;
	background-color: #FFFFFF;
	line-height: 15px;
	text-align:center;
}
div.pages .actual{
	font-weight: bold;
}
div.page a{
	display:block;
	width: 15px;
	height:15px;
	line-height: 15px;
	color: #82004e;
	text-decoration:none;
}
div.page a:hover{
	text-decoration: underline;
}
div.productinlist,div.productdescription{
	width: 550px;
	margin: 10px auto;
	background-color:#FFFFFF;
	border: 1px dotted #9c005d;
	color: #82004e;
	text-align:left;
}
div.productdescription{
	padding: 10px;
	width: 530px;
	font-size: 14px;
}
table.productinlist{
	width: 550px;
}
table.productinlist td.zdjecie{
	width: 120px;
	text-align:left;
}
table.productinlist td.zdjecie img{
	border: none;
}
table.productinlist td.nazwa{
	width: 430px;
	text-align:left;
}
table.productinlist td.nazwa a{
	font-size: 13px;
	text-decoration:none;
	font-weight:bold;
}
table.productinlist td.produkt,table.productinlist td.cena{
	width: 300px;
	text-align:left
}
table.productinlist td.cena{
	font-size:14px;
}
/*produkt */
div.produkt,div.koszyk,div.register,div.zakupbezkonta,div.forgotpass,div.edycja,div.historia,div.strona{
	width: 550px;
	margin:auto;
	text-align:left;
	background-color: #FFFFFF;
	border: 1px dotted #9c005d;
	color: #82004e;
}
table.produkt{
	width: 550px;
}
table.produkt td.nazwa{
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
}
table.produkt td.producent,table.podukt td.kod{
	font-size: 10px;
}
table.produkt td.separator,table.koszyk td.separator{
	border-bottom: 1px dotted #9c005d;
}
table.produkt td.zdjecie{
	width: 310px;
	text-align:right;
	vertical-align:top;
}
a.produktzdjecie{
	width: 310px;
	float: right;
	display:block;
	text-align:right;
}
img.produktnoimage{
	float: right;
	margin: 0px 0px 10px 10px; 
}
table.produkt td.zdjecie img{
	border: none;
}
table.produkt td.opis{
	font-size: 11px;
	vertical-align:top;
}
table.produkt div.cena{
	font-size: 14px;
	text-align:left;
	width: 350px;
}
span.cenajednostkowa{
	font-size:11px;
	font-weight:normal;
	padding-left: 10px;
}
table.produkt div.ilosc{
	text-align: right;
	font-size:11px;
	width: 170px;
}	
table.produkt td.dodaj{
	text-align: right;
}

/*koszyk*/
div.koszyk{
	text-align: center;
}
table.koszyk{
	width: 550px;
	margin: auto;
	text-align:left;
}
table.koszyk tr.tytul{
	font-size:12px;
	background-color:#9c005d;
	color: #FFFFFF;
	font-weight:bold;
}
table.koszyk td{
	padding: 3px;
}
table.koszyk td.nazwa{
	width: 270px;
	text-align:left;
}
table.koszyk td.cena,table.koszyk td.ilosc,table.koszyk td.wartosc,table.koszyk td.opcje{
	width: 70px;
	text-align:center;
}
table.koszyk td.wartosccalkowita{
	width: 140px;
	text-align:right;
	font-weight:bold;
}
table.opcje{
	width: 300px;
	margin: 30px auto;
	
}
table.opcje td.powrot,table.opcje td.zamowienie,table.opcje td.usun{
	width: 100px;
	text-align:center;
}

/*login module */

table.loginmodule{
	width: 140px;
	margin: auto;
}

table.loginmodule td.naglowek{
	text-align:left;
	height:12px;
	line-height:12px;
}
table.loginmodule td.input{
	text-align: center;
}	
table.loginmodule td.input input{
	width: 120px;
}
table.loginmodule td.zaloguj{
	text-align: center;
}	
table.loginmodule td.registertext{
	padding: 10px 0px;
	text-align:center;
	font-size:12px;
}

/*rejestracja */
div.regform{
	width: 450px;
	margin:auto;
}
table.regentry{
	width: 400px;
	margin: 5px auto 15px auto;
	border: 1px dotted #9c005d;
	padding: 3px 0px 10px 0px;
}
table.regentry td.regleft{
	width: 200px;
	text-align:right;
}	
table.regentry td.regright{
	width: 200px;
	text-align:left;
	padding-left: 10px;
}
table.regentry td.regright input{
	width: 150px;
}
div.registerheadertext{
	width: 100%;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding: 10px 0px;		
}
span.wymagane{
	color:#FF0000;
	vertical-align:top;
}
div.registererror p, p.error{
	color: #FF0000;
	font-style:italic;
	text-align:left;
	font-size:10px;
	margin: 5px 0px 0px 10px;
}
/*logowanie*/
div.logowanie{
	width: 550px;
	margin: auto;
}
div.logowanie div.logowanieheader{
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	width: 100%;
	border-bottom:1px dotted #9c005d;
	margin-bottom:15px;
}
div.logowanie div.loguj,div.logowanie div.rejestruj,div.logowanie div.bezkonta{
	text-align:left;
	padding: 10px;
	background-color:#FFFFFF;
	border: 1px dotted #9c005d;
}
div.logowanie div.loguj{
	width: 250px;
	float: left;
	height:150px;
}
div.logowanie div.rejestruj{
	width: 250px;
	float:right;
	height:150px;
}
div.logowanie div.bezkonta{
	width: 530px;
	margin-top:10px;
}

/*topmenu*/
div.topmenumain{
	position:absolute;
	bottom:0px;
	left:10px;
}
div.topmenumain ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
div.topmenumain ul li{
	float: left;
}
div.topmenumain ul li a{
	display:block;
	padding: 5px 10px;
	margin-left: 10px;
	background-color:#ffc8e9;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;		
	border-top: 1px solid #000000;		
	font-weight: bold;
	font-size:13px;
}

/*opcje - modul na right panel */
ul.opcje{
	list-style:none;
	margin:10px;
	padding:0px;
}

/*historia zamowien*/
table.historiazamowien{
	width: 400px;
	margin: 15px auto;
}
table.historiazamowien tr.naglowek, table.zamowienie tr.tytul, table.edytujstrone tr.naglowek, table.edytujkategorie tr.naglowek{
	font-size:12px;
	background-color:#9c005d;
	color: #FFFFFF;
	font-weight:bold;
}
table.historiazamowien td.data,table.historiazamowien td.wartosc,table.historiazamowien td.opcje{
	border-bottom: 1px dotted #9c005d;
	text-align:center;
}
div.historiaheader{
	font-size: 14px;
	font-weight:bold;
	padding: 5px;
	width:100%;
	line-height:14px;
	text-align:left;
}	
table.historiaszczegol{
	width: 500px;
	margin: 10px auto;
	border:1px dotted #9c005d;
}
table.historiaszczegol tr.dane td{
	width: 50%;
	padding:5px;
}
table.historiaszczegol tr.szczegoly td.szczegoly{
	border-top:1px dotted #9c005d;
	text-align:center;
}
table.zamowienie{
	width: 490px;
	margin: 10px auto;
}
table.zamowienie a{
	color: #000000;
}

table.zamowienie td.kod,table.zamowienie td.nazwa,table.zamowienie td.lp{
	border-bottom: 1px dotted #9c005d;
	text-align:left;
}
table.zamowienie td.ilosc,table.zamowienie td.cena,table.zamowienie td.wartosc,table.zamowienie td.wartosccalkowita{
	border-bottom: 1px dotted #9c005d;
	text-align:right;
}
table.zamowienie td.lp{
	width: 30px;
}
table.zamowienie td.wartosccalkowita,table.zamowienie td.wartosc{
	font-weight:bold;
}
table.zamowienie tr.tytul td{
	text-align: center;
}

/*strona*/
div.strona{
	width: 540px;
	padding: 5px;
}
/*edycja stron*/

table.edytujstrone td, table.edytujkategorie td{
	padding: 5px;
}

/* zamowienia */
table.zamowienia,table.klienci,table.listaproduktow,table.promocjelistaproduktow{
	width: 550px;
	margin:auto;
}

table.zamowienia tr.szczegoly,table.klienci tr.szczegoly{
	display:none;
	text-align:center;
	background-color:#dddddd;
	border: 1px dotted #9c005d;
}
table.zamowienia tr.naglowek,table.klienci tr.naglowek,table.listaproduktow tr.naglowek, table.promocjelistaproduktow tr.naglowek{
	font-size:12px;
	background-color:#9c005d;
	color: #FFFFFF;
	font-weight:bold;
}
table.zamowienia tr.naglowek td,table.klienci tr.naglowek td,table.listaproduktow tr.naglowek td,table.promocjelistaproduktow tr.naglowek td{
	text-align: center;
}
table.zamowienia td,table.klienci td,table.listaproduktow td,table.promocjelistaproduktow td{
	padding:3px;
}
table.zamowienia tr.naglowek a,table.klienci tr.naglowek a,table.listaproduktow tr.naglowek a,table.promocjelistaproduktow tr.naglowek a{
	color: #ffffff;
}
div.szczegolydane{
	text-align:left;
}
table.zamowienia td.data{
	text-align: left;
	width: 120px;
}
table.zamowienia td.imie,table.zamowienia td.telefon,table.zamowienia td.opcje{
	text-align: center;
}
table.zamowienia td.wartosc{
	text-align:right;
}
/*klienci */
/*some of style set in "zamowienia" (above) */
table.klienci td.nazwisko,table.klienci td.firma,table.klienci td.email, table.klienci td.aktywne,table.klienci td.opcje{
	text-align: left;
}
table.klienci td.opcje{
	width: 140px;
}
/*lista produktow*/
/*some of style set in "zamowienia" (above) */
table.listaproduktow td.kod{
	text-align: left;
	width: 35px;
} 
table.listaproduktow td.nazwa{
	text-align: left;
	width: 250px;
}
table.listaproduktow td.cena{
	text-align: right;
	width: 40px;
}
table.listaproduktow td.opcje{
	text-align: right;
	width: 225px;
}
table.listaproduktow td.opcje form{
	float: right;
}
/*promocje*/
/*some of style set in "zamowienia" (above) */

table.promocjelistaproduktow td.kod,table.promocjelistaproduktow td.opcje{
	text-align:center;
}
table.promocjelistaproduktow td.cena{
	text-align:right;
}
table.promocjelistaproduktow td.nazwa{
	text-align:left;
}
/*promocje/home page */
div.promocjeheader{
	width: 530px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding: 10px;
	border:1px dotted #9c005d;
	background-color:#FFFFFF;
	margin:0px auto 10px auto;
}
div.startcontainer{
	width: 530px;
	padding: 10px;
	border:1px dotted #9c005d;
	background-color:#FFFFFF;
	margin:0px auto 10px auto;
	
}
div.promocjecontainer{
	width: 552px;
	margin: auto;	
}
div.promocjebox{
	width: 260px;
	padding: 5px;
	border:1px dotted #9c005d;
	background-color:#FFFFFF;
	margin-bottom: 10px;
}
div.promocjaproduktnazwa{
	width: 100%;
	font-size:14px;
	text-align:left;
	font-weight:bold;
}
div.promocjaproduktseparator{
	height:10px;
	clear:both;
}
div.promocjaproduktzdjecie{
	width:110px;
	float:left;
	text-align:left;
}
div.promocjaproduktcena{
	float: right;
	width:140px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#FF0000;
	overflow:hidden;
	padding-top: 20px;	
	height:80px;
	line-height: 22px;
}
div.promocjaproduktlinki{
	clear:both;
}
div.promocjaproduktkup{
	width: 130px;
	float:left;
	text-align:center;
}
div.promocjaproduktpokaz{
	width: 130px;
	float:right;
	text-align:center;
}