@CHARSET "UTF-8";
@import url("../../../common/css/reset.css");
@import url("../../../common/css/makeup.css");

html {
    width:100%;
    height:100%;
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
	font: 13px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
    background: #FFFFFE url(/themes/siamspa_center/fe/img/body_bg.png) top center repeat-x;
}
#page {
	max-width: 1400px;
	min-width:1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom:146px;
}
a {
	text-decoration:underline;
	color:#525390;
}
a:hover {
	text-decoration:none;
}
h1 {
	font-size:34px;
	margin: 0 0 10px;
	color:#7F1818;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 239px;
	position:relative;
	z-index:999;
}
#header_bg {
    background: url(/themes/siamspa_center/fe/img/header_bg.png) left top no-repeat;
	width:292px;
	height:239px;
	position: absolute;
	top: 0;
	left: 0;
}
#footer_bg {
	width:100%;
    background: url(/themes/siamspa_center/fe/img/footer_bg.jpg) right no-repeat;
	width:318px;
	height:146px;
	float:right;
	margin-top:-146px;
}
#logo {
	float:left;
	position:absolute;
	top:85px;
	left:75px;
}
#ico_block {
	position:absolute;
	top:22%;
	right:5%;
}
#ico_block li {
	float:left;
}
#ico_block li a {
	text-decoration:none;
}
#ico_block li a:hover {
	text-decoration:none;
}
#contact_info {
	position:absolute;
	top:50%;
	right:5%;
	font-style:italic;
	//font-style:normal;
}

#header_phone {
	position:absolute;
	top:38%;
	right:5%;
    font-family: Georgia;
	font-weight: bold;
	font-style:italic;
	//font-style:normal;
	font-size: 20px;
	color: #7F1818;
}
.home, .mail, #sound_o {
	width:31px;
	height:31px;
	display:block;
}
.sound_on{
    background: url(/themes/siamspa_center/fe/img/sound_on.png) center center no-repeat;
}
.sound_off{
    background: url(/themes/siamspa_center/fe/img/sound_off.png) center center no-repeat;
}
.home {
    background: url(/themes/siamspa_center/fe/img/home.png) center center no-repeat;
}
.mail {
    background: url(/themes/siamspa_center/fe/img/mail.png) center center no-repeat;
}
.home:hover {
    background: url(/themes/siamspa_center/fe/img/home_hover_1.png) center center no-repeat;
}
.mail:hover {
    background: url(/themes/siamspa_center/fe/img/mail_hover_1.png) center center no-repeat;
}

#home_catalog_taiskii-massazh:hover {
    background: url(/themes/siamspa_center/fe/img/home_hover_2.png) center center no-repeat;
}
#mail_catalog_taiskii-massazh:hover {
    background: url(/themes/siamspa_center/fe/img/mail_hover_2.png) center center no-repeat;
}
#home_catalog_catalog_uhod-za-licom:hover {
    background: url(/themes/siamspa_center/fe/img/home_hover_3.png) center center no-repeat;
}
#mail_catalog_catalog_uhod-za-licom:hover {
    background: url(/themes/siamspa_center/fe/img/mail_hover_3.png) center center no-repeat;
}
#home_catalog_spa-procedury:hover, #home_gallery:hover {
    background: url(/themes/siamspa_center/fe/img/home_hover_4.png) center center no-repeat;
}
#mail_catalog_spa-procedury:hover, #mail_gallery:hover {
    background: url(/themes/siamspa_center/fe/img/mail_hover_4.png) center center no-repeat;
}
#home_catalog_kosmetika:hover {
    background: url(/themes/siamspa_center/fe/img/home_hover_5.png) center center no-repeat;
}
#mail_catalog_kosmetika:hover {
    background: url(/themes/siamspa_center/fe/img/mail_hover_5.png) center center no-repeat;
}
#home_faq:hover {
    background: url(/themes/siamspa_center/fe/img/home_hover_6.png) center center no-repeat;
}
#mail_faq:hover {
    background: url(/themes/siamspa_center/fe/img/mail_hover_6.png) center center no-repeat;
}
#home_articles:hover {
    background: url(/themes/siamspa_center/fe/img/home_hover_7.png) center center no-repeat;
}
#mail_articles:hover {
    background: url(/themes/siamspa_center/fe/img/mail_hover_7.png) center center no-repeat;
}
/* Menu
-----------------------------------------------------------------------------*/
#menu {
	font-size:14px;
	line-height:24px;
	top:32%;
	left:38%;
	height:130px;
	position:absolute;
}
#menu a {
	padding:3px 15px;
}
#menu a:hover, .current a {
	color:#FFFFFF!important;
	text-decoration:none;
}
.href1 {
	color:#732822;
}
.href1:hover, .current .href1 {
	background:#732822;
}
.href2 {
	color:#8A4884;
}
.href2:hover, .current .href2 {
	background:#8A4884;
}
.href3 {
	color:#B9C849;
}
.href3:hover, .current .href3 {
	background:#B9C849;
}
.href4 {
	/*color:#E43D39;*/
	color: #E3478E;
}
.href4:hover, .current .href4 {
	/*background:#E43D39;*/
	background: #E3478E;
}
.href5 {
	color:#8CC08A;
}
.href5:hover, .current .href5 {
	background:#8CC08A;
}
.href6 {
	color:#F19644;
}
.href6:hover, .current .href6 {
	background:#F19644;
}
.href7 {
	color:#E43D39;
}
.href7:hover, .current .href7 {
	background:#E43D39;
}
.href8 {
	color:#685D2D;
}
.href8:hover, .current .href8 {
	background:#685D2D;
}
.href9 {
	color:#6B2A24;
}
.href9:hover, .current .href9 {
	background:#6B2A24;
}
.href10 {
	color:#A93D32;
}
.href10:hover, .current .href10 {
	background:#A93D32;
}
.href11 {
	color:#8CC08A;
}
.href11:hover, .current .href11 {
	background:#8CC08A;
}
/* Content
-----------------------------------------------------------------------------*/
#content_index {
	position:relative;
	height:1400px;
}
#content {
	position:relative;
	margin:2% 5% 5%;
}

#content p, #about_block p {
    text-indent: 15px;
    margin-bottom: 15px;
    text-align: justify;
}

#uhod-za-licom, #cosmetics, #massage, #procedure {
	width:25%;
	position:absolute;
	right:5%;
	font-size:12px;
	font-style:italic;
	z-index:20;
	color: #7F1818;
}
#uhod-za-licom h2, #cosmetics h2, #massage h2, #procedure h2 {
	font-size:24px;
	font-style:normal;
	padding-bottom:5px;
}
#uhod-za-licom h2 a:hover {
	background:none;
	text-decoration:none;
}
h1.catalog_uhod-za-licom {
	color:#B9C849;
}
#eksklyuziv-dlya-gurmanov h2 a:hover {
	background:none;
	text-decoration:none;
}
h1.catalog_eksklyuziv-dlya-gurmanov {
	color:#A93D32;
}
#spa-dni h2 a:hover {
	background:none;
	text-decoration:none;
}
h1.catalog_spa-dni {
	color:#8CC08A;
}
#cosmetics {
	left:5%;
	top:250px;
	z-index:20;
}
#cosmetics h2 a:hover {
	background:none;
	text-decoration:none;
}
h1.catalog_kosmetika {
	color:#8CC08A;
}
#massage {
	left:35%;
	top:100px;
	z-index:20;
}
#massage h2 a:hover {
	background:none;
	text-decoration:none;
}
h1.catalog_taiskii-massazh {
	color:#8A4884;
}
#procedure {
	left:5%;
	top:20px;
	z-index:20;
}
#procedure h2 a:hover {
	background:none;
	text-decoration:none;
}
h1.catalog_spa-procedury {
	/*color:#E43D39;*/
	color: #E3478E;
}
#video_block {
	position:absolute;
	top:670px;
	left:5%;
	z-index:20;
}
#about_block {
	position:absolute;
	top:660px;
	right:5%;
	padding-left:370px;
	//padding-left:430px;
	z-index:20;
}
#about_block h2 a {
	font-size:24px;
	color:#6E2824;
	padding-bottom:5px;
}

#certificate_block {
	position:absolute;
	top:1190px;
	right:5%;
	width:61.5%;
	z-index:20;
}
#certificate_block h2 a {
	color:#6B2A24!important;
	font-size:24px;
	line-height:18px;
}
#certificate_block h2 {
	padding-bottom:7px;
}
#certificate_block img {
	float:left;
	padding-right:25px;
}
/* Articles
-----------------------------------------------------------------------------*/
.articles p {
	padding-bottom:8px;
}
.article a {
	color:#62582D !important;
}
.articles_list_groups a {
	text-decoration:none;
	border-bottom:1px dashed;
	margin-right:9%;
	font-size:18px;
}
.articles_list_groups a:hover {
	text-decoration:none;
	border-bottom:none;
}
.articles_taiskii-massazh, .articles_block_taiskii-massazh a {
	color:#8A4884;
}
.articles_kosmetologiya, .articles_block_kosmetologiya a {
	color:#B9C849;
}
.articles_spa-procedury, .articles_block_spa-procedury a {
	color:#E43D39;
}
.articles_block_taiskii-massazh a,
.articles_block_kosmetologiya a,
.articles_block_spa-procedury a,
.articles_block_efirnye-masla a {
	font-size:16px;
}
.articles_list_groups .current{
	text-decoration: none;
	border-bottom:none!important;
}
/* Catalog
-----------------------------------------------------------------------------*/
.catalog_list_block {
	margin-bottom:50px;
}
.catalog_list_block p {
	color:#625651;
	padding-left:20px;
}
.catalog_list_block li {
	color:#625651;
	font-style:italic;
	margin-left:45px;
	list-style-type:disc;
}
.catalog_list_block h2 {
	font-size:18px;
	margin-bottom:10px;
}
.catalog_menu a {
	color:#A3938C;
	font-size:14px;
	text-decoration:none;
	border-bottom:1px dashed #A3938C;
}
.catalog_menu a.current {
	border:none;
	font-weight:bold;
	font-size: 130%;
}
.catalog_menu a:hover {
	border:none;
}
.catalog_block_uhod-za-licom .current,
.catalog_block_uhod-za-licom h2,
.catalog_block_uhod-za-licom span.time,
.catalog_block_uhod-za-licom span.price,
.catalog_block_uhod-za-licom .catalog_menu a
{
	color:#B9C849;
}
.catalog_block_taiskii-massazh .current,
.catalog_block_taiskii-massazh h2,
.catalog_block_taiskii-massazh span.time,
.catalog_block_taiskii-massazh span.price,
.catalog_block_taiskii-massazh .catalog_menu a
{
	color:#8A4884;
}
.catalog_block_spa-procedury .current,
.catalog_block_spa-procedury h2,
.catalog_block_spa-procedury span.time,
.catalog_block_spa-procedury span.price,
.catalog_block_spa-procedury .catalog_menu a
{
	/*color:#E43D39;*/
	color: #E3478E;
}
.catalog_block_kosmetika .current,
.catalog_block_kosmetika h2,
.catalog_block_kosmetika span.time,
.catalog_block_kosmetika span.price,
.catalog_block_kosmetika .catalog_menu a
{
	color:#8CC08A;
}
.catalog_block_eksklyuziv-dlya-gurmanov .current,
.catalog_block_eksklyuziv-dlya-gurmanov h2,
.catalog_block_eksklyuziv-dlya-gurmanov span.time,
.catalog_block_eksklyuziv-dlya-gurmanov span.price,
.catalog_block_eksklyuziv-dlya-gurmanov .catalog_menu a
{
    color:#A93D32;
}
.catalog_block_spa-dni .current,
.catalog_block_spa-dni h2,
.catalog_block_spa-dni span.time,
.catalog_block_spa-dni span.price,
.catalog_block_spa-dni .catalog_menu a
{
    color:#8CC08A;
}
.price_ico {
    background: url(/themes/siamspa_center/fe/img/money_ico.png) left center no-repeat;
	height:32px;
	padding-left:38px;
	line-height:32px;
	display:block;
	font-size:18px;
	white-space:nowrap;
}
.price_ico2 {
    background: url(/themes/siamspa_center/fe/img/money_ico2.png) no-repeat;
    height:19px;
    width:20px;
    display:block;
}
.price {
    height:32px;
    line-height:32px;
    display:block;
    font-size:13px;
    white-space:nowrap;
	text-align:center;
}
.time_ico {
    background: url(/themes/siamspa_center/fe/img/time_ico.png) left center no-repeat;
	padding-top:3px;
	height:30px;
	padding-left:38px;
	display:block;
	font-size:18px;
	white-space:nowrap;
}
.time_ico2 {
    background: url(/themes/siamspa_center/fe/img/time_ico2.png) left center no-repeat;
	width:20px;
    height:17px;
    line-height:17px;
    display:block;
}
.time {
    height:30px;
    line-height:30px;
    display:block;
    font-size:13px;
    white-space:nowrap;
	text-align:center;
}
/* News
-----------------------------------------------------------------------------*/
#news_block {
	position:absolute;
	top:930px;
	right:5%;
	width:58%;
	z-index:20;
	padding: 20px 1.8%;
    background: url("/themes/siamspa_center/fe/img/news_bg.jpg") repeat transparent;
    height: 175px;
}
.news_block_h2 a {
	/*color:#E3478E !important;*/
    color: #E43D39 !important;
	font-size:24px;
}
.news_date {
	/*color:#FABCD3;*/
	color:#FF9999;
	float:left;
	padding-right:10px;
	font-size:28px;
	line-height:33px;
}
.news_block_list {
	margin:10px 0;
}
.news_block_list h2 a {
	/*color:#E3478E !important;*/
    color: #E43D39 !important;
	line-height:12px;
	font-size:12px;
}
.news_group {
	margin:30px 0;
	padding-bottom:10px;
	font-size:14px;
}
.news_group li {
	float:left;
	margin-right:15%;
}
.news_group a {
	text-decoration:none;
	border-bottom: 2px dashed;
}
.news_group a:hover {
	border-bottom: none;
	background:none;
}
.news_list_block {
	padding-bottom:10px;
}
.news_list_block p {
	padding-bottom:10px;
}
.news_list_title {
	padding-bottom:7px;
	font-size:16px;
	/*color:#E3478E !important;*/
    color: #E43D39 !important;
}
h1.news {
	/*color:#E3478E !important;*/
    color: #E43D39 !important;
}
/* Actions
-----------------------------------------------------------------------------*/
.actions_list_block {
	padding-bottom:10px;
}
.actions_list_block p {
	padding-bottom:10px;
}
.actions_list_block a {
	/*color:#E3478E !important;*/
	font-size:16px;
}
.actions_list_title {
	padding-bottom:5px;
}
h1.actions {
	/*color:#E3478E !important;*/
    color: #E43D39 !important;
}
.actions a {
	/*color:#E3478E !important;*/
	color: #E43D39 !important;
}
#action_block {
	position:absolute;
	top:930px;
	left:5%;
	color:#9F8F88;
	width:23%;
	font-size:11px;
	z-index:20;
	padding: 20px 1.8%;
    background: url("/themes/siamspa_center/fe/img/news_bg.jpg") repeat transparent;
    height: 175px;
}
.action_block_h2 a {
	/*color:#E3478E !important;*/
    color: #E43D39 !important;
	font-size:24px;
}
/* Comments
-----------------------------------------------------------------------------*/
#comments_block {
	position:absolute;
	top:1185px;
	left:5%;
	font-size:13px;
	width:25%;
	z-index:20;
}
#comments p {
	font-style:italic;
	padding-bottom:20px;
}
.comment_right_block a {
	text-decoration:none;
}
.comment_right_block p {
	color:#000000;
}
.comment_left_block a {
	font-size:14px;
	line-height:20px;
}
#comments_block a {
	color:#E5923A!important;
}
#comments_block p {
	font-style:italic;
	padding:5px 0;
}
.comments_block_h2 {
	font-size:24px;
	padding-bottom:7px;
}
.comments_block_list h2, .comments_block_list span {
	font-weight:bold;
}
#comments_form_block {
	width:100%;
    background: url(/themes/siamspa_center/fe/img/comments_bg.png);
	color:#F29238;
	font-weight:bold;
}
#comments_form_block li {
	padding-bottom:2px;
	text-align:right;
}
#comments_form_block a, #comments a {
	color:#F29238;
	font-weight:normal;
}
#comments_form_block h3 {
	text-align:left;
	color:#F29238;
	font-size:24px;
	padding:15px 0 10px;
}
#comments_form_block input, #comments_form_block textarea {
	border:1px solid #F29238;
	width:450px;
}
h1.faq {
	color:#F29238;
}
/* Woman
-----------------------------------------------------------------------------*/
#woman {
	width: 120px;
	height: 120px;
	z-index:10;
	position:absolute;
	overflow: hidden;
    top:190px;
    left: -1000px;
}
#woman div {
    background: url(/themes/siamspa_center/fe/img/woman.jpg) transparent no-repeat;
    left: 0px;
    top: 0px;
    font-size: 0;
    position: absolute;
    width: 160px;
    height: 160px;
}

#flowers, #flowers_links {
	height:400px;
	width:747px;    
	top:190px;
	right:14%;
	position:absolute;
}

#flowers_links {
    z-index: 100;
}
    
#flowers {
	overflow: hidden;
    background: url(/themes/siamspa_center/fe/img/flowers.jpg) center center no-repeat;
	z-index:1;
}
#flowers_links div {
    position: absolute;
    /*border: 1px solid red;
    background: grey;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);*/
    text-decoration: none;
    z-index: 20;
}

/*#flowers_links a:hover {
    opacity: 0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
}*/

#woman_head {
    top: 10px;
    right: 100px;
    width: 120px;
    height: 100px;
}

#woman_breast {
    top: 90px;
    right: 200px;
    width: 120px;
    height: 100px;
}

#woman_hands_1 {
    top: 110px;
    right: 120px;
    width: 80px;
    height: 120px;
}
#woman_hands_2 {
    /*top: 225px;
    right: 10px;*/
    top: 110px;
    left: 55px;
    width: 140px;
    height: 90px;
}

#woman_body {
    top: 180px;
    right: 250px;
    width: 150px;
    height: 160px;
}

#woman_foots_1 {
    top: 190px;
    right: 400px;
    width: 200px;
    height: 130px;
}

#woman_foots_2 {
    /*top: 280px;
    right: 570px;*/
    right: 85%;
    top: 90px;
    width: 140px;
    height: 100px;
}

/* Woman menu */
ul.woman_menu {
    font-family: Tahoma;
    display: block;
    position: absolute;
    width: 200px;
    border: 3px double #7f1818;
    background: #f9f6f1;
    z-index: 999;
    box-shadow: 2px 2px 7px #222222;
    -moz-box-shadow: 2px 2px 7px #222222;
    -webkit-box-shadow: 2px 2px 7px #222222;
    opacity: 0.90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
    display: none;  
}

#wm_head {    
   /*top: 150px;
    right: 7%;*/
    top: -50px;
    left: 95%;
}

#wm_breast, #wm_body, #wm_foots {
    bottom: 99%;
    left: -90%;
}

#wm_hands {
    bottom: 80%;
    left: 25px;
}

#wm_foots {
    bottom: 99%;
    left: -60%;
}

ul.woman_menu li {
    font-size: 11px;
}

ul.woman_menu ul {
    width: 99.9%;
}

ul.woman_menu ul a {
    display: block;
}

ul.woman_menu ul {
}

ul.woman_menu a, li.wm_title, li.wm_st {
    padding: 3px 10px;
}

/*ul.woman_menu ul a:hover {
    color: #f9f6f1;
}*/

li.wm_title {
    background: #d7b8a7;
    color: #7f1818;
    font-size: 16px !important;
    font-weight: bold;
}

li.wm_st {
    font-weight: bold;
    font-size: 14px !important;
}

li.wm_more {
    font-family: arial;
    font-style: italic;
    font-size: 10px;
    text-align: right;
}

ul.wm_taiskii-massazh * {
    color: #9e2779;
}

ul.wm_taiskii-massazh .wm_st, ul.wm_taiskii-massazh a:hover {
    background: #e0c8d6;
}

ul.wm_spa-procedury *, ul.wm_spa-programmy * {
    color: #e42322;
}

ul.wm_spa-procedury .wm_st, ul.wm_spa-procedury a:hover,
ul.wm_spa-programmy .wm_st, ul.wm_spa-programmy a:hover {
    background: #f6cdb9;
}

ul.wm_uhod-za-licom *,
ul.wm_kosmetologiya * {
    color: #9AA937;
}

ul.wm_kosmetologiya .wm_st, ul.wm_kosmetologiya a:hover {
    background: #ecedca;
}

ul.wm_uhod-za-licom .wm_st, ul.wm_uhod-za-licom a:hover {
    background: #ecedca;
}

ul.wm_eksklyuziv-dlya-gurmanov * {
    color: #A93D32;
}

ul.wm_eksklyuziv-dlya-gurmanov .wm_st, ul.wm_eksklyuziv-dlya-gurmanov a:hover {
    background: #f6cdb9;
}

ul.woman_menu li li, ul.woman_menu li.wm_title  {
    border-bottom: 1px solid #7f1818;
}

/* end Woman menu */

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	max-width: 1300px;
	/*min-width:1000px;*/
	margin: -146px auto 0;
	height: 146px;
	color:#9B8B83;
	padding-left:5%;
}
#footer a {
	font-style:italic;
}
#footer table {
	width:100%;
}
#footer td {
	padding-top:25px;
}
#footer_href {
	line-height:18px;
}
#copy a {
	padding-top:6px;
	text-decoration:none!important;
	font-size:12px;
	color:#9B8B83;
	font-style:normal;
}
#copy a span {
	text-decoration:underline;
}
#copy a:hover span, #copy a:hover {
	text-decoration:none!important;
}
#copy a img {
	margin-bottom:-4px;
	padding-left:3px;
	text-decoration:none!important;
}
/* Gallery styles
-----------------------------------------------------------------------------*/
.gallery {
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	background-color: #ffffff !important;
}
.gallery_bg {
	background: url(/themes/siamspa_center/fe/img/comments_bg.png);
	padding:20px 0;
}
.gallery_siam {
	color:#E43D39;
}
.gallery_siam_block a,
.gallery_siam_block .current {
	color:#E43D39;
}
/* Other styles
-----------------------------------------------------------------------------*/
.pl50 {
	padding-left:50px;
}
.w70 {
	width:70px!important;
}
.w452 {
	width:452px!important;
}
.pb3 {
	padding-bottom:3px;
}
li a.current {
    color: #000000;
    text-decoration: none;
}
#breadcrumbs {
	color:#62582D;
	font-size:14px;
	line-height:14px;
	margin-bottom:15px;
	font-weight:bold;
}
#breadcrumbs a {
	color:#AF9E51;
}
.pr50 {
	padding-right:50px !important;
}
.w250 {
	width:250px!important;
}
/* Messages styles
-----------------------------------------------------------------------------*/
ul#messages {
	margin: 5px 0 10px 0;
	/*max-height: 100px;
	overflow: auto;*/
}
ul#messages > li {
	display: block;
	text-align: center;
	font-weight: bold;
	margin: 1px 0 1px 0;
	padding : 5px;
	min-height: 34px;
	line-height: 34px;
	vertical-align: middle;
}

ul#messages > li > div.icon,
ul#messages > li > a.close {
	height:32px;
	width:32px;
	font-size:1px;
	display:block;
}

ul#messages > li > a.close {
	float: right;
}
ul#messages > li > div.icon {
	float: left;
	margin: 0 20px 0 20px;
}
ul#messages > li.ok > a.close {
	background:url(/themes/default/be/img/msg/ok_close.png) center center no-repeat;
}

ul#messages > li.error > a.close {
	background:url(/themes/default/be/img/msg/err_close.png) center center no-repeat;
}

ul#messages > li.ok {
	background:#9aff9a url(/themes/default/be/img/msg/ok_gradient.png) repeat-x top;
	border: 1px solid #66cc66;
	color: #336600;
}

ul#messages > li.error {
	background:#ff9999 url(/themes/default/be/img/msg/err_gradient.png) repeat-x top;
	border: 1px solid #ff6666;
	color: #cc0033;
}

.prices {
    font-family: Verdana;
}