/*
 Base-css file
 (c) ArtVisio 2004-2011
 Including reset.css from css framework Blueprint
*/
/* Blueprint CSS Framework 0.8 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
.inline {display: inline !important;}
.hide {display: none !important;}
.hand {cursor: pointer;}
.nowrap {white-space:nowrap;}
.clear {clear:both;}
.auto {margin:auto;}
.block {display:block;}
html, body {height:100%;}
/* Fonts */
body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, acronym, address, code, del, dfn,
em, q, dl, dt, dd, ol, li, fieldset, label, legend,
caption, tr, th, td, a {
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
	color:#747474;
	line-height:18px;
}
h1,
.h1 {
	/*font-family:'Brook23Regular', Calibri, Arial, Tahoma, sans-serif;*/
	font-family: Arial, Tahoma, sans-serif;
	font-size:30px;
	color:#077fa6;
	margin-bottom: 0.5em;
}
h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:18px;
	color:#ff8f24;
	margin-bottom: 0.5em;
}
h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size:16px;
	color:#ff8f24;
	margin-bottom: 0.5em;
}
.big {font-size:18px;}
em, i {font-style:italic;}
strong, b {font-weight:bold;}
/* Links */
a { 
	text-decoration: underline; 
	outline:none; 
	color:#0f96c2;
}
a:hover { text-decoration: none; color:#ff8f24;}
a.script { 
	text-decoration: none;
	border-bottom: 1px dashed #0f96c2; 
	border-width: 0px 0px 1px 0px; 
	color:#0f96c2;
}
::selection { background: #ff8f24; color:#fff; }
::-moz-selection { background: #ff8f24; color:#fff; }
/* Forms */
label { 
	cursor: pointer;
	position: relative;
	top: -1px;
}
input[type=checkbox],
input[type=radio]{
	border: none;
	background-color: transparent;
	height: auto !important;
	width: auto !important;
	padding: 0;
	margin:0 !important;
	position:relative;
	top:1px;
}
/* Images */
a img { border: none; }

/* Footnotes */
sup, sub {
	vertical-align: middle;
	position: relative;
	font-size: 75%;
}
sup { bottom: 0.5em; }
sub { top: 0.5em; }
/* Tables */
table {
	border-collapse: collapse;
	border: 0px;
	width:100%;
}
table td {
	padding: 0px;
	vertical-align: top;
}
table.no, table.no td, table.no th, .no { border: none !important; background: none !important;}
.bred { border: 1px solid red !important; }
table.bbred, table.bbred td, table.bbred th { border: 1px solid red !important; }
table.bbno, table.bbno td, table.bbno th { border: none !important; }
table.p0 td, table.p0 th, td.p0, th.p0, div.p0, .p0 { padding: 0px !important; }
table.p5 td, table.p5 th, td.p5, th.p5, div.p5, .p5 { padding: 5px !important; }
table.p10 td, table.p10 th, td.p10, th.p10, div.p10, .p10 { padding: 10px; }
.p05 {padding:0 5px;}
/* List */
ul {list-style-type: none;}
ul li {
	padding-left:12px;
}
ul, ol,
ul li ol,
ol li ol {
	list-style-position:inside;
}
ul li ol li {
	list-style-position:inside;
	list-style:decimal;
}
/* Separator */
hr {
	border:1px dotted #aee3f0;
	border-width: 1px 0px 0px 0px;
	background-color: transparent;
	height: 1px;
	margin:10px 0;
}
/* Position */
.c { text-align: center !important; }
.r { text-align: right !important; }
.l { text-align: left !important; }
.t { vertical-align: top !important; }
.m { vertical-align: middle !important; }
.b { vertical-align: bottom !important; }
.fleft { float: left; }
.fright {float: right;}
.m0 {margin:0 !important;}

/* Dimensions */
.h100p {height: 100% !important;}
.w100p {width: 100% !important;}


/* SITE */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background-color:#FFF;
}
#header {
	height: 180px;
	width: 100%;
}
#cloud {clear:both;}
#content {padding-bottom: 2.5em;}
#footer {
	height: 10px;
	width: 100%;
	position: absolute;
}
#footer.inside {bottom: 0;left:0;}
#header .wrapper {
	width:880px;
	margin:auto;
}
#footer .wrapper .social {text-decoration:none; }
#footer .logos {
	clear:both;
	height:70px;
	margin-bottom:7px;
	text-align:center;
}
#footer .logos img {
	margin:5px 8px 0 8px !important;
}
.logo a {
	width:235px; height:174px;
	background: url('../i/logo2.png') no-repeat 0 0;
	margin: 7px 20px 0 37px;
}
.store {height:68px;}
.store a {
	width:272px; height:48px;
	background: url('../i/store.gif') no-repeat 0 0;
	margin:20px 0 18px 0;
}
.lang {margin-top:60px;}
.lang a,
.lang b {
	/*font-family:'Brook23Regular', Calibri, Arial, Tahoma, sans-serif;*/
	font-family: Arial, Tahoma, sans-serif;
	font-weight:normal;
	display:block;
	font-size:22px;
	margin:10px 0 12px 0;
}
.lang a {color:#39bcde;}
.lang b {color:#ff8f24;}

#menu {
	margin-top:18px;
}
#menu a {
	/*font-family:'Brook23Regular', Calibri, Arial, Tahoma, sans-serif;*/
	font-family: Arial, Tahoma, sans-serif;
	display:block;
	font-size:24px;
	font-weight: bold;
	float:left;
	text-decoration:none;
	text-transform:lowercase;
	padding: 0 18px 13px;
	color:#077fa6;
}
.ru, 
.ru a {
	/*font-family:Comic Sans MS, Calibri, Arial, Tahoma, sans-serif !important; */
	font-family: Arial, Tahoma, sans-serif;
	font-size:24px !important;
	font-weight:bold;
}
#menu.ru a {padding: 0 21px 13px 12px;}
#menu a:hover,
#menu a.selected {
	color:#ff8f24;
	background: url('../i/underline.gif') no-repeat center 22px;
}
#cloud.index {
	background: url('../i/bg_index2.jpg') no-repeat center 0;
	width:100%; height:462px;
	position:relative;
}
.cloud-top {
	background: url('../i/01.png') no-repeat center 0;
	width:100%;height:60px;
}
.cloud-bottom {
	background: url('../i/02.png') no-repeat center bottom;
	width:100%;height:55px;
	position:absolute;
	bottom:0;left:0;
}
.player {
	background-color:#FFF;
	width:600px;height:339px;
	margin:auto;
	padding:5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-top:-4px;
}
#content .wrapper {
	width:820px;
	margin:auto;
}
.title {
	background: url('../i/title.png') no-repeat 0 0;
	width:319px;height:56px;
	margin:5px auto 0 auto;
	padding-top:15px;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
.title::selection { background: #5ec7e1;}
.title::-moz-selection { background: #5ec7e1;}
.news td {
	padding: 0 30px 15px 20px;
	line-height:18px;
	text-align:left;
}
.news td a.newstitle {
	text-transform:uppercase;
	display:block;
	font-size:16px;
}
#footer  .wrapper {
	border-top:1px dotted #aee3f0;
	width:800px;
	margin:auto;
}
#footer .wrapper img {/*margin:10px 4px;*/}
#footer .wrapper p {
	font-size:11px;
	line-height:12px;
	margin:5px 10px 10px 10px;
}
#footer .wrapper .social {
	/*margin-top:10px;*/
}
.copy {/*width:80%;*/ padding-bottom:8px;}
.copy table p {
	margin:10px 20px 8px 20px;
	font-size:11px;
	line-height:12px;
}
.copy p a.grey {font-size:10px; color:#7f8080;}
.copy p a {font-size:12px; color:#2db9d8; }
.copy img {
	margin:0 6px 0 0;
}

.contact {margin:0 10px; vertical-align:top;}

#cloud.inside1,
#cloud.inside2,
#cloud.inside3,
#cloud.inside4 {
	width:100%; height:169px;
	position:relative;
}
#cloud.inside1 {background: url('../i/bg_inside1.jpg') no-repeat center 0;}
#cloud.inside2 {background: url('../i/bg_inside2.jpg') no-repeat center 0;}
#cloud.inside3 {background: url('../i/bg_inside3.jpg') no-repeat center 0;}
#cloud.inside4 {background: url('../i/bg_inside4.jpg') no-repeat center 0;}
#sub {margin-top:15px;}
#sub a,
#sub b {
	font-family:'Brook23Regular', Calibri, Arial, Tahoma, sans-serif;
	font-size:30px;
	text-decoration:none;
	text-transform:lowercase;
	margin:0 18px;
	text-shadow:1px 1px 1px #000;
	color:#ff8f24;
	font-weight:normal;
}
#sub a {color:#fff;}
.media-pics {
	width:840px !important;
	margin:10px auto -20px auto !important;
}
.border-small {
	display:inline-block;
	width:250px;
	margin:10px;
	border:3px solid #a9dded;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.border-video {
	display:inline-block;
	margin:0;
	border:3px solid #a9dded;
	background-color:#000;
	height:246px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.navigation {
	padding:4px 0;
	margin:20px auto 0 auto;
}
.navigation a,
.navigation b {
	font-family:'Brook23Regular', Calibri, Arial, Tahoma, sans-serif;
	font-size:24px;
	text-decoration:none;
	margin:0 5px;
	color:#ff8f24;
	font-weight:normal;
}
.navigation a {color:#00bde6;}
.navigation a:hover {color:#ff8f24;}
.back, 
.next {
	display:inline-block;
	width:16px; height:16px;
	margin:0 8px !important;
	background: url('../i/arrows.png') no-repeat;
}
.back {background-position:0 0;}
.back:hover {background-position:0 -16px;}
.next {background-position:-21px 0;}
.next:hover {background-position:-21px -16px;}

.current {margin-top:20px;}

.current ul li {
	list-style:none;
}
.current ul li:before {
	color:#00bde6;
	content:"\2817"; 
	margin-left:-16px;
	padding-right:7px;
}
.current p {
	margin-bottom:12px;
}
.arrow {
	background: url('../i/ico.gif') no-repeat right -160px;
	padding-right:22px;
	margin-right:-10px;
}
.nav a,
.nav span {font-size:18px;;}
.nav span {
	color:#ff8f24;
}
.active {
	text-decoration:none;
	background: url('../i/ico.gif') no-repeat 0 -27px;
}
.active span {
	border-bottom: 1px dotted #0F96C2;
	color:#0F96C2;
}
.noactive {
	background: url('../i/ico.gif') no-repeat 0 5px;
}
.noactive span {
	color:#0F96C2;
	font-weight:bold; 
}
.videos a {
	margin-bottom:5px;
	display:inline-block;
	padding-left:16px;
	margin-left:15px;
}
.outsidelink {
	background: url('../i/ico.gif') no-repeat 0 -60px;
	padding-left:13px;
	display:inline-block;
}
.wall td {text-align:center;}
.wall td a {font-size:11px;}
.wall td .border-small {margin-bottom:5px !important;}
.video-text {padding-left:15px;}