HTML, BODY {
margin:0; 
padding:0; 
background:#040404;
}

#innerContent {color:#FFF; padding:0px; width:900px; margin:0 auto;}

html {
height: 100%;
}

* html body {
height: 100%;
}

body {
min-height: 100%; 
position: relative; 
font:62.5% "Times New Roman", Arial, Helvetica, sans-serif;
}

#fullContainer {
background:#000 url(i/main_page.jpg) no-repeat -47px 10px; 
margin:20px auto; 
border:1px #575757 solid; 
width:998px; 
text-align:left;
}

#content {
width:998px; 
margin:0 auto; 
position:relative; 
min-height:500px; 
width:expression(document.body.clientHeight<500?'500px':'100%');
}

#footer {
position: relative; 
bottom: 0; 
height: 69px; 
padding-bottom:32px; 
margin:170px auto 0 auto; 
width:998px;
}

#content, #footer {
font-size:14px;
} 

.repertoireLink {
position:absolute; 
top:260px; 
left:440px; 
width:120px; 
height:25px; 
display:block;
}

IMG {
border:0;
}

TABLE {
border-collapse:collapse;
}

TD {
padding:0; 
vertical-align:top;
}

P {
margin:6px 0; 
display:block; 
font-size:14px;
}

INPUT, SELECT {
font-size:11px
}

H1 {
font-size:18px; 
margin-top:0;
}

H2 {
font-size:15px
}

H3 {
font-size:14px
}

H4 {
font-size:13px
}

H1 A, H2 A, H3 A, H4 A {
color:#FFF;
}

A {
color:#FFF;
}

.contentBox {
padding:0 50px;
}

.relative {position:relative;}

.clearer {clear:both;}

.floatLeft {float:left;}

.floatRight {float:right;}

#mainTop {height:350px;}


#logo IMG {position:absolute; top:-34px;}

#authFormBox {padding:10px; height:70px; background:#202020; border:1px white solid; width:250px; display:none; position:absolite; top:-40px;}
.authForm {width:250px;}
.authForm FORM {margin:0; padding:0;}
/*.authForm input {border:1px #2d2d2d solid; background:#000; color:#FFF; font-size:14px; width:100px; text-align:center; height:22px;}*/
.button {width:102px !important; _width:105px !important; color:#000 !important; background:#CCCCCC !important; height:21px !important;}

.menuTable, .mainMenu {margin:0;padding:0;}
.menuTable {color:#FFF; margin:0 0 0 57px;}
.menuTable {width:980px;}
.menuItem0 {width:150px;}
.menuItem0 A {/*position:relative;*/ left:-47px;}
.menuItem1 {width:150px; text-align:right;}
.menuItem1 A {/*position:relative;*/ left:-72px; _left:0; }
.menuItem2 {width:150px}
.menuItem2 A {/*position:relative;*/ left:74px;}
.menuItem3 {width:150px; text-align:right; _width:150px !important}
.menuItem3 A {/*position:relative;*/ left:47px; _left:120px;}
.mainMenu {top:70px; padding:0 !important; position:relative;}
.mainMenu LI {float:left; list-style:none; display:block; zoom:1; margin:0; padding:0; white-space:nowrap;}
.mainMenu LI DIV {display:none; position:relative; _position:absolute !important; _left:0; width:150px; padding-bottom:20px; text-align:left;}
.mainMenu LI DIV A {display:block; margin:0; color:#FFF; padding-bottom:2px; padding-left:0 !important; margin-top:5px;}
.mainMenu LI DIV A:hover {text-decoration:underline;}
.mainMenu A {color:#FFF; font-family:"Times New Roman", Arial, Helvetica, sans-serif; font-size:15px; _display:block !important; text-decoration:none; text-transform:uppercase; text-align:left;}
.bottomMenu .menuItem1 {width:140px;}
.bottomMenu .menuItem1 A {position:relative; left:-20px; _left:-10px;}
.bottomMenu .menuItem2 A {position:relative; left:45px; _left:-25px;}
.bottomMenu .menuItem3 A {position:relative; left:5px; _left:-55px;}
.bottomMenu .menuItem4 A {position:relative; left:65px; _left:-20px;}
/*.bottomMenu .menuItem2 {width:189px !important; top:0;}*/

#wrap {position:relative;}
#mainFilmsTop {/*background:url(i/middle_bg.gif)*/ background:url(i/plenka.gif) no-repeat top center; height:212px;}
#mainFilmsTop1 {/*background:url(i/middle_bg.gif)*/ background:url(/bitrix/templates/romanov/i/plenka1.gif) no-repeat top center; height:202px;}
#mainFilmsTopBox {width:930px; margin:0 auto;}
#mainFilmsTopBox LI {position:relative;}
.filmImg {display:block; margin-bottom:32px; height:160px;}
.filmImg IMG {/*margin-left:6px;*/}
.filmSep {background:url(i/film_sep.png) no-repeat left top; width:15px; height:156px; float:left;}
.film {overflow:hidden; height:230px; text-align:center;}
.film A {color:#FFF; font-family:"Times New Roman", Times, serif !important; text-decoration:none;}
.filmAbout {background:#eee; color:#333333; text-align:left; font-weight:normal; width:660px; padding:5px; border:3px #BBB solid; display:none; margin:15px auto 0; position:relative;}
.filmAbout #imgBox {float:left;}
.filmAbout #imgBox IMG {width:130px; height:193px;}
.filmAbout #filmAboutClose {font-size:10px; color:#671115; margin-left:15px; font-weight:normal;}
.filmAbout #filmAboutCloseImg {background:url(i/romb.gif) no-repeat top right; position:absolute; top:0; right:0; width:30px; height:30px;}
.filmAbout #filmAboutClose, #filmAboutCloseImg {cursor: pointer; cursor: hand;}
.filmAbout .filmAboutText {float:right; width:520px;}
.filmAbout #schedule {color:#671115; margin:10px 0 15px; font-size:14px;}
.filmAbout SPAN {margin-bottom:5px; color:#671115; display:block; font-size:16px; font-weight:bold;}
.filmAboutDate {float:right; text-align:left; font-weight:bold; font-size:10px !important; height:10px;}
.scheduleTable {width:95%; margin:0 auto; position:relative;}
.scheduleTable TD {border:1px #000 solid; padding:3px;}
.scheduleTable .roomHeaderTr {color:#671115; }
.scheduleTable .roomHeader {width:20px; text-align:center;}
.scheduleTable .room {text-align:center;}
#mainBottomTextBox {margin-bottom:50px; margin-top:70px;}
#exclusiveServices, #ticketOrder {width:340px; color:#ededef; padding-left:40px; z-index:1; font-size:14px}
#exclusiveServices SPAN, #ticketOrder SPAN {color:#929292; text-transform:uppercase;}
#exclusiveServices P, #ticketOrder P {font-size:16px; line-height:18px}

#exclusiveServices {/*position:absolute; top:30px; left:50px;*/ margin:30px 0 0 50px; float:left; background:url(i/star.png) no-repeat left top;}
#ticketOrder {/*position:absolute; top:30px; right:50px;*/ margin:30px 50px 0 0; float:right; background:url(i/star.png) no-repeat left top;}


#film_detail {width:900px;}
#film_detail #picture {width:191px;}
#film_detail #filmdesc {width:680px;}
#film_detail IMG {border:1px white solid;}


.hintBox {position:absolute; top: 0; left:-120px; z-index:1000; background:#0f0f0f;}
#preDetailBoxClose {font-weight:bold; font-size:12px; cursor:hand; cursor:pointer; color:#FFF; margin:3px 0 0 0; position:relative; right:-3px;}
.preDetailBox {border:2px #454545 solid; width:470px; padding:0 0 40px 10px;}
.preDetailBox H2 {margin:10px 0; font-size:16px;}
.preDetailBox H2, .preDetailBox H3, .preDetailBoxInner {color:#FFF;}
.preDetailBoxInner {width:460px;}
.preDetailBoxImg {float:left; width:130px; text-align:center;}
.preDetailBoxImg A {color:#FFF; font-size:14px}
.preDetailBoxText {float:right; width:305px; padding:0 10px; text-align:left;}
.preDetailBoxText P {margin:0 0 20px;}
.preDetailBox H2 SPAN {font-size:12px; display:block; color:#CCCCCC; text-align:left;}
.preDetailBox P {text-align:justify; font-size:14px;}
.grayTable .th1 {width:145px;}
.FilmBox1 {left:0; _left:-340px;position:absolute; z-index:1000; }
.FilmBox2 {left:120px; _left:-260px; position:absolute; z-index:1000; }
.FilmBox3 {left:200px; _left:-200px; position:absolute; z-index:1000; }
.FilmBox4 {left:260px; _left:-120px; position:absolute; z-index:1000; }
.FilmBox5 {left:380px; _left:-40px; position:absolute; z-index:1000; }


/* Табличка с предпросмотром фильма */ 
.repertoire {margin-top:10px;}
.grayTable {width:480px; border:1px #202020 solid; color:#FFF;}
.grayTable TH {color:#FFF; font-weight:bold; text-align:center; padding:5px 0 !important;}
.grayTable TD {padding:13px 0 0 0!important; font-size:14px; text-align:center;}
.grayTable .th1 {background:#000000;width:200px;}
.grayTable .th2 {background:#2d2d2d; color:#FFF; width:115px;}
.grayTable .th3 {background:#444444; color:#FFF; width:110px;}
.grayTable .th4 {background:#5c5c5c; color:#FFF; width:70px;}
.grayTable .placeHolder{height:8px;}
.film_link {width:180px;}
.film_link A {color:#FFF;}

.repertoireRight H1, .repertoireLeft H1 {margin:0 0 30px 40px;}
.repertoireRight {width:420px; float:right;}
.repertoireLeft {width:500px; float:left; margin-left:0px;}

#mainBottom {position:absolute; bottom:0; width:100%;}
#mainPhone {margin:30px 38px 11px 0; color:#FFF; font-size:16px;}
#mainBottomLine {background:url(i/down_grade.gif) repeat-x center; height:38px; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;  font-weight:bold;}
#mainBottomLine A {color:#FFF;}
#mainBottomLine DIV {padding-top:10px;}

/* Блок вывода анонса кинозалов */
/*.roomItemBox {height:210px;}*/
.roomItem {float:left; padding:0 15px 0 0; margin-top:20px;}

.roomItem H3 {margin:0; font-size:16px;}
.roomItem A {color:#FFF}

.roomPic {float:right; widows:210px; padding-top:15px;} 
.roomPic IMG {width:200px; height:150px;}

/* Страница личного кабинета */
.cardTable {width:400px;}
.cardTable td {border:1px #999 solid; padding:5px 10px;}  
.trLight {background:#444;}
.trDark {background:#2d2d2d;}
.trHeader {background:#111;}