/* CSS Document */
* {  
margin : 0; 
padding : 0; 
border : 0; 
}  

img {
border: none;
}

body {
font-family: Tahoma;
color : #cc9999;
font-size: 12px;
text-align: justify;
background: url(../images/bg.jpg) repeat; 
/*background-color: #360c04; простой бэкграунд*/   
}       

#main {
overflow: hidden; 
width: 1000px;
height: 800px; 
margin: 0 auto 0 auto;    
}

#bg1 {
background: url(../images/bg1.jpg) no-repeat; 
width: 1000px;
height: 48px;
}

#box1 {
width: 1000px;
height: 697px;
}

#bg2 {
background: url(../images/bg2.jpg) no-repeat; 
width: 32px;
height: 697px;
float: left;
}

#box2 {
width: 936px;
height: 697px;
float: left;
}

#logo {
width: 427px;
height: 102px;
float: left;
}

#box3 {
width: 509px;
height: 102px;
float: left;
}

#bg5 {
background: url(../images/bg5.jpg) no-repeat; 
width: 509px;
height: 82px;
}

#menubox {
width: 509px;
height: 20px;
}

#menu_bg1 {
background: url(../images/menu_bg1.jpg) no-repeat; 
width: 36px;
height: 20px;
float: left;
}

#o_nas { 
width: 65px;
height: 20px;
float: left;
}

#o_nas a{
width: 65px;
height: 20px;
background: url(../images/o_nas.jpg) 0 0;
float: left;
}

#o_nas a:hover{
width: 65px;
height: 20px;
background-position: right;
float: left;
margin: 0;
}

#novosti { 
width: 74px;
height: 20px;
float: left;
}

#novosti a{
width: 74px;
height: 20px;
background: url(../images/novosti.jpg) 0 0;
float: left;
}

#novosti a:hover{
width: 74px;
height: 20px;
background-position: right;
float: left;
margin: 0;
}

#uslugi { 
width: 72px;
height: 20px;
float: left;
}

#uslugi a{
width: 72px;
height: 20px;
background: url(../images/uslugi.jpg) 0 0;
float: left;
}

#uslugi a:hover{
width: 72px;
height: 20px;
background-position: right;
float: left;
margin: 0;
}

#kontakti { 
width: 105px;
height: 20px;
float: left;
}

#kontakti a{
width: 105px;
height: 20px;
background: url(../images/kontakti.jpg) 0 0;
float: left;
}

#kontakti a:hover{
width: 105px;
height: 20px;
background-position: right;
float: left;
margin: 0;
}

#photo { 
width: 56px;
height: 20px;
float: left;
}

#photo a{
width: 56px;
height: 20px;
background: url(../images/photo.jpg) 0 0;
float: left;
}

#photo a:hover{
width: 56px;
height: 20px;
background-position: right;
float: left;
margin: 0;
}

#salon { 
width: 66px;
height: 20px;
float: left;
}

#salon a{
width: 66px;
height: 20px;
background: url(../images/salon.jpg) 0 0;
float: left;
}

#salon a:hover{
width: 66px;
height: 20px;
background-position: right;
float: left;
margin: 0;
}

#menu_bg2 {
background: url(../images/menu_bg2.jpg) no-repeat; 
width: 44px;
height: 20px;
float: left;
}

#bg6 {
background: url(../images/bg6.jpg) no-repeat; 
width: 936px;
height: 54px;
clear: both;
}

#box4 {
width: 936px;
height: 453px;
}

#bg7 {
background: url(../images/bg7.jpg) no-repeat; 
width: 28px;
height: 453px;
float: left;
}

#box5 {
float: left;
width: 871px;
height: 453px;
background-color: #480b03;
}

.post {
margin: 10px 10px;
width: 851px;
overflow-x: hidden;
}

.post_title {
width: 851px;
background: url(../images/title_bg.jpg) no-repeat; 
height: 20px;
padding-left: 62px;
padding-top: 3px;
color: #fff;
font-size: 13px;
}

.post_title h1 {
color: #fff;
font-size: 13px;
text-decoration: none;
}

.post_title a {
color: #fff;
font-size: 13px;
text-decoration: none;
}

.post_txt img {
margin: 0px 7px 7px 0px;
} 

#bg8 {
background: url(../images/bg8.jpg) no-repeat; 
width: 37px;
height: 453px;
float: left;
}

#bg9 {
background: url(../images/bg9.jpg) no-repeat; 
width: 936px;
height: 51px;
}

#footer {
background: url(../images/footer_bg.jpg) no-repeat; 
width: 936px;
height: 37px;
}

#counter {
width: 282px;
height: 31px;
float: left;
margin: 3px 0 3px 56px;
}

#counter img {
margin-left: 6px;
float: left;
}

#copy {
float: left;
margin: 14px 0 14px 280px;
text-align: left;
width: 250px;
height: 9px;
font-size: 9px;
}

#copy a{
color : #cc9999;
text-decoration: none;
}

#copy a:hover{
color : #cc9999;
text-decoration: underline;
}

#bg3 {
background: url(../images/bg3.jpg) no-repeat; 
width: 32px;
height: 697px;
float: left;
}

#bg4 {
background: url(../images/bg4.jpg) no-repeat; 
width: 1000px;
height: 55px;
}

/*---navigation---*/
.storenumber { font-weight: bold; }
.basenavi { font-size: 1.15em; height: 29px; }
  .bnnavi { margin-right: 5px; padding-left: 5px; height: 29px;}
  .navigation { margin-top: 5px; }
  .navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide { float: left; }
    .navigation a, .navigation span { font-weight: bold; padding: 0 4px; height: 19px; line-height: 19px; }
    .navigation a, .navigation span.nav_ext { color: #fff; }
      .navigation a:hover { color: #fff; }
      .navigation span { color: #fff; }
/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }
.ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget { font-size: 11px; }
.ui-widget-content { background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; }
.ui-widget-header {
  background: #cccccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
  color: #000;
  font-weight: bold;
}
.ui-widget-header a { color: #fff; }
.ui-state-default, .ui-widget-content .ui-state-default {
  background: #eaeaea url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;
  border: 1px solid #cfcfcf;
  color: #868686;
  font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
  background: #eaeaea url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
  border: 1px solid #a7a7a7;
  color: #4e4e4e;
  font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active {
  background: #d0e5f5 50% 50% repeat-x;
  border: 1px solid #a7a7a7;
  color: #e17009;
  font-weight: bold;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-error {
  background: #fef1ec 50% 50% repeat-x;
  border: 1px solid #dedede;
  color: #cd0a0a;
}
.ui-widget-header .ui-icon { background-image: url(../images/ui-icons.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui-icons_h.png); }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-button .ui-button-text { display: block; line-height: 1.4em; }
.ui-button-text-only .ui-button-text { padding: .4em .8em; }
input.ui-button { padding: .4em 1em; }
.ui-button-set { margin-right: 7px; }
.ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-dialog {
  overflow: hidden;
  padding: .2em;
  position: absolute;
  width: 300px;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close {
  height: 18px;
  margin: -10px 0 0 0;
  padding: 1px;
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content {
  background: none;
  border: 0;
  overflow: hidden;
  padding: .5em 1em;
  position: relative;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  background-image: none;
  border-width: 1px 0 0 0;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
  text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
  float: right;
  line-height: 1.4em;
  margin: .5em .4em .5em 0;
  overflow: visible;
  padding: .2em .6em .3em .6em;
  width: auto;
}
.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* --- Popup "Согласен" для artstyleanapa.ru --- */
/* Замените переменные ниже на точные цвета сайта */
:root{
  --accent: #b84c3b;    /* акцентный цвет (кнопки и акцентные элементы) */
  --bg: #ffffff;        /* фон поп-апа */
  --text: #222222;      /* основной текст */
  --muted: rgba(0,0,0,0.6);
  --shadow: 0 8px 24px rgba(0,0,0,0.16);
  --radius: 12px;
  --popup-width: 320px;
}

/* Контейнер поп-апа (правый нижний угол) */
#artstyle-consent {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: var(--popup-width);
  max-width: calc(100% - 40px);
  background: var(--bg);
  color: var(--text);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  z-index: 99999;
  font-family: "Helvetica Neue", Arial, sans-serif;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .28s ease, opacity .28s ease;
}

/* Header (можно использовать логотип) */
#artstyle-consent .asc-header {
  padding: 12px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
#artstyle-consent .asc-header .logo {
  width:36px;
  height:36px;
  border-radius:6px;
  background: linear-gradient(135deg,var(--accent), #eee);
  display:inline-block;
}

/* Content */
#artstyle-consent .asc-body {
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.35;
  color: var(--text);
}

/* Centered button row */
#artstyle-consent .asc-actions {
  padding: 12px 14px 16px;
  display:flex;
  justify-content:center; /* кнопка по центру */
  gap:10px;
}

/* Кнопка "Согласен" */
#artstyle-consent .asc-accept {
  display:inline-block;
  padding:10px 22px;
  border-radius:8px;
  background: var(--accent);
  color: #fff;
  font-weight:600;
  cursor:pointer;
  border: none;
  text-align:center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
  user-select: none;
}
#artstyle-consent .asc-accept:active { transform: translateY(1px); }

/* Ссылка на политику внутри поп-апа */
#artstyle-consent .asc-body a {
  color: var(--accent);
  text-decoration: underline;
}

/* Скрытый класс (используется JS) */
#artstyle-consent.hidden {
  opacity: 0;
  transform: translateY(10px) scale(.98);
  pointer-events: none;
}

/* Мобильное поведение: ширина чуть меньше */
@media (max-width:420px){
  :root{ --popup-width: 92vw; }
  #artstyle-consent { right: 4%; bottom: 16px; }
}

/* Цвет всех ссылок */
a {
    color: #e78c8c !important;
    text-decoration: none;
}

/* Цвет посещённых ссылок */
a:visited {
    color: #e78c8c !important;
}

/* Цвет при наведении */
a:hover {
    color: #e78c8c !important;
    text-decoration: underline;
}

/* Цвет при активном состоянии */
a:active {
    color: #e78c8c !important;
}