/***********************************************************************************************************/
/* Fashionlevel @ amedio.cz, 2010 */
/*	display;
	position;
	float;
	overflow;
	width;
	height;
	min-width;
	max-width;
	min-height;
	max-height;
	margin;
	padding;
	border;
	background;
	color:
	font;
	text;
/***********************************************************************************************************/

* {margin: 0; padding: 0;}

body {
	height: 100%;
	font-family: Georgia, "New York CE", utopia, serif;	
}

html {
	color: #000;
	height: 100%;
	background: #6b0006 url('img/html-pattern.jpg') no-repeat center top;
	background-attachment: fixed;
}

img {
	border: 0;
}

fieldset {
	border: 0;
	margin: 0;
}

form {
	margin: 0;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/***********************************************************************************************************/
/* Layout */
/***********************************************************************************************************/

div#root {
	margin: 0px;	
	text-align: center;
	padding: 0 0 100px 0;
}

/* *********************************** header *********************************** */

div#header {
	background: #000 url('img/logo.gif') no-repeat center 15px;
	height: 100px;
	text-align: center;	
}

div#header h1, div#header p {
	display: none;	
}

div#logo {
	width: 350px;
	height: 100px;
	margin: 0 auto;
	cursor: pointer;
}

/* *********************************** window *********************************** */

div#window {
	width: 1000px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid white; 
}

/* *********************************** menu *********************************** */

div#menu {
	height: 39px;
	border-bottom: 1px solid black;	
	margin: 0 10px 0 10px; 
}

div#menu .left {
	width: 650px;
	height: 37px;
	float: left;	
}

div#menu .left ul {
	list-style-type: none;
	margin: 10px 0 0 0;		
}

div#menu .left ul li {
	float: left;		
}

div#menu .left ul li a {
	display: block;		
	overflow: hidden;
	text-indent: -200px;
}

div#menu .left ul li a:hover {
	border-bottom: 3px solid black;
}

div#menu .left ul li a.women {
	height: 26px;
	width: 79px;
	background: url('img/category/women.gif') no-repeat left top; 
}

div#menu .left ul li a.men {
	height: 26px;
	width: 58px;
	background: url('img/category/men.gif') no-repeat left top; 
}

div#menu .left ul li a.shoes {
	height: 26px;
	width: 71px;
	background: url('img/category/shoes.gif') no-repeat left top; 
}

div#menu .left ul li a.accessories {
	height: 26px;
	width: 120px;
	background: url('img/category/accessories.gif') no-repeat left top; 
}

div#menu .left ul li a.jewellery {
	height: 26px;
	width: 99px;
	background: url('img/category/jewellery.gif') no-repeat left top; 
}

div#menu .left ul li a.cosmetics {
	height: 26px;
	width: 107px;
	background: url('img/category/cosmetics.gif') no-repeat left top; 
}

div#menu .left ul li a.handbags {
	height: 26px;
	width: 107px;
	background: url('img/category/handbags.gif') no-repeat left top; 
}

div#menu .right {
	width: 308px;
	height: 37px;
	float: right;	
	font-family: "Arial", sans-serif;	
}

div#menu .right ul {
	float: left;
	margin: 14px 0 0 0;
	list-style-type: none;	
}

div#menu .right ul li {
	color: #bbb;
	float: left;
	font-size: .65em;	
	margin: 0 12px 0 0;
}

div#menu .right .search {
	float: right;
	width: 175px;
	height: 24px;
	margin: 7px 6px 0 0;
}

div#menu .right .search legend {
	display: none;
}

div#menu .right .search input.text {
	float: left;
	width: 105px;
	height: 19px;
	padding: 3px 7px 3px 7px;
	font-size: .7em;
	color: #666;
	border: 0px solid black;
	background: url('img/input-search-pattern.gif') no-repeat left top;
}

div#menu .right .search input.button {
	float: right;
	width: 52px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	background: url('img/button-search-pattern.gif') no-repeat left top;
	font-weight: bold;
	color: #666;
	border: 0px solid black;
	font-size: .7em;
}

/* *********************************** box *********************************** */

div#box {
	margin: 5px 10px 20px 10px; 
}

/* *********************************** box > left *********************************** */

div#box .left {
	width: 660px;
	float: left; 
}

/* *********************************** box > right *********************************** */

div#box .right {
	width: 300px;
	float: right;
	margin: 0 10px 0 0;
}

div#box .right .banner {
	width: 300px;
	margin: 0 0 17px 0; 
}

div#box .right h3.shoppingGuide {
	width: 300px;
	height: 120px;
	overflow: hidden;
	text-indent: -300px;
	background: url('img/shopping-guide-pattern.gif') no-repeat left top;
	margin: 0 0 20px 0; 
}

div#box .right .facebook {
	margin: 0 0 10px 0; 
}

div#box .right .tag {
	margin: 0 0 20px 0;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 15px 16px 16px 16px; 
	font-family: "Arial", sans-serif;	
}

div#box .right .tag h3 {
	width: 44px;
	height: 11px;
	background: url('img/labels-pattern.gif') no-repeat left top;
	overflow: hidden;
	text-indent: -100px;
	margin: 0 0 15px 0;	
}

div#box .right .tag a {
	color: #666;	
}

div#box .right .category {
	margin: 0 0 20px 0;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 15px 16px 16px 15px; 
	font-family: "Arial", sans-serif;	
}

div#box .right .category h3 {
	width: 85px;
	height: 11px;
	background: url('img/categories-pattern.gif') no-repeat left top;
	overflow: hidden;
	text-indent: -100px;
	margin: 0 0 15px 0;	
}

div#box .right .category legend {
	display: none	
}

/***********************************************************************************************************/
/* mainArticle */
/***********************************************************************************************************/

.mainArticle {
	margin: 0;
	width: 640px;
	padding: 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #ccc;
}

.mainArticle .img {
	width: 640px;
	max-height: 300px;
	overflow: hidden;
	text-align: center;
	background: #000;
	margin: 0;
}

.mainArticle .link .img {
	cursor: pointer;	
}

.mainArticle .text {
	margin: 15px 0 13px 0;
}

.mainArticle .publicateAt {
	float: right;
	text-transform: uppercase;
	font-size: .65em;
	color: #999;	
	font-family: "Arial", sans-serif;
	margin: 3px 8px 0 20px;	
	width: 82px;
	text-align: right;
}

.mainArticle h2 {
	color: #000;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
}

.mainArticle h2 a {
	text-decoration: underline;
	color: #000;	
}

.mainArticle h2 a:hover {
	text-decoration: none;	
}

.mainArticle h2 a.hover {
	text-decoration: none;
}

.mainArticle h1 {
	font-weight: normal;
	font-size: 1.9em;
	color: #fff;
	background-color: #000;
	padding: 15px 10px 12px 10px;
	margin: 0;	
}

.mainArticle .advertising {
	margin: 0 0 15px 0;	
}

.mainArticle .advertising .leftColumn {
	float: left;
	width: 336px;
	height: 280px;
	overflow: hidden;	
}

.mainArticle .advertising .rightColumn {
	float: right;
	width: 280px;
}

.mainArticle .advertising .rightColumn p {
	margin: 25px 0 0 0;
	font-size: .75em;
	color: #000;
	line-height: 1.8em;
	font-family: "Arial", sans-serif;
}

.mainArticle .advertising .rightColumn p a {
	text-decoration: underline;
}

/***********************************************************************************************************/
/* articles */
/***********************************************************************************************************/

.articles {
	margin: 9px 0 0 0;
	width: 660px;
}

.articleItem {
	width: 220px;
	height: 350px;
	float: left;
	cursor: pointer;
}

.active {
	background-color: #f6f2e8;
}

.articleItem .content {
	width: 200px;
	height: 330px;
	overflow: hidden;
	margin: 10px;
}

.articleItem .content .img {
	background: #000;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

.articleItem .content h2 {
	font-size: .8em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 11px 0 0 0;
}

.articleItem .content h2 a {
	color: #000;
	text-decoration: underline;
}

.articleItem .content h2 a:hover {
	text-decoration: none;
}

.articleItem .content h2 a.hover {
	text-decoration: none;
}

.articleItem .content .publicateAt {
	text-transform: uppercase;
	font-size: .65em;
	color: #999;	
	font-family: "Arial", sans-serif;
	margin: 7px 0 0 0;
}

/***********************************************************************************************************/
/* sale */
/***********************************************************************************************************/

#sale {
	margin: 10px 0 0 0;
}

#sale h3 {
	width: 960px;
	height: 80px;
	text-indent: -500px;
	overflow: hidden;
	background: url('img/sales.gif') no-repeat left top;
	margin: 0 0 0 10px;
}

#sale .sales {
	margin: 5px 0 0 0;
}

#sale .sales .item {
	width: 196px;
	height: 350px;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

#sale .sales .item .content {
	width: 176px;
	height: 330px;
	overflow: hidden;
	margin: 10px;
}

#sale .sales .item .content .img {
	background: #000;
	width: 176px;
	height: 200px;
	overflow: hidden;
}

#sale .sales .item .content h2 {
	font-size: .8em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 11px 0 0 0;
}

#sale .sales .item .content h2 a {
	color: #000;
	text-decoration: underline;
}

#sale .sales .item .content h2 a:hover {
	text-decoration: none;
}

#sale .sales .item .content h2 a.hover {
	text-decoration: none;
}

#sale .sales .item .content .publicateAt {
	text-transform: uppercase;
	font-size: .65em;
	color: #999;	
	font-family: "Arial", sans-serif;
	margin: 7px 0 0 0;
}

/***********************************************************************************************************/
/* editorial */
/***********************************************************************************************************/

#editorial {
	width: 960px;
	height: 480px;
	background: url('img/editorial-pattern.jpg') no-repeat left top;
	margin: 0 20px 20px 20px;	
}

#editorial .content {
	padding: 155px 50px 0 41px;	
}

#editorial .content p {
	color: #fff;
	font-size: .8em;
	line-height: 1.6em;
	font-family: "Arial", sans-serif;
	margin: 0 0 15px 0;
}

/***********************************************************************************************************/
/* footer */
/***********************************************************************************************************/

#footer {
	width: 1000px;
	background-color: #000;
	margin: 0 auto;
	text-align: left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	position: relative;
}

#footer .content {
	height: 140px;
	margin: 38px 0 38px 0;
	background: url('img/footer-pattern.gif') repeat-y left top;
}

#footer ul {
	list-style-type: none;
	margin: 12px 0 0 1px;
	font-size: .7em;
	font-family: "Arial", sans-serif;
}

#footer ul li {
	line-height: 2.2em;
	color: #333;
}

#footer ul li a {
	color: #999;
}

#footer ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

#footer .information {
	float: left;
	width: 190px;
	margin: 0 0 0 40px;
}

#footer .information h3 {
	width: 154px;
	height: 19px;
	background: url('img/information.gif') no-repeat left top;
	overflow: hidden;
	text-indent: -150px;
}

#footer .advert {
	margin: 0 0 0 289px;
	width: 120px;
}

#footer .advert h3 {
	width: 89px;
	height: 19px;
	background: url('img/advert.gif') no-repeat left top;
	overflow: hidden;
	text-indent: -90px;
}

#footer .support {
	margin: 0 340px 0 0;
	width: 120px;
	float: right;
}

#footer .support h3 {
	width: 102px;
	height: 19px;
	background: url('img/support.gif') no-repeat left top;
	overflow: hidden;
	text-indent: -100px;
}

#footer .facebook {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 30px;
	top: 30px;
	text-indent: -100px;
	overflow: hidden;
	background: url('img/facebook-ico.gif') no-repeat left top;
}

/***********************************************************************************************************/
/* foot */
/***********************************************************************************************************/

#foot {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#foot p.top {
	padding: 27px 0 0 39px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	font-size: .75em;
}

#foot p.bottom {
	padding: 4px 0 0 39px;
	margin: 0;
	color: #fff;
	font-size: .7em;
	font-family: "Arial", sans-serif;
}

/***********************************************************************************************************/
/* detail */
/***********************************************************************************************************/

#detail {
	margin: 0;
}

#detail .article {
	margin: 0 10px 0 10px;
}

#detail .article .img {
	width: 640px;
	max-height: 300px;
	overflow: hidden;
	text-align: center;
	background: #000;
	margin: 0;
}

#detail .article .facebookLike {
	float: right;
	margin: 20px 0 0 20px;
	width: 82px;
}

#detail .article h1 {
	color: #000;
	font-size: 1.9em;
	font-weight: normal;
	margin: 15px 0 0 0;
}

#detail .article p.category {
	text-transform: uppercase;
	font-size: .65em;
	color: #999;
	font-family: "Arial", sans-serif;
	margin: 5px 0 0 0;
}

#detail .article p.category a {
	color: #999;
	text-decoration: underline;
}

#detail .article p.category a:hover {
	color: #000;
	text-decoration: none;
}

#detail div.text {
	color: #000;
	margin: 20px 0 0 0;
	font-family: "Arial", sans-serif;
}

#detail div.text h2, #detaili div.text h3, #detail div.text h4 {
	margin: 15px 0 15px 0;
	font-weight: normal;
	letter-spacing: -2px;
}

#detail div.text ul {
	font-size: 0.75em;
	margin: 15px 0 15px 20px;
	list-style-type: square;
	font-family: "Arial", sans-serif;
}

#detail div.text ol {
	font-size: 0.75em;
	margin: 15px 0 15px 20px;
	font-family: "Arial", sans-serif;
}

#detail div.text ol li, #detail div.text ul li {
	line-height: 1.8em;
}

#detail div.text img {
	margin: 0 0 15px 0;
}

#detail div.text p {
	font-size: 0.75em;
	color: #000;
	line-height: 1.8em;
	margin-bottom: 15px;
}

#detail div.text p a {
	text-decoration: underline;
}

#detail div.text p a:hover {
	text-decoration: none;
}

#detail div.tags {
	color: #666;
	margin: 30px 0 0 0;
	font-family: "Arial", sans-serif;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 8px 10px 8px;
	font-size: .75em;
	line-height: 1.6em;
}

#detail div.tags h3 {
	display: inline;
	font-size: 1em;
}

#detail div.tags a {
	text-decoration: underline;
	color: #666;
}

#detail div.tags a:hover {
	text-decoration: none;
	color: #000;
}

#detail div.links {
	margin: 18px 0 10px 0;
	font-size: 1.2em;
}

#detail div.links a.deactive {
	color: #000;
	text-decoration: none;
}

#detail div.links a.active {
	color: #666;
	text-decoration: underline;
	background: none;
}

#detail div.links a:hover {
	text-decoration: underline;
	color: #000;
}

/***********************************************************************************************************/
/* static */
/***********************************************************************************************************/

#static {
	margin: 0;
	padding: 15px 0 0 10px;
}

#static h1 {
	color: #000;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0 0 15px 0;
}

#static h2 {
	margin: 15px 0 15px 0;
	font-size: 1.8em;
	font-weight: normal;
}

#static h3 {
	margin: 15px 0 15px 0;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: -1px;
}

#static h4 {
	margin: 15px 0 15px 0;
	font-weight: normal;
	letter-spacing: -2px;
}

#static ul {
	font-size: 0.75em;
	margin: 15px 0 15px 20px;
	list-style-type: square;
	font-family: "Arial", sans-serif;
}

#static ol {
	font-size: 0.75em;
	margin: 15px 0 15px 20px;
	font-family: "Arial", sans-serif;
}

#static ol li, #static ul li {
	line-height: 1.8em;
}

#static img {
	margin: 0 0 15px 0;
}

#static p {
	font-size: 0.75em;
	color: #000;
	line-height: 1.8em;
	margin-bottom: 15px;
	font-family: "Arial", sans-serif;
}

#static p a {
	text-decoration: underline;
}

#static p a:hover {
	text-decoration: none;
}

#static div.partners {
	margin: 35px 0 35px 0;
}

#static div.partners .item {
	width: 210px;
	height: 350px;
	float: left;
	text-align: center;
	overflow: hidden;
	background-color: #f0f0f0;
}

#static div.partners .item {
	width: 200px;
	float: left;
	text-align: center;
	margin: 0 15px 15px 0;
}

#static div.partners .item h3 {
	font-size: 1.2em;
	letter-spacing: -2px;
	margin: 5px 0 0 0;
}

#static div.partners .item p {
	text-align: justify;
	font-size: .7em;
	color: #333;
	line-height: 1.6em;
	margin: 5px;
}

#static div.partners .item h3 a {
	text-decoration: underline;
}

#static div.partners .item h3 a:hover {
	text-decoration: none;
}


/***********************************************************************************************************/
/* Tagy */
/***********************************************************************************************************/
	
.tag-10 {font-size: 1.4em !important; }
.tag-9 {font-size: 1.25em !important; }
.tag-8 {font-size: 1.15em !important; }
.tag-7 {font-size: 1.05m !important; }
.tag-6 {font-size: 1em !important; }
.tag-5 {font-size: .95em !important; }
.tag-4 {font-size: .9em !important; }
.tag-3 {font-size: .85em !important; }
.tag-2 {font-size: .8em !important; }
.tag-1 {font-size: .7em !important; }


/***********************************************************************************************************/
/* Pager */
/***********************************************************************************************************/
	

.pager {
	margin: 25px 20px 0 20px;
	font-size: .8em;
}

.pager a {
	padding: 0 3px 0 3px;
	text-decoration: underline;
	color: #000;
}

.pager span.actPage {
	font-size: 2.2em;
	color: #ff046e;
	padding: 0 3px 0 3px;
}


/***********************************************************************************************************/
/* simplePager */
/***********************************************************************************************************/
	

.simplePager {
	margin: 25px 20px 0 20px;
	font-size: .8em;
	text-align: center;
}

.simplePager span {
	color: #999;	
}

.simplePager a {
	color: #010101;
	text-decoration: underline;	
}

.simplePager a:hover {
	text-decoration: none;	
}


/***********************************************************************************************************/
/* REKLAMA */
/***********************************************************************************************************/


.adRectangle {
	width: 480px;
	height: 300px;
	margin: 10px 0 10px 0;
}

.adRectangle p {
	color: #666 !important;
	font-size: .6em !important;
	padding-bottom: 5px !important;
	margin: 10px 0 0 8px !important;
}


/***********************************************************************************************************/
/* Obecne tridy */
/***********************************************************************************************************/

.no {
	display: none !important;
}

.cleaner {
	clear: both;
	height: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	border: 0 !important;
	font-size: 1px;
}
