@charset "utf-8";
/* CSS Document */

body { padding: 0 5% 2em 5%; margin:0; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; font-size: 94%; }

img {border: 0;}

h1, h2, h3, h4{font-weight: normal;}
h1{font-size: 190%; }
h2{font-size: 160%; line-height: 1.2em;}
h3{font-size: 130%; line-height: 1.4em; color: #333333; width:50%;}

/*a{color:#00aad2;}
a:hover{color:#59cfeb;}*/
/*a:visited{color:#97bdc6;}*/
a{color:#297bd8;}
a:hover{color:#da0303;}

.columns {width: 100%; //padding-right: 1px; //overflow-x: hidden; }
.columns:after { clear: both; content:''; height: 0; display: block; }
.columns .td { float: left; }
.columns .a { width: 50%; }
.columns .b { width: 70%; }
.columns .c { width: 33%; }
.columns .d { width: 20%; }
.columns .e { width: 80%; }
.columns .f { width: 25%; }
.columns .j { width: 30%; }
.columns .k { width: 40%; }


.gray {color: #999;}
.minilink {color:#999; font-size: 80%;}
.minilink:hover {color:#666;}
.minigray {color:#999; font-size: 80%;}
.mini {font-size: 80%;}

.miniavatarlist { padding:0; margin:0; list-style-type: none;} 
.miniavatarlist li { float:left; padding-top: 0.3em; font-size: 80%;}
.miniavatarlist li .img { position:absolute; margin-left: -45px; margin-top: -0.3em;} 

#top { border-bottom: 1px solid #c0d5da; padding: 1em; font-size: 94%; }

#header { padding: 2em 1em;}
#header #logo {padding-left: 60px; height: 60px; }
#header #logo img { position: absolute; margin-left: -60px;}
#header #logo div { position:absolute;  margin-top: 18px; margin-left: 0.5em;}

#main-menu { padding:0; margin: 0; list-style-type: none; margin-top: 18px; }
#main-menu li { font-size: 84%; margin-bottom: 0.3em;}

#news { margin-top: 18px; padding-right: 10%;}
#news ul {padding: 0; margin:0; list-style-type: none;}
#news ul li { font-size: 84%; margin-bottom: 0.4em;}
#news ul li .date { color: #999; position:absolute; margin-left: -9em; width: 8.5em; font-size: 84%; margin-top: 0.3em; text-align: right; }

#footer { padding: 6em 1em 0em 1em; font-size: 84%;}
#host, .hide {overflow: hidden; width: 0px; height: 0;}

#content { margin-top: 2em;}


div#content {
	z-index: 21;
}
div.film ul.navigation {
	DISPLAY: none
}
div.film div.viewport div.previous {
	DISPLAY: none
}
div.film div.viewport div.next {
	DISPLAY: none
}
.js div.film ul.navigation {
	DISPLAY: block
}
.js div.film div.viewport div.previous {
	DISPLAY: block
}
.js div.film div.viewport div.next {
	DISPLAY: block
}
div.film ul.navigation {
	LIST-STYLE-TYPE: none; MARGIN: 0; ZOOM: 1; FONT-SIZE: 84%; padding:0; padding-left: 1em; 
}
div.film ul.navigation LI {
	PADDING-BOTTOM: 0.3em;PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; DISPLAY: inline; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #297bd8; margin-right: 10%; font-style:italic; background: #fff;
}
div.film ul.navigation LI:hover {
	COLOR: #da0303
}
div.film ul.navigation LI:focus {
	COLOR: #da0303
}
div.film ul.navigation LI SPAN {
	BORDER-BOTTOM: 1px dotted; CURSOR: pointer
}
div.film ul.navigation LI.selected {
	 COLOR: #999; background: #fff;
}


div.film ul.navigation LI.selected SPAN {
	BORDER-BOTTOM: 0px; CURSOR: auto
}
.js div.film div.viewport {
	POSITION: relative; WIDTH: 100%; CLEAR: both; OVERFLOW: hidden;  
}
.js div.film div.viewport div.reel {
	POSITION: relative; WIDTH: 1250%
}
.js div.film div.viewport div.reel div.frame {
	WIDTH: 8%; FLOAT: left; /*padding: 1px; height: 500px;*/
}
div.film div.viewport div.previous {
	POSITION: absolute; PADDING-BOTTOM: 1px; WIDTH: 8%; COLOR: #cf9112; FONT-SIZE: 0.8em; TOP: 20em; CURSOR: pointer
}
div.film div.viewport div.next {
	POSITION: absolute; PADDING-BOTTOM: 1px; WIDTH: 8%; COLOR: #cf9112; FONT-SIZE: 0.8em; TOP: 20em; CURSOR: pointer
}
div.film div.viewport div.previous:hover {
	COLOR: #d84e0a
}
div.film div.viewport div.next:hover {
	COLOR: #d84e0a
}
div.film div.viewport div.previous {
	LEFT: 2%
}
div.film div.viewport div.next {
	RIGHT: 2%
}
div.film div.viewport div.previous div.arrow {
	FONT-SIZE: 4em
}
div.film div.viewport div.next div.arrow {
	FONT-SIZE: 4em
}
div.film div.viewport div.previous div.caption SPAN {
	BORDER-BOTTOM: 1px dashed; LINE-HEIGHT: 1.5;
}
div.film div.viewport div.next div.caption SPAN {
	BORDER-BOTTOM: 1px dashed; LINE-HEIGHT: 1.5;
}



.br {background: url(/images/2010/ulbg.gif) repeat-x center; margin-top: 2em;}
.br:after { clear: both; content:''; height: 0; display: block; }
.reel:after { clear: both; content:''; height: 0; display: block; }

.frame h2 {line-height: 1.2; width: 50%; margin-bottom: 0.5em; margin-top: 0;}
.frame .info { width: 50%; margin-bottom: 2em;}

#main { padding: 0 1em; margin-top: 2em;}

.img { float: left;}
.imgttl { /*font-size: 90%;*/ color: #666; margin-bottom: 2em; text-align: center;}
.imgsafari {position: relative; margin-left: -12px; margin-bottom: 3em;}
.imgsafari:after, .imgttl:after { clear: both; content:''; height: 0; display: block; }
.item .ttl {color: #666; margin-top: 1em; text-align: center;}
.dashed {border-bottom: 1px dashed; cursor: pointer;}




.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -2em 0 0 -2em;

/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

/* Отсупы между float-блоками */
margin: 2em 0 0 2em;

/* Задаем минимальную ширину по картинке и тексту */
width: 14em;
min-width: 200px;
}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats .left .min
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 200px 0;

/* Задаем минимальную высоту по тексту */
height: 6em;

/* Дублируем значение минимальной ширины по картинке для IE */
width: 200px;
}





.shop-itm h3 { font-weight: normal; font-size: 84%; line-heigh: 1; width: 100%;}

.shop-itm h3{color:#297bd8;}
.shop-itm h3:hover{color:#da0303;}


.shop-itm {
	line-height: normal;
	margin: 0 40px 40px 0;
	padding-top: 200px;
	position:relative;
}

.shop-itm .picture {
	background: #fff;
	display: block;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.shop-itm .picture img {
	bottom: 0;
	cursor: hand;
	cursor: pointer;
	position: absolute;
}

.shop-itm .summary {
	font-size: .867em; color: #666;
}