/*
	reset.css file
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

 /* defaults */
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	background: #fff;
	color: #fff;
	font: 62.5%/1.5 Verdana; 
}
/*
body  {
	background: url(/img/en/bottom.png) no-repeat bottom center;
}

body.body-ua {
	background: url(/img/ua/bottom.png) no-repeat bottom center;
}

body.body-ru {
	background: url(/img/ru/bottom.png) no-repeat bottom center;
}
*/
p,ol,ul,dl,blockquote,form,pre {margin-top: 0;}
img {border: 0;}
a, a:hover {color: #fff; text-decoration: underline;}
a.tdn, a.tdn:hover {text-decoration: none;}
a.hu {text-decoration: none;}
a.hu:hover {text-decoration: underline;}
table {
	font-size: 100%;
	border-collapse: collapse;
	margin: 0;
}
td {padding: 0;}


del {
	text-decoration: line-through;
}


br {line-height: 1em;}

.autoW {width: auto;}
.maxwh {
	width: 100%;
	height: 100%;
}
.maxw {width: 100%;}
.maxh {height: 100%;}
.minh {height: 1px;}
.hidden {display: none;}
.ofh {overflow: hidden;}
.abs {position: absolute;}
.rel {position: relative;}
.left {float: left;}
.right {float: right;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.nob {border:none;}
.nobr {white-space: nowrap;}
ul.noul {list-style: none; margin: 0;padding: 0}
br.clear, span.clear {
	display: block;
	height: 1px;
	clear: both;
	overflow: hidden;
}


td > *:-moz-first-node {margin-top:0;}
td > *:-moz-last-node {margin-bottom:0;}


/* debug */
table.test1, table.test1 td {border: dotted 3px green;}
table.test1 table, table.test1 table td {border: 0;}
table.test2, table.test2 td {border: solid 1px #f0f;}
table.test2 table, table.test2 table td {border: 0;}
table.test3, table.test3 td {border: dotted 2px red;}
table.test3 table, table.test3 table td {border: 0;}
div.test1 {background: red !important;}
div.test2 {background: yellow !important;}
div.test3 {background: green !important;}

/*	LAYOUT */
#wrapper {
	margin: 0 auto;
	width: 980px;
}


#header {
	background: url(/img/beckie-header.gif);
	height: 121px;
}

#bigtext {
	color: #fff;
	font-size: 30em;
	font-weight: bold;
}

#logo {
	background: url(/img/ru/logo.png) no-repeat;
	display: block;
	height: 141px;
	position: absolute;
	top: 20px;
	width: 594px;
}

.body-en #logo {
	background: url(/img/en/logo.png) no-repeat 20px 0;
}


.body-ua #logo {
	background: url(/img/ua/logo.png) no-repeat 20px 0;
}

#menu {
	position: absolute;
	right: 0;
	top: 40px;
}

#langs {
	position: absolute;
	right: 25px;
	top: 19px;
}

#langs a {
	color: #000;
	font-size: 1.6em;		
	font-weight: bold;
	padding: 2px 6px;
	text-decoration: none;
}

#langs a:hover {
	text-decoration: underline;
}

#langs a.active {	
	background: #000;
	color: #fff;
}

#page {
	background: #fff;
	border-top: 5px solid #000;
	color: #241f1f;
	font-family: Verdana, Arial;
	font-size: 1.1em;
	height: 346px;
	padding: 15px;
	margin-top: 207px;
	min-width: 960px;
}

#page p {
	margin-bottom: 1em;
}

#page strong {
	font-weight: bold;
}

#page a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}


@charset "UTF-8";

/* defaults */
body, html {
	margin:0;
	padding:0;
	height: 100%; width:100%;
	min-width: 976px;
}

p,ol,ul,dl,blockquote,form,pre {margin-top: 0;}
img {border: 0;}
a, a:hover {text-decoration: underline;}
a:hover,a:focus,a:active{outline-width:0} 

.vmiddle {vertical-align:middle;}

h1 {
	color: #fff;
	font-size: 2.5em;
	margin-top: 0;
	padding: 5px;
}

h1 span {	
	background: #000;
}

h2 {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
}

table {
	font-size: 100%;
	border-collapse: collapse;
	margin: 0;
}
td {padding: 0;}


br {line-height: 0;}



.maxwh {
	width: 100%;
	height: 100%;
}
.maxw {width: 100%;}
.maxh {height: 100%;}
.minh {height: 1px;}
.nobg {background: none}
.invsbl {display: none;}
.ofh {overflow: hidden;}
.abs {position: absolute;}
.rel {position: relative;}
.ftl {float: left;}
.ftr {float: right;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.nobr {white-space: nowrap;}
div.clear, br.clear, span.clear {
	display: block;
	height: 1px;
	clear: both;
	overflow: hidden;
}

td > *:-moz-first-node {margin-top:0;}
td > *:-moz-last-node {margin-bottom:0;}




body.dhtml #mainTD {vertical-align: middle;}
body.plain {width: auto;height: auto;padding: 30px;}


#lastDiv {position: absolute; z-index: 1;top:550px;width: 1px;height: 1px;overflow: hidden;}

table.center {margin: 0 auto;}

.closeright {
	
	
}

#contentBlock {background: transparent;}


#contentBlock .item {font-size: 12px;font-family: 'Verdana', sans-serif; }
#contentBlock a, #contentBlock a.active, #contentBlock a.visited {color: #000;}
#contentBlock a:hover {color: #000;background:#fff;}
#contentBlock a.void {display: block;background: url(/img/void.gif);}
#contentBlock a.void:hover {background: transparent  url(/img/transbg.gif);}

#contentBlock {position: absolute;left: 0;width: 100%;overflow:auto;z-index:200;}
#contentBlock img.preview {}

#contentBlock table td.rightBorder div {width: 11px;height: 340px;background: #ffffff;}

#contentBlock table td.item {
	background: #fff;
	color: #000;
	height: 310px;
	padding-left: 10px; 
	padding-top: 10px;
	vertical-align: top;
}

#contentBlock table td.lastitem {
	background: #fff;
	height: 310px;
	width: 10px;
}


#contentBlock table td.last {
	background: #fff;
	color: #000;
	height: 310px;
	padding-left: 0px; 
	padding-top: 10px;
	vertical-align: top;
	width: 10px;
}

.description {
	background: #fff;
	color: #000;
	height: 45px;
	font-size: 1.2em;
	padding: 10px;
	vertical-align: middle;
}



#contentBlock table td.item div.firstimage {height: 380px;background-color: #fff;padding: 10px 0 0 10px; width: 515px;}


#contentBlock table td.item div.maxwidth {color: #999;height: 380px;background-color: #fff;padding: 10px 0 0 10px; width: 100%;}


#contentBlock table td.item div.preview {position: absolute;z-index: 10;height: 380px;background-color: #fff;padding: 10px 0 0 10px;}

#contentBlock table td.item div.nopointer {cursor: auto}



#contentBlock table td.item table.title {
	border-collapse: collapse;
	cursor: pointer;
	height: 307px;	
	position: absolute;
	top: 0px;
	*top: 3px;
}

#contentBlock table td.item table.title td {
	padding: 0;
}

#contentBlock table td.item table.title td {
	vertical-align: bottom;
}


#contentBlock table td.item h2 {
	font-family: Verdana, Arial;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 0;
}

#contentBlock table td.item h2 span {
	background: #000;
	color: #fff;
}

#contentBlock table td.item div.textbox h1 {
	color: #a4a4a4;
	font-size: 2.5em;
	letter-spacing: -0.085em;
	margin: 0 0 0.5em 0;
}

#contentBlock table td.item div.textbox h1 span {
	color: #a4a4a4;
	font-size: 30px;
	letter-spacing: -0.085em;
	margin: 0 0 0.5em 0;
}

#contentBlock table td.item  div.textbox h2 {
	color: #a4a4a4;
	font-size: 2.3em;
	letter-spacing: -0.085em;
	margin: 0 0 0.5em 0;
}

#contentBlock table td.item div.textbox h2 span {
	color: #a4a4a4;
	font-size: 28px;
	letter-spacing: -0.085em;
	margin: 0 0 0.5em 0;
}

#contentBlock table td.item  div.textbox h3 {
	color: #a4a4a4;
	font-size: 2em;
	letter-spacing: -0.085em;
	margin: 0 0 0.5em 0;
}

#contentBlock table td.item div.textbox h2 span {
	color: #a4a4a4;
	font-size: 24px;
	letter-spacing: -0.085em;
	margin: 0 0 0.5em 0;
}


#contentBlock table td.item div.article table div.imagebox  {
		background: url(/img/global/loader.gif)  no-repeat center;
}




#contentBlock table td.item div.article {position: relative;z-index: 20;background-color: #ffffff;border: 1px dashed #8c8c8c;}
#contentBlock table td.item div.article table {height: 470px;}
#contentBlock table td.item div.article table div.textbox {color: #a4a4a4;height: 448px;margin:9px 0 9px 11px;overflow-y:auto; overflow-x:hidden; padding-right: 5px}
#contentBlock table td.item div.article table div.imagebox {color: #a4a4a4;height: 448px;margin:9px 0 9px 11px; overflow: hidden}

 

#contentBlock table td.spi4ka div {overflow: hidden;height: 1px;}

#arrowLeft, #arrowRight {
	height: 320px;
	position: absolute;
	z-index: 400; 
}

#arrowLeft span {display: block;*display: none;width: 123px;height: 320px;margin-top: 1px;}
#arrowRight span {display: block;*display: none;width: 123px;height: 320px;margin-top: 1px;}

#arrowLeft span {
		background: url(/img/arrow-l.png)  no-repeat 0 50%;
		display: block;*display: none;
		height: 320px; width: 123px;
}

#arrowRight span {
		background: url(/img/arrow-r.png)  no-repeat 0 50%;
		display: block;*display: none;
		height: 320px; width: 123px;
}


.feedbackMessageErr {
	color: #CC0000;
}

table#feedback {
	margin-top: 5px;
	*margin-top: 0px;
}


table#feedback input {
	border: 1px solid #8c8c8c;
	margin-bottom: 3px;
	*margin-bottom: 0px;
	margin-left: 3px;
	width: 250px;
}

table#feedback input.securecode {
	border: 1px solid #8c8c8c;
	margin-left: 3px;
	margin-top: 3px;
	width: 35px;
}
table#feedback input.submit {	
	background: #000;
	border: 1px solid #333;
	color: #fff;
	font-size: 1.2em;
	margin-left: 3px;
	*margin-top: 3px;
	height: 20px;
	width: 85px;
}



table#feedback textarea {
	border: 1px solid #8c8c8c;
	margin-bottom: 3px;
	height: 120px;
	overflow: hidden;
	width: 327px;
}

table#feedback th {
	color: #333;
	font-size: 1em;
	font-weight: normal;
	height: 1em;
	text-align: left;
	width: 74px;
}

.greybox {
	background:#8c8c8c;
	height: 340px;
	margin-top: 40px;
	width: 515px;
}

img.preview {
	height: 310px;
}


/* tags */
div#tags {
	margin-left: -1px;
	margin-top: 170px;
	border: 1px solid #fff;
	border-bottom: 5px solid #000;
}

div#tags ul {
	list-style: none;
	margin: 0; padding: 0;
	margin-bottom: -3px;
	margin-left: 28px;

	
}

div#tags ul li {
	float: left;
	margin: 0; padding: 0;
}

div#tags ul li a {
	color: #999;
	float: left;
	font-family: Verdana, Arial;
	font-size: 1.6em;
	margin-right: 5px;
	margin-bottom: -1px;
	padding: 2px 8px;
	text-decoration: none;
	text-transform: uppercase;
}

div#tags ul li a:hover {
	color: #000;
	text-decoration: none;
}

div#tags ul li a.active {
	background: #000;
	color: #fff;
	
}

img.about {
	float: left;
	margin-right: 50px;
}

div.about {
	float: left;
	width: 500px;
}


div.contacts {
	float: left;
	width: 500px;
}

div.feedback {
	float: left;
	margin-left: 100px;
}

div.feedback h1  {
	font-size: 2em;
}









/*::::: PIROBOX RULES::::::::*/

.bg_thumbs{
background:#fff;/*::::: you can change overlay background-color here ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}


.unloader, .img_box,.middle_l, .middle_r{
background:#000;/*::::: you can change img_box background-color here ::::::::*/
}

/*:::: YOU DON'T NEED TO CHANGE NOTHING ELSE IN THE CSS :::*/

/*:::: PREV/NEXT inside rules ::::*/
.box_next_in{position:absolute;top:2px!important;top:2px;height:90%;width:74px;right:2px!important;right:0px;overflow:hidden;z-index:1010;background:none;display:none;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(/img/pirobox/next_in_b.png) top right no-repeat!important;background:url(/img/pirobox/next_in_b.gif) top right no-repeat;}
.box_previous_in{position:absolute;top:2px!important;top:2px;z-index:100012;height:90%;left:2px!important;left:2px;width:74px;overflow:hidden;background:none;display:none;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(/img/pirobox/prev_in_b.png) top left no-repeat!important;background:url(/img/pirobox/prev_in_b.gif) top left no-repeat;}

/*:::: PREV/NEXT outside rules ::::*/

.box_next{position:fixed!important;position:absolute;top:0;height:100%;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006; visibility:hidden}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;top:0;height:100%;width:81px;right:-81px;z-index:1007;background:url(/img/pirobox/next_o_b.gif) center right no-repeat;}
a:hover.next{background:url(/img/pirobox/next_o_b_h.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:0;height:100%;left:0;width:81px;overflow:hidden;z-index:1008;visibility:hidden}
a.previous{z-index:1009;position:fixed!important;position:absolute;top:0;height:100%;width:81px;left:-81px;text-indent:-999em;display:block;background:url(/img/pirobox/prev_o_b.gif) center left no-repeat;}
a:hover.previous{background:url(/img/pirobox/prev_o_b_h.gif) center left no-repeat;}

/*:::: END PREV/NEXT rules ::::*/


/*:::: IMG_BOX rules ::::*/

.img_box{position:absolute;margin-top:-2px;margin-left:-2px;width:50px;height:50px;visibility:hidden; overflow:hidden;z-index:1002;}
.img_box img{float:left;position:relative; z-index:1100;border:none;padding:0;z-index:1003; cursor:url(/img/pirobox/cursor/close.cur), pointer;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 10px 10px 0!important;margin:0 12px 10px 0;z-index:100014;background:url(/img/pirobox/close_b.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-33px;width:80px;height:80px;display:block;z-index:1007; background:url(/img/pirobox/bg_loader_b.png) center no-repeat!important; background:url(/img/pirobox/bg_loader_b.gif) center no-repeat;}
.loader span{position:absolute;width:80px;height:80px;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{position:absolute;bottom:0;left:0;margin:0 0 8px 5px!important;margin:0 0 8px 5px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text;}
.caption p{ display:block; margin:0;padding:0; margin-right:88px;}
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*::::, ROUNDED CORNERS ::::*/

.all{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-45px;width:80px;height:80px;padding:10px;z-index:1002;}
.t_l{position:absolute; height:30%; width:90%;padding:0!important;padding:10px; top:0; left:0; background: url(/img/pirobox/bg_b.png) top left no-repeat!important;background: url(/img/pirobox/bg_b.gif) top left no-repeat;}
.t_r{position:absolute; height:30%; width:30%; top:0; right:0; background: url(/img/pirobox/bg_b.png) top right no-repeat!important;background: url(/img/pirobox/bg_b.gif) top right no-repeat;}
.middle_l{ position:absolute;width:50%;height:80%;left:0; top:10px;z-index:998;}
.middle_r{ position:absolute;width:50%;height:80%;right:0; top:10px;z-index:999;}
.t_l_b{position:absolute; height:80%; width:91%;padding:0!important;padding:10px; bottom:0; left:0; background: url(/img/pirobox/bg_b.png) bottom left no-repeat!important;background: url(/img/pirobox/bg_b.gif) bottom left no-repeat;}
.t_r_b{position:absolute; height:90%; width:40%; bottom:0; right:0; background: url(/img/pirobox/bg_b.png) bottom right no-repeat!important;background: url(/img/pirobox/bg_b.gif) bottom right no-repeat;}