*{margin:0; padding:0;}

body	{
	background-color:#fff;
	font-family:Verdana, sans-serif;
	font-size:1em;
	color:#000;
	line-height:1.2;
	margin:auto;
	}

#width	{position:fixed; top:0.5em; left:0.5em;}


a	{color:#000;}
a:visited{color:#000;}

h1	{font-size:1.7em; font-weight:normal; color:#333; margin-bottom:0.7em; line-height:1.2;}
h2	{font-size:1.5em; font-weight:normal; color:#333; margin-bottom:0.5em; line-height:1.2;}

h1.center	 {text-align:center;}
p	{margin-bottom:1em; line-height:1.4;}

.clear	{clear:both;}

.comment{color:#666;}

.list, .list	{margin-bottom:1em;}
.list li, .list li	{margin-left:1.5em;}

.up	{margin-top:-1em;}

.space1	{margin:4em;}

/* Процесс загрузки */
.loading{background:url(/pics/loading.gif) no-repeat; width:50px; height:50px; position:absolute; display:none; z-index:1; left:48%; margin-top:1.5em;}

/* тело */
.body	{margin:auto; width:900px; padding:1em;}
.body1	{width:22em; margin:auto; }

.gohome	{cursor:pointer;}

/* Шапка */
header	{margin-top:1em;}
header .logo	{margin:auto; background:url(/pics/barbara/2021/logo.png) no-repeat; background-size:contain; width:350px; height:270px;}
header .logo1	{position:absolute; top:1em;   background:url(/pics/barbara/2021/logo1.png) no-repeat; background-size:contain; width:117px; height:90px;}

/* Меню */
nav	{font-size:1em; /* text-transform: uppercase; */ overflow:hidden; /* background-color:#ff3f91;*/ width:6em; float:left; margin-bottom:1em;}
nav a	{text-decoration:none;}
nav ul	{border-right:1px solid #7b6d4f;}
nav ul li {display:block; list-style:none; line-height:1.9; color:#ff3f91;}
nav ul li a:hover	{text-decoration:underline;}

#mbtn	{display:none; width:26px; height:26px; cursor:pointer; background-image:url('/pics/ico/menu1.png'); background-size:contain;}

/* Основная часть */
.content	{margin-left:8em;}

.close	{text-align:right;}
.close .phone	{margin-bottom:0.3em;}

.shop,
.login,
.reg,
.pswd,
.gift,
.orderlink,
.videolink	{text-align:center; margin-bottom:1em;}

.videolink	{text-decoration:underline;}

.gift a	{text-decoration:none; font-size:.8em; text-transform:uppercase; color:#ff3f91;}

.shop	{text-transform:uppercase; font-family:Arial; letter-spacing:0.2em;}

.orderlink div:first-child	{margin-bottom:0.5em;}

#reg	{text-transform:uppercase; font-size:0.9em; cursor:pointer;}

#pswd,
#video	{font-size:.9em; color:#666; cursor:pointer;}



/* Таблица */
table.table	{border-collapse:collapse; padding-bottom:1em; line-height:1.3;}
table.table th	{background-color:#ccc; padding:0.5em 1em; font-weight:normal; border:1px solid #666;}
table.table td	{padding:0.5em; text-align:center; border:1px solid #666;}
table.table .td1	{background-color:#F0F9FF;}
table.table .left	{text-align:left;}
table.table td.nb	{border:0;}


/* Страницы */
.pages {margin-top:1em;}
.pages li {display:inline-block; width:2em; height:2em; text-align:center; line-height:2; background-color:#f5f6fa; border-radius:.5em; font-size:0.9em;}
.pages li a	{text-decoration:none; padding:0.7em; color:#212d39;}
.pages li:hover	{background-color:#e1e1e1;}
.pages li.active{background-color:#ccc;}
.pages li.next	{margin:0 1em; width:6em;}

/* Подвал */
footer	{border-top:1px solid #7b6d4f; clear:both;}
footer .body	{color:#666; line-height:1.7;}
footer ul	{display:table; width:100%; }
footer ul li	{display:table-cell; width:33%;}
footer ul li:nth-child(2)	{text-align:center; vertical-align:bottom;}
footer a	{text-decoration:none; color:#666;}
footer a:hover	{text-decoration:underline;}
footer a:visited{color:#666;}
footer .dm	{color:#999; text-align:right;}
footer .dm a	{color:#999;}


/* Модальное окно */
#modal,
#modal3
	{
	width:16em; 
	height:14em;
	border-radius:1em;
	background-color:#fff;
	position:fixed;
	top:45%;
	left:50%;
	margin-left:-10em;
	margin-top:-8em;
	display:none;
	opacity:0;
	z-index:4;
	padding:2em;
	overflow:auto;
	box-shadow: 0 0 1em #000;
	}

/* Заголовок модального окна */
#modal .h {font-size:1.6em; text-align:center; padding:0.5em 0; color:#666;}

/* Тело модального окна */
#modal .form0,
#modal .form1,
#modal .form2	{display:none;}

/* Сообщение модального окна */
#modal_message{
	width:20em; 
	height:5em;
	border-radius:1em;
	background-color:#ccc;
	box-shadow: 0 0 .5em #000;
	position:fixed;
	top:45%;
	left:50%;
	margin-top:-3em;
	margin-left:-11em;
	display:none;
	opacity:0;
	z-index:5;
	text-align:center;
	color:#fff;
	font-size:1em;
	line-height:1.3;
	padding:1em;
	}

/* Текст сообщения модального окна */
#modal_message_text	{display:table-cell; vertical-align:middle;}
#modal_message_text a	{color:#fff;}

/* Кнопка "Закрыть" модального окна */
#modal_close	{position:absolute; top:.7em; right:.7em; cursor:pointer; background:url(/pics/ico/close.png) center center no-repeat; background-size:100%; width:32px; height:32px;}


/* Кнопка "Закрыть" модального окна с сообщением */
#modal_message_close	{position:absolute; top:0.5em; right:0.5em; cursor:pointer; background:url(/pics/ico/close1.png) center center no-repeat; background-size:100%; width:16px; height:16px;}


/* Подложка модального окна */
#overlay {
	z-index:3;
	position:fixed;
	background-color:#000;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	width:100%; 
	height:100%;
	top:0;
	left:0;
	display:none;
	}

/* Модальное окно 2 */
#modal2
	{
	width:85%; 
	height:80%; 
	border-radius:1em;
	position:fixed;
	top:45%;
	left:50%;
	margin-top:-25%;
	margin-left:-45%;
	background-color:#fff;
	display:none;
	opacity:0;
	z-index:4;
	padding:1.5em;
	overflow:auto;
	box-shadow: 0 0 .5em #000;
	}

#modal2 .p1,
#modal2 .p2	{display:none; margin:1em 0;}
#modal2 .h1	{font-size:2em; text-transform:none; margin-bottom:.5em;}

/* Кнопка "Наверх" */
/*
#up	{display:none; cursor:pointer; position:fixed; width:50px; height:50px; background:url(/pics/arr-up2.png) no-repeat; background-size:contain; right:0.5em; bottom:0.5em; opacity:0.6;}
*/
/* Формы */
.form	{}
.fname	{position:absolute; margin-top:.79em; color:#666;}
.finput	{}

input	{font-size:1em;}
input[type="text"], input[type="number"], input[type="password"], select
	{
 	margin:.3em 0;
	padding:0.1em 0.3em;
	height:1.8em;
	width:10em;
	border:1px solid #666;
	background-color:#fff;
	color:#000;
	font-family:Verdana, sans-serif;
	}

textarea {margin-top:0.3em; padding:0.1em 0.3em; height:9em; width:10em; border:1px solid #666; border-radius:0.2em; font-family:sans-serif; font-size:1em;}

input[type="checkbox"]	{width:1.2em; height:1.2em; cursor:pointer; margin-top:0.1em;}

.checkbox	{margin:.3em 0;}
.checkbox .box	{position:absolute;}
.checkbox .txt	{margin-left:1.5em; color:#333;}
.checkbox .txt label	{cursor:pointer;}

input[type="submit"],
input[type="button"]
	{
	color:#fff;
	margin:.5em 0;
	cursor:pointer;
	padding:0.7em 1.5em;
	border:0;
	border-radius:1.5em;
	background:linear-gradient(to bottom, #ff85bb, #ff0a77);
	text-transform:uppercase;
	font-family:Verdana, sans-serif;
	}

input[type="submit"]:hover,
input[type="button"]:hover	{box-shadow: 0 0 .3em #ff85bb;}

.flogin .finput	{margin-left:7em;}
.flogin input[type="text"],
.flogin input[type="password"]	{width:8.6em;}
.flogin .submit	{text-align:center;}

input[type="submit"]:disabled	{background:linear-gradient(to bottom, #ccc, #666); cursor:default;}
input[type="submit"]:disabled:hover	{box-shadow:none;}

.fuser .finput	{margin-left:9em;}
.fuser .fname span	{margin-left:2em;}
.fuser .submit	{text-align:center; width:10.5em;}
.fuser select	{height:2.1em; width:10.7em; font-size:1em;}

.fgift .finput	{margin-left:7em;}
.fgift .fname span	{margin-left:0em;}
.fgift .submit	{text-align:center; width:10.5em;}


/* Ширина < 900 */
@media screen and (max-width:1000px){
 .body	{width:90%;}
}

/* Ширина < 500 */
@media screen and (max-width:500px){

header .logo	{width:260px; height:200px;}

nav	{float:none;}
nav ul li	{display:none; }

#mbtn		{display:block;}

.content	{margin-left:0;}


/* Модальное окно 2 */
#modal2
	{
	width:80%; 
	height:60%; 
	margin-top:-40%;
	margin-left:-47%;
	}



}