/* Общите стили*/
body {margin: 0; background-color: #E9E6E1; font-family: Arial; font-size: 12px; min-width: 1000px; color: #3e2825;}
ul.clear {list-style-image: none; list-style-type: none; margin: 0; padding: 0;}
div.clear {clear: both;}
div.cornerAll {-moz-border-radius: 5px; border-radius: 5px;}
div.container {background: url(../img/rightBorder.gif) repeat-y right;}
a img {border: none;}
a {color: #750604;}
a:hover {text-decoration: none;}

/* Шапка */
div.topHead {width: 100%; height: 233px; background: #eae6e3 url(../img/topHeadBg.jpg) no-repeat center; text-align:center;}

div.head  {background: #340b05 url(../img/headBg.jpg) repeat-x bottom; height: 172px;}
div.headMenu {background: url(../img/headBgCenter.jpg) no-repeat center bottom;  padding: 0 0 45px; height: 127px;}
div.Sputnik {background-image: url(../img/headBgSputnik.jpg);}
div.headMenu div.center {border: 1px solid #fff; border-width: 1px 0;}
div.headMenu div.logo {width: 400px; height: 75px; margin: 0 auto; padding: 15px 0 0;}
div.headMenu div.logo a {display: block; width: 385px; height: 75px;}
div.headMenu ul {font-size: 1.8em; float: right; position: relative; right: 50%; z-index: 5;}
div.headMenu li {float: left; padding: 0 0 8px 25px; position:relative; left: 50%; position: relative; height: 26px;}
div.headMenu li.first {padding: 0 0 8px;}
div.headMenu li.active {text-decoration: underline; color: #e2d4c3;}
div.headMenu a {color: #e2d4c3; text-decoration: none; font-size: 20px;}
div.headMenu a:hover {text-decoration: underline;}

div.headMenu ul.subMenu {display: none; position: absolute; top: 34px; left: 15px; font-size: 1em; right: auto; z-index: 5;}
div.headMenu li:hover ul.subMenu,
div.headMenu li.hover ul.subMenu {display: block;}
div.headMenu ul.subMenu li {float: left; width: 100%; text-align: left; position: static; white-space: nowrap; background-color: #eae6e3; height: 26px; left: auto; padding: 0;}
div.headMenu ul.subMenu li a,
div.headMenu ul.subMenu li span {background: url(../img/subMenu.gif) no-repeat left -90px; padding: 0 0 0 3px; display: block;}
div.headMenu ul.subMenu li a:hover {text-decoration: none;}
div.headMenu ul.subMenu li a:hover,
div.headMenu ul.subMenu li span {background-color: #dad3cb;} 
div.headMenu ul.subMenu li b {background: url(../img/subMenu.gif) no-repeat right -117px; padding: 0 3px 0 0; display: block;}
div.headMenu ul.subMenu i {font-size: 0.8em; font-style: normal; font-weight: normal; color: #3e2825; font-family: Calibri, Arial; border-bottom: 1px solid #dfd8d1; padding: 0 23px; line-height: 25px; vertical-align: middle; display: block;}

div.headMenu ul.subMenu li.first {padding: 0; background: url(../img/subMenu.gif) repeat-x 0 -60px;}
div.headMenu ul.subMenu li.first:hover {background-position: 0 -336px;}
div.headMenu ul.subMenu li.first:hover a {background: url(../img/subMenu.gif) no-repeat left -90px;}
div.headMenu ul.subMenu li.last {padding: 0; height: 32px; background: none;}
div.headMenu ul.subMenu li.last a {background-position: left -240px; padding: 0 0 0 6px;}
div.headMenu ul.subMenu li.last b {background-position: right -304px; padding: 0 6px 0 0;}
div.headMenu ul.subMenu li.last i {background: url(../img/subMenu.gif) repeat-x 0 -272px; padding: 0 20px 3px; line-height: 29px; border: none;}
div.headMenu ul.subMenu li.last a:hover,
div.headMenu ul.subMenu li.last span {background: url(../img/subMenu.gif) no-repeat 0 -144px; padding: 0 0 0 6px;}
div.headMenu ul.subMenu li.last a:hover b,
div.headMenu ul.subMenu li.last span b {background-position: right -176px; padding: 0 6px 0 0;}
div.headMenu ul.subMenu li.last a:hover i,
div.headMenu ul.subMenu li.last span i {background-position: 0 -208px;}


/*Контент*/
div.main  {position: relative; z-index: 0;}

div.leftColumn {position: absolute; top: 104px; bottom: 0px; left: 0; background: #FFF; width: 260px; background: url(../img/leftBorder.jpg) repeat-y;}
div.leftColumn div.leftBorder {background: url(../img/leftBorderTop.jpg) no-repeat left top; height: 44px; color: #2e1a18; font-size: 1.7em; padding: 60px 49px 0 57px; text-align: center; margin: -104px 0 0 0;}
div.leftColumn div.films {position: absolute; top: 0; bottom: 0; width: 157px; background: url(../img/leftBorderBottom.jpg) no-repeat left bottom; overflow: hidden; padding: 0 40px 0 56px; height: 100%;}
div.leftColumn div.films ul {border-top: 9px solid #36261d; position: relative; top: 0;}
div.leftColumn div.films img {width: 157px; height: 230px;}
div.leftColumn div.films li {width: 157px; height: 230px; border-bottom: 9px solid #36261d;}

div.rightColumn {width: 206px; float:right; background: url(../img/rightBorderTop.jpg) no-repeat top right; padding: 37px 22px 0px 19px; position: relative; min-height: 793px; height: auto !important; height: 793px;}
div.rightColumn div.block {background: url(../img/blockBg.jpg) no-repeat left top; width: 186px; padding: 0 10px 20px; min-height: 122px; height: auto!important; height: 122px;}
div.rightColumn div.block h2 {margin: 0; font-size: 1.1em; text-align: right; padding: 10px 0 10px 35px; color: #36261d; font-weight: bold;}
div.rightColumn div.banners {text-align: center;}
div.rightColumn ul.userMenu {padding: 20px 0;}
div.rightColumn ul.userMenu li {text-align: center; padding: 2px 0;}
div.rightColumn ul.innerMenu {padding: 10px  0 20px 40px;}
div.rightColumn ul.innerMenu li {text-align: left;}
div.rightColumn div.announces li {padding: 3px 0;}
div.rightColumn div.announces a.all {float: right;}

div.centerColumn {margin: 0 247px  0 260px;}
div.centerColumn div.content {float: left; width: 100%;}
div.centerColumn div.float {clear: both; height: 100px; background: green;}

div.centerColumn div.centerTop {background: url(../img/centerBorder.gif) repeat-x; top; height: 42px;}
div.centerColumn div.centerTop div.left {float: left; width: 10px; height: 42px; background: url(../img/centerBorderCorners.gif) no-repeat;}
div.centerColumn div.centerTop div.right {float: right; width: 10px; height: 42px; background: url(../img/centerBorderCorners.gif) no-repeat -10px;}

div.centerColumn div.ribbon {height: 40px; background: url(../img/ribbon.gif) repeat-x; position: relative; margin: 0 0 20px;}
div.centerColumn div.ribbon div.left {width: 11px; height: 40px; background: url(../img/ribbonCorners.gif) no-repeat; position: absolute; top: 0; left: -11px;}
div.centerColumn div.ribbon div.right {width: 11px; height: 40px; background: url(../img/ribbonCorners.gif) no-repeat 0 -40px; position: absolute; top: 0; right: -11px;}
div.centerColumn div.ribbon div.centerRight {width: 50%; float: right; background: url(../img/ribbon.gif) repeat-x 0 -40px; height: 40px;}
div.centerColumn div.ribbon div.centerRight div {height: 40px; background: url(../img/ribbonRight.jpg) no-repeat left;}
div.centerColumn div.ribbon div.centerLeft {float: right; background: url(../img/ribbonLeft.jpg) no-repeat right; height: 40px; width: 49%;}
div.centerColumn div.ribbon div.content {position: absolute; top: 0; left: 0; width: 100%;}
div.centerColumn div.ribbon h1 {margin: 0; text-align: right; color: #e9e7e3; padding: 9px 1.7em; font-size: 16px; height: 22px;}

h3 {padding: 0 20px;}
h2 {margin: 0; color: #750604; font-size: 1.4em; padding: 10px 20px;}
h2.ribbon {border: 1px solid #a39890; font-size: 1.1em; text-align: left; background: #edece8 url(../img/scheduleCaption.gif) repeat-x bottom; padding: 3px 10px; color: #5f514a; height: 20px; line-height: 20px; vertical-align: middle;}
h2.ribbon a {color: #5f514a; text-decoration: none;}
h2.ribbon a:hover {text-decoration: underline;}
h3.alignCenter {text-align: center;}

/*футер*/
div.footer {height: 320px; background: green; background: url(../img/footerBg.jpg) repeat-x;}
div.footer div.left {background: url(../img/footerLeft.gif) no-repeat left top;}
div.footer div.center {background: url(../img/footerCenter.jpg) no-repeat center bottom;}
div.footer div.right {background: url(../img/footerRight.gif) no-repeat right top; height: 320px;}

/*Pager*/
ul.pager {float: right; position: relative; right: 50%; clear: both;} 
ul.pager li {float: left; position: relative; left: 50%; padding: 0 5px;} 

/*ErrorSet*/
div.errorSet {-moz-border-radius: 5px; border: 1px solid #750604; background: #cdc8c3 url(../img/errorSet.gif) no-repeat 10px 15px; color: #750604; margin: 0 20px 10px; min-height: 66px; height: auto !important; height: 66px;}
div.errorSet ul {list-style-image: none; list-style-type: none; padding: 10px 60px; margin: 0;}
div.errorSet li {padding: 2px 0;}

/*MessageSet*/
div.messageSet {-moz-border-radius: 5px; border: 1px solid #750604; color: #750604; margin: 0 20px 10px;}
div.messageSet ul {list-style-image: none; list-style-type: none; padding: 10px 60px; margin: 0;} 
div.messageSet li {padding: 2px 0;}

/*searchForm*/
form.searchForm {height: 60px;}
form.searchForm label {color: #750604;}
form.searchForm input {background: #dad5d0; border: 1px solid #5f514a; float: left; height: 22px; width: 172px; padding: 1px;}
form.searchForm input.button {background: url(../img/search.gif) no-repeat; width: 30px; height: 26px; border: none; cursor: pointer; padding: 0;}
form.searchForm input.buttonHover {background-position: 0 -26px;} 
div.ac_results {background: #e9e6e4; border: 1px solid #988f8a; width: 200px!important;}
div.ac_results ul {padding: 0; margin: 0; list-style-image: none; list-style-type: none;}
div.ac_results li {padding: 2px 5px; cursor: pointer;}
div.ac_results li.ac_odd {background: #d2c7bc;}
div.ac_results li.ac_over {background: #60514A; color: #fff;}

/*modalForm*/
form.modal div.control {width: auto; clear: both;}
form.modal div.textBoxCaption,
form.modal div.passwordCaption {float: left; width: 110px;}
form.modal input {background: #d9d1c9; border: 1px solid #5f514a; width: 180px;}
form.modal div.control {padding: 15px 0 0;}
form.modal div.formFooter {text-align: center; padding: 20px 0 10px; clear: both;}
form.modal label {font-weight: normal; width: 110px; float: left;}
form.modal div.textBox-default {width: auto; float: left;}
form.modal div.textBox-default div.background {background: none;}
div.ui-dialog-buttonpane div.info {font-size: 14px; padding:7px 130px 0 15px;}