body{font-family: Arial;} .clear{clear: both;} /* Хэадер * ---------------------------------------------------------- */ #header{min-width: 1000px; max-width: 1440px;} #header .phones{float: right; width: 355px; margin-right: 10px; margin-top: 20px;} #header .phones .title{color: #898989; font: 11px Arial, sans-serif;} #header .phones .tel{color: #171717; font-size: 18px; margin-top: 5px; display: block;} #header .equicentre{margin: 0 auto; padding-top: 10px; width: 256px; height: 57px; background: url('../img/header_equicentre_background.png') right bottom no-repeat;} #header .equicentre a{display: block; width: 107px; height: 40px; top: 5px; position: relative; background: url('../img/header_equicentre_logo.png') left top no-repeat;} #header .equicentre a:hover{background-position: left bottom;} #header .lang{width: 90px; float: left; margin-top: 30px; margin-left: 55px;} #header .lang a{font-size: 11px; color: #be0000; text-decoration: underline;} #header .lang a:hover{text-decoration: none;} #header .lang a.current{color: #a5a5a5; text-decoration: none;} #header .lang a.current:hover{} /* Меню * ---------------------------------------------------------- */ #menu-wrapper{background-color: #f4f4dc; min-width: 1000px; max-width: 1440px;} #menu{min-height: 180px; overflow: hidden; max-width: 1440px; margin-top: 5px; position: relative;} #menu a.logo{display: block; position: absolute; left: 25px; top: 8px; width: 160px; height: 137px; background: url('../img/donbasstour_logo.png') left top no-repeat;} #menu > ul{float: left; padding-top: 10px; margin-top: 15px; margin-left: 2%; width: 14%;} #menu > ul > li{margin-bottom: 7px;} #menu > ul > li > span {font: 14px verdana, sans-serif; color: #0c0c0c;} #menu > ul > li > a{font: 13px verdana, sans-serif; color: #675b46; text-decoration: underline;} #menu > ul > li > a:hover{text-decoration: none;} #menu > ul li.selected > a{color: #ff6000; text-decoration: none;} #menu > ul.tours{min-height: 100px; /*margin-left: 200px;*/ margin-left: 220px; padding-left: 33px; background: url('../img/menu_tournaments.png') left top no-repeat;} #menu > ul.riders{padding-left: 57px; background: url('../img/menu_riders.png') left top no-repeat; min-height: 135px;} #menu > ul.visitors{padding-left: 70px; background: url('../img/menu_visitors.png') left top no-repeat; min-height: 111px;} #menu > ul.last{position: relative; top: -4px; margin-right: 0;} #menu > ul.last > li{margin-bottom: 12px; height: 27px; margin-left: 0; padding-left: 45px;} #menu > ul.last > li > a{background: url('../img/menu_underline.png') left bottom repeat-x;font: 14px verdana, sans-serif; color: #0c0c0c; text-decoration: none; position: relative; top: 4px;} #menu > ul.last > li > a:hover{background: none;} #menu > ul.last > li.partners{background: url('../img/menu_partners.png') left center no-repeat;} #menu > ul.last > li.press-center{background: url('../img/menu_press-center.png') left center no-repeat;} #menu > ul.last > li.press-center a.selected, #menu > ul.last > li.partners a.selected{color: #ff6000;} #menu > ul.last > li.forum{background: url('../img/menu_forum.png') left center no-repeat;} #menu > ul > li > ul {float: none; margin-left: 10px; display: none;} #menu > ul > li.selected > ul{display: block;} #menu > ul > li > ul > li{padding-left: 12px; background: url('../img/menu_li.png') left 6px no-repeat;} #menu > ul > li > ul > li a{font: 13px/18px verdana, sans-serif; color: #675b46;} /* Футер * ---------------------------------------------------------- */ #footer{margin: 0 20px; max-width: 1440px; min-width: 1000px;} #footer .copyright{float: left; font: 11px tahoma, sans-serif; color: #a5a5a5;} #footer .contacts{float: right; font: 12px tahoma, sans-serif; color: #8e8e8e;} #footer .contacts a{font-size: 11px; color: #c65400; text-decoration: underline; position: relative; top: -1px;} #footer .line{height: 3px; background: url('../img/footer_line.png') center center no-repeat; margin: 5px 0;} #footer ul.sponsors{visibility: hidden; /*margin-bottom: 30px;*/ text-align: center;} #footer ul.sponsors li{display: inline-block; margin-right: 15px;} #footer a.abz{float: right; color: #a5a5a5; font-size: 11px;} #main.main #footer a.abz{margin-top: -5px; color: #666;} #footer a.abz:hover, #main.main #footer a.abz:hover{color: #B10101;} #main.main #footer{position: relative; z-index: 1000; height: 44px; background: url('../img/footer_background.png') left top repeat; margin: -44px 0 0; padding: 0 20px;} #main.main #footer .contacts{color: white;} #main.main #footer .copyright{color: white;} /* Главная * ---------------------------------------------------------- */ #main{min-height: 600px; padding: 23px; max-width: 1366px; min-width: 1000px;} #main h1{font: 36px verdana, sans-serif; color: black; margin-top: 5px; margin-bottom: 20px;} #main a.back{width: 128px; height: 26px; float: right; background: url('../img/btn_back.png') top left no-repeat; text-align: center; font: 12px/26px verdana, sans-serif; color: #1f529f; margin-top: 15px;} #main a.back:hover{background-position: left bottom; text-decoration: none; cursor: pointer;} #main ul.years{margin-left: 35px; overflow: hidden;} #main ul.years li{float: left; width: 50px; text-align: center;} #main ul.years li a{font: 18px/24px arial, sans-serif; color: black; text-decoration: underline;} #main ul.years li a:hover{text-decoration: none;} #main ul.years li a.current{text-decoration: none; color: #888; cursor: default;} #main h2{font: 24px tahoma, sans-serif; color: #dd5e00;} #main h2 a{font: 24px tahoma, sans-serif; color: #dd5e00;} #main h2 a:hover{text-decoration: underline;} /* Расселение * ---------------------------------------------------------- */ #main.hotels{} #main.hotels .leftSide{float: left; width: 68%; margin-left: 35px;} #main.hotels .leftSide .hotel{margin-right: 10%; margin-bottom: 80px;} #main.hotels .leftSide .hotel .left{float: left; width: 270px; margin-bottom: 5px;} #main.hotels .leftSide .hotel .right{float: right; min-width: 500px;} #main.hotels .leftSide .hotel img{float: right; margin-left: 10px; margin-bottom: 10px;} #main.hotels .leftSide .hotel .title{font: 24px tahoma, sans-serif; color: #3c5da9;} #main.hotels .leftSide .hotel .sub-title{font: 12px/24px tahoma, sans-serif; color: #9ead96; margin-top: 10px; margin-left: 20px;} #main.hotels .leftSide .hotel .sub-title.descr{margin-top: 25px; display: none;} #main.hotels .leftSide .hotel ul.stars{overflow: hidden; margin-top: 10px; margin-left: 20px; margin-bottom: 3px;} #main.hotels .leftSide .hotel ul.stars li{float: left; width: 14px; height: 14px; margin-right: 5px; background: url('../img/hotels_star.png') left top no-repeat;} #main.hotels .leftSide .hotel address{font: 14px/24px tahoma, sans-serif; color: #0a0a0a; margin-left: 20px;} #main.hotels .leftSide .hotel address span{color: #888;} #main.hotels .leftSide .hotel address a{color: #0a0a0a; text-decoration: underline;} #main.hotels .leftSide .hotel address a:hover{text-decoration: none;} #main.hotels .leftSide .hotel .description{font: 14px/24px tahoma, sans-serif; color: black; margin-left: 20px; display: none;} #main.hotels .rightSide{} #main.hotels .rightSide p{font: 12px/24px Tahoma, sans-serif; color: #717171; margin-bottom: 30px;} #main.hotels .rightSide p span.black{color: #000;} #main.hotels .rightSide p:first-child{margin-top: -6px;} #main.hotels .rightSide .person{} #main.hotels .rightSide .person img{float: left; margin-right: 10px;} #main.hotels .rightSide .person .left{float: left; min-width: 200px;} #main.hotels .rightSide .person .fio{font: 20px verdana, sans-serif; color: #0a0a0a; padding-top: 25px;} #main.hotels .rightSide .person .post{font: 14px tahoma, sans-serif; color: #7aa973; margin: 10px 0;} #main.hotels .rightSide .person address{font: 14px/18px tahoma, sans-serif; color: #0a0a0a;} #main.hotels .rightSide .person address span{color: #888;} /* Организационный комитет * ---------------------------------------------------------- */ #main.organization{} #main.organization .title{font: 24px tahoma, sans-serif; color: #dd5e00; margin-left: 35px;} #main.organization ul.list{margin-top: 20px; margin-left: 35px; overflow: hidden;} #main.organization ul.list li{width: 31%; float: left; min-width: 390px; margin-bottom: 30px; margin-right: 2%;} #main.organization ul.list li.last{margin-right: 0;} #main.organization ul.list img{float: left; margin-right: 10px;} #main.organization ul.list .fio{font: 20px verdana, sans-serif; color: #0a0a0a; padding-top: 25px;} #main.organization ul.list .post{font: 14px tahoma, sans-serif; color: #7aa973; margin: 10px 0;} #main.organization ul.list address{font: 14px/18px tahoma, sans-serif; color: #0a0a0a;} #main.organization ul.list address span{color: #888;} /* Как добраться - участникам * ---------------------------------------------------------- */ #main.way{} #main.way .eq-address{font: 14px/18px verdana, sans-serif; color: black; float: left; margin-left: 35px;} #main.way .eq-address span{color: #5b5b5b;} #main.way .google-map-route{float: right;} #main.way .google-map-route input[type='text']{width: 310px; margin-bottom: 5px;} #main.way .google-map-route .element{padding-left: 20px; background-position: left 4px; background-repeat: no-repeat;} #main.way .google-map-route .a{background-image: url('../img/way/google_a.png');} #main.way .google-map-route .b{background-image: url('../img/way/google_b.png');} #main.way .google-map-route button{width: 160px; float: right;} #main.way .google-map-route .travelling-mode{width: 39px; float: left; height: 25px; background-repeat: no-repeat; cursor: pointer;} #main.way .google-map-route .travelling-mode.walking{background-image: url('../img/way/google-travelling-mode.png'); background-position: left bottom;} #main.way .google-map-route .travelling-mode.driving{margin-left: 20px; background-image: url('../img/way/google-travelling-mode.png'); background-position: left -25px;} #main.way .google-map-route .travelling-mode.walking.selected{background-position: left -50px;} #main.way .google-map-route .travelling-mode.driving.selected{background-position: left top;} #main.way .phones{width: 260px; margin: 0 auto; font: 14px/18px verdana, sans-serif; color: black; overflow: hidden;} #main.way .phones .left{float: left; color: #5b5b5b;} #main.way .phones .right{float: right;} #main.way #map{height: 485px; margin-left: 35px; background-color: #888; margin-top: 10px; margin-bottom: 30px;} #main.way > .title{margin-bottom: 30px; font: 18px arial, sans-serif;} #main.way ul.country-transport{overflow: hidden;} #main.way ul.country-transport li{width: 33%; min-width: 300px; float: left; min-width: 245px; margin-bottom: 20px;} #main.way ul.country-transport li img{float: left; margin-right: 10px; margin-left: 15%;} #main.way ul.country-transport li:first-child img{margin-left: 20px;} #main.way ul.country-transport li .title{font: bold italic 14px/18px arial, sans-serif; color: #5b5b5b;} #main.way ul.country-transport li .description{font: italic 14px/18px arial, sans-serif; color: #5b5b5b; margin-top: 5px;} #main.way ul.country-transport li .description a{color: #1e59c4; text-decoration: underline;} #main.way ul.city-transport{overflow: hidden;} #main.way ul.city-transport li{width: 260px; margin-left: 4%; display: inline-block; zoom: 1; margin-bottom: 20px; vertical-align: top;} #main.way ul.city-transport li img{float: left; margin-right: 10px;} #main.way ul.city-transport li .title{font: bold italic 14px/18px arial, sans-serif; color: #5b5b5b;} #main.way ul.city-transport li .description{font: italic 14px/18px arial, sans-serif; color: #5b5b5b; margin-top: 5px;} /* Фотографии * ---------------------------------------------------------- */ #main.photos{} #main.photos .photo-title{margin-left: 60px; font: 24px tahoma, sans-serif; color: #3c5da9; margin-top: 35px;} #main.photos ul.photo-list{margin-left: 35px; overflow: hidden; margin-top: 15px;} #main.photos ul.photo-list li{float: left; margin-left: 10px; margin-bottom: 10px; cursor: pointer; opacity: 1;} #main.photos ul.photo-list li:hover{opacity: 0.6;} #viewer{display: none; background-color: #f4f4dc; width: 853px; position: fixed; top: 0; left: 0; padding: 25px 0; font: 14px tahoma, sans-serif; color: #3c5da9;} #viewer .close, #viewer .next, #viewer .prev{cursor: pointer;} #viewer .close{position: absolute; top: 3px; right: 5px; display: inline-block; zoom: 1; padding-right: 20px;} #viewer .close span{position: absolute; right: 5px; top: 5px; width: 10px; height: 10px; background: url('../img/photo_viewer_icons.png') no-repeat;} #viewer .close:hover, #viewer .next:hover, #viewer .prev:hover{color: #ff6000;} #viewer .close:hover span{background-position: 0 -10px;} #viewer .next{display: inline-block; zoom: 1; padding-right: 20px; position: absolute; bottom: 5px; right: 5px; } #viewer .next span{position: absolute; width: 10px; height: 10px; background: url('../img/photo_viewer_icons.png') 0 -40px no-repeat; right: 5px; top: 5px;} #viewer .next:hover span{background-position: 0 bottom;} #viewer .prev{position: absolute; bottom: 5px; left: 5px; display: inline-block; zoom: 1; padding-left: 20px;} #viewer .prev span{position: absolute; left: 5px; top: 5px; display: block; width: 10px; height: 10px; background: url('../img/photo_viewer_icons.png') 0 -20px no-repeat;} #viewer .prev:hover span{background-position: 0 -30px;} #viewer #img{height: 536px; width: 803px; margin: auto; background: url('../img/ajax-loader.gif') center center no-repeat;} #viewer.schemes{width: 680px;} #viewer.schemes #img{width: 640px; height: 480px;} /* Пресс центр * ---------------------------------------------------------- */ #main.press-center{} #main.press-center .media{width: 30%; float: left; margin-right: 3%;} #main.press-center .media ul{margin-left: 20px; margin-top: 25px;} #main.press-center .media ul li{margin-bottom: 40px;} #main.press-center .media ul li .date{font: 12px/18px arial,sans-serif; color: #888;} #main.press-center .media ul li .title{margin: 5px 0;} #main.press-center .media ul li .title a{font: 14px/18px tahoma, sans-serif; color: #5e7660; text-decoration: underline;} #main.press-center .media ul li .title a:hover{text-decoration: none;} #main.press-center .media ul li .description{font: 12px/18px tahoma, sans-serif; color: #444;} #main.press-center .news{float: left; width: 66%;} #main.press-center .news ul{margin-left: 20px; margin-top: 25px;} #main.press-center .news ul li{margin-bottom: 40px;} #main.press-center .news ul li .date{font: 12px/18px arial,sans-serif; color: #888;} #main.press-center .news ul li .title{margin: 5px 0;} #main.press-center .news ul li .title a{font: 14px/18px tahoma, sans-serif; color: #5e7660; text-decoration: underline;} #main.press-center .news ul li .title a:hover{text-decoration: none;} #main.press-center .news ul li .description{font: 12px/18px tahoma, sans-serif; color: black;} /* Новости * ---------------------------------------------------------- */ #main.news{} #main.news .archive{width: 66%; float: left; margin-right: 3%;} #main.news .archive ul.news{margin-left: 55px; margin-top: 25px;} #main.news .archive ul.news li{margin-bottom: 30px;} #main.news .archive ul.news li .date{font: 12px/18px arial,sans-serif; color: #888;} #main.news .archive ul.news li .title{margin: 5px 0;} #main.news .archive ul.news li .title a{font: 14px/18px tahoma, sans-serif; color: #5e7660; text-decoration: underline;} #main.news .archive ul.news li .title a:hover{text-decoration: none;} #main.news .archive ul.news li .description{font: 12px/18px tahoma, sans-serif; color: black;} #main.news .media{width: 30%; float: left;} #main.news .media ul{margin-left: 20px; margin-top: 25px;} #main.news .media ul li{margin-bottom: 40px;} #main.news .media ul li .date{font: 12px/18px arial,sans-serif; color: #888;} #main.news .media ul li .title{margin: 5px 0;} #main.news .media ul li .title a{font: 14px/18px tahoma, sans-serif; color: #5e7660; text-decoration: underline;} #main.news .media ul li .title a:hover{text-decoration: none;} #main.news .media ul li .description{font: 12px/18px tahoma, sans-serif; color: #444;} #main.news .full{width: 66%; float: left; margin-right: 3%;} #main.news .full p{font: 14px/24px tahoma, sans-serif; color: black; margin-bottom: 30px; margin-left: 35px;} #main.news .full p.date{font: 12px/24px arial, sans-serif; color: #888; margin-bottom: 0; margin-top: 23px;} #main.news .full h2{font: 18px verdana, sans-serif; color: #5e7660; margin-bottom: 15px; margin-left: 35px;} #main.news .full h3{font: bold 18px tahoma, sans-serif; color: black; margin-left: 35px; margin-bottom: 30px;} #main.news .full img.image{float: left; margin-left: 20px; margin-right: 50px; margin-bottom: 40px; position: relative; top: 7px;} #main.news .full ul.disc{margin-left: 35px; margin-bottom: 50px;} #main.news .full ul.disc li{padding-left: 45px; background: url('../img/li.png') left center no-repeat; margin-bottom: 7px;} #main.news .full .video-player-wrapper{background: url('../img/video-block-left.png') left center no-repeat; margin-bottom: 50px;} #main.news .full .video-player{text-align: center; background: url('../img/video-block-right.png') right center no-repeat;} #main.news .full ul.image-list{margin-bottom: 40px; float: left;} #main.news .full ul.image-list li{float: left; margin-right: 10px;} #main.news .full .image-list-caption{float: left; margin-left: 50px; margin-top: 45px; color: #888; width: 200px; font: italic 12px/18px arial,sans-serif;} #main.news .full .navigation{text-align: right;} #main.news .full .navigation a{font: 12px/24px verdana, sans-serif; color: #1e59c4; text-decoration: underline;} #main.news .full .navigation a.next{padding-right: 25px; background: url('../img/news_arrow_next.png') right center no-repeat;} #main.news .full .navigation a.prev{padding-left: 25px; background: url('../img/news_arrow_prev.png') left center no-repeat;} /* Этапы * ---------------------------------------------------------- */ #main.stages{} #main.stages h1{font-size: 30px;} #main.stages .main{float: left; width: 75%; margin-right: 7%;} #main.stages .main ul.top{overflow: hidden; margin-left: 35px; min-width: 650px; margin-bottom: 25px;} #main.stages .main ul.top li{float: left; height: 42px;} #main.stages .main ul.top li a{display: inline-block; zoom: 1; margin-top: 12px; background: url('../img/menu_underline.png') left bottom repeat-x; font: italic 13px/18px arial, sans-serif; color: #67441d;} #main.stages .main ul.top li a:hover{background: none; text-decoration: none; color: #ed1c24;} #main.stages .main ul.top li.photo{padding-left: 60px; background: url('../img/stage_photo.png') left center no-repeat; margin-right: 12px;} #main.stages .main ul.top li.video{padding-left: 80px; background: url('../img/stage_video.png') left center no-repeat; margin-right: 25px;} #main.stages .main ul.top li.propositions{padding-left: 48px; background: url('../img/stage_propositions.png') left center no-repeat;} #main.stages .main ul.top li.pdf{float: right; padding-left: 48px; background: url('../img/stage_pdf.png') left center no-repeat;} #main.stages .main ul.top li.print{float: right; padding-left: 60px; background: url('../img/stage_print.png') left center no-repeat; margin-left: 10px;} #main.stages .main .date{font: 18px/24px tahoma, sans-serif; color: #dd5e00; margin-left: 40px;} #main.stages .main table.stage{margin-left: 45px; width: 100%; margin-bottom: 50px;} #main.stages .main table.stage tr{border-top: 1px solid #eaeaea;} #main.stages .main table.stage tr:first-child{border-top: 0;} #main.stages .main table.stage td{vertical-align: middle; height: 70px; font: 14px/24px tahoma, sans-serif;} #main.stages .main table.stage td.time{width: 35px; color: #616161;} #main.stages .main table.stage td.num{width: 50px; text-align: center; color: #616161;} #main.stages .main table.stage td.title{color: black;} #main.stages .main table.stage td.title span{color: #ec2028; border-bottom: 1px dotted #ec2028; cursor: default;} #main.stages .main table.stage td.title span:hover{color: #fea700; border-color: #fea700;} #main.stages .main table.stage td.scheme{width: 104px; text-align: center; position: relative;} #main.stages .main table.stage td.scheme .icons{display: none; position: absolute; width: 125px; height: 62px; background: url('../img/stage_icons_background.png') left top no-repeat; margin-left: -12px;} #main.stages .main table.stage td.scheme .icons .pdf{display: block; width: 39px; height: 44px; background: url('../img/stage_icons_pdf.png') left top no-repeat; position: absolute; left: 12px; top: 9px; cursor: pointer;} #main.stages .main table.stage td.scheme .icons .video{display: block; width: 39px; height: 44px; background: url('../img/stage_icons_video.png') left top no-repeat; position: absolute; left: 73px; top: 10px; cursor: pointer;} #main.stages .main table.stage td.scheme .icons .video:hover, #main.stages .main table.stage td.scheme .icons .pdf:hover{background-position: left bottom;} #main.stages .main table.stage td.scheme a{display: inline-block; zoom: 1; width: 80px; height: 52px; background: url('../img/stage_scheme.png') left top no-repeat; cursor: default;} #main.stages .main table.stage td.scheme a.active{background-position: left -52px; cursor: pointer;} #main.stages .main table.stage td.scheme a.active:hover{background-position: left bottom;} #main.stages .main table.stage td.start{width: 104px; text-align: center;} #main.stages .main table.stage td.start a{cursor: default; display: inline-block; zoom: 1; width: 80px; height: 52px; background: url('../img/stage_start.png') left top no-repeat;} #main.stages .main table.stage td.start a.active{cursor: pointer; background-position: left -52px;} #main.stages .main table.stage td.start a.active:hover{background-position: left bottom;} #main.stages .main table.stage td.result{width: 104px; text-align: center;} #main.stages .main table.stage td.result a{cursor: default; display: inline-block; zoom: 1; width: 80px; height: 52px; background: url('../img/stage_result.png') left top no-repeat;} #main.stages .main table.stage td.result a.active{background-position: left -52px; cursor: pointer;} #main.stages .main table.stage td.result a.active:hover{background-position: left bottom;} #main.stages .main table.stage td.result a.online{background-image: url('../img/stage_online.gif'); cursor: pointer;} #main.stages .main table.stage td.result a.online:hover{background-image: url('../img/stage_online.png');} /** судьи */ #referees{margin-left: 35px; width: 102%; margin-bottom: 30px; padding-top: 40px;} #referees .top{height: 56px; background: url('../img/stage_referee_top.png') right bottom no-repeat; position: relative;} #referees .top .prize{position: absolute; right: 20px; top: 15px; width: 400px; font: 14px/18px verdana, sans-serif; color: black; text-align: right;} #referees .top .prize .money{color: #d20000; font-size: 24px;} #referees .top .prize .euro{color: #d20000; font-size: 18px;} #referees .top .tab{width: 300px; height: 56px; background: url('../img/stage_referee_tab.png') left top no-repeat; position: relative;} #referees .top .tab .documents{position: absolute; top: -20px; right: 90px; width: 78px; height: 81px; background: url('../img/stage_referee_documents.png') left top no-repeat;} #referees .top .tab span{position: relative; font: 24px arial, sans-serif; color: black; left: 25px; top: 13px;} #referees .middle{background: url('../img/stage_referee_middle_right.png') right top repeat-y #f8fbdc;} #referees .middle .inner{padding-top: 20px; background: url('../img/stage_referee_middle_left.png') left top repeat-y;} #referees .middle .inner ul{overflow: hidden; margin-left: 5px;} #referees .middle .inner ul li{display: inline-block; zoom:1; vertical-align: top; width: 175px; margin-bottom: 20px; text-align: center; font: 12px/18px verdana, sans-serif; color: black;} #referees .middle .inner ul li .post{color: #595a4f;} #referees .bottom{background: url('../img/stage_referee_bottom.png') right bottom no-repeat;} #referees .bottom .inner{height: 14px; background: url('../img/stage_referee_bottom_left.png') left bottom no-repeat;} /** подсказки */ #main.stages .tips{float: left; width: 17%;} #main.stages .tips ul{} #main.stages .tips ul li{text-align: center; width: 170px; font: 13px/18px verdana, sans-serif; color: #67441d; margin-bottom: 30px;} #main.stages .tips ul li .scheme{background: url('../img/stage_scheme.png') left -52px no-repeat; width: 80px; height: 52px; margin: 0 auto;} #main.stages .tips ul li .start{background: url('../img/stage_start.png') left -52px no-repeat; width: 80px; height: 52px; margin: 0 auto;} #main.stages .tips ul li .result{background: url('../img/stage_result.png') left -52px no-repeat; width: 80px; height: 52px; margin: 0 auto;} #main.stages .tips ul li .online{background: url('../img/stage_online.png') left top no-repeat; width: 80px; height: 52px; margin: 0 auto;} /* Видео * ---------------------------------------------------------- */ #main.video{} #main.video .video-block{width: 870px; margin-top: 40px; margin-left: 50px; padding-bottom: 40px; overflow: hidden;} #main.video .video-block h2{color: #3c5da9; font: 24px tahoma, sans-serif; margin-bottom: 15px;} #main.video .video-block .description{width: 345px; float: left; margin-right: 10px;} #main.video .video-block .description p{font: 12px/18px tahoma, sans-serif; color: #444;} #main.video .video-block .video{width: 480px; height: 320px; float: left;} /* Партнерам * ---------------------------------------------------------- */ #main.partners{} #main.partners h1{z-index: 100; position: relative;} #main.partners .top{z-index: 99; position: relative; margin-top: -100px; padding-right: 704px; background: url('../img/partners_img_top.png') right top no-repeat; position: relative;} #main.partners .top .img_title{font: italic 12px/24px arial, sans-serif; color: #828282; position: absolute; right: 0; bottom: -22px;} #main.partners .top .left{padding-top: 80px;} #main.partners .top .left p{margin-top: 25px; font: 14px/18px arial, sans-serif; color: #5b5b5b;} #main.partners .columns{margin-top: 25px; padding-left: 35px; overflow: hidden; padding-bottom: 30px;} #main.partners .columns .img_description{font: italic 12px arial, sans-serif; color: #828282; text-align: right;} #main.partners .columns ul{margin-left: 20px;} #main.partners .columns ul li{margin-top: 15px; font: 14px/18px tahoma, sans-serif; color: #0a0a0a;} #main.partners .columns .left, #main.partners .columns .middle, #main.partners .columns .right{width: 30%; float: left;} #main.partners .columns .left{padding-bottom: 225px; background: url('../img/partners_img_1.png') right bottom no-repeat;} #main.partners .columns .left .img_description{margin-top: 57px;} #main.partners .columns .middle{margin-left: 30px; padding-top: 170px; background: url('../img/partners_img_2.png') right top no-repeat;} #main.partners .columns .middle .img_description{margin-bottom: 20px;} #main.partners .columns .right{margin-left: 30px; position: relative; padding-bottom: 170px; background: url('../img/partners_img_3.png') right bottom no-repeat;} #main.partners .columns .right .img_description{position: absolute; bottom: -20px; right: 0;} /* Стартовый лист * ---------------------------------------------------------- */ #main.starterlist{} #main .broadcast{width: 950px;} #main .broadcast h2{font: 24px/36px verdana, sans-serif; color: black; margin-bottom: 16px; margin-left: 35px;} #main .broadcast ul.top{margin-left: 35px; min-width: 650px;} #main .broadcast ul.top li{float: left; height: 42px;} #main .broadcast ul.top li a{display: inline-block; zoom: 1; margin-top: 12px; background: url('../img/menu_underline.png') left bottom repeat-x; font: italic 13px/18px arial, sans-serif; color: #67441d;} #main .broadcast ul.top li a:hover{background: none; text-decoration: none; color: #ed1c24;} #main .broadcast ul.top li.pdf{float: right; padding-left: 48px; background: url('../img/stage_pdf.png') left center no-repeat;} #main .broadcast ul.top li.print{float: right; padding-left: 60px; background: url('../img/stage_print.png') left center no-repeat; margin-left: 10px;} #main .broadcast .description{font: 12px/18px verdana, sans-serif; color: #636363; margin-left: 35px;} #main .broadcast .description span{color: black;} #main .broadcast-table{margin-top: 30px; margin-left: 35px; margin-bottom: 30px; width: 924px; background: url('../img/starterlist_table_top.png') left top no-repeat;} #main .broadcast-table-bottom{padding-bottom: 0px; background: url('../img/starterlist_table_bottom.png') left bottom no-repeat;} #main .broadcast-table table.starterlist{width: 923px;} .opera #main .broadcast-table table.starterlist{width: 924px;} .gecko #main .broadcast-table table.starterlist{margin-left: 1px;} .ie #main .broadcast-table table.starterlist{margin-left: 1px;} #main .broadcast-table table.starterlist td, #main .broadcast-table table th {vertical-align: middle;} #main .broadcast-table table.starterlist th{font: 14px/18px georgia, serif; height: 29px;} #main .broadcast-table table.starterlist th.num{width: 45px; text-align: center;} #main .broadcast-table table.starterlist th.rider-id{width: 72px; text-align: center;} #main .broadcast-table table.starterlist th.country{width: 83px; text-align: center;} #main .broadcast-table table.starterlist th.rider{width: 250px;} #main .broadcast-table table.starterlist td.gradient{height: 42px; font: 20px/24px verdana, sans-serif; background: url('../img/starterlist_table_gradient.png') left top repeat-x; color: #ea0000; border: 1px solid #b1b1b1;} #main .broadcast-table table.starterlist td{font: 12px/24px tahoma, sans-serif; border-bottom: 1px solid #b1b1b1; height: 70px; background: url('../img/starterlist_table_delimiter.png') right center no-repeat;} #main .broadcast-table table.starterlist tr.last td{border: 0;} #main .broadcast-table table.starterlist td.num{border-left: 1px solid #b1b1b1; width: 45px; text-align: center; color: #616161;} #main .broadcast-table table.starterlist td.rider-id{width: 72px; text-align: center; color: #616161;} #main .broadcast-table table.starterlist td.horse{background-image: none;} #main .broadcast-table table.starterlist td.horse .name{font-size: 14px; color: black; margin-left: 12px;} #main .broadcast-table table.starterlist td.horse .genealogy{font-size: 12px; color: #868686; margin-left: 12px;} #main .broadcast-table table.starterlist td.rider{width: 250px; font-size: 14px; line-height: 44px; color: black; vertical-align: top; position: relative;} #main .broadcast-table table.starterlist td.rider span{float: right; width: 22px; height: 20px; background: url('../img/starterlist_photo.png') left top no-repeat; margin-top: 5px; margin-right: 7px;} #main .broadcast-table table.starterlist td.rider span.inactive{background-position: left bottom;} #main .broadcast-table table.starterlist td.country{line-height: 12px; color: #1f1f1f; background-image: none; width: 83px; text-align: center; border-right: 1px solid #b1b1b1;} #main.starterlist #referees{width: 925px;} /* Результат * ---------------------------------------------------------- */ #main.results{} #main.results .broadcast-table{background-image: url('../img/results_table_top.png');} #main .broadcast-table table.results{width: 923px;} .opera #main .broadcast-table table.results{width: 924px;} .gecko #main .broadcast-table table.results{margin-left: 1px;} .ie #main .broadcast-table table.results{margin-left: 1px;} #main .broadcast-table table.results td, #main .broadcast-table table th {vertical-align: middle;} #main .broadcast-table table.results th{font: 14px/18px georgia, serif; height: 29px;} #main .broadcast-table table.results th.num{width: 48px; text-align: center;} #main .broadcast-table table.results th.rider-id{width: 72px; text-align: center;} #main .broadcast-table table.results th.country{width: 69px; text-align: center; font-size: 11px; line-height: 11px;} #main .broadcast-table table.results th.result{text-align: center; vertical-align: top; line-height: 44px;} #main .broadcast-table table.results th.points{width: 55px; text-align: center; vertical-align: top; line-height: 22px; font-size: 11px;} #main .broadcast-table table.results th.time{width: 76px; text-align: center; vertical-align: top; line-height: 22px; font-size: 11px;} #main .broadcast-table table.results th.round{width: 92px; text-align: center; vertical-align: top; line-height: 22px; font-size: 11px;} #main .broadcast-table table.results th.eur{width: 63px; text-align: center; vertical-align: top; line-height: 22px; font-size: 11px;} #main .broadcast-table table.results td{font: 12px tahoma, sans-serif; color: #1f1f1f; text-align: center; border-bottom: 1px solid #b1b1b1; height: 90px; background: url('../img/results_table_delimiter.png') right center no-repeat;} #main .broadcast-table table.results td.gradient{text-align: left; height: 42px; font: 20px/24px verdana, sans-serif; background: url('../img/starterlist_table_gradient.png') left top repeat-x; color: #ea0000; border: 1px solid #b1b1b1;} #main .broadcast-table table.results tr.last td{border: 0;} #main .broadcast-table table.results td.num{border-left: 1px solid #b1b1b1; color: #616161;} #main .broadcast-table table.results td.country{color: black;} #main .broadcast-table table.results td.points{vertical-align: top;} #main .broadcast-table table.results td.time{vertical-align: top;} #main .broadcast-table table.results td.round{vertical-align: top;} #main .broadcast-table table.results td div.line{padding: 5px 0;} #main .broadcast-table table.results td div.line:first-child{padding-top: 12px;} #main .broadcast-table table.results td.eur{background-image: none; border-right: 1px solid #b1b1b1; font-weight: bold; color: #373737;} #main .broadcast-table table.results td.rider{text-align: left; vertical-align: top;} #main .broadcast-table table.results td.rider span{float: right; width: 22px; height: 20px; background: url('../img/starterlist_photo.png') left top no-repeat; margin-top: 5px; margin-right: 7px;} #main .broadcast-table table.results td.rider span.inactive{background-position: left bottom;} #main .broadcast-table table.results td.rider .name{font-size: 14px; color: black; margin-left: 15px; margin-top: 7px;} #main .broadcast-table table.results td.rider .horse{font-size: 14px; color: black; margin-left: 15px; margin-top: 7px;} #main .broadcast-table table.results td.rider .genealogy{margin-left: 15px; margin-right: 10px; margin-top: 7px; color: #868686; font-size: 12px; line-height: 12px;} #main.results #referees{width: 925px;} /* Онлайн трансляция * ---------------------------------------------------------- */ #main.broadcasting{} #main.broadcasting .broadcast{width: 1000px;} #main.broadcasting .timer{height: 85px; float: right; padding-right: 140px; background: url('../img/broadcast_clock.png') right top no-repeat; text-align: right;} #main.broadcasting .timer span{position: relative; top: 22px; font: italic 11px/16px arial, sans-serif; color: #7d7d7d;} #main.broadcasting .timer span.paused{color: red; font-weight: bold;} #main.broadcasting .video{overflow: hidden; margin-left: 35px; margin-top: 15px;} #main.broadcasting .video .left{width: 320px; margin-right: 2px; float: left; font: 16px verdana, sans-serif; color: black;} #main.broadcasting .video .left .flv{width: 320px; height: 240px; background-color: black;} #main.broadcasting .video .title{font: 12px/18px arial, sans-serif; color: #9a9a9a;} #main.broadcasting .video .left .head-title{font: 20px/24px verdana, sans-serif; color: #ea0000; margin: 10px 0;} #main.broadcasting .video .right{width: 640px; float: left;} #main.broadcasting .video .right .flv{width: 640px; height: 480px; background-color: black; position: relative;} #main.broadcasting #video-camera-1, #main.broadcasting #video-camera-2{width: 100%; height: 100%;} #main.broadcasting #scheme-player{display: none; width: 640px; height: 480px; position: absolute; z-index: 999;} #main.broadcasting .buttons{overflow: hidden; margin-left: 35px; margin-top: 15px;} #main.broadcasting .buttons .video-button-container{width: 263px; float: left;} #main.broadcasting .buttons .video-button-container .button{width: 93px; height: 68px; background: url('../img/broadcast_video_button.png') left bottom no-repeat; float: left; cursor: pointer; position: relative; z-index: 100;} #main.broadcasting .buttons .video-button-container .button.closed{background-position: left top;} #main.broadcasting .buttons .video-button-container .text{text-align: center; position: relative; top: 23px; font: 12px/18px verdana, sans-serif; color: #060606; text-transform: uppercase;} #main.broadcasting .buttons .switch-button-container{width: 159px; height: 68px; float: right; background: url('../img/broadcast_button_switch.png') left bottom no-repeat;} #main.broadcasting .buttons .switch-button-container.switched{background-position: left top;} #main.broadcasting .buttons .switch-button-container .button{width: 67px; height: 71px; margin-left: 45px; cursor: pointer; /*background: url('../img/broadcast_button_switch.png') left top no-repeat;*/} #main.broadcasting .buttons .scheme-button-container{width: 200px; margin-left: 425px; overflow: hidden; text-align: center;} #main.broadcasting .buttons .scheme-button-container .button{width: 74px; height: 68px; background: url('../img/broadcast_scheme_button.png') left top no-repeat; display: inline-block; zoom: 1; cursor: pointer; position: relative; z-index: 100;} #main.broadcasting .buttons .scheme-button-container .button.pressed{background-position: left bottom;} #main.broadcasting .buttons .scheme-button-container .text{text-align: center; position: relative; top: 23px; font: 12px/18px verdana, sans-serif; color: #060606; text-transform: uppercase;} #main.broadcasting .broadcast-table{background-image: url('../img/broadcast_table_top.png'); margin-left: 55px;} #main.broadcasting .broadcast-table-bottom{background-image: url('../img/starterlist_table_bottom.png');} #main .broadcast-table table.broadcasting{width: 923px;} .opera #main .broadcast-table table.broadcasting{width: 924px;} .gecko #main .broadcast-table table.broadcasting{margin-left: 1px;} .ie #main .broadcast-table table.broadcasting{margin-left: 1px;} #main .broadcast-table table.broadcasting td, #main .broadcast-table table th {vertical-align: middle;} #main .broadcast-table table.broadcasting th{font: 14px/18px georgia, serif; height: 29px;} #main .broadcast-table table.broadcasting th.num{width: 47px; text-align: center;} #main .broadcast-table table.broadcasting th.rider-id{width: 71px; text-align: center;} #main .broadcast-table table.broadcasting th.country{width: 67px; text-align: center; font-size: 11px; line-height: 11px;} #main .broadcast-table table.broadcasting th.result{text-align: center; vertical-align: top; line-height: 44px;} #main .broadcast-table table.broadcasting th.points{width: 53px; text-align: center; vertical-align: top; line-height: 22px; font-size: 11px;} #main .broadcast-table table.broadcasting th.time{width: 108px; text-align: center; vertical-align: top; line-height: 22px; font-size: 11px;} #main .broadcast-table table.broadcasting th.round{width: 117px; text-align: center; vertical-align: top; line-height: 22px; font-size: 11px;} #main .broadcast-table table.broadcasting td{font: 12px tahoma, sans-serif; color: #1f1f1f; text-align: center; border-bottom: 1px solid #b1b1b1; height: 90px; background: url('../img/results_table_delimiter.png') right center no-repeat;} #main .broadcast-table table.broadcasting td.gradient{text-align: left; height: 42px; font: 20px/24px verdana, sans-serif; background: url('../img/starterlist_table_gradient.png') left top repeat-x; color: #ea0000; border: 1px solid #b1b1b1;} #main .broadcast-table table.broadcasting tr.last td{border: 0;} #main .broadcast-table table.broadcasting td.num{border-left: 1px solid #b1b1b1; color: #616161;} #main .broadcast-table table.broadcasting td.country{color: black;} #main .broadcast-table table.broadcasting td.points{vertical-align: top;} #main .broadcast-table table.broadcasting td.time{vertical-align: top;} #main .broadcast-table table.broadcasting td.round{vertical-align: top; background-image: none; border-right: 1px solid #b1b1b1;} #main .broadcast-table table.broadcasting td div.line{padding: 5px 0;} #main .broadcast-table table.broadcasting td div.line:first-child{padding-top: 12px;} #main .broadcast-table table.broadcasting td.eur{background-image: none; border-right: 1px solid #b1b1b1; font-weight: bold; color: #373737;} #main .broadcast-table table.broadcasting td.rider{text-align: left; vertical-align: top;} #main .broadcast-table table.broadcasting td.rider span{float: right; width: 22px; height: 20px; background: url('../img/starterlist_photo.png') left top no-repeat; margin-top: 5px; margin-right: 7px;} #main .broadcast-table table.broadcasting td.rider span.inactive{background-position: left bottom;} #main .broadcast-table table.broadcasting td.rider .name{font-size: 14px; color: black; margin-left: 15px; margin-top: 7px;} #main .broadcast-table table.broadcasting td.rider .horse{font-size: 14px; color: black; margin-left: 15px; margin-top: 7px;} #main .broadcast-table table.broadcasting td.rider .genealogy{margin-left: 15px; margin-right: 10px; margin-top: 7px; color: #868686; font-size: 12px; line-height: 12px;} #main.broadcasting #referees{width: 924px; margin-left: 55px;} #adv{margin-left: 35px; padding: 15px 0;} #adv.print{margin: 0;} /* Заказ билетов * ---------------------------------------------------------- */ #main.order{} #main.order iframe{margin: 0 auto;} /* Печать * ---------------------------------------------------------- */ #main.print{font: 14px/18px 'times new roman',times, serif; color: black; width: 640px; min-width: 640px; max-width: 640px; margin: 0; padding: 0;} #main.print .footer{padding: 15px 0 5px;} #main.print h1{font: 24px/30px 'times new roman', times, serif; color: black; margin: 0; padding: 0;} #main.print h2{font: 18px/24px 'times new roman', times, serif; color: black; margin: 0; padding: 0;} #main.print h3{font: 16px/20px 'times new roman', times, serif; color: black; margin: 0; padding: 0;} #main.print address a{color: black; text-decoration:underline;} #main.print .header{overflow: hidden; width: 640px;} #main.print .title{width: 640px; font: bold 14px/22px 'times new roman', times, serif; color: black; margin: 5px 0; text-align: center; text-transform:uppercase;} #main.print .header .logo{width: ; height: ; float: right;} #main.print table.stage{margin-top: 15px;} #main.print table.stage td{height: 50px; vertical-align: middle; border: 1px solid black;} #main.print table.stage td.time{width: 50px; text-align: center;} #main.print table.stage td.num{width: 50px; text-align: center;} #main.print table.stage td.description{width: 540px;} #main.print table.stage td .wrap{margin-left: 10px;} /** Стартлист */ #main.print table.startlist{font-size: 14px;} #main.print table.startlist td{vertical-align: middle; height: 25px; border: 1px solid black;} #main.print table.startlist td span{position: relative; left: 10px;} #main.print table.startlist th{vertical-align: middle; height: 25px; border: 1px solid black; text-align: center; text-transform:uppercase;} #main.print table.startlist .num{width: 25px; text-align: center;} #main.print table.startlist .rider-id{width: 75px; text-align: center;} #main.print table.startlist .horse{width: 265px;} #main.print table.startlist .rider{width: 475px; text-transform:uppercase;} #main.print table.startlist .country{width: 59px; text-align: center;} /** Технический результат */ #main.print table.result{font-size: 14px;} #main.print table.result td{vertical-align: middle; height: 25px; border: 1px solid black;} #main.print table.result td span{position: relative; left: 10px;} #main.print table.result th{vertical-align: middle; height: 25px; border: 1px solid black; text-align: center;} #main.print table.result .num{width: 35px; text-align: center;} #main.print table.result .rider-id{width: 60px; text-align: center;} /* #main.print table.result .horse{width: 224px;}*/ #main.print table.result .rider{width: 272px;} #main.print table.result .country{width: 54px; text-align: center;} #main.print table.result .points{width: 50px; text-align: center;} #main.print table.result .time{width: 50px; text-align: center;} #main.print table.result .stage{width: 70px; text-align: center;} #main.print table.result .money{width: 50px; text-align: center;} /* Заказать билеты посетителей * ---------------------------------------------------------- */ #main.order{min-width: 1000px; padding-right: 0;} #main.order #left-side{width: 30%; margin-left: 32px; float: left;} #main.order #left-side .img{background: url('../img/visitors_order_background.png') 32px top no-repeat; width: 313px; height: 66px;} #main.order #left-side.tribune .img{background-position: left top;} #main.order #left-side.restaurant .img{background-position: left bottom;} #main.order #left-side .buttons{width: 316px; height: 42px; overflow: hidden; margin-top: 7px;} #main.order #left-side .buttons .tribune{float: left; width: 158px; height: 42px; background: url('../img/visitors_button_tribune.png') left top no-repeat;} #main.order #left-side.tribune .buttons .tribune{background-position: left bottom;} #main.order #left-side.restaurant .buttons .tribune{background-position: left top;} #main.order #left-side .buttons .restaurant{float: left; width: 158px; height: 42px; background: url('../img/visitors_button_restaurant.png') left top no-repeat;} #main.order #left-side.tribune .buttons .restaurant{background-position: left top;} #main.order #left-side.restaurant .buttons .restaurant{background-position: left bottom;} #main.order #left-side.tribune .buttons .restaurant:hover, #main.order #left-side.restaurant .buttons .tribune:hover{background-position: left -42px;} #main.order #left-side .title{font: 16px tahoma, sans-serif; color: #dd5e00; margin-top: 17px; margin-bottom: 10px;} #main.order #left-side label{font: 14px/24px tahoma, sans-serif;} #main.order #left-side input[type=radio]{position: relative; top: -3px; margin-left: 18px;} #main.order #left-side input[type=text]{width: 90%; margin-left: 18px;} #main.order #left-side input[name=amount], #main.order #left-side input[name=table-num]{width: 65px; margin-left: 18px;} #main.order #left-side label{position: relative; left: 7px;} #main.order #left-side .total-price{padding-left: 18px; font: 24px tahoma, sans-serif; color: #2a2a2a;} #main.order #left-side .submit-order{width: 155px; height: 41px; background: url('../img/visitors_button_submit.png') left top no-repeat; margin-top: 60px;} #main.order #left-side .submit-order:hover{background-position: left bottom;} #main.order #left-side .button{text-align: center; font: 14px/40px verdana, sans-serif; color: #ea0000; text-shadow: white 1px 1px 1px; cursor: pointer;} #main.order #left-side.tribune .restaurant-selector{display: none;} #main.order #left-side.restaurant .tribune-selector{display: none;} #main.order #left-side.restaurant .flash-error-message{color: red; position: relative; top: 2px; left: 5px; font-style: italic; display: none;} #main.order #right-side{float: right; width: 55%; font: 14px/18px arial, sans-serif; color: #5b5b5b; padding-left: 5%; margin-left: 2%; margin-right: 4%; margin-bottom: 100px; /*border-left: 1px dotted #d0d0d0;*/ background: url('../img/visitors_order_delimiter.png') left top repeat-y;} #main.order #right-side .panorama-title{margin-top: 15px; font: italic 14px/30px arial, sans-serif;} #main.order #right-side .panorama{height: 255px; background-position: center 0; background-repeat: no-repeat;} #main.order #right-side .tribune .panorama{margin-bottom: 30px;} #main.order #right-side .img{width: 496px; margin-top: 15px;} #main.order #right-side .img .label{text-align: center; font: italic 14px/30px arial, sans-serif; color: #830101;} #main.order #right-side .img-container{width: 496px; height: 109px; background: url('../img/visitors_restaurant_image.png') left top no-repeat; position: relative;} #main.order #right-side .img-container .selector{display: none; width: 15px; height: 15px; background: url('../img/visitors_restaurant_image_select.png') left top no-repeat; position: absolute; left: 11px; top: 68px;} #main.order #right-side.tribune .restaurant{display: none;} #main.order #right-side.restaurant .tribune{display: none;} /* Анкета * ---------------------------------------------------------- */ #main.questionnaire{overflow: hidden; min-width: 1000px;} #main.questionnaire h2{font: 24px verdana, sans-serif; color: #3c5da9; margin-left: 20px; margin-bottom: 30px;} #main.questionnaire input[type=text]{width: 315px; border: 1px solid #abadb3;} #main.questionnaire h2, #main.questionnaire textarea, #main.questionnaire input[type=text], #main.questionnaire select{margin-left: 20px;} #main.questionnaire .title{font: 16px tahoma, sans-serif; color: #dd5e00; margin: 12px 0 8px;} #main.questionnaire .title span{font-size: 14px;} #main.questionnaire .title.mt{margin-top: 100px;} #main.questionnaire #left-side{float: left; margin-left:35px; margin-right: 65px; width: 40%; position: relative;} #main.questionnaire #left-side .delimiter{width: 1px; height: 465px; position: absolute; right: 0; background-color:#e4e4e4;} #main.questionnaire #right-side{float: left; padding-left: 50px; margin-bottom: 70px; width: 40%;} #main.questionnaire h2.mt{margin-top: 150px;} #main.questionnaire label{font: 16px tahoma, sans-serif; color: #dd5e00; margin-left: 20px;} #main.questionnaire input[type=radio]{position: relative; top: -3px;} #main.questionnaire .button{text-align: center; font: 14px/40px verdana, sans-serif; color: #ea0000; cursor: pointer; width: 155px; height: 41px; background: url('../img/visitors_button_submit.png') left top no-repeat; margin-top: 115px; margin-bottom: 80px;} #main.questionnaire .button:hover{background-position: left bottom;} #main.questionnaire .pre-textarea{font: italic 12px arial, sans-serif; color: #888; margin-left: 20px;} /* Главная * ---------------------------------------------------------- */ #main.main{padding: 0; position: relative; min-height: 300px;} #main.main .slide-title{padding: 15px 0 10px; width: 100%; background-color:#fff; opacity: 0.6; position: absolute; margin-top: 20px; z-index: 998;} #main.main .slide-title .left{float: left; font: 24px/36px arial, sans-serif; margin-left: 25px;} #main.main .slide-title .right{float: right; font: 24px/36px arial, sans-serif; margin-right: 25px;} #main.main .slide-title .left span, #main.main .slide-title .right span{color: #e31f27;} #main.main .slide-title .center{text-align: center; font: 36px 'times new roman',times,serif; color: #191919; text-transform: uppercase;} #main.main ul.photos{overflow: hidden;} #main.main ul.photos li{overflow: hidden; display: none;} #main.main ul.photos img{width: 100%;} #main.main ul.photos li.current{display: block;} #main.main ul.control{position: absolute; text-align: right; width: 100%; z-index: 998;} #main.main ul.control li{display: inline-block; zoom: 1; width: 7px; height: 7px; background-color:#888; margin: 0 2px; cursor: pointer;} #main.main ul.control li.current{background-color: red;} /* Что вас ожидает - посетителям * ---------------------------------------------------------- */ .eye-icon{cursor: pointer; display: inline-block; zoom: 1; width: 32px; height: 21px; background: url('../img/visitors_waiting_icon_eye.png');} .eye-icon:hover{background-position: left bottom;} .virtual-icon{cursor: pointer; width: 31px; height: 21px; background: url('../img/visitors_waiting_icon_3d.png');} .virtual-icon:hover{background-position: left bottom;} .photo-icon{cursor: pointer; display: inline-block; zoom: 1; width: 32px; height: 21px; background: url('../img/visitors_waiting_icon_photo.png');} .photo-icon:hover{background-position: left bottom;} #main.visitors-waiting{padding-left: 0; padding-right: 0; min-width: 1000px;} #main.visitors-waiting h1{margin-left: 23px;} #main.visitors-waiting .top{margin: 0 58px; overflow: hidden;} #main.visitors-waiting .top h2{font-size: 36px;} #main.visitors-waiting .top p{font: 14px/24px tahoma, sans-serif;} #main.visitors-waiting .top .col-1{width: 45%; float: left;} #main.visitors-waiting .top .col-1 p{margin-top: 20px;} #main.visitors-waiting .top .col-1 p.first{margin-right: 25px;} #main.visitors-waiting .top .col-1 img{display: block; margin: 15px auto;} #main.visitors-waiting .top .col-2{width: 23%; float: left; margin-left: 2%;} #main.visitors-waiting .top .col-2 h2{margin-top: 15px;} #main.visitors-waiting .top .col-2 p span{font: 36px/24px tahoma, sans-serif; color: #ff9314;} #main.visitors-waiting .top .col-3{width: 230px; float: left; margin-left: 4%;} #main.visitors-waiting .top .col-3 h2{font: italic 24px/20px arial, sans-serif; color: black;} #main.visitors-waiting .top .col-3 p{font: italic 13px/20px arial, sans-serif; color: #f16803;} #main.visitors-waiting .top .col-3 img{margin: 7px 0;} #main.visitors-waiting ul.presentation{margin-left: 58px; margin-top: 20px;} #main.visitors-waiting ul.presentation li{display: inline-block; zoom: 1; width: 150px; margin-right: 24px; overflow: hidden; vertical-align: top;} #main.visitors-waiting ul.presentation li p{text-align: center; font: italic 14px/18px arial, sans-serif; color: #be17c0; margin-top: 5px;} #main.visitors-waiting ul.presentation li p span{cursor: pointer;} #main.visitors-waiting ul.presentation li img{cursor: pointer;} #main.visitors-waiting ul.presentation li img:hover{opacity: 0.6;} #main.visitors-waiting h2.render{font-weight: bold; margin-left: 58px; margin-top: 25px; color: #ff9314;} #main.visitors-waiting #render{margin: 35px auto 0; width: 905px; height: 525px; /*background: url('../img/visitors_waiting_render.png') center center no-repeat; */position: relative;} #main.visitors-waiting #render .arrows{width: 845px; height: 489px; background: url('../img/visitors_waiting_render_arrows.jpg') left top no-repeat; position: absolute; left: 33px; top: 15px;} #main.visitors-waiting #render span{position: absolute; font: 14px arial, sans-serif; color: black; cursor: default;} /* #main.visitors-waiting #render span.virtual, #main.visitors-waiting #render span.photo{color: #328fc0; text-decoration:underline; cursor: pointer;} #main.visitors-waiting #render span.virtual:hover,#main.visitors-waiting #render span.photo:hover{text-decoration:none;} */ #main.visitors-waiting #render .liverpool{left: 78px; top: 0;} #main.visitors-waiting #render .referee-houses{left: 285px; top: 30px;} #main.visitors-waiting #render .restaurant-tribunes{left: 610px;} #main.visitors-waiting #render .wc-1{right: 0; top: 27px;} #main.visitors-waiting #render .wc-2{left: 0; bottom: 5px;} #main.visitors-waiting #render .children{left: 308px; bottom: 33px;} #main.visitors-waiting #render .park{right: 240px; bottom: 10px;} #main.visitors-waiting #render .tribunes{right: 50px; bottom: 25px;} #main.visitors-waiting #render .eye-icon.children{position: absolute; bottom: 30px; left: 433px;} #main.visitors-waiting #render .eye-icon.park{position: absolute; bottom: 7px; right: 205px;} #main.visitors-waiting #render .eye-icon.domik{position: absolute;left: 467px; top:28px} #main.visitors-waiting #render .eye-icon.tribuny{position: absolute;right: -15px; bottom: 22px;} #main.visitors-waiting #render .photo-icon.referee{position: absolute; top: 28px; left: 406px;} #main.visitors-waiting #render .virtual-icon.liverpool{position: absolute; left: 147px; top: -3px;} #main.visitors-waiting #render .virtual-icon.referee-houses{position: absolute; left: 435px; top: 28px;} #main.visitors-waiting #render .virtual-icon.restaurant-tribunes{position: absolute; left: 670px; top: -2px;} #main.visitors-waiting #render .virtual-icon.wc-1{position: absolute; right: -31px; top: 25px;} #main.visitors-waiting #render .virtual-icon.wc-2{position: absolute; left: 55px; bottom: 2px;} #main.visitors-waiting #render .virtual-icon.tribunes{position: absolute; right: 19px; bottom: 22px;} #main.visitors-waiting p .photo-icon{position: relative; top: 3px; margin-top: -10px;} #main.visitors-waiting .colored-block{overflow: hidden; padding: 23px 58px; padding-right: 0; background-color:#f2f6e8; margin: 25px 0;} #main.visitors-waiting .colored-block img{display: block; margin: auto;} #main.visitors-waiting .colored-block p{font: 14px/24px tahoma, sans-serif;} #main.visitors-waiting .colored-block .col-1{float: left; width: 15%; margin-right: 2%;} #main.visitors-waiting .colored-block .col-1 p{margin-bottom: 25px;} #main.visitors-waiting .colored-block .col-2{float: left; width: 15%; margin-right: 2%;} #main.visitors-waiting .colored-block .col-3{float: left; width: 15%; margin-right: 2%;} #main.visitors-waiting .colored-block .col-3 p{margin-bottom: 25px;} #main.visitors-waiting .colored-block .col-4{float: left; width: 45%;} #main.visitors-waiting .colored-block .col-4 span{font-size: 17px;} #main.visitors-waiting .colored-block .col-4 ul.prices{margin: 5px 0; margin-left: 25px;} #main.visitors-waiting .colored-block .col-4 ul.prices li{overflow: hidden; font: italic 14px/24px arial,sans-serif; background: url('../img/visitors_waiting_points.png') left 13px repeat-x} #main.visitors-waiting .colored-block .col-4 ul.prices li .day{float: left; background-color:#f2f6e8; padding-right: 5px;} #main.visitors-waiting .colored-block .col-4 ul.prices li .price{float: right; background-color:#f2f6e8; padding-left: 3px;} #main.visitors-waiting .plan{margin-top: 40px; margin-left: 58px; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px dashed #bdbdbd;} #main.visitors-waiting .plan .title{font: 18px/24px tahoma, sans-serif; color: #7aa973;} #main.visitors-waiting .plan ul{margin-top:30px;} #main.visitors-waiting .plan ul li{display: inline-block; zoom: 1; width: 29%; margin-right: 4%; vertical-align: top;} #main.visitors-waiting .plan ul li table{font: 14px/24px tahoma, sans-serif;} #main.visitors-waiting .plan ul li table tr{border-top: 1px solid #eaeaea;} #main.visitors-waiting .plan ul li table tr:first-child{border-top: 0;} #main.visitors-waiting .plan ul li table td{padding: 15px 0; vertical-align: middle; font: 14px/24px tahoma, sans-serif;} #main.visitors-waiting .plan ul li table td.time{color: #616161; width: 35px; text-align: left;} #main.visitors-waiting .plan ul li table td.num{width: 40px; text-align: center;} #main.visitors-waiting .plan .comment{font: italic 14px/24px arial, sans-serif; color: #616161;} #main.visitors-waiting .last-block{overflow: hidden; margin: 0 auto; width: 985px;} #main.visitors-waiting .last-block .left-side{width: 560px; min-height: 320px; float: left; background: url('../img/visitors_waiting_competition.png') left top no-repeat;} #main.visitors-waiting .last-block .left-side p{float: right; width: 220px; font: italic 16px/24px arial, sans-serif; color: #be17c0; margin-top: 60px; margin-right: 15px;} #main.visitors-waiting .last-block .right-side{float: left; width: 400px; margin-left: 25px;} #main.visitors-waiting .last-block .right-side p{font: 14px/24px tahoma, sans-serif; margin-bottom: 10px;} #main.visitors-waiting .last-block .right-side img{display: block; zoom: 1; margin: auto;} #main.visitors-waiting .rules{text-align: center; margin-top: 30px;} #main.visitors-waiting .rules a{display: inline-block; zoom: 1; text-decoration: underline; padding-left: 65px; background: url('../img/visitors_waiting_rules.png') left top no-repeat; font: 14px/54px arial, sans-serif; color: #328fc0; min-height: 58px;} #main.visitors-waiting .rules a:hover{text-decoration:none;} /* Что вас ожидает - участникам * ---------------------------------------------------------- */ #main.riders-waiting{padding-left: 0; padding-right: 0; min-width: 1000px;} #main.riders-waiting h1{margin-left: 23px; margin-bottom: 30px;} #main.riders-waiting .number{font: 60px/24px Tahoma, sans-serif; color: #ff9314;} #main.riders-waiting p{font: 14px/24px tahoma, sans-serif; color: #0a0a0a;} #main.riders-waiting p a{color: #328fc0; text-decoration:underline;} #main.riders-waiting p a:hover{text-decoration:none;} #main.riders-waiting .top{overflow: hidden; padding-top: 10px;} #main.riders-waiting .col-1{width: 70%; float: left; margin-left: 58px;} #main.riders-waiting .col-1 .row-1{padding-left: 295px; min-height: 260px; background: url('../img/riders_waiting_cup.png') left top no-repeat;} #main.riders-waiting .col-1 .row-1 a.proposition{width: 360px; height: 38px; float: left; background: url('../img/riders_waiting_fei.png') left top no-repeat; text-align: right; font: italic 18px/30px arial, sans-serif; color: #328fc0; text-decoration:underline; margin-top: 25px;} #main.riders-waiting .col-1 .row-1 a.proposition:hover{text-decoration:none;} #main.riders-waiting .col-1 ul.referees{text-align: center; margin-top: 25px;} #main.riders-waiting .col-1 ul.referees li{display: inline-block; zoom: 1; margin: 0 2%; width: 150px; vertical-align: top;} #main.riders-waiting .col-1 ul.referees li .name{font: bold 14px tahoma, sans-serif; margin-top: 3px;} #main.riders-waiting .col-1 ul.referees li .post{font: 14px tahoma, sans-serif; color: #595a4f;} #main.riders-waiting .col-1 .euro{height: 360px; background: url('../img/riders_waiting_euro.png') center bottom no-repeat; margin-top: 50px;} #main.riders-waiting .col-1 .euro .left{float: left; width: 25%; min-width: 180px; padding-top: 120px; background: url('../img/riders_waiting_london.png') center top no-repeat;} #main.riders-waiting .col-1 .euro .right{float: right; width: 25%; min-width: 150px; padding-top: 120px; background: url('../img/riders_waiting_questionnaire.png') center top no-repeat;} #main.riders-waiting .col-1 p.under-euro{font: italic 14px/24px arial,sans-serif; color: #269c02; margin-top: 20px;} #main.riders-waiting .colored-block{padding: 25px 10px 10px 58px; background-color:#f2f6e8; margin: 40px auto; overflow: hidden;} #main.riders-waiting .colored-block .half{width: 48%; float: left; margin-right: 3%;} #main.riders-waiting .colored-block .half img{display: block; margin: auto;} #main.riders-waiting .colored-block .m0{margin: 0;} #main.riders-waiting .colored-block span.orange{color: #ff9314;} #main.riders-waiting .colored-block .left{width: 48%; float: left;} #main.riders-waiting .colored-block .left .five{} #main.riders-waiting .colored-block .left .five img{float: right; margin: 20px 0 10px 20px;} #main.riders-waiting .colored-block .left .eight p{margin-bottom: 15px;} #main.riders-waiting .colored-block .right{width: 48%; float: left; margin-left: 3%;} #main.riders-waiting .colored-block .right .six{margin-bottom: 30px;} #main.riders-waiting .colored-block .right .ten p{margin-bottom: 25px;} #main.riders-waiting .victoria{height: 326px; position: relative; padding-right: 248px; margin: 25px 58px 0; background: url('../img/riders_waiting_victoria.png') right bottom no-repeat;} #main.riders-waiting .bubble{position: absolute; right: 255px; top: 40px; min-width: 680px; width: 66%; background: url('../img/riders_waiting_bubble_center.png') left top repeat-x; display: inline-block; zoom: 1;} #main.riders-waiting .bubble-left{padding-left: 40px; background: url('../img/riders_waiting_bubble_left.png') left top no-repeat;} #main.riders-waiting .bubble-right{height: 198px; padding-right: 205px; background: url('../img/riders_waiting_bubble_right.png') right top no-repeat;} #main.riders-waiting .bubble-text{padding: 20px 0; font: italic 18px/30px arial, sans-serif; color: #000;} #main.riders-waiting .label{position: absolute; bottom: 25px; right: 250px; font: 14px tahoma, sans-serif; color: #7aa973; text-align: right;} #main.riders-waiting .label .name{font-size: 18px; color: #000;} #main.riders-waiting .col-2{width: 160px; float: left; margin-left: 5%;} #main.riders-waiting .col-2 p{font: italic 13px/20px arial, sans-serif; color: #f16803;} #main.riders-waiting .col-2 p span.big{font-size: 18px;} #main.riders-waiting .col-2 p span.biggest{font: 24px/24px Tahoma, sans-serif; color: #be17c0; display: block;} #main.riders-waiting .col-2 p span.title{color: #328fc0; text-decoration:underline; font-size: 14px;} #main.riders-waiting .col-2 ul.party{margin: 20px 0 12px;} #main.riders-waiting .col-2 ul.party li{margin-bottom: 5px; width: 150px; height: 150px; overflow: hidden; cursor: pointer;} #main.riders-waiting .col-2 ul.party li:hover{opacity: 0.6;} #main.riders-waiting .dashed{height: 1px; background: url('../img/riders_waiting_dash.png') left top repeat-x; margin: 0 58px 17px;} #main.riders-waiting #render{width: 801px; height: 490px; background: url('../img/riders_waiting_render.jpg') left top no-repeat; margin: 40px auto 80px; position: relative;} #main.riders-waiting #render span{font: 14px arial, sans-serif; position: absolute; color: black; cursor: default;} /* #main.riders-waiting #render span.virtual, #main.riders-waiting #render span.photo{color: #328fc0; cursor: pointer; text-decoration:underline;} #main.riders-waiting #render span.virtual:hover, #main.riders-waiting #render span.photo:hover{text-decoration:none;} */ #main.riders-waiting #render .field{top: -15px; left: -25px;} #main.riders-waiting #render .referees{top: 15px; left: 170px;} #main.riders-waiting #render .cafe{top: -15px; left: 350px;} #main.riders-waiting #render .restaurant{top: 15px; left: 550px;} #main.riders-waiting #render .horse-car{top: -15px; right: -50px;} #main.riders-waiting #render .tribune{bottom: -15px; left: -25px;} #main.riders-waiting #render .training{bottom: 8px; left: 190px;} #main.riders-waiting #render .stall{bottom: 8px; left: 430px;} #main.riders-waiting #render .wc{bottom: 8px; left: 587px;} #main.riders-waiting #render .shower{bottom: -15px; right: 0px;} #main.riders-waiting #render .eye-icon.field{position: absolute; top: -17px; left: 110px;} #main.riders-waiting #render .eye-icon.domik{left: 320px;position: absolute;top: 12px;} #main.riders-waiting #render .eye-icon.restaurant{position: absolute; top: 13px; left: 663px;} #main.riders-waiting #render .eye-icon.training{position: absolute; bottom: 5px; left: 317px;} #main.riders-waiting #render .eye-icon.stall{position: absolute; bottom: 5px; left: 488px;} #main.riders-waiting #render .virtual-icon.field{position: absolute; top: -17px; left: 80px;} #main.riders-waiting #render .virtual-icon.referees{position: absolute; top: 13px; left: 290px;} #main.riders-waiting #render .virtual-icon.cafe{position: absolute; top: -17px; left: 547px;} #main.riders-waiting #render .virtual-icon.restaurant{position: absolute; top: 13px; left: 663px;} #main.riders-waiting #render .virtual-icon.horse-car{position: absolute; top: -17px; right: -84px;} #main.riders-waiting #render .virtual-icon.tribune{position: absolute; bottom: -19px; left: 167px;} #main.riders-waiting #render .virtual-icon.training{position: absolute; bottom: 5px; left: 347px;} #main.riders-waiting #render .virtual-icon.stall{position: absolute; bottom: 5px; left: 517px;} #main.riders-waiting #render .virtual-icon.wc{position: absolute; bottom: 5px; left: 642px;} #main.riders-waiting #render .virtual-icon.shower{position: absolute; bottom: -17px; right: -32px;} #main.riders-waiting p .photo-icon{position: relative; top: 3px; margin-top: -10px;} #main.riders-waiting #render .photo-icon.tribune{position: absolute; bottom: -18px; left: 136px;} /* Аккредитация * ---------------------------------------------------------- */ #main.accreditation{overflow: hidden; min-width: 1000px;} #main.accreditation h3{font-weight: bold;} #main.accreditation p{font: 14px/24px tahoma, sans-serif; color: black; margin-bottom: 15px;} #main.accreditation #left-side{width: 70%; margin-right: 4%; margin-left: 35px; float: left;} #main.accreditation #left-side .render{margin-left: 45px;} #main.accreditation #left-side .render ul{overflow: hidden;} #main.accreditation #left-side .render ul li{float: left; width: 50%; font: 14px/24px Tahoma, sans-serif;} #main.accreditation #left-side .render ul li span{text-decoration: underline; cursor: pointer;} #main.accreditation #left-side .render ul li span:hover{text-decoration: none;} #main.accreditation #left-side .render ul li span.red-riders{color: #ef0000;} #main.accreditation #left-side .render ul li span.orange{color: #ff8c04;} #main.accreditation #left-side .render ul li span.red-bracelets{color: #ef0000;} #main.accreditation #left-side .render ul li span.green{color: #2ad52e;} #main.accreditation #left-side .render #render{position: relative; margin: 20px 0; max-width: 800px;} #main.accreditation #left-side .render #render img{width: 100%;} #main.accreditation #right-side{width: 20%; float: left;} #main.accreditation #right-side h2{padding-bottom: 25px;} #main.accreditation #right-side img{display: block;} #main.accreditation ul.disc{margin-bottom: 20px;} #main.accreditation ul.disc li{padding-left: 45px; background: url('../img/li.png') left center no-repeat; margin-bottom: 7px;} /* Правила поведения * ---------------------------------------------------------- */ #main.rules{overflow: hidden; min-width: 1000px; margin-bottom: 40px;} #main.rules #left-side{width: 65%; margin-right: 4%; margin-left: 35px; float: left;} #main.rules ul.country-transport{overflow: hidden; margin-top: 50px;} #main.rules ul.country-transport:first-child{margin-top: 0px;} #main.rules ul.country-transport li{width: 50%; min-width: 300px; float: left; margin-bottom: 20px;} #main.rules ul.country-transport li img{float: left; margin-right: 10px; margin-left: 15%;} #main.rules ul.country-transport li:first-child img{margin-left: 20px;} #main.rules ul.country-transport li .title{font: bold italic 14px/18px arial, sans-serif; color: #5b5b5b;} #main.rules ul.country-transport li .description{min-height: 115px; display: table-cell; font: italic 14px/18px arial, sans-serif; color: #5b5b5b; margin-top: 5px;} #main.rules ul.country-transport li .description a{color: #1e59c4; text-decoration: underline;} #main.rules #right-side{width: 25%; float: left;} #main.rules #right-side h2 {padding-bottom: 25px; font-size: 24px;} #main.rules #right-side img {display: block;} #main.rules #right-side p{margin-top: 50px; font-size: 12px; font-style: italic;} #main.rules ul.disc{margin-bottom: 20px;} #main.rules ul.disc li{padding-left: 45px; background: url('../img/li.png') left center no-repeat; margin-bottom: 7px;} /* Меню ресторана Багратион * ---------------------------------------------------------- */ #main.bagration{min-width: 980px; } #main.bagration .column{margin-left: 4%; width: 38%; margin-right: 5%; display: inline-block; zoom: 1; vertical-align: top;} #main.bagration .column.last{margin-right: 0;} #main.bagration .column .group{font: bold 24px tahoma, sans-serif; color: #ff9314; margin-bottom: 15px;} #main.bagration .column table{margin-bottom: 45px; width: 100%;} #main.bagration .column table th{font: bold 14px/20px arial, sans-serif; color: #9b9b9b; padding-bottom: 8px; background: url('../img/visitors_bagration_th_dashed.png') left 20px repeat-x;} #main.bagration .column table td{padding: 10px 0 3px; font: 14px/18px tahoma, sans-serif; color: #0a0a0a;} #main.bagration .column table td.name{background-repeat: repeat-x;} #main.bagration .column table td.amount{width: 50px; text-align: left; vertical-align: bottom; padding-left: 3px;} #main.bagration .column table td.name span{background-color: white; padding-right: 2px;} #main.bagration .column table td.name .more span{font: italic 12px/18px arial, sans-serif; color: #878787;}