img { border:0; }
a:link { color:#FB8457; text-decoration:underline; }
a:visited { color: #FBAF93; text-decoration:underline; }
a:hover, a:active  { color:#F2AB9E; text-decoration:none; }
table { border-collapse:collapse; border-color:#FEF4F4; }

html { height:100%; }
body {
	height: 100%;
	padding: 0;
	margin: 0;
	/*font: normal 100% Tahoma,Arial,Helvetica,sans-serif;*/
	font:normal 12pt Arial,Helvetica,Sans-Serif;
	color:#FEF4F4;
	/*background:#8D0207 url(/images/overall_bg.png)no-repeat top right;*/
	/* background-color:#912c04;/* ba7538 d5b191 */
	background:#5d3f28 url(/images/bg_overall.jpg) no-repeat 0 50%;
}
#wrapper { position:relative; min-height:100%; background:transparent url(/images/bg_wrapper.png); }
* html #wrapper { height: 100%; }

#header { height:360px; ackground: url(/images/logo.jpg) no-repeat; margin:0 15px; margin-bottom:30px; overflow:hidden; }
/*
#title { position:relative; left:0; top:0; width:400px; height:60px; font-size:24pt; font-weight:bold; }
*/
#title a { text-decoration:none; color:#59453d; }

#title { position:relative; left:0; top:0; width:300px;
  height: 120px;
  color: silver;
  font-weight: normal;
}
#title span {
  display: block;
}
#title em {
  font-style: normal;
  color: white;
  padding-right: 3px;
}
#title .hone {
  padding:13px 0 0 0;
  font: 50px Keaton, "Arial Narrow", "Tahoma", arial, sans-serif;
}
#title .htwo {
  position: relative;
  top: -0.5em;
  left: 2.3em;
  font-size: 18px;
}
#title .hthree {
  position: relative;
  top: -0.8em;
  left:.1em;
  font-size: 14px;
  letter-spacing: 2px;
  color: #E3C0C1;
}

#slogan { position:relative; left:0; top:0px; width:400px; height:15px; font-size:14pt; font:italic 11pt Georgia,Serif; color:silver; }

#header #lang-switchers { display:block; position:relative; top:0; left:0; width:400px; height:25px; overflow:hidden; font:normal 8pt Arial,Sans-Serif; }
#lang-switchers a { display:block; height:16px; padding:0px 10px 0px 18px; float:left; font-size:10px; background-repeat:no-repeat; background-position:0 50%; }
#lang-switchers span { display:block; height:16px; padding:0px 10px 0px 18px; float:left; font-size:10px; background-repeat:no-repeat; background-position:0 50%; color:white; }
#lang-switchers .lang_ru { background-image:url(/images/lang_ru.gif); }
#lang-switchers .lang_en { background-image:url(/images/lang_en.gif); }
#lang-switchers .lang_de { background-image:url(/images/lang_de.gif); }
#lang-switchers a:link, #lang-switchers a:hover, #lang-switchers a:active, #lang-switchers a:visited { color:white; text-decoration:underline; }

#splash { position:relative; top:-120px; left:300px; height:360px; width:550px; background:transparent url(/images/chocohostel.png) no-repeat top right; }
#phone { position:relative; top:0px; left:0px; width:150px; height:40px; font-size:12pt; text-align:right; color:#E3C0C1; }
#gallery { position:relative; top:60px; left:0; width:228px; height:228px; padding:14px; background:transparent url(/images/bg_gallery_image.png) no-repeat top left; }

#nav { margin:0; position:relative; top:-370px; color:#C15D4B; width:220px; font-size:12pt; ext-transform:uppercase; }
#nav ul { margin:0; padding:0; list-style-type:none; }
#nav a { text-decoration:none; color: black; }
#nav li { background:bottom left url(/images/nav_bg.png) no-repeat; padding: 6px 12px 10px 40px; }
#nav li.last { background: bottom left url(/images/nav_bg_last.jpg) no-repeat; }


/*
#menu { width:300px; margin:0; font-size:14pt; border:1px solid yellow; }
#menu ul { margin:0; padding:0; list-style-type:none; }
#menu ul li { margin:.1em 0; padding:0; }
#menu ul li.active { background-color:#F5E8D4; }
#menu ul li a { display:block; height:31px; line-height:31px; padding:.2em 1em .2em 1em; background:transparent url(/images/nav_bg.png) no-repeat 0 0; }
#menu ul li a:link, #menu ul li a:visited  { color:#C30075; }
#menu ul li a:hover, #menu ul li a:active { color:#FF049B; }
*/

#main { padding-bottom:120px; margin:0;  }
#leftcol { float:left; width:200px; padding:0 10px 0 20px; }

#search { margin:0 -10px 0 -20px; padding:20px 15px; height:60px; background:transparent url(/images/search_bg.png) no-repeat bottom left; }
#search .searchExample { color:gray; font-size:7pt; margin:.5em 0; white-space:nowrap; }
#search .searchExample  span { color:#3366CC; border-bottom:1px dashed #3366CC; cursor:pointer; }

#content { margin:0 15px 0 250px; }

#path { color:#999999; margin:0 0 20px 0; padding:.5em 0; font-size:8pt; background:transparent; }
#path a:link, #path a:visited, #path a:hover, #path a:active { color:#999999; text-decoration:underline; }
#path span { padding:2px 10px 4px 10px; background:transparent url(/images/path_arrow.gif) no-repeat 0 50%; }

#footer {
	color: #cd6568;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	width:100%;
	margin: 0;
	height:80px;
	padding:4px 0 0 0;
	line-height:1.2em;
	font-size:10pt;
	border-top:1px solid #cd6568;
}
#footer div { overflow:hidden; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#cd6568; }
#footer #counters { float:right; width:300px; height:40px; text-align:right; margin:10px; }
#footer #copyright { position:relative; top:10px; left:10px; width:300px; padding:0 20px 0 0; height:80px; }
#footer #address { position:relative; top:-120px; left:400px; width:300px; height:70px; }
#footer #created-by { position:relative; top:-40px; left:10px; width:200px; height:50px; font-size:smaller; }

h1, h2, h3, h4, h5 { font-family:Keaton,"Arial Narrow",Tahoma,Arial,sans-serif; line-height:1em; color:#E3C0C1; }
#main h1, #main h2, #main h3, #main h4, #main h5 { line-height:1em; }
h1 { font-size:20pt; margin:0 0 1em 0; }
h2 { font-size:16pt; line-height:1em; margin:.6em 0 .3em 0; }
h3 { font-size:12pt; }
h4 { font-size:10pt; }
h5 { font-size:8pt; }

ul.leftmenu { margin:0 0 40px 0; padding:0 0 0 1em; }
ul.leftmenu li { margin:.3em 0; padding:.2em 0; line-height:1em; }
ul.leftmenu li a {  }
ul.leftmenu li a:link, ul.leftmenu li a:visited, ul.leftmenu li a:active { color:#E3C0C1; }
ul.leftmenu li a:hover { color:#F7EEDA; }
ul.leftmenu li a.leaf:link, ul.leftmenu li a.leaf:visited, ul.leftmenu li a.leaf:hover, ul.leftmenu li a.leaf:active { font-weight:normal; font-size:12pt; }
ul.leftmenu li a.node:link, ul.leftmenu li a.node:visited, ul.leftmenu li a.node:hover, ul.leftmenu li a.node:active { font-weight:normal; font-size:13pt; }
ul.leftmenu li a.active:link, ul.leftmenu li a.active:visited, ul.leftmenu li a.active:hover, ul.leftmenu li a.active:active { color:#A4A4A4; }
ul.leftmenu li a span { font-weight:normal; }

a.catListItem { display:block; float:left; padding:10px; width:130px; height:200px; margin:0 20px 20px 0; text-align:center; text-decoration:none; background:white; border:1px solid #dddddd; }
a.catListItem:hover { border-color:#BEBEBE; }
a.catListItem span { font-weight:bold; }

a.block { display:block; text-decoration:none; z-index:1000; }
a.block span.title { display:block; vertical-align:bottom; }
.gal { float:left; width:200px; height:220px; text-align:center; margin:0 5px 10px 0; }

.prodPhotoBox { display:block; float:left; width:70px; height:70px; padding:15px; margin:0 5px 5px 0; background:white; border:1px solid #CCCCCC; }
.prodPhotoBox:hover { border-color:#AAAAAA; }

img.large-image { border:5px solid #AAAAAA; }
.price { font-size:larger; font-style:italic; font-weight:bold; color:#E3C0C1; }
.errmsg { color:red; }

#content p:first-letter { font-size:150%; color:#E3C0C1; }
.errmsg:first-letter { font-size:12pt;; color:red; }

form.frm { margin:0; }
form.frm label { display:block; width:120px; float:left; margin:0 10px 0 0; }
form.frm br { display:block; margin-bottom:5px; }
form.frm input, form.frm textarea { width:300px; }
form.frm input[type=submit] { margin-left:130px; }

@font-face {font-family: "RublArial"; src: url('/css/ruble.eot');}
span.rur {//font-family: "RublArial"; text-transform: uppercase; //text-transform: none;}
span.rur span {position: absolute; overflow: hidden; width: 0.45em; height: 1em; margin: 0.2ex 0 0 -0.7em; //display: none;}
span.rur span:before {content: '\2013';}

/* Все версии оперы… */
@media all and (min-width: 0px) {
	span.rur span {margin-top: 0.25ex;}
}