﻿/* *1 common (общие)
----------------------------------------------------------------------------- */
html,body,p,form,input,label,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
html { width:100%; height:100%; }
body { width:100%; height:100%; font:62.5% verdana,tahoma,arial,sans-serif; color:inherit; background:#fff; }

/* *2 text (ссылки, абзацы, заголовки, списки)
----------------------------------------------------------------------------- */
a { text-decoration:underline; }
a:hover { text-dec oration:none; }
img { border:0px; }
p { margin-bottom:13px; text-indent:10px; display:block; font:1.2em arial,tahoma,verdana,sans-serif; color:#fff; background-color:#7f7f7f; }
p a { color:#fff; background-color:inherit; }
p.noindent { text-indent:0px; }
p.filmlist { text-indent:0px; margin-left: 10px; }
div.bg { padding:13px 8px; margin-bottom:8px; background-color:#7f7f7f; }
a.red { padding:1px 3px; color:#fff; background:#e802c4; text-decoration:none; }
a.websitelink { text-decoration:none; }
a.red:hover { text-decoration:underline; }
a.reds { padding:1px 3px; color:#fff; background:#e802c4; text-decoration:none; }
a.grey { padding:1px 3px; color:#fff; background:#969696; text-decoration:none; }
a.grey:hover { text-decoration:underline; }
a.colorist { color:#333; text-decoration:none; }
a.colorist:hover { text-decoration:none; }

/* *3 main (основные)
----------------------------------------------------------------------------- */
#wrap { width:714px; margin:0 auto; position:relative; overflow:hidden; }
.both { width:100%; clear:both; overflow:hidden; }
#spacer { width:100%; height:195px; clear:both; overflow:hidden; }

/* *4 footer (подвал)
----------------------------------------------------------------------------- */
#footer { width:100%; height:48px; border-top:1px solid #999; margin-top:14px; position:relative; overflow:hidden; }
#footer img {display:block;}
#footer address { display:block; position:absolute; top:5px; left:0px; font:10px arial,tahoma,verdana,sans-serif; color:#7f7f7f; }
#lang { position:absolute; top:4px; right:1px; font:10px arial,tahoma,verdana,sans-serif; }
#lang a { padding:1px 3px; color:#fff; background:#e802c4; text-decoration:none; }
#lang a:hover { text-decoration:underline; }

#lang1 { position:relative; float:right; top:0px; bottom:10px; right:1px; font:10px arial,tahoma,verdana,sans-serif; }
#lang1 a { padding:1px 3px; color:#fff; background:#e802c4; text-decoration:none; }
#lang1 a:hover { text-decoration:underline; }

/* *5 header (шапка)
----------------------------------------------------------------------------- */
#header { width:100%; height:200px; overflow:hidden; position:relative; }
#header img {display:block;}
#logo { position:absolute; top:23px; left:0px; z-index:2; }
#menu { width:100%; padding:67px 0 0 0; margin:0px; list-style:none; overflow:hidden; position:relative; z-index:1; }
#menu li { width:100%; padding-bottom:4px; float:left; clear:both; }

#auth { width:127px; display:block; position:absolute; top:23px; right:0px; z-index:2; }
#auth .both { padding-bottom:2px; }
#auth input { border:1px solid #cecece; display:block; float:left; font:11px arial,tahoma,verdana,sans-serif; color:#fff; background:#cecece; }
#login { width:125px; }
#pass { width:86px; }
#auth input.submit { width:37px; height:16px; margin-left:2px; cursor:pointer; color:#fff; font:10px arial,tahoma,verdana,sans-serif; background:#cecece; }
#sub { width:100%; padding:0px; margin:0px; list-style:none; overflow:hidden; }
#sub li { height:14px; padding-left:4px; float:left; }
#sub img { display:block; }

/* *5 content (контент)
----------------------------------------------------------------------------- */
#content { width:684px; padding:23px 15px 23px 15px; color:#fff; background:#dadada; }
#content .space { width:100%; overflow:hidden; color:inherit; background:#cecece url('../img/content.gif'); }

#left { width:380px; float:left; }

#right { width:268px; padding:0 15px 13px 0; float:right; position:relative; }
.pic { width:100%; padding-top:13px; }
.pic_full { width:100%; padding-top:0px; }
.pic img { width:100%; margin:0 auto; display:block; }


.more { padding-top:3px; margin:0px; font:1.0em arial,tahoma,verdana,sans-serif; text-align:right; background:none; }
.more a { padding:1px 3px; color:#7f7f7f; text-decoration:none; color:#fff; background:#e802c4; }
.more a:hover { text-decoration:underline; }


#flash {width:684px;height:364px;}
#flash object {display:block;}
.off {visibility:hidden;display:none;}
.on {visibility:visible;display:block;}
#small { width:100%; padding:0px; margin:0px; list-style:none; overflow:hidden; }
#small li { float:left; }
#small li img { display:block; }


#popup { width:900px; padding-bottom:45px; position:relative; }
#popup object {display:block;} 
#popup .before { padding:0px 7px; text-indent:0px !important; display:block; font:11px arial,sans-serif; position:absolute; top:387px; left:16px; background:#f400c4; }
#popup .after { padding:0px 7px; text-indent:0px !important; font:11px arial,sans-serif; position:absolute; top:387px; right:16px; background:#f400c4; }
#popup .project { text-indent:0px !important; position:absolute; top:407px; left:16px; font:11px arial,sans-serif; color:#000; background:none; }
#popup .click { width:100%; text-indent:0px !important; position:absolute; top:387px; left:16px; font:11px arial,sans-serif; color:#000; text-align:center; background:none; }

