@font-face {
 font-family: "Arial Narrow";
 src: url("ARIALN.eot") /* EOT file for IE */
}
@font-face {
 font-family: "Arial Narrow";
 src: url("ARIALN.TTF") /* TTF file for CSS3 browsers */
}


body, html {
	background-color: #fff;
	padding:0;
	margin:0;
}
a { color: #0077b2; }
a:visited { color: #07608c; }
a:hover { color: #f70; }

img { border:none; }

hr {
	margin:0 auto;
	padding:0;
	width:975px;
	height:0px;
	border-left:none;
	border-right:none;
	border-top:1px solid #9c9c9c;
	border-bottom:1px solid #ffffff;
}

.header {
	padding:0;
	width:975px;
	margin:20px auto 0 auto;
	background: #0076b1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDlmZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0076b1 0%, #109fe5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076b1), color-stop(100%,#109fe5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0076b1 0%,#109fe5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0076b1 0%,#109fe5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0076b1 0%,#109fe5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0076b1 0%,#109fe5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076b1', endColorstr='#109fe5',GradientType=0 ); /* IE6-8 */
	border-radius:10px;
}
.header hr {
	height:0px;
	border-top:1px solid #0070a8;
	border-bottom:1px solid #36b9f9;
	width:961px;
}

.logobar {
	margin:0;
	padding:0;
	width:100%;
	border-spacing:0;
/*	border:1px solid #ff0; */
}
.logobar td {
	padding:20px 10px 10px 10px;
}

.logobar .logo {
	text-align:center;
}
.logobar .titles {}
.logobar .titles div {
	text-align:center;
}
.logobar .titles div.h1 {
	font: normal 30px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#fff;
	font-stretch: condensed;
	text-transform:uppercase;
}
.logobar .titles div.hex {
	font: normal 9px Arial, Helvetica, sans-serif;
	color:#c2ebff;
}

.logobar .langs div {
	margin:5px 0;
	font: normal 12px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#fff;
	font-stretch: condensed;
}
.logobar .langs div a {
	font: normal 12px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#fff;
	font-stretch: condensed;
	text-decoration:none;
}
.logobar .langs div a:hover {
	text-decoration:underline;
	color:#ff0;
}
.logobar .langs img {
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	margin-right:10px;
	vertical-align:middle;
}
.logobar .langs .ru img {
	background: #fff url(imgs/flags.png) left 0 no-repeat;
}
.logobar .langs .en img {
	background: #fff url(imgs/flags.png) left -15px no-repeat;
}
.logobar .langs .curr img {
	border:1px solid #ccc;
	box-shadow:none;
}
.logobar .langs div a:hover img {
	outline:1px solid #ff0;
}

.menubar {
	height:44px;
	padding:0;
}

.menubar table {
	margin:0 auto;
	height:44px;
	border-spacing:0;
/*
	min-width:545px;
	border:1px solid #f00;
*/
}
.menubar table td {
	padding:0;
	font: normal 18px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#fff;
	font-stretch: condensed;
	padding:0 10px;
	vertical-align:middle;
	text-align:center;
}

.menubar table td a {
	font: normal 18px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#fff;
	font-stretch: condensed;
	text-decoration:none;
}
.menubar table td a:hover {
	text-decoration:underline;
}

.menu td div {
	position:relative;
}
.menu ul {
	left:-3px;
	top:3px;
	position:absolute;
	display:none;
	margin:0;
	padding:0;
	border-left:1px solid #888;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	z-index:100;
	box-shadow:2px 2px 4px rgba(2,2,5,0.5);
	border-radius: 0 0 5px 5px;
	background: #0076b1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDlmZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0076b1 0%, #109fe5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076b1), color-stop(100%,#109fe5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0076b1 0%,#109fe5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0076b1 0%,#109fe5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0076b1 0%,#109fe5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0076b1 0%,#109fe5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076b1', endColorstr='#109fe5',GradientType=0 ); /* IE6-8 */
	max-width:470px; 
}
.menu td:hover ul {
	display:block;
}
.menu ul li {
	margin:0;
	padding:5px 10px;
	min-width:200px; 
	list-style-type:none;
	font: normal 18px "Arial Narrow", Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	color:#333;
	text-align:left;
}
.menu ul li.long {
	min-width:350px; 
}
.menu ul li:last-child {
	border-radius: 0 0 5px 5px;
}
.menu ul li:hover {
	background:#2d97cb;
}
.menu ul li a {
/*	font-size:14px; */
	color:#fff;
	text-transform:none;
}
.menu ul li a:hover {
	color:#ff0;
}

.contenttable {
	width:975px;
	margin:40px auto 20px auto;
	min-height:300px;
}
.inner {
	margin-top:10px;
}

.contenttable .news {
	vertical-align:top;
	width:411px;
	padding:0 50px 0 0;
}
.contenttable .news div {
	font: normal 16px Arial, Helvetica, sans-serif;
	color:#000;
	margin:15px 0;
	padding-left:30px;
}
.contenttable .news div a {
/*	color:#000; */
}
.contenttable .news div a:hover {
/*	color:#f00; */
}
/*
.contenttable .news .title {
	font: normal 24px "Arial Narrow", Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	color:#e50007;
	margin:0;
}
*/

.contenttable .news .archive {
	text-align:right;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#de411b;
}
.contenttable .news .archive:hover {
	color:#f00;
}
.contenttable .news .archive a {
	color:#de411b;
}
.contenttable .news .archive a:hover {
	color:#f50;
}

.contenttable .content {
	vertical-align:top;
	color:#000;
	font: normal 16px Arial, Helvetica, sans-serif;
}

.contenttable .content  p {
	font: normal 16px Arial, Helvetica, sans-serif;
}
.contenttable .content  h1 {
	font: normal bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	margin-top:0;
}

.adsence {
	text-align:center;
}

.footer {
	margin:20px 0;
}
.footer hr {
	margin-bottom:20px;
}
.footer table {
	width:965px;
	margin:0 auto;
	border-spacing:0;
}
.footer table td {
	padding:0;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#000;
}

.footer .copy {
	width:320px;
}
.footer .bottommenu {
}
.footer .bottommenu a {
	margin:0 10px;
}

.footer .counters {
	text-align:right;
}
.footer .counters img {
	vertical-align:middle;
}

.site_child_map {
	min-height:360px;
	background:none right bottom no-repeat;
}
#site_child_map0 {
	background-image:url(imgs/sherlock2.jpg);
}
#site_child_map1 {
	background-image:url(imgs/sherlock3.jpg);
}
#site_child_map2 {
	background-image:url(imgs/sherlock4.jpg);
}
#site_child_map3 {
	background-image:url(imgs/sherlock5.jpg);
}
.site_child_map li {
	margin:16px 0;
	max-width:600px;
}
.site_child_map li a {
	background-color:rgba(255,255,255,0.8);
}
.site_child_map li div { font-size:12px; margin-top:5px; }

.path { font-size:12px !important; margin:0 0 10px 0; }
.path a { font-size:12px; }

#pagevoteform {
	border:1px solid #ccc;
	background:#eee;
	padding:5px 10px;
	border-radius:5px;
}
#pagevoteform input {
	margin-left:10px;
}
#pagerating {
	margin:10px 0;
	padding-top:10px;
	border-top:1px solid #ccc;
}
#pagerating img {
	vertical-align:middle;
}

.attention {
	padding:10px 10px 10px 30px;
	background:#ffc url(imgs/attention.png) 5px center no-repeat;
	border-radius:5px;
	border:1px solid #cc0;
}
.attention a {
	color:#f00;
}
.attention a:hover {
	color:#900;
}

#userlang_dialog {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:999;
	background:rgba(0,0,0,.5);
/*	font-size:2em;
	font-family:"Arial Narrow"; */
}
#userlang_dialog .dialog {
	position:absolute;
	max-width:500px;
	left:50%;
	top:50%;
	background:rgba(255,255,255,.9);
	border-radius:10px;
	box-shadow:0.5em 0.5em 2em rgba(0,0,0,.5);
	padding:0;
    font: normal normal normal 18px/1.2 Arial, Helvetica, sans-serif;
}
#userlang_dialog .dialog h2  {
	padding:0.5em 1em;
	background: linear-gradient(to top, #0076b1 0%,#109fe5 100%);	
	color:#fff;
	margin:0;
	border-radius:10px 10px 0 0;
	font: normal normal normal 24px/1 Arial, Helvetica, sans-serif;
}
#userlang_dialog .dialog .content {
	padding:1em;
}
#userlang_dialog .content .question {
	margin-bottom:1em;
	text-align:center;
}
#userlang_dialog .content .small {
	font-size:16px;
}
#userlang_dialog .content .buttons {
	text-align:center;
}
#userlang_dialog .content .buttons a {
	display:inline-block;
	padding:0.5em 1em;
	text-align:center;
	border-radius:.2em;
    background: #f1da36; /* Для старых браузеров */
    background: linear-gradient(to bottom, #fefcea, #f1da36);
	border:1px solid #f1da36;
	color:#0076b1;
	margin:0 1em;
	min-width:4em;
	text-decoration:none;
}
#userlang_dialog .content .buttons a:hover {
	color:#109fe5;
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
}