@import url("ptsans/stylesheet.css");

img { border:0; }
a:link { color: #804000; text-decoration:underline; }
a:visited { color: #804000; text-decoration:underline; }
a:hover, a:active  { color: #804000; text-decoration:none; }
table { border-collapse: collapse; border-color: #FEF4F4; }
form { margin: 0; }
ul { padding: 0 0 0 1em; }
p, ul, ol, dl, td { line-height: 1.5em; }
li { line-height: 1.2em; margin-bottom: .5em; }

html { height:100%; }
body {
	height: 100%;
	padding: 0;
	margin: 0;
	font: normal 12pt "PT Sans",Arial,Helvetica,Sans-Serif;
	color: #222;
	background-color: #fff;
}
#wrapper { position:relative; min-height:100%; 	background: transparent url(/images/hand_cake_2.jpg) no-repeat 100% 100%; }
* html #wrapper { height: 100%; }

#header { height: 350px; width: 100%; margin: 0 auto; margin-bottom: 30px; overflow:hidden; /* background: aqua; */
	background-color: #663300;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#663300', endColorstr='#cc9966');
	background: -webkit-gradient(linear, left top, left bottom, from(#663300), to(#cc9966));
	background: -moz-linear-gradient(top, #663300, #cc9966);
}

#title a { text-decoration:none; color: #59453d; }

#title { position:relative; left:0; top:0; width:250px; height: 100px; font-weight: normal; /* text-shadow: 0 1px 0 #c68d52, 0 -1px 0 #333; */ }
#title span { display: block; }
#title em { font-style: normal; font-weight: bold; letter-spacing: -0.07em; padding-right: 3px; color: #ff6600; }
#title .hone { padding: 0; font: normal 50px "PT Sans Narrow","Arial Narrow","Tahoma",Arial,Sans-Serif; color: #ff9933; }
#title .htwo { position: relative; top: -0.5em; font-size: 18px; color: #ff9933; }
#title .hthree { position: relative; top: -0.8em; left:.1em; font-size: 14px; letter-spacing: 2px; color: #cc9933; }

#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:10px; left:0; width: 400px; height: 25px; overflow:hidden; font:normal 8pt Arial,Sans-Serif; }
#lang-switchers a { display: block; color: #f9d760; text-decoration:underline; 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; color: #f9d760; height: 16px; padding: 0px 10px 0px 18px; float: left; font-size: 10px; background-repeat: no-repeat; background-position: 0 50%; }
#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); }

#splash { position: relative; top: -125px; left: 280px; height: 360px; width: 590px; background: transparent url(/images/chocohostel.png) no-repeat 0 -30px; }
	#phone { position: relative; top: 5px; left: 375px; width:200px; height: 90px; font-size:16pt; color: #ff9933; }
		#phone a { text-decoration: none; color: #fff; }
		#phone a img { vertical-align: middle; }
		#phone a.icq { color: #99cc66; }
		#phone a.skype { color: #00cccc; }
	#gallery { position:relative; top: 15px; left: 375px; width:200px; height:200px; padding: 5px; overflow: hidden;
		/* background: transparent url(/images/bg_gallery_image.png) no-repeat top left; */
		background-color: #b47c48;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;
	}
	#gallery a { text-decoration: none; }
	#gallery a span { display: block; margin: -2em 0 0 .5em; font: normal 18pt "PT Sans Narrow","Arial Narrow",Sans-Serif; white-space: nowrap;
		text-shadow: 0px 1px 0 #ffffcc, 0px -1px 0 white, 1px 0px 0 #ffffcc, -1px 0px 0 white; }


#nav { margin:0; position: relative; top:-350px; width: 200px; height: 220px; font-size: 14pt; }
#nav ul { margin: 0 0 0 .5em; padding: 0 0 0 1em; color: #f9d760; }
#nav li { list-style-type: circle; padding: 0; }
#nav li.last {  }
#nav li a { display: block; padding: .1em .3em; text-decoration: underline; color: #f9d760; text-shadow: 0 -1px 0 gray; }
#nav li.active {  list-style-type: disc;  }
#nav li.active, #nav li.active a { color: #ffffff; text-decoration: none; }
#nav li:hover, #nav li a:hover { color: #ffcc99; }

#follow-links { position: relative; top: -480px; left: 250px; width:200px; height: 100px; }
#header #follow-links a { color: #e4f0fe; }

/*
#share-links-container { position: relative; top: 35px; left: 350px; width:200px; height: 20px; padding: 2px 5px; background: rgb(98, 63, 38); background: rgba(98, 63, 38, 0.3); overflow: hidden; }
*/
#share-links-container { float: right; width:200px; height: 20px; padding: 2px 5px; background: rgb(98, 63, 38); background: rgba(98, 63, 38, 0.3); overflow: hidden; margin: 5px 5px 0 0; }
	.share-box { color: #fff; padding: 0 5px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 12px; line-height: 16px; height: 16px; }
	/* .share-box:before { content: 'Share: '; } */
	.share-box:after{ content: '.'; display: block; clear: left; visibility: hidden; line-height: 0; width: 0; height: 0; }
	.share-box a { display: inline-block; z-index: 2; margin: 2px 0 2px .5em; padding: ; width: 16px; height: 16px; text-decoration: none; background-image: url(http://www.vzotch.ru/images/share-icon.png); background-position: 50% 50%; background-repeat: no-repeat;
		vertical-align: middle;
		overflow: hidden; }


#main { padding: 0 0 120px 0; width: 870px; margin: 0 auto; /* background: green; */ }

#leftcol { float:left; width: 200px; padding: 0; margin-top: 40px; /* background: red; */ }

#path { color: #804000; margin:0 0 20px 250px; height: 20px; padding: 5px 0; font-size: 10pt; }
#path a { color:#804000; text-decoration: underline; }
#path span { padding: 2px 10px 4px 10px; background: transparent url(/images/path_arrow.gif) no-repeat 0 50%; }

#content { margin: 0 0 0 250px; /* background: green; */ }

#footer {
	color: #b47c48;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	width:100%;
	margin: 0;
	height:100px;
	padding:4px 0 0 0;
	line-height:1.2em;
	font-size:10pt;
	overflow: hidden;
}
#footer-inner { width: 870px; margin: 0 auto; }
#footer div { overflow: hidden; }
#footer a { color: #b47c48; }
#footer #copyright { position: relative; top: 10px; left: 10px; width: 300px; padding:0 20px 0 0; height:80px; }
#footer #address { position: relative; top: -70px; left: 270px; width: 300px; height:70px; }
#footer #created-by { position: relative; top: -140px; left: 600px; width: 200px; height: 50px; font-size: smaller; }
#footer #counters { position: relative; top: -150px; left: 10px; width: 150px; height: 40px; }

h1, h2, h3, h4, h5 { font-weight: normal; font-family:"PT Sans Narrow","Arial Narrow",sans-serif; line-height:1em; color: #800000; }
#main h1, #main h2, #main h3, #main h4, #main h5 { line-height:1em; }
h1 { font-size:24pt; margin:0 0 1em 0; }
h2 { font-size:20pt; line-height:1em; margin:.6em 0 .3em 0; }
h3 { font-size:16pt; }
h4 { font-size:10pt; }
h5 { font-size:8pt; }

h2 a, h3 a { color: #804000 !important; }

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.follow-link { display: block; width:100px; height: 35px; padding:.5em 0 0 35px; font-size: smaller; line-height: 1em; background-color: transparent; background-repeat: no-repeat; background-position: 0 50%; }
a.fl-facebook { background-image: url(/images/facebook_logo.png) }
a.fl-vkontakte { background-image: url(/images/vkontakte_logo.png) }

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: 130%; color: #800000; }
.errmsg:first-letter { font-size: 12pt; color: #f00; }

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; }
*/

form.frm label.left { display:block; width:160px; float:left; margin:0 10px 0 0; line-height:1em; text-align:right; }
form.frm span.label { display:block; width:160px; float:left; margin:0 10px 0 0; line-height:1em; text-align:right; }
form.frm span.advise { display:block; margin-left:170px; }
form.frm br { display:block; border:none; background:transparent; height:1px; margin-bottom:1em; }
form.frm input.txt, form.frm textarea.txt { width:300px; }
form.frm input.checkbox { margin-left:170px; }
form.frm input[type=submit] { margin-left:170px; }


.reviews-list .review { margin:0 0 2em 0; padding:0 0 1em 0; border-bottom:1px solid #f0f0f0; }
.reviews-list .review .review-comment { }
.reviews-list .review .review-comment .qoutes { font-size:larger; margin: 0 0 .5em 0;  }
.reviews-list .review .review-comment .qoutes:first-line {  }
.reviews-list .review .review-comment .signature { text-align: right; margin: .5em 0; }
	.review-comment .signature .name { font-style: italic;  margin: .5em 0 0 0; }
	.review-comment .signature .date { color: gray; text-align: right; margin: 0 0 1em 0; }
.reviews-list .review a.box { display:block; float:left; width:100px; text-align:center; text-decoration:none; }
.reviews-list .review a.box span { text-decoration:underline; }
.reviews-list .button { white-space:nowrap; margin-top:.5em; }
.reviews-list .review-prod { float:left; width:100px; height:100px; }


.train-tickets-container { background-color: white; padding: 5px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 0 5px 15px #3b2618; -webkit-box-shadow: 0 5px 15px #3b2618; box-shadow: 0 5px 15px #3b2618;
}


@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;}
}


/* Homepage */
.hp-boxes { display: table; width: 100%; margin: 0 -10px 2em -10px; }
.hp-boxes .hp-box { display: table-cell; padding: 0 20px; }
.hp-box:first-child { padding-left: 10px; }
.hp-box:last-child { padding-right: 10px; }
.hp-boxes .hp-box .hp-box-data { padding: 0; height: 150px; color: white;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	background-color: #804000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#804000', endColorstr='#eea15a');
	background: -webkit-gradient(linear, left top, left bottom, from(#804000), to(#eea15a));
	background: -moz-linear-gradient(top, #804000, #eea15a);
}
	.hp-boxes .hp-box .hp-box-booking { height: 140px; width: 180px; padding: 5px 15px; }
	.hp-boxes .hp-box .hp-box-visa { width: 285px; }
	.hp-boxes .hp-box .hp-box-ticket { width: 285px; }
.hp-box-data a, .hp-box-data h2 { color: #fff !important; text-decoration: none; }
.hp-box-data a { display: block; height: 140px; padding: 5px 15px 5px 130px; text-shadow: 0 1px 0 rgba(0,0,0,.4);
	background-repeat: no-repeat; background-position: 0 50%;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.hp-box-data a span.h2 { font: normal 19pt "PT Sans Narrow","Arial Narrow",sans-serif; line-height: 1 !important; }
.hp-box-data a span { font: normal 10pt "Pt Sans",Arial,Sans-serif; line-height: 1.2em !important; }
.hp-box-data form input, .hp-box-data form select { margin: 0 0 .3em 0; }
.hp-box-data form label { display: block; float: left; width: 55px; }

.shadow { -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5); box-shadow: 0 2px 5px rgba(0, 0, 0, .5); }

br.block { display: block; clear:left; margin-bottom: .1em; }
br.clear { display: block; clear: both; }

a.css3, span.css3 {
	font-weight: bold;
	border-top: solid 1px transparent;
	text-decoration: none;
	display: block;
	padding: 0px 5px;
	float:left;
	margin: 0 1em 0 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	color: black !important;
}