/* comments in russian are not recommended - http://webstandards.org.ru/blog/layout/css.html */

html
{
	height: 100%;
}

body
{
	font-family: Arial;
	font-size: 9pt;
	/*padding: 5px 5px 0px 5px;*/
	line-height: 130%;
	height: 100%;
	background-color: #d2b37c; /*c7a36b,eace8f,e4bc67,dabc8a,e0ba8f,bead82,b19355,cd853f,cc9933 Light (good): f5deb3,fae8a8*/
	background-image: url('/images/fon/new_16_3_3.jpg');
	background-repeat: repeat-x;
	margin: 0px;
}

/* otkluchenie fona for wizywig */
.mceContentBody
{
	background-image: none;
	background-color: white;
}

.sink_border_vert
{
	background: url('/images/fon/podval_vert_2.png') repeat-y;
	width: 26px;
}

.sink_border_goriz
{
	background: url('/images/fon/podval_4.png') repeat-x 20px center;
	height: 23px;
}

h1, .title
{
	color: #4f3327;
	font-weight: normal;
	font-family: Georgia;
	font-size: 16pt;
	line-height: 130%;
	margin: 0px 0px 10px 0px;
}

.h1_main_header
{
	font-size: 33pt;
	font-style: italic;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-family: Arial;
}

h2
{
	font-family: Georgia;
	font-weight: normal;
	font-size: 14pt;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 110%;
	color: #5D432A;
}

h2 a, h1 a
{
	color: #006699;
}

.title_left_right
{
	/*font-family: Georgia;*/
	font-weight: bold;
	font-size: 10pt;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	line-height: 110%;
	color: #fff;
	background-color: #0286ac; /*24acdc,56bade, 0090ff*/
	text-align: center;
	font-variant: small-caps;
}

/* Positioning */
.left  {
	float: left;
}

.right {
	float: right;
}

.nofloat {
	clear: both;
}

.clearing {
	clear: both;
	height: 0;
	font-size: 1px;
}

/* Formatting */
.mp {
	margin: 0;
	padding: 0;
}

/*.inline li {
	display: inline;
}*/

/* vsplyvajuchaja hint - if images off and as a comment */
.tooltip, .tooltip_menu
{
	float: left;
}

.tooltip a
{
	float: left;
	text-decoration:none;
	width:21px;
	cursor: help;
}

.tooltip_menu a
{
	float: left;
	text-decoration:none;
	width:30px;
}

.tooltip a:hover
{
	position:relative; /* set position for indentation */
}

.tooltip a span, .tooltip_menu .tooltip_menu_div
{
	display:none; /* ban to show hint without guidance */
}

.tooltip_menu:hover .tooltip_menu_div
{
	font-size:8pt;
	/*display:block;*/
	display:inline;
	/*position:absolute;*/
	position:relative;
	top:-25px;
	left:15px;
	min-width:50px;
	min-height:5px;
	background:#006699;
	color:#fff;
	padding:5px;
	opacity: 0.8;
	text-align:center;
	z-index: 5;
}

.tooltip a:hover span
{
	font-size:8pt;
	display:block;
	position:absolute;
	top:-15px;
	left:20px;
	background:#006699;
	color:#fff;
	padding:5px;
	opacity: 0.8;
	text-align:center;
	z-index: 5;
}

/* head of the sait - icons in menu */
.img_menu
{
	/*background: url('/images/csg-4ceda8e8848d8.gif') no-repeat top left;*/
	background: url('/images/csg_all_1.gif') no-repeat -50px top;
	float:left;
}

#sprite-archives{ background-position: -50px 0; width: 16px; height: 16px; } 
#sprite-error{ background-position: -50px -66px; width: 16px; height: 16px; } 
#sprite-home{ background-position: -50px -132px; width: 11px; height: 11px; } 
#sprite-iprint{ background-position: -50px -193px; width: 11px; height: 11px; } 
#sprite-li_arr{ background-position: -50px -254px; width: 7px; height: 5px; } 
#sprite-mail{ background-position: -50px -309px; width: 11px; height: 11px; } 
#sprite-map{ background-position: -50px -370px; width: 11px; height: 11px; } 
#sprite-message{ background-position: -50px -431px; width: 16px; height: 16px; } 
#sprite-new_window{ background-position: -50px -497px; width: 16px; height: 12px; float: right; } 
#sprite-non{ background-position: -50px -559px; width: 15px; height: 15px; } 
#sprite-ok{ background-position: -50px -624px; width: 15px; height: 15px; } 
#sprite-refresh{ background-position: -50px -689px; width: 16px; height: 16px; } 
#sprite-search{ background-position: -50px -755px; width: 11px; height: 11px; } 
.sprite-stars_gray{ background-position: -50px -816px; width: 16px; height: 16px; } 
.sprite-stars_half{ background-position: -50px -882px; width: 16px; height: 16px; } 
.sprite-stars_single{ background-position: -50px -948px; width: 16px; height: 16px; } 
#sprite-tags{ background-position: -50px -1014px; width: 15px; height: 15px; margin: 0px 5px -2px 0px; } 
#sprite-zoom{ background-position: -50px -1079px; width: 16px; height: 16px; margin: 0px 5px -2px 0px; } 
#sprite-zzcomments{ background-position: -50px -1145px; width: 16px; height: 16px; margin: 0px 5px -4px 0px; }

/* display menu items on a sait top, at shop, anket... */
ul.inline
{
	list-style: none;
	clear: both;
}

.inline li
{
	float: left;
	display: inline;
	position: relative;
}
/* end display menu items on a sait top */

.cssmenu
{
	max-width: 200px;
	min-width: 120px;
	height: 115px;
	vertical-align: bottom;
	padding: 0px 8px 0 8px;
	background-image: url('/images/csg_all_1.gif');
	background-repeat: no-repeat;
	background-position: center -1300px;
}

.cssmenu:hover
{
	background-position: center -1450px;
}

.item_menu_div_gorizontal
{
	position: relative;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	margin: 95px 0px 0px 0px;
	vertical-align: middle;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	min-height: 10px;
	/*cursor: pointer;*/
	white-space: nowrap;
	z-index: 5;
	opacity: 0.8;
}

.item_menu_div_gorizontal a
{
	text-decoration: none;
	color: #006699;
}

.item_menu_div_gorizontal:hover, .item_menu_div_gorizontal_uroven2:hover, .item_menu_div_gorizontal_uroven3:hover
{
	background-color: #fae8a8; /*ffffbb,ffff99*/
}

.item_menu_div_gorizontal_uroven2
{
	position: relative;
	padding: 7px 10px 7px 15px;
	margin: 5px 0 0 0px;
	vertical-align: middle;
	font-size: 12pt;
	font-weight: bold;
	/*text-decoration: none;*/
	min-height: 15px;
	cursor: pointer;
	/*z-index: 2;
	opacity: 0.8;*/

	/*border: 1px solid green;*/

	background-image: url('/images/csg_all_1.gif');
	background-repeat: no-repeat;
	background-position: -50px -1197px;
}

.item_menu_div_gorizontal_uroven3
{
	position: relative;
	padding: 2px 5px 2px 10px;
	margin: 2px 0 0 -20px;
	color: #009999;
	vertical-align: middle;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	/*text-decoration: none;*/
	min-height: 15px;
	cursor: pointer;
	/*z-index: 2;
	opacity: 0.8;*/

	/*border: 1px solid red;*/

	background-image: url('/images/csg_all_1.gif');
	background-repeat: no-repeat;
	background-position: -50px -1244px;
}

.ugolki
{
	position: absolute;
	background: url('/images/csg-4ce832291d798_1.png') no-repeat top left !important;
	background: none;
	width: 8px;
	height: 8px;
}

.tl_menu
{
	background-position: 0 -45px !important;
	top: 0px;
	left: 0px;
}

.tr_menu
{
	background-position: 0 -63px !important;
	top: 0px;
	right: 0px !important;
	right: auto;
}

.bl_menu
{
	background-position: 0 -9px !important;
	bottom: 0px !important;
	bottom: auto;
	left: 0px;
}

.br_menu
{
	background-position: 0 -27px !important;
	bottom: 0px !important;
	bottom: auto;
	right: 0px !important;
	right: auto;
}

.tl
{
	background-position: 0 -36px !important;
	top: 0px;
	left: 0px;
}

.tr
{
	background-position: 0 -54px !important;
	top: 0px;
	right: 0px !important;
	right: auto;
}

.bl
{
	background-position: 0 0px !important;
	bottom: 0px !important;
	bottom: auto;
	left: 0px;
}

.br
{
	background-position: 0 -18px !important;
	bottom: 0px !important;
	bottom: auto;
	right: 0px !important;
	right: auto;
}

.content_table
{
	margin: 5px 0px 0px 0px;
	z-index: 2;
}

.content_table td
{
	vertical-align: top;
}

/* links */
a
{
	color: #0096aa;
}

hr
{
	border-top: 1px solid #cc9966;
	border-bottom: 1px solid #FFF;
	border-left: none;
	border-right: none;
	margin: 10px 0px 10px 0px !important;
	margin: 10px 0px 10px 0px
}

.hr_bottom
{
	border-top: 1px solid #e2d1ba;
	border-bottom: 1px solid #FFF;
	border-left: none;
	border-right: none;
	height: 0px !important;
	height: 2px;
	margin: 25px 0px 10px 0px !important;
	padding: 0px;
	margin: 0px 0px 5px 0px
}

img
{
	border: 0px;
}

.news_img
{
	margin-right: 10px;
	margin-bottom: 15px;
}

.news_img_small
{
	position: relative;
	width: 66px;
	height: 66px;
	overflow: hidden;
	margin: 0px 10px 15px 0px;
	float: left;
}

.foto_alt
{
	clear:left;
	color: gray;
	font-style: italic;
	font-size: 8pt;
}

.content_table .center_td
{
	width: 60%;
}

.content_table .right_td
{
	background: url('/images/fon/left_right_2.jpg') no-repeat -330px 75%;
	width: 20%;
}

.content_table .left_td
{
	background: url('/images/fon/left_right_2.jpg') no-repeat -50px 50%;
	width: 20%;
}

.content_table .left_td
{
	background: url('/images/fon/left_right_2.jpg') no-repeat -50px 50%;
	width: 20%;
}

.content_table .date
{
	color: #9e987b;
	font-size: 8pt;
}

.content_table .news_title
{
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 3px 0px;
	margin: 0px;
}

.content_table .news_group
{
	margin: 0px 0px 8px 0px;
	list-style-type: none;
	padding-left: 0px;
}

.content_table .news_group li
{
	margin-bottom: 3px;	
	padding-left: 0px;
}

.tags, .tags a
{
	color: #cc9966;
	font-size: 8pt;
	margin-top: 5px;
	white-space: nowrap;
}

.TagsCloud
{
	/*margin: 20px 0px 20px 0px;*/
	font-family: 'Times New Roman';
	line-height: 22px;
}

.TagsCloud a
{
	color: #cc9966;
}

.TagsCloud a:hover
{
	background-color: #fae8a8;
	color: #cc9966;
}

.TagsCloud a:link, .TagsCloud a:hover, .TagsCloud a:visited
{
	padding: 2px;
	/* here we are writing the same value as in xsl - $max_size */
	line-height: 16px;
	text-decoration: none;
}

.button
{
	padding: 0.15em;
	width: auto;
	overflow: visible;
}


/* basement */
.footer
{
	position: relative;
	bottom: 0px;
}

.footer td
{
	padding: 5px 0px 5px 10px;
	text-align: center;
}

.footer_menu
{
	margin: 0 20px;
	padding: 0 10px 1px;
	/*cursor: pointer;*/
	background: #faf4d6; /*F9F9F9*/
	border: 1px solid #E4E4E4; /*fae8a8*/
	color: #cc6633; /*#777*/
	max-width: 150px;
	min-height: 30px;
}

.copyright
{
	color: #938676;
	font-size: 9pt;
	line-height: 140%;
	/*height: 10px;*/
}
/* end basement */

/* for 1 - 2 - 3 list of information elements */
.current, .page_link, .ctrl
{
	padding: 0.2em 0.5em 0.3em 0.5em;
	float: left;
	display: block;
	margin-right: 0.3em;
	background-color: #fae8a8; /*ffffcc*/
}

.page_link
{
	border: 1px dashed #bbbbbb;
}

.current
{
	background-color: #cc9966;
	border: 1px solid #fff;
	font-weight: bold;
	color: #fff;
}

.ctrl
{
	padding: 0.5em 0.5em 0.3em 0.5em;
	font-size: 10px;
	color: #4F3327;
}

.path_arrow
{
	color: #0096AA;
	padding: 0px 5px 0px 5px;
	font-size: 10pt;
}

/* information elements */
#ShowAddComment, .ShowAddComment
{
	margin: 20px 0px 20px 0px;
	font-weight: bold;
	border-bottom: 1px dashed #0096aa;
	color: #0096aa;
	cursor: pointer;
	/*display: block;*/
}

/* link to answer for comment */
.c_u_l
{
	font-weight: bold;
}

/* answer for comment */
.cr
{
	display: none;
	margin: 0px 0px 10px 20px;
}

/* sub-div for comment tree */
.csd
{
	margin-left: 20px;
}

.comment
{
	background-color: #ffffcc;
	margin: 5px 0px 15px 0px;
	width: 450px;
	position: relative;
	padding: 5px;
}

.comment p
{
	margin: 0px 0px 5px 0px;
}

.comment_desc
{
	margin: 0px 0px 5px 20px;
}

/* styles for shop */

.shop_cart_table, .shop_cart_table td
{
	border-collapse: collapse;
	empty-cells: show;
	/*border: 1px solid #C8C0A9;*/
	border: 1px solid silver;
}

.shop_cart_table td
{
	padding-right: 10px;
	padding-left: 5px;
	height: 25px;
	vertical-align: middle;
}

#error, .error
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 14pt;
	font-weight: bold;
	line-height: 100%;
	border-collapse: collapse;
	border: 1px #CA1D13 dashed;
	color: #CA1D13;
	background-color: #F2EDE9;
	background: url('/images/csg_all_1.gif') no-repeat -50px -55px;
}

#message, .message
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	/*font-size: 8pt;*/
	font-size: 14pt;
	/*font-weight: bold;*/
	line-height: 100%;
	border-collapse: collapse;
	border: 1px #4ba749 dashed;
	color: #4ba749;
	background: url('/images/csg_all_1.gif') no-repeat -50px -420px;
}

.contacts_block
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	border-collapse: collapse;
	border: 1px #4ba749 dashed;
}

/* string for normal headers of shop */
#shop_hmy
{
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	font-weight: bold;
	background-color: #0286ac; /*24acdc*/
	color: #fff;
	text-align: center;

	vertical-align: middle;
	border-collapse: collapse;
}

#shop_hmy td
{
	vertical-align: middle;
}

.shop_tablemy
{
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;

	background-color: #ffffcc;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}

.shop_tablemy td
{
	vertical-align: middle;
}

/* card product - cells in the table if input additional properties (for owners - .tovartd_my td, for guests - p.tovartd_my) */
.tovartd_my td, p.tovartd_my
{
	padding: 5px;
}

/* card product - cells in the table of input additional properties - those that at the top */
.tovartdkuchno_my td
{
	padding: 5px 26px 5px 5px;
}

.tovarcenatd_my td
{
	padding: 5px;
	border-bottom: 1px solid #dadada;
	border-collapse: collapse;
}

/* card product - sections of additional properties (section for owners) */
.tovarrazdel_my
{
	color: #cc6633;
	font-size: 12pt;
	font-weight: bold;
}

/* card product + card news - subsections of additional properties */
.tovarpodrazdel_my
{
	font-weight: bold;
	display: block;
	/*float: left;*/
}

/* comments for form's input fields */
.comment_form
{
	color: gray;
	font-style: italic;
	font-size: 8pt;
}

/* blocks everywhere */
.shop_block_my
{
	background-color: #fffff0;
	/*ffffff, fffaf0 - pink, ffffe0 - light-yellow (very well, but almost merges with background ffffcc)*/
	padding: 7px 7px;
	margin: 0px 0px 20px 0px;
}


.shop_block_my a
{
	position: relative;
	z-index: 2;
}

/* blocks wich highlighted with a darker color, with the centering */
.shop_block_myf
{
	background-color: #fae8a8; /*ffffcc,ffff99*/
	padding: 10px 7px 7px 7px;
	margin: 0px 0px 7px 0px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

/* blocks wich highlighted with a darker color - menu items in different places on the card product */
.shop_block_myf_menu_stranica
{
	padding: 10px 7px 7px 7px;
	margin: 0px 0px 7px 0px;
	text-align: left;
	position: relative;
	color: #cc6633;
	font-size: 12pt;
	font-weight: bold;
	min-height: 15px;
	text-decoration: none;
	opacity: 0.8;
}

/* displays fotos in equal width and height */
.foto_hack
{
	position: relative;
	width: 66px;
	height: 66px;
	overflow: hidden;
	margin: 0px 10px 15px 0px;
}

/* tabs on a card product */
.section {
	/*width: 600px;*/
	background: #fae8a8; /*faf4d6,EFEFEF*/
	margin: 0;
}
ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #cc9966; /*DDD*/
	background: #fffff0;
	margin: 0;
	padding: 0;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0px;
	padding: 0 8px 1px;
	cursor: pointer;
	background: #faf4d6; /*F9F9F9*/
	border: 1px solid #E4E4E4; /*fae8a8*/
	border-bottom: 1px solid #faf4d6;
	position: relative;

	color: #cc6633; /*#777*/
	font-size: 11pt;
}
.tabs li:hover
{
	color: #F70;
	padding: 0 8px;
	background: #FFFFDF;
	border: 1px solid #FFCA95;
}
.tabs li.current {
	/*color: #444;*/
	background: #fae8a8;
	padding: 0 8px 2px;
	border: 1px solid #cc9966; /*D4D4D4*/
	border-bottom: 1px solid #fae8a8;

	color: #cc6633;
	font-size: 12pt;
	font-weight: bold;
}

.box {
	display: none;
	border: 1px solid #cc9966; /*D4D4D4*/
	border-width: 0 1px 1px;
	background: #fae8a8;
	padding: 0 12px;
}
.box.visible {
	display: block;
}
/* end tabs on a card product */

.red
{
	color: red;
	font-weight: bold;
	font-size: 9pt;
}

/* style fot td which makes intervals between colomns - everywhere in patterns and Typical Dinamic Page (TDP) of shop */
.intervals_td
{
	padding-right: 16px;
	width: 1px;
}

.anketa_block_drop
{
	display:none;
	clear: both;
	margin-bottom: 10px;
}

/* styles for a sprite-icons */
.img_spr
{
	background: url('/images/csg_all_1.gif') no-repeat top left;
	width: 21px;
	height: 21px;
	float:left;
}

.sprite-cond{ background-position: 0 0; } 
#sprite-cond_non{ background-position: 0 -22px; } 
#sprite-f_bar{ background-position: 0 -44px; } 
#sprite-f_beach{ background-position: 0 -66px; } 
#sprite-f_bier{ background-position: 0 -88px; } 
#sprite-f_blrd{ background-position: 0 -110px; } 
#sprite-f_buss{ background-position: 0 -132px; } 
#sprite-f_car{ background-position: 0 -154px; } 
#sprite-f_disco{ background-position: 0 -176px; } 
.sprite-f_dush{ background-position: 0 -198px; } 
#sprite-f_dush_non{ background-position: 0 -220px; } 
.sprite-f_fen{ background-position: 0 -242px; } 
.sprite-f_hot{ background-position: 0 -264px; } 
#sprite-f_hot_non{ background-position: 0 -286px; } 
.sprite-f_internet{ background-position: 0 -308px; } 
#sprite-f_ironing{ background-position: 0 -330px; } 
.sprite-f_kabletv{ background-position: 0 -352px; } 
#sprite-f_kafe{ background-position: 0 -374px; } 
#sprite-f_kafe_non{ background-position: 0 -396px; } 
#sprite-f_kegl{ background-position: 0 -418px; } 
#sprite-f_kitchen{ background-position: 0 -440px; } 
#sprite-f_kitchen_non{ background-position: 0 -462px; } 
.sprite-f_kofe{ background-position: 0 -484px; } 
#sprite-f_konf{ background-position: 0 -506px; } 
#sprite-f_library{ background-position: 0 -528px; } 
#sprite-f_massage{ background-position: 0 -550px; } 
#sprite-f_meet{ background-position: 0 -572px; } 

.sprite-f_mini{ background-position: 0 -594px; } 
.sprite-f_music{ background-position: 0 -616px; } 
#sprite-f_nbar{ background-position: 0 -638px; } 
#sprite-f_park{ background-position: 0 -660px; } 
#sprite-f_pere{ background-position: 0 -682px; } 
.sprite-f_phon{ background-position: 0 -704px; } 
#sprite-f_pool{ background-position: 0 -726px; } 
.sprite-f_radi{ background-position: 0 -748px; } 
#sprite-f_rstr{ background-position: 0 -770px; } 
#sprite-f_rstr_non{ background-position: 0 -792px; } 
#sprite-f_saun{ background-position: 0 -814px; } 
.sprite-f_seif{ background-position: 0 -836px; } 
#sprite-f_sprt{ background-position: 0 -858px; } 
#sprite-f_stirka{ background-position: 0 -880px; } 
.sprite-f_stv{ background-position: 0 -902px; } 
#sprite-f_sun{ background-position: 0 -924px; } 
#sprite-f_tennis{ background-position: 0 -946px; } 
.sprite-f_tv{ background-position: 0 -968px; } 
#sprite-f_tv_non{ background-position: 0 -990px; } 
.sprite-f_vana{ background-position: 0 -1012px; } 
#sprite-f_vana_non{ background-position: 0 -1034px; } 
.sprite-f_vent{ background-position: 0 -1056px; } 
.sprite-f_video{ background-position: 0 -1078px; } 
#sprite-f_water{ background-position: 0 -1100px; } 
.sprite-f_wc{ background-position: 0 -1122px; } 
#sprite-f_wc_non{ background-position: 0 -1144px; } 
.sprite-refr{ background-position: 0 -1166px; } 
#sprite-refr_non{ background-position: 0 -1188px; } 
.sprite-sv_pech{ background-position: 0 -1210px; } 
#sprite-taxi{ background-position: 0 -1232px; }

/* END styles for a shop */

.stars
{
	margin: 0px;
	padding: 0px;
}

.stars li
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	/*background: url('/images/csg-4ceda8e8848d8.gif') no-repeat 0 -816px;*/
	background: url('/images/csg_all_1.gif') no-repeat -50px -816px;
	cursor: pointer;
	list-style-type: none;
}

.stars .curr
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: none;
	/*background: url('/images/csg-4ceda8e8848d8.gif') no-repeat 0 -948px;*/
	background: url('/images/csg_all_1.gif') no-repeat -50px -948px;
}
