/*styl do diva z FaceBookiem*/
.widget_social {
background:url("../img/layout/slider.png") repeat scroll 0 0 transparent;
display:block;
float:right;
height:420px;
padding:0;
position:fixed;
right:-205px;
top:170px;
width:232px;
z-index:100;
}

/* style do galerii i slideshow nie zatwierdzonej przez Anię*/
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
	float:left;
}
.panel-overlay p {
	line-height: 1.2em;
}
/*END*/


/* moje Wiktor */
* { font-family: Sans-Serif, Verdana, Tahoma, Helvetica, Trebuchet; margin: 0px;}
html { margin: 0px; padding: 0px; font-size:11px; }

body {
              padding:0px;
              color:#757575;
              background-color:#fff;
              min-width:1020px;
              margin:0px auto;          
       }
p::-moz-selection {
	background: #ffb7b7;
}
p::selection {
	background: #ffb7b7;
}

#container{
       margin: 0px auto;
       padding: 0px;
       border: 0px;
       width: 1020px;
       background-color:#fff;
}
#header{
	width:1020px;
	height:25px;
	display:block;
	color:#444;
	padding:5px 0px 0px 0px;
	z-index:2;
}

#header2{
		background: url('../img/layout/top.jpg');  
		width:1020px; 
		height:149px; 
		z-index:1;
		}

#header3{
		background: #fff url('../img/layout/topMenu.gif') repeat-x; 
		width:1004px;
		height:35px;
		display:block;
		padding:0px 0px 20px 16px;
		border-bottom: 1px solid #A8A8A8;
		margin-bottom:10px;
		}
#sideA{
	width:820px;
	float:left;
	/*	border-bottom: 1px solid #A8A8A8; 
		margin-bottom:10px;*/
}
#sideB{
	width:200px;
	/*height:616px;*/
	float:right;
	/*	border-bottom: 1px solid #A8A8A8; 
		margin-bottom:10px;*/
}
#sideC{
	width:1020px;
	float:left;
		border-top: 1px solid #A8A8A8; 
		padding-top:10px;
		/*margin-top:10px; */
}
#sideD{
	width:1020px;
	float:left;
	margin-top:10px;
		border-bottom: 0px solid #A8A8A8; 
		margin-bottom:10px;

}

#footer li, #footerIE li{
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#footer a, #footerIE a{text-decoration:none; font-weight: normal; font-size:11px;color: #515050; margin:0px 10px;}
#footer a:hover, #footerIE a:hover {text-decoration:underline; font-weight: normal; color: #aaa;}

.submit{cursor:pointer; font-weight:bold;background-color:#EFEFEF;border:1px solid #57408C;}
.submit:hover{cursor:pointer; font-weight:bold;background-color:#fff;border:1px solid #57408C;}

/*  style do górnego paska z logowaniem i newsletter-em */
div.login{float:right; font-size:11px; }
div.login a{color:#57408C; text-decoration:none;}
div.login a:hover{color:#8E8E8E; text-decoration:underline;}
div.login input{border:1px solid #57408C; width:80px; font-size:10px; color:#57408C; background-color:#EFEFEF;}
div.login .submit{border:0px; color:#57408C; font-size:12px;}
div.login .submit:hover{color:#8E8E8E; text-decoration:underline;}
.input{	
	width:150px; 
	border:1px solid #57408C;
	font-size:10px;
	margin:0px 5px 0px 5px;
	}
	.arrows{position:relative; top:4px;}
	.newsletter{position:relative; top:-2px;}
	
a.header2{width:1020px; height:149px; display:block;}

/* kilka styli do górnego menu */
#header3 a{
		background: #515050 url('../img/layout/topMenuDots.png') left no-repeat; 
		height:29px; 
		display:block; 
		float:left; 
		font-family: Lucida Sans Unicode, Helvetica;
		color:#fff; 
		font-size:19px; 
		font-weight:normal; 
		text-decoration:none;
		padding:6px 15px 0 15px;
}
#header3 a:hover{color:#e8e8e8;}
/*
a.naszaSzafa{width:240px;}
a.moda{width:107px;}
a.uroda{width:109px;}
a.fryzury{width:127px;}
a.metamorfozy{width:172px;}
a.streetFashion{width:265px;}
*/

.partners{float:left; position:relative; top:-28px;left:160px;}
.partners span{cursor:pointer; font-weight:bold; margin:0 5px; color:#57408C;}
.partners span:hover{color:#a8a8a8;}
.partnersMiddle{margin:0 0 10px 40px;}
.partnersMiddleRest{margin:0 0 10px 30px;}
.partnersRight{}

.navigator{}
/* różnica pod IE
a.pagination:link, a.pagination:visited {text-decoration:none; font-weight: bold; font-size:10px;color: #fff; border:1px solid #fff; margin:3px;}
a.pagination:hover {text-decoration:none; font-weight: bold; color: #57408C; background-color:#fff !important;}
*/
a.more:link, a.more:visited, a.more:hover {margin:5px; text-decoration:none; font-weight: normal; font-size:10px;color: #fff; background: url('../img/layout/moreViolet.png') no-repeat; width:64px; height:20px; display:block;}

a.nextRightViolet:link, a.nextRightViolet:hover{width:12px; height:12px; display:block; background:#57408C url('../img/layout/nextRightViolet.png') no-repeat; padding:0px !important; margin:10px 4px 0px 4px;}
a.nextLeftViolet:link, a.nextLeftViolet:hover{width:12px; height:12px; display:block; background:#57408C url('../img/layout/nextLeftViolet.png') no-repeat; padding:0px !important;margin:10px 4px 0px 4px;}

a.nextRightGrey:link, a.nextRightGrey:hover{width:12px; height:12px; display:block; background:#57408C url('../img/layout/nextRightGrey.png') no-repeat; padding:0px !important; margin:10px 4px 0px 4px;}
a.nextLeftGrey:link, a.nextLeftGrey:hover{width:12px; height:12px; display:block; background:#57408C url('../img/layout/nextLeftGrey.png') no-repeat; padding:0px !important;margin:10px 4px 0px 4px;}


.wartoPrzeczytac{background:#E8E8E8; width:300px; height:190px; display:block; float:left; margin:10px 10px 0px 10px; }
.wartoPrzeczytacImg{color:#000; font-weight:bold; height:154px; display:block; float:left;}
.wartoPrzeczytacImgPress{height:190px; width:150px; display:block; float:left;}
 .ciekawostki{background: #fff000 url('../img/layout/ciekawostki.png'); width:300px; height:190px; display:block; float:left; margin:10px 10px 0px 10px; padding:0px;}
/* z paddingami .ciekawostki{background:#E8E8E8 url('../img/layout/ciekawostki.png'); width:140px; height:131px; display:block; float:left; margin:10px 10px 0px 10px; padding:50px 10px 10px 150px;}*/
.ciekawostki p{color:#000; font-weight:bold; height:76px; display:block;}

.sideCbannerLeft{width:180px; height:450px; display:block; float:left; border-bottom:1px solid #a8a8a8;}
.sideCright{width:510px; height:450px; display:block; float:left; margin-left:10px; background-color:#E8E8E8; border-bottom:1px solid #a8a8a8;}
.titleSmall{width:510px; height:27px; display:block; background-color:#515050; color:#fff; font-size:21px; padding:0px;}
.mainGalleryBox{background:#515050 url('../img/layout/mainGalleryBoxBackground.png') left bottom no-repeat; width:503px; height:24px; display:block; padding:3px 0 0 7px;}
.mainGalleryBox h2{font-family: Lucida Sans Unicode; color:#e8e8e8; font-size:17px; font-weight:normal;}

.waszeOpinie{width:310px; height:450px; display:block;  float:left; margin-left:10px;}
.opinieBackground{background: #E8E8E8; padding:4px; border-bottom:1px solid #a8a8a8; height:70px;}
.opinieBackground2{background: #fff; padding:4px; border-bottom:1px solid #a8a8a8; height:70px;}
a.opinie:link, a.opinie:visited {text-decoration:none; font-weight: bold; font-size:120%; color: #57408C;}
a.opinie:hover {text-decoration:underline; font-weight: bold; font-size:120%; color: #aaa;}

.galeria{width:500px; height:220px; display:block; position:relative; top:10px; } /*top:-20px; */
.gallery {
float:left;
height:189px;
overflow:hidden;
width:500px;
background:transparent url(../img/layout/tabsBackground2.png) repeat-x scroll 0 0;
position:relative;
top:-11px;
left:-8px;
}

.napisBannerRight{
	width: 190px; 
	cursor: pointer; 
	position: relative;
	top: 0px;
	left: 0px; 
	padding: 20px 5px; 
	text-align: left; 
	background-image: url('../img/layout/transtlo.png'); 
	color: #123456;
	font-size: 21px;
	line-height: 24px; 
	cursor: pointer;
}
/* main page -> different IE */
.mainTopLeftBoxImg{float:left; width:310px; text-align:bottom;  text-align:center; overflow:hidden;}

/* ************************************************* Katalog *************************************************  */
.searchCatalog {float:left; display:block;}
.catalog-nav{
	background-color:#57408C;
	color:#FFFFFF;
	display:block;
	height:27px;
	border:1px solid #a8a8a8;
	margin-bottom:10px;
}
/* rozróżnienie IE menu górne fioletowe tło
.catalog-nav a{text-decoration:none; font-weight: normal; font-size:21px; color: #fff; cursor:pointer; padding:2px 5px 3px 5px;margin:0px 11px 0px 11px; }
.catalog-nav a:hover {text-decoration:none; font-weight: normal; font-size:21px; color: #57408C; background:#fff; padding:2px 5px 3px 5px;margin:0px 10px 0px 10px;border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8;}
 */
.catalog-nav a.menuCatalogSpecial{text-decoration:none; font-weight: normal; font-size:21px; color: #FF9925; cursor:pointer; padding:2px 5px 3px 5px;margin:0px 11px 0px 11px; }
.catalog-nav a.menuCatalogSpecial:hover {text-decoration:none; font-weight: normal; font-size:21px; color: #57408C; background:#fff; padding:2px 5px 3px 5px;margin:0px 10px 0px 10px;border-left:1px solid #a8a8a8; border-right:1px solid #a8a8a8;}

a.catalogNormal{text-decoration:underline !important; font-weight: bold !important; font-size:11px !important;color: #57408C !important;}
a.catalogNormal:hover {text-decoration:none; font-weight: bold; color: #a8a8a8;}

#mainbar{width: 810px; float: none; /*background:#E8E8E8;*/}
.searchTable tr td select, .searchTable input{border: 1px solid #a8a8a8; background:#EFEFEF; cursor:pointer; margin-right:10px;}
.searchTable{margin-bottom:10px;}/*10*/

.searchBox{ background:#efefef; border:1px solid #A8A8A8; padding:10px 0px; margin:10px 0px; display:block; }
.searchBox:hover{ background:#eaeaea; border:1px solid #A8A8A8; padding:10px 0px; margin:10px 0px; display:block; }
.searchBox li{display:block; list-style-type:none; margin: 3px 0px; float:left; width:190px;}
.searchBox input{margin-right:5px; cursor:pointer;}
.searchBox label{cursor:pointer;}

.titleCatalog{
border: 1px solid #a8a8a8;
background:#e8e8e8;
margin: 14px 0px;
padding: 3px 10px 0px 10px;
height:24px;
display: block;
font-weight: bold;
font-size: 18px;
color: #515050;
text-align: center;
text-decoration: none;
}
.titleCatalog:hover{
border: 1px solid #a8a8a8;
background:#efefef;
margin: 14px 0px;
padding: 3px 10px 0px 10px;
height:24px;
display: block;
font-weight: bold;
font-size: 18px;
color: #57408C;
text-align: center;
text-decoration: none;
}

.boxCatalogGroup{min-height: 170px; margin-left: 18px;}
/*.boxCatalogGroupBig{margin-left: 90px;}*/
.boxCatalogGroupBig{margin-left: 90px; margin-right:10px;}

.boxCatalog{
	cursor: pointer; 
	width:143px;
	height:130px;
	text-align:center;
	float:left; 
	margin:2px; 
	padding: 10px 3px; 
	border: 1px solid #a8a8a8;
}
.boxCatalogBottom{
	cursor: pointer; 
	width:143px;
	height:130px;
	text-align:center;
	float:left; 
	margin:2px 17px 2px 2px; 
	padding: 10px 3px; 
	border: 1px solid #a8a8a8;
}

.boxCatalogBottomGallery{
	cursor: pointer; 
	width:151px;
	height:140px;
	text-align:center;
	float:left; 
	margin:2px; 
	padding: 3px; 
	border: 1px solid #a8a8a8;
	overflow:hidden;
	background:#efefef;
}

.boxCatalogBig{
	width:200px;
	height:270px;
	text-align:center;
	float:left; 
	margin:2px;
	padding: 10px 3px; 
	border: 1px solid #a8a8a8;
	background:#eaeaea;
}

.boxCatalogBottomGallery:hover {border: 1px solid #aeaeae; background:#eaeaea;}
.boxCatalog:hover, .boxCatalogBottom:hover{border: 1px solid #aeaeae; background:#e8e8e8;}
.boxCatalog a, .boxCatalogBottom a {text-decoration: none; font-size: 13px; color:#57408C; font-weight: bold;}
.boxCatalog a:hover, .boxCatalogBottom a:hover {text-decoration: none; font-size: 13px; color: #f10000; font-weight: bold;}


.boxCatalogBig a img,  .image-desc a img{border:1px solid #aeaeae;}
.boxCatalogBig a img:hover,  .image-desc a img:hover {border:1px solid #E58520;}

.boxCatalogBig a.productName, .image-desc a.productName, .profileMyWardrobe a.title{text-decoration:none; font-weight: bold; font-size:13px; color: #BC0000;}
.boxCatalogBig a.productName:hover, .image-desc a.productName:hover, .profileMyWardrobe a.title:hover {text-decoration:none; font-weight: bold; color: #57408C;}

a.productName{text-decoration:none; font-weight: bold; font-size:13px; color: #BC0000;}
a.productName:hover{text-decoration:none; font-weight: bold; color: #57408C;}
/* do ścieżki która pojawia się po kliknięciu w brandy i produkty, href powyżej też*/
.pathEnd{font-weight: bold; color: #57408C; font-size:13px;}

.boxCatalogBig a.brandName, .image-desc a.brandName, .profileMyWardrobe a.product{text-decoration:none; font-weight: bold; font-size:12px; color: #123456;}
.boxCatalogBig a.brandName:hover, .image-desc a.brandName:hover, .profileMyWardrobe a.product:hover {text-decoration:none; font-weight: bold; color: #57408C;}

a.titleAverage {text-decoration:none; font-weight: bold; font-size:12px; color: #123456;}
a.titleAverage:hover {text-decoration:none; font-weight: bold; color: #57408C;}

.boxCatalogBig a, .boxProductLeft a, .image-desc a{text-decoration:underline; cursor:pointer;}
.boxCatalogBig a:hover,  .boxProductLeft a:hover, .image-desc a:hover {text-decoration:none; border:none !important;}

.boxProductTitle{
	background-color:#57408C;
	border:1px solid #A8A8A8;
	color:#FFFFFF;
	display:block;
	height:25px;
	margin:10px 0px 10px 0px;
	color:#FFFFFF;
	font-size:21px;
	padding:0px 5px 2px 10px;
}
.boxProductTitle h1{	font-size:21px; color:#fff;}

.boxProductTitle a{text-decoration:none; font-size:21px; color:#fff;}
.boxProductTitle a:hover{text-decoration:none; font-size:21px; color:#aeaeae;}

.boxProductLeft{width: 400px; float: left;  border: 1px solid #aeaeae; min-height:300px; background:#efefef;}
.boxProductLeft img{margin:2px 10px 2px 2px; border: 1px solid #aeaeae; float:left;}
.boxProductAddOppinion{overflow: hidden; float: left; width: 396px; min-height: 296px; border: 1px solid #aeaeae; margin-left: 5px; padding:2px;background:#efefef;}
.boxProductAddOppinion h2, .boxRating h2, .boxComments h2, .articleForm h2, .articleComments h2 {font-size: 15px; margin-bottom: 5px;}
.boxProductAddOppinion .input2, .userRegister .input2{
	background-color:#fff;
	border:1px solid #aeaeae;
	color:#57408C;
	width:345px;
}
.input2{
	background-color:#fff;
	border:1px solid #aeaeae;
	color:#57408C;
	width:345px;
}
.boxProductAddOppinion .textarea{
	background-color:#fff;
	border:1px solid #aeaeae;
	color:#57408C;
	width:345px;
	height:198px;
}

.boxRating{border: 1px solid #aeaeae; float: left; margin-top: 10px; width:797px; padding:5px; margin:10px 0px 10px 0px; background:#efefef;}
.boxComments{overflow: hidden; float: left; width: 797px; min-height: 215px; border: 1px solid #aeaeae; background:#efefef; padding: 5px; margin:0px 0px 10px 0px;}

/* Brak produktów/... spełniających podane kryteria */
.noSearch{color:#eaeaea; background:#B2272A; font-size:16px; font-weight:bold; padding:3px 40px; width:360px;}
.noSearchLong{color:#eaeaea; background:#B2272A; font-size:16px; font-weight:bold; padding:3px;border:1px solid #a8a8a8; text-align:center;}

.rightColumnMenu{background:#fff; text-align:center; margin:10px 0px; border:1px solid #a8a8a8;display:block;} /*fff*/

.rightMenuText{position:relative; bottom:20px;}
.imgBannerRight{/* dla normalnego banerka - width:200px;*/height:600px; cursor:pointer;margin:0 auto;}
.borderTopWhite:hover{border-top:1px solid #fff;}

/* ********************************* ARTYKUŁY ********************************* */

.articleParagraphSmall{width:390px; padding:5px; margin: 0 0 10px 0; background:#efefef; border:1px solid #a8a8a8;height:400px;}
.articleParagraphSmall img {border:1px solid #aeaeae; cursor:pointer;}
.articleParagraphSmall img:hover {border:1px solid #E58520; cursor:pointer;}
.articleParagraphSmall a {font-size: 22px; text-decoration:none; color: #57408C; font-weight: bold; text-align:center;}
.articleParagraphSmall a:hover{font-size: 22px; text-decoration:none; color: #333; font-weight: bold; text-align:center;}

.article{background:#efefef; border:1px solid #a8a8a8; float:left;}
.articleImg{width:330px; float:left; text-align:center; padding:10px;}
.articleText{width:430px; float:left; margin-left:8px; padding:10px; font-size:15px;}
.articleText span{cursor:pointer;}
.articleTitle{font-weight: bold; color:#535353; font-size: 22px; margin-bottom:10px;}
.articleDate{font-size:10px; color:#a2a2a2;}
.articleAuthor{color:#535353; float:right; margin-top:20px; font-size:11px;}
.articleImgSmall{height:105px; width: 75px; border: 1px solid #d3d3d3; float: left; margin-left: 5px; overflow:hidden; cursor:pointer;}
.articleForm{
	background:#EFEFEF;
	border:1px solid #AEAEAE;
	float:left;
	margin:10px 0 0px 0;
	padding:5px;
	width:797px;
}
.articleForm .textarea {
background-color:#FFFFFF;
border:1px solid #AEAEAE;
color:#57408C;
height:100px;
width:690px;
}
.articleComments{
	background:#EFEFEF;
	border:1px solid #AEAEAE;
	float:left;
	margin:10px 0 0px 0;
	padding:5px;
	width:797px;
}
.articleCommentsText, .text{background:#eaeaea; padding:3px 10px; border:1px solid #aeaeae; margin-top:7px; color:#515050; font-family:Georgia;}
.articleCommentsText:hover, .text:hover{background:#ccc; padding:3px 10px; border:1px solid #aeaeae; margin-top:7px; color:#57408C; font-family:Georgia;}

/* metamorfozy */
.metamorphosisLady, .metamorphosisAdviceAdvisor, .metamorphosisAdviceText, .metamorphosisAdviceTextImg, .metamorphisisAdviceAdd{border:1px solid #a8a8a8; text-align: left; float: left; width: 792px; padding: 10px 5px 10px 10px; background:#efefef; margin-top:10px;}
.metamorphosisLady:hover{background:#eaeaea;}
.metamorphosisLady a {font-size: 17px; text-decoration:none; color: #57408C; font-weight: bold; text-align:center;}
.metamorphosisLady a:hover {font-size: 17px; text-decoration:none; color: #333; font-weight: bold; text-align:center;}
.metamorphosisLady .js {font-size: 17px; text-decoration:none; color: #57408C; font-weight: bold; cursor:pointer;}
.metamorphosisLady .js:hover{font-size: 17px; text-decoration:none; color: #333; font-weight: bold;}
.metamorphosisLady img{float: left; height: 200px; margin-right: 15px; width: 152px;}
.metamorphosisLadyName{color: #F10000; font-size: 21px;  margin: 20px;}
.metamorphosisLadyName a{color: #F10000; font-size: 19px; font-weight:normal;}
.metamorphosisLadyName a:hover{color: #a8a8a8; font-size: 19px;font-weight:normal;}
.metamorphosisAdviceAdvisor{font-size:12px;}
.metamorphosisAdviceText{font-size: 13px; text-align: justify; font-family:Georgia; color:#515050;}
.metamorphosisAdviceTextImg{text-align:center;}
.metamorphosisAdviceTextImg img:hover {border:1px solid #E58520; cursor:pointer;}
.metamorphosisAdviceTextImg img {border:1px solid #AEAEAE; cursor:pointer;}
.metamorphisisAdviceAdd{}
.adviceDetails{border-collapse:collapse; font-weight:bold;}
.adviceDetails tr td{background:#fff; border:2px solid #efefef; width:389px; vertical-align:top; font-size:13px;}
.adviceDetails tr:hover td{background:#e0e0e0; border-bottom:1px solid #e0e0e0; width:389px; vertical-align:top;}
.adviceDetailsTitle{text-align:right;}

a.metamorphosisMain, a.metamorphosisMainViolet{font-size: 12px; text-decoration:none; font-weight:bold; background:#515050; padding:2px 6px; color:#fff; cursor:pointer; margin-top:10px;}
a.metamorphosisMainViolet{background:#57408C; color:#fff;}
.metamorphosisMain .js{font-size: 12px; text-decoration:none; font-weight:bold; background:#515050; padding:2px 6px; color:#fff; cursor:pointer; margin-top:10px; width:86px;}

.metamorphosisMainImg{float:left; height:172px; display:block; margin:0 10px;}
.metamorphosisMain{height:195px; width:510px;}
.metamorphosisMainText{margin-left:170px; height:142px;}

.input3{
	background-color:#fff;
	border:1px solid #aeaeae;
	color:#57408C;
	width:345px;
}
.textarea3{
	background-color:#fff;
	border:1px solid #aeaeae;
	color:#57408C;
	width:345px;
	height:198px;
}

/*  style do katalogu produktów u dołu strony  */
.katalogProduktow{width:1013px; height:24px; display:block; background:#57408C url('../img/layout/mainProductBoxBackground.png') left bottom no-repeat; padding:3px 0 0 7px;}
.katalogProduktow h2{font-family: Lucida Sans Unicode; color:#e8e8e8; font-size:17px; font-weight:normal;}

.katalogProduktowLogo{width:1020px; height:160px; display:block; text-align:center; margin: 10px 0px;}
.katalogProduktowLogoBottom{width:1006px; height:160px; display:block; text-align:center; margin: 10px 0px; padding-left:7px; padding-right:7px;}
.katalogBottom{	border-top: 1px solid #A8A8A8; margin-top:10px; padding-top:10px; padding-bottom:10px;}
.katalogBottom ul{width:125px; float:left; list-style:none;}
.katalogBottom a{text-decoration:none; font-weight: normal; font-size:11px;color: #515050;}
.katalogBottom a:hover {text-decoration:underline; font-weight: normal; color: #aaa;}
.katalogBottomLeft{width:600px;float:left; text-align:left; margin-bottom:10px; display:block;}
.katalogBottomLeft ul li{width:240px; float:left;}
.katalogBottomRight{width:400px; float:right; text-align:right;}

/* paginacja */
.paginationLayout{
	background-color:#57408C;
	border:1px solid #A8A8A8;
	color:#FFFFFF;
	display:block;
	height:20px;
	width:810px;
	margin:10px 0;
	padding:7px 0px 0px 0px;
	float:left;
	text-align:right;
	display:block;
}

/* różnica pod IE 
.paginationLayout .normal, .paginationLayoutCatalog .normal{text-decoration:none; font-weight: bold; font-size:10px;color: #57408C; border:1px solid #fff; margin:0px 3px; padding:3px 7px; background-color:#fff !important; }

.paginationLayout a, .paginationLayoutCatalog a{text-decoration:none; font-weight: bold; font-size:10px;color: #fff; border:1px solid #fff; margin:0px 3px; padding:3px 7px;}
.paginationLayout a:hover, .paginationLayoutCatalog a:hover {text-decoration:none; font-weight: bold; color: #57408C; background-color:#fff !important;}
*/
.paginationLayoutCatalog{
	background-color:#57408C;
	border:1px solid #A8A8A8;
	color:#FFFFFF;
	display:block;
	height:20px;
	width:810px;
	margin:10px 0;
	padding:7px 0px 0px 0px;
	text-align:left;
	float:left;
}

/* tagi */
.tagsHeader{
	width:200px;
	/*background:#515050;*/
	/*color:#F3F3F3;*/
	color:#56555A;
	/*border:1px solid #A8A8A8;*/
	border-top:1px solid #A8A8A8;
	border-left:1px solid #A8A8A8;
	border-right:1px solid #A8A8A8;
	border-bottom:1px solid #fff;
	display:none;
	/*display:block;
	font-size:21px;*/
	font-size:15px;
	height:15px;/*25*/
	margin:10px 0 0 0; /*10px 0*/
	padding:2px 0px 0px 0px; /*padding:2px 5px 3px 10px;*/
	text-align:center;
	position:relative;
	top:1px;
	font-weight:normal;
}
.tags{padding:10px;border:1px solid #a8a8a8; text-align:center; margin-bottom:5px;}/*width:180px;*/
.tags a, .tags span{text-decoration: none;font-size: 12px; color: #57408C;font-weight: bold;margin-right: 10px;padding:0px 3px; cursor:pointer;}
.tags a:hover, .tags span:hover{text-decoration: none;font-size: 12px; color: #efefef;font-weight: bold;margin-right: 10px; background:#57408C;padding:0px 3px;cursor:pointer;}

.tagsBottom{padding:10px;border:1px solid #a8a8a8; text-align:center;}
.tagsBottom a, .tagsBottom span{text-decoration: none;font-size: 12px; color: #57408C;font-weight: bold;margin-right: 10px;padding:0px 3px; cursor:pointer;}
.tagsBottom a:hover, .tagsBottom span:hover{text-decoration: none;font-size: 12px; color: #efefef;font-weight: bold;margin-right: 10px; background:#57408C;padding:0px 3px;cursor:pointer;}
.tagsBottom a , .tagsBottom a:hover{font-size:12px;}

.tagsPrize{width:180px;padding:10px;border:1px solid #a8a8a8; text-align:center;}
.tagsPrize a, .tagsPrize span{text-decoration: none;font-size: 12px; color: #57408C;font-weight: bold;margin-right: 10px;padding:0px 3px; cursor:pointer;}
.tagsPrize a:hover, .tagsPrize span:hover{text-decoration: none;font-size: 12px; color: #efefef;font-weight: bold;margin-right: 10px; padding:0px 3px;cursor:pointer;}

.tagsTabs a{text-decoration: none;font-size: 12px; color: #57408C;font-weight: bold;margin-right: 10px;padding:0px 3px;}
.tagsTabs a:hover{text-decoration: none;font-size: 12px; color: #efefef;font-weight: bold;margin-right: 10px; background:#57408C;padding:0px 3px;}
.tagsTabs{list-style-type:none;display:inline; text-align:center;}

a.tag14, a.tag15, a.tag16, a.tag17, a.tag18, a.tag19{text-decoration: none; color: #57408C; font-weight: bold;margin-right: 10px;padding:0px 3px;}
a.tag14:hover, a.tag15:hover, a.tag16:hover, a.tag17:hover, a.tag18:hover, a.tag19:hover{text-decoration: none; color: #efefef; font-weight: bold;margin-right: 10px; background:#57408C;padding:0px 3px;}

a.tag14, a.tag14:hover{font-size:14px;}
a.tag15, a.tag15:hover{font-size:15px;}
a.tag16, a.tag16:hover{font-size:16px;}
a.tag17, a.tag17:hover{font-size:17px;}
a.tag18, a.tag18:hover{font-size:18px;}
a.tag19, a.tag19:hover{font-size:19px;}

#poll-container{overflow:auto;}

/* style do błędów, info i wyjątków */

.messages ul li{list-style-type:none; padding:2px; font-size:12px; font-weight:bold; text-align:center;}
.error{background:#BF0000; color:#fff; border:1px solid #A8A8A8; margin-bottom:10px;}
.info{background:#324316; color:#fff; border:1px solid #A8A8A8; margin-bottom:10px;}
.exception{background:#FF9925; color:#fff; border:1px solid #A8A8A8; margin-bottom:10px;}

.errorPage{background:#666; color:#efefef; border:1px solid #a8a8a8; float:left; display:block; width:788px; padding:10px; margin:20px 0; text-align:center;}

/* user  */
.userRegister .input2:hover{background:#ccc;}
.profileTitle{margin:20px 0px 10px 0px; border-bottom:1px solid #aeaeae; font-weight:bold; font-size:14px;}
.profileCheckboxName{margin:0px 18px 0px 10px; font-size:12px; color:#57408C;}
.profileMyWardrobe{width:100%; margin-top:5px; border-collapse:collapse; border:1px solid #aeaeae; text-align:center;}
.profileMyWardrobe a img{border:0px;}
.profileMyWardrobe th {color:#57408C; font-weight:bold; font-size:13px; background:#fff;}
.profileMyWardrobe tr:hover{background:#ccc;}

.borderRightEF{border-right:1px solid #EFEFEF;}
.borderRightEF:hover{border-right:1px solid #aeaeae;}
.border{border:1px solid #a8a8a8;}
.border:hover{border:1px solid #E58520;}

.profileNormal a:link, .profileNormal a:visited {text-decoration:underline; font-weight: bold; font-size:12px;color: #57408C;}
.profileNormal a:hover {text-decoration:none; font-weight: bold; color: #a8a8a8;}

.fullWidth, .fullWidthMetamorfozy{background:#efefef; border:1px solid #a8a8a8; float:left; width:788px; padding:10px; margin-bottom:10px;}
.fullWidth h3, .fullWidthMetamorfozy h3{margin:15px 0px 10px 0px; color:#515050;}
.fullWidth p, .fullWidthMetamorfozy p{margin:0px 0px 5px 0px;}
.fullWidth h1, .fullWidthMetamorfozy h1{font-size:17px;}

.fullWidthMetamorfozy{width:806px; padding:1px;}


/* galeria i konkursy */

.boxContestBig{
	width:170px;
	height:250px;
	text-align:center;
	float:left; 
	margin:2px 6px 10px 6px;
	padding: 10px 0px; 
	border: 1px solid #a8a8a8;
	background:#eaeaea;
}
.boxContestBigMetamorphosis{
	width:370px;
	height:250px;
	text-align:center;
	float:left; 
	margin:2px 6px 10px 6px;
	padding: 10px 0px; 
	border: 1px solid #a8a8a8;
	background:#eaeaea;
}

.boxContestBigImgMax{max-height:175px; max-width:140px;}

.boxContestBig img, .boxContestBigMetamorphosis img{border: 5px solid #fff; margin:20px 0px;}
.boxContestBig img:hover, .boxContestBigMetamorphosis img:hover{border: 5px solid #57408C; margin:20px 0px;}
.boxContestBigImg{height:180px;}
.boxContestVeryBigImg{height:208px;}
.boxContestVeryBigImgMetamorphosis{height:230px;}
.boxContestText{height: 58px; background:#efefef; color:#515050; padding:2px;}
.boxContestVoteNumber{background:#515050; color:#fff; font-weight:bold;}
.boxContestVote{background:#BF0000; color:#fff; font-weight:bold; padding:2px; margin:2px 0px 0px 0px;}
.boxContestVote:hover{background:#57408C; color:#fff; font-weight:bold; padding:2px; margin:2px 0px 0px 0px;}
.boxContestVoteFriend{background:#FF9925; color:#fff; font-weight:bold; padding:2px; margin:2px 0px 0px 0px;}

a.boxContestVoteHref{color:#fff; font-weight:bold; text-decoration:none; font-size:14px;}
a.boxContestVoteHref:hover{color:#eaeaea; font-weight:bold; text-decoration:none; font-size:14px;}

a.boxContestVoteFriendHref{color:#57408C; font-weight:bold; text-decoration:none; font-size:14px;}
a.boxContestVoteFriendHref:hover{color:#eaeaea; font-weight:bold; text-decoration:none; font-size:14px;}

.boxContestBigImgContest{width:140px;}

.winners img{height:140px; border:1px solid #a8a8a8; margin:0 0 10px 10px;}
.winners p{margin:10px 0 0 0; text-align:center; font-weight:bold;}

/* poleć znajomej */
.recommend img{width:200px; height:200px; display:block; border:1px solid #AEAEAE;}

/* konkurs letni itd. */
.competitionPlace{font-size:16px; font-weight:bold; color:#57408C; border:1px solid #a8a8a8; margin:10px 0 5px 0; padding:5px; background:#fff;}

/* popUp, dużo w popupie dałem pomocniczych */
.popUp{display:none;position:absolute; top:50%; left:50%; margin:-200px 0 0 -250px; width: 500px; background: #EAEAEA; border: 1px solid #A8A8A8;}
.popUpIE{display:none; position:absolute; top:50%; left:50%; margin:-200px 0 0 -250px; width: 500px; background: #EAEAEA; border: 1px solid #A8A8A8;z-index:99;}
.popUpHeader{font-size:26px; color:#fff; background: #57408C; height: 56px; border-bottom: 1px solid #A8A8A8; padding:10px;}
.popUpHeaderX{cursor:pointer; display:block; float: right; color: #fff; font-size: 20px;}

/* seoTeksty .seoText{background:#efefef; border:1px solid #a8a8a8; float:left; width:788px; padding:10px; margin:20px 0;} */
.seoText{background:#efefef; border:1px solid #a8a8a8; float:left; display:block; width:788px; padding:10px; margin:20px 0;}

/* pomocnicze */
.mainH1{font-size:12px; position:relative; top:-84px; float:right; padding-right:4px; color:#a8a8a8;}
span.mainH1{font-size:12px; position:relative; top:-84px; float:right; padding-right:4px; color:#a8a8a8;font-weight:bold;}
.h1-right{color:#515050; font-size:15px; font-weight:bold; margin:5px 0;}
.imgBorder, .imgBorder img{border: 1px solid #d3d3d3; padding:2px;}
.borderWhiteBackground{border:1px solid #a8a8a8; margin:10px 0px; padding: 10px 0px;}
.imgRss{position:relative; top:3px;}
.Lucida{font-family: Lucida Sans Unicode;}
.marginBottom10{margin-bottom:10px;}
.marginBottom20{margin-bottom:20px;}
.marginTop10{margin-top:10px;}
.marginTop20{margin-top:20px;}
.marginTop50{ margin-top: 50px;}
.marginRight7{margin-right:7px;}
.marginRight10{margin-right:10px;}
.marginLeft10{margin-left:10px;}
.marginLeft200{margin-left:150px;}
.paddingRight10{padding-right:10px;}
.paddingLeft10{padding-left:10px;}
.padding20{padding:20px;}
.big{font-size:120%;}
.veryBig{font-size:150%;}
.white{color:#fff;}
.violet{color:#57408C;}
.black{color:#000;}
.red{color:#ff0000;}
.gray{color:#515050;}
.height195{height:195px;}
.height300{height:300px;}
.width240{width:240px;}
.width788{width:788px;}
.bold{font-weight:bold;}
.pointer{cursor:pointer;}
.underline{text-decration:underline;}
.floatLeft{float:left;}
.floatRight{float:right;}
.right{text-align:right;}
.left{text-align:left;}
.bottom{text-align:bottom;}
.center{text-align:center;}
.top{vertical-align:top;}
.listNone{list-style-type:none; list-style-image:none;}
.block{display:block;}
.displayNone{display:none;}
.borderNone, .borderNone img{border:none;}
.inline{display:inline;}

.classListItemInvisible{display:none;}
.rightMenuListing{cursor:pointer; display:inline; border:1px solid #a8a8a8; color:#fff; background:#57408C; font-weight:bold; margin-right:2px; padding:0 3px;}
.rightMenuListing:hover, .rightMenuListingCurrent{color:#57408C; background:#fff;}

a.konkurs:link, a.konkurs:visited {text-decoration:none; font-weight: bold; font-size:16px; color: #D13713;} 
a.konkurs:hover {text-decoration:underline; font-weight: bold; color: #333;}


/* STYLE do TABS-ów -> WYSZUKIWARKA i TAGI -> na końcu kilka ustawień dodatkowych*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 1px 0 0px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;

}
.tabs-nav a {
    z-index: 2;
    padding-left: 0;
    color: #fff;
    background-color:#515050;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    height:31px;
    border-bottom: 1px solid #fff; 
}
.tabs-nav .tabs-selected a {
	/*position:relative;
	top:1px;*/
    	color: #57408C;
    	background-image: url('../img/layout/tabsBackground.png');
    	height:31px;
       border-bottom: 1px solid #aaa; 
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;

}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 0px solid #fff; /*#97a5b0; */
    padding: 1em 8px;
  /*   background: #fff; declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


.tabsMainPageSearch{
	height:145px; width:300px; display:block;  float:left; margin-left:10px; margin-right:10px; /* height : 200*/
}

#wyszukiwarka, #tagi {background: url('../img/layout/tabsBackground.png') repeat-x ; height:96px;} /*170*/
#tagi a{font-size:100%;}
#wyszukiwarka select{
	width:200px; 
	border:1px solid #57408C;
	font-size:10px;
	cursor:pointer;
	}
#wyszukiwarka select:hover{background-color:#e9e9e9;}
#wyszukiwarka table{padding-left:10px;padding-top:0px;} /*padding-top:10px;*/
#wyszukiwarka .submit{background: url('../img/layout/tabsBackgroundSearch.png') no-repeat; width:64px; height:20px; display:block; border:none; cursor:pointer; margin-top: 20px 0px 0px 0px; float:right;}



/* END TABS-y -> WYSZUKIWARKA i TAGI */


	/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:160px;
			width:1020px;
			overflow:hidden;
			}	
		
	/* slider do Galerii   */		
		#sliderGallery ul, #sliderGallery li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#sliderGallery, #sliderGallery li{ 
			height:160px;
			width:490px;
			overflow:hidden;
			}	
			
			
/*	
		#slider{ 
			margin-left:5px;
			}	
*/	
		#prevBtn, #nextBtn{ 
			display:block;
			width:12px;
			height:12px;
			float:left;
			position:relative;
			top:4px;
			}	
		#nextBtn{ 
			float:right;
			}			
										
		#prevBtn a, #nextBtn a{  
			display:block;
			width:12px;
			height:12px;
			background:url(../img/layout/nextLeftWhite.png) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(../img/layout/nextRightWhite.png) no-repeat 0 0;	
			}			
			
			
		#prevBtnGallery, #nextBtnGallery{ 
			display:block;
			width:12px;
			height:12px;
			float:left;
			position:relative;
			top:6px;
			}	
		#nextBtnGallery{ 
			float:right;
			margin-right:10px;
			}									
		#prevBtnGallery a, #nextBtnGallery a{  
			display:block;
			width:12px;
			height:12px;
			background:url(../img/layout/nextLeftGrey.png) no-repeat 0 0;	
			}	
		#nextBtnGallery a{ 
			background:url(../img/layout/nextRightGrey.png) no-repeat 0 0;	
			}
	/* // slider */	
	
/* BloMedia Reklamy  i inne banerki tez*/

.bloMainRectangle{width:300px; height:250px; margin-left:10px;display:block;float:left;margin-top:5px;position:relative; top:-24px;}

.banner-link300x250{background:url(../img/pixel.png) repeat; width:300px; height:250px; display:block; position:relative; z-index:999;top:-250px; left:0;}
.banner-link160x600{background:url(../img/pixel.png) repeat; width:160px; height:600px; display:block; position:relative; z-index:999;top:-600px;}

.bloMainRectangleIE{background:url(../img/pixel.png) repeat; width:300px; height:250px; display:block; position:relative; z-index:999;top:-250px;}
.bloRectangleArticle{width:300px; height:250px; float:left;margin:0 0 10px 250px;display:block;}
.bloRectangle{width:300px; height:250px; float:left;margin:10px 0 10px 250px;display:block;}
.bloRectangleCompetition{width:300px; height:250px; float:left;margin:0px 170px 10px 220px;display:block;}
.bloRectangleCatalog{width:300px; height:250px; float:left;margin:40px 0 0px 0px;display:block;}

.bannerMain{background:url(../img/pixel.png) repeat;cursor:pointer;}

.banner750x100{width:750px; height:100px; display:block;float:left;margin:0 auto 20px 130px;position:relative;}
.banner750x100 a{background:url(../img/pixel.png) repeat; width:750px; height:100px; display:block; position:relative; z-index:999;top:-100px;}

.banner-link300x250{background:url(../img/pixel.png) repeat; width:300px;height:250px;display:block;z-index:9;position:absolute;top:0px; }

/*sonda*/
.poll{margin-left:30px;margin-bottom:10px;}

	.graph {
	  width: 178px; /*width: 250px;	  right: 30px;*/
	  position: relative;

	}
	.bar-title {
	/*  position: relative; 
	  float: left;*/
	  width: 170px;
	  margin-right: 4px;
	  font-weight: normal;
	  text-align: left;/*right*/

	}
	.bar-container {
	/*  position: relative;  
	  float: left;*/
	  width: 170px; /*70*/
	  height: 10px;
	  margin: 0px 0px 0px 0px;  /*bar-title*/
	  background:#eaeaea;
	}
	
	.bar-container div {
	  background-color:#cc4400;
	  height: 10px; /* height: 20px*/
	}
	.bar-container strong {/*
	  position: absolute;
	  right: 0px; right: -32px;
	  top: 0px;
	  overflow: hidden;*/
	  float:right;
	  position:relative;
	  top:-12px;
	  background:#fff;
	  padding-left:2px;

	}
	#poll-results{width: 170px;}
	#poll-results p {
	  text-align: center;
	}

/* do nowych metamorfoz - konkurs */	
.metamorfozyTop{background:url(../img/layout/metamorfozyTop.jpg) no-repeat 0 0;width:806px;height:1359px;color:#57408C;position:relative;text-align:left;}
.metamorfozyTop a{color:#57408C;font-weight:bold;}
.metamorfozyTop a:hover{color:#a8a8a8;font-weight:bold;}
.metamorfozyTop span.second{color:#E3007B;font-weight:bold;text-decoration:none;cursor:pointer;}
.metamorfozyTop span.second:hover{color:#a8a8a8;font-weight:bold;}
.metamorfozyTop span.second2{color:#57408C;font-weight:bold;text-decoration:none;cursor:pointer;}
.metamorfozyTop span.second2:hover{color:#a8a8a8;font-weight:bold;}
.metamorfozyNumber{font-weight:bold;font-size:21px;}
a.metamorfozy:link, a.metamorfozy:visited {text-decoration:none;font-weight:bold;color: #fff;background:url(../img/layout/metamorfozyButtonBackground.png) repeat-x;padding:5px 14px;}
a.metamorfozy:hover {text-decoration:none; font-weight: bold; color: #D6D4D5;}
.metamorfozy1{color:#E3007B;font-size:21px;position:relative;top:380px;}
.metamorfozy2{position:relative;top:400px;left:60px;font-size:13px;}
.metamorfozy3{position:relative;top:410px;left:60px;font-size:13px;float:left;}
.metamorfozy4{color:#E3007B;font-size:21px;position:absolute;top:560px;left:320px;float:left;}
.metamorfozy5{position:absolute;top:630px;left:312px;float:left;line-height:23px;}
.metamorfozy6{position:absolute;top:850px;left:60px;float:left;line-height:23px;color:#E3007B;font-size:21px;}
.metamorfozy7{position:absolute;top:930px;left:60px;float:left;line-height:23px;}
.metamorfozy8{position:absolute;top:1150px;left:312px;float:left;line-height:23px;color:#E3007B;font-size:21px;}
.metamorfozy9{position:absolute;top:1230px;left:312px;float:left;line-height:23px;}
.metamorfozy10{position:absolute;top:1280px;left:312px;float:left;color:#E3007B;font-size:31px;font-weight:bold;}
.metamorfozy11{color:#57408C;font-weight:bold;font-size:17px;}

.metamorfozyKLopis{color:#57408C;font-size:21px;line-height:23px;position:relative;top:-130px;margin:0 5px;}

.newYorker2{background:url(../img/pixel.png) repeat;}

.newYorker{width:160px;height:600px;display:block;cursor:pointer;margin-left:20px;}