@font-face {font-family: "days"; src: url(/i/font/days.otf);}
/* .wow {font-family: "days";} */
@font-face {font-family: "london"; src: url(/i/font/london.otf);}
.super {font-family: "london";}
.tipsy { padding: 5px; font-size: 20px; background-repeat: no-repeat;  background-image: url(/js/tipsys.gif);}
.tipsy-inner { padding: 5px 8px 4px 8px; border: 5px solid #410101; background: #1b0000; color: #d39b6c; max-width: 220px; text-align: center; font-family: "London";}
.tipsy-inner{-moz-border-radius:5px; -webkit-border-radius:5px;}
.tipsy-north{background-position:top center;}
.tipsy-south{background-position:bottom center;}
.tipsy-east{background-position:right center;}
.tipsy-west{background-position:left center;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, optgroup, button, p, blockquote, th, td { margin:0; padding:0; font-family: Tahoma, Geneva, sans-serif; color: #555555;}
ul, li { border: 0; outline: 0; vertical-align: baseline; background: transparent; }
h1, h2, h3, h4, h5, h6 { color: #a31b11; font-size:80%; font-weight:normal; font-family: Tahoma; }
table { border-collapse:collapse; border-spacing:0; }
caption, th { text-align:left; }
ol, ul, li { list-style:none; }
fieldset, img { border:0; }
input, textarea, select, optgroup, option, button { outline:none; font-family:inherit; font-size:100%; }
button, input { width: auto; overflow: visible; }
optgroup, address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
abbr, acronym { border:0; }
a, a:focus { color: #505050; outline: none; background: transparent; text-decoration: none; }
a:hover { color: #AD3029; text-decoration: underline; }
.clear {clear: both; width: 0; height: 0;}

html{}
body{background: #000 url(http://www.chvertka.org/i/bg.jpg) no-repeat left top fixed; font-size: 100%; }
#soon {background: #222; border-bottom: 2px solid #333; height: 40px; padding: 5px; z-index: 90; text-align: center; vertical-align: middle;}

#header {position: relative;}
#i-bg {padding-top: 0; background: no-repeat center 50px; height: 760px; width: 100%; position: absolute; top: 50px; left: 0px; z-index: 0;}
#wrapper { margin: 0px auto; width: 960px; height: 100%; z-index: 90; position: relative;}
#panohint { background: #fff transparent; height: 30px; color: #888; padding: 10px 0 0 0;}
#banner {min-height:350px; z-index:99;}
#pano {height:520px;}
#info, #nav, #tag {margin:0 0 20px 0; z-index: 99; background: #000; opacity: 0.80; filter:alpha(opacity=80);}
#nav { height: 170px; width: 960px;}

#info{width: 700px; margin: 100px auto 0 auto; padding: 20px; background: #1b120e; border-radius: 5px;	-webkit-border-radius: 5px; -moz-border-radius: 5px;}
#info h4 {font-size: 120%; color: #F30; border-bottom: 1px solid #4E4E4E; margin: 0 0 20px 0; padding: 0 0 20px 0;}
#info p{color: #888;}



#menu { border-bottom: 1px solid #4E4E4E; margin:0 0 10px 0; padding-bottom: 10px; }
#menu ul {margin:10px 0;}
#menu li { width:192px; display: block; float: left;}
#menu li ul {}
#menu li ul li { float: none; font-size: 80%; }
#menu li ul li b { font-size: 110%; font-weight: normal; color: #99806f; font-style: normal; }
#menu li ul li a { color: #D82A2A; display: block; }
#menu li ul li a:hover { color: #ccbcaf; text-decoration: none; background: #000;}
#menu li ul li a:hover b{ color: #F33; }
#menu h3 { font-size: 150%; margin-bottom: 10px; }
#menu h3 a strong { color: #F30; font-size: 120%; }
#menu h3 a:hover strong { color: #F33; }
#menu h3 a em { color: #3F3F3F; font-size: 85%; padding-left: 20px; font-style: italic; }
#menu h3 a:hover em { color: #999; }

.photos {/* border: 1px solid #4E4E4E; */ width: 700px; margin: auto;}
.photos a {display: inline; width: 110px; height: 110px; margin: 0 10px 10px 0; padding: 7px; float: left; position: relative; background: #333333; border: 1px solid #333; opacity: 0.80; filter:alpha(opacity=80);}
.photos a:hover {background: #333; border: 1px solid #111; opacity: 1; filter:alpha(opacity=100);}
.photos img {position: absolute; margin: -10px 0 0 -10px; border: 1px solid #333; clip: rect(10px 120px 120px 10px);}
.photos img:hover {margin: -20px 0 0 -40px; border: 1px solid #444; clip: rect(20px 150px 130px 40px);}
.photos br {width: 0; height: 0; display: none;}

/* .photos img {position: absolute; clip: rect(20px 100px 80px 0px);} */


#facebook {width: 250px; margin:auto;}


#footer { clear: both; height: 130px; margin-right: auto; margin-left: auto; width: 570px; }
#footer ul { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #C20E15; text-align: left; list-style: none; margin: 0px; padding: 10px 0px 0px; }
#footer li { float: left; width: 190px }
.r {text-align: right;}
#logo { height: 80px; background: url(../i/katrin.png) no-repeat center top; }
#count { margin-top: 0px; position: relative; height: 31px; width: 88px; margin-right: auto; margin-left: auto; }


#content {/* border: 1px dashed #2a2a2a */ z-index:999; position: relative;}
.story {margin: 10px; padding: 20px;}
.story h1, .story h3 {display: inline; font-size: 250%; background: #270002; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.text a:hover, .story a:hover {text-decoration: none;}

.text {margin: 10px 50px 10px 80px; padding: 20px 0 0 0; border-bottom: 1px dashed #222;}
.next {float: right; background: #000; margin: 10px 0 0 0; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.next a {color: #7b0b1e;}
.next a:hover {color: #c0310f;}

/*FORM*/
dl {margin: 50px; }
dt {font-family: "london"; font-size: 140%}
dd {margin: 30px;}
dd small {display: block; margin: 5px 0;}
option {padding:0;}
input, textarea, select, option {background-color: #ebd2ae; width: 70%; border: none; padding: 5px; margin: 3px 0;}
textarea {height: 200px;}
/* textarea:focus, textarea:hover, input:focus, input:hover {border-color: #6a9a58;} */
input:active, select:active, button:active, textarea:active, input:hover, select:hover, button:hover, textarea:hover {background:#ebcb8c;}

button {background-color: #ebd2ae; width: 15%; padding: 6px;}
input, textarea, button {border-radius: 5px;	-webkit-border-radius: 5px; -moz-border-radius: 5px;}

#result-registration {margin: 20px;}
#dle-captcha a {font-size:13px; font-family: Tahoma;}


#tag {margin: 75px 0 0 0; text-align: center; font-size: 150%; color: #000; }
#blocks {min-height: 300px; margin: 50px auto 0 auto; border-top: 2px solid #222;}
.block {font-size: 80%; float:left; width: 240px; padding: 20px 0 20px 0px; color: #000;}
.block h4 {font-size: 150%; color: #7b0011; padding-bottom: 10px;}

.block li {margin: 0 0 10px 0;}


/* DEFAULT STYLES OF DATALIFE ENGINE */
/* ==================== Рамка расширенной формы поиска по сайту */
fieldset {
	border: 1px solid #e0e0e0;
	padding: 5px;
	text-align: left;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
}

#dle-speedbar {
	color: #555555;
	font-size: 13px;
	margin-bottom: 15px;
	}
.speedbar a {
	color: #ff0000;
	text-decoration: underline;
}
.speedbar a:hover {
	color: #ff0000;
	text-decoration: none;
}