body { padding: 0px; margin: 0px; background: #d2d5da url(../img/bg/bg.gif) repeat center top; vertical-align: top; font-family: tahoma; font-size: 8pt; color: #4a4a4a;} /** Общая информация **/ table, form, div , input { padding: 0px; margin: 0px; border: none; font-family: tahoma; font-size: 8pt; color: inherit;} td, th { padding: 0px; vertical-align: top; font-family: tahoma; font-size: 8pt; text-align: left; } img {border: none; padding: 0px; margin: 0px; font-family: tahoma; font-size: 8pt; color: #4a4a4a; } h1, h2, h3, h4 {padding: 0px; margin: 0px; font-family: tahoma; font-size: 10pt; color: #4a4a4a; } a { font-family: inherit; text-decoration: underline; color: #174283; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} a:hover { text-decoration: none; } div, p, td, ul, li { font-family: tahoma; } /** Основные элементы - частные свойства**/ ul { list-style: none; margin: 10px 0px 20px 30px; padding: 0px 0px 0px 0px; } li { list-style: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; background: url(../img/markers/li.gif) 0px 5px no-repeat; } p {padding: 0px; margin: 0px 0px 15px 0px; } h1 { color: #174283; font-weight: normal; margin: 0px 0px 5px 15px; font-size: 13pt;} .colBlock h1 img { height: 20px;} h1.cal { margin: 0px 0px 5px 0px;} h2 {color: #52b847; font-size: 11pt; margin: 0px 0px 10px 0px; font-weight: normal;} h2 a {color: #52b847; text-decoration: none; } h2 a:hover { text-decoration: underline; } h3 { color: #174283; font-size: 8pt; margin: 0px 0px 6px 0px;} h3 a {text-decoration: none; } h3 a:hover { text-decoration: underline; } h4 {color: #729cdd; font-size: 8pt; margin: 0px 0px 3px 0px;} .colRight h4 {color: #fff; } /** Основная таблица и ее содержимое **/ .box { width: 100%; height: 100%; background: url(../img/bg/box.gif) repeat-y right top; } .galleryBody .box { background: none; } /* Общее */ .colLeft { padding: 20px 0px 0px 0px; position: relative;} .colRight { width: 298px; } .colRightIn { width: 254px; margin: 0px 0px 0px 38px; padding: 20px 0px 30px 0px;} #content { margin: 140px 0px 30px 0px; position: relative;} .colBlock { width: 50%; overflow: hidden; } .colSep { width: 16px; } .colSep img { width: 16px; display: block; } #content h1 { font-size: 13pt; font-weight: normal;} #logos { width: 200px; height: 120px; position: absolute; left: 18px; top: 20px;} #logos #climb { width: 174px; height: 59px; margin: 0px 0px 3px 0px; display: block; } #logos #dav { width: 162px; height: 58px; margin: 0px 0px 0px 6px; display: block; } #menuTop { padding: 0px 0px 0px 0px; height: 40px; margin: 5px 9px 0px 212px; */margin: 55px 9px 0px 212px; background: url(../img/bg/menu_top.gif) repeat-x top; position: relative; } #menuTop table { width: 100%;} #menuTop .point { text-align: center; } #menuTop .point img { height: 40px;} #menuTop .left { position: absolute; left: -14px; top: 0px; width: 14px; height: 37px; background: url(../img/bg/menu_top_left.gif) no-repeat left top;} #menuTop .right { position: absolute; right: -14px; top: 0px; width: 14px; height: 37px; background: url(../img/bg/menu_top_right.gif) no-repeat right top;} #footer { height: 40px; } #copy { padding: 20px 146px 20px 20px; color: #fff; text-align: right; } .selectTop { position: absolute; left: 214px; top: -56px; z-index: 300;} .selectTop .select { width: 172px; margin: 0px 5px 0px 0px; } .welcomeTop { position: absolute; right: 0px; top: -120px; z-index: 300; font-size: 8pt; width: 230px;} .welcomeTop * { font-size: 8pt;} .welcomeTop h3 { margin: 0px 0px 4px 53px;} .welcomeTop .textImp { margin: 0px 0px 4px 8px; width: 170px;} .welcomeTop span { text-transform: uppercase; color: #174283; font-size: 8pt; } .welcomeTop .checkbox { margin: 2px 0px 0px 9px; */margin: -2px 0px 0px 5px; } .write {color: #174283; background: url(../img/markers/blue.gif) no-repeat center right; padding: 0px 12px 0px 0px; text-decoration: none; } .write:hover { color: #52b847; background: url(../img/markers/green.gif) no-repeat center right; } /* Галлерея */ .foto_big_main { width: 240px; height: 370px; margin: 10px 0px 30px 0px; background: #729cdd; border: none;} .photo_main { width: 240px;} .foto_big { width: 100%; height: 650px; margin: 0px 0px 0px 0px; */margin: 0px 0px 0px -23px; border: none; overflow: hidden; } .foto_list { height: 156px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow-x: scroll; border: none; overflow-y: hidden; } .foto_full { width: 250px; height: 2000px; margin: 20px 0px 30px 0px; background: #729cdd; border: none; } .album { float: left; height: 200px; width: 240px; overflow: hidden; margin: 0px 28px 34px 38px; display:block; } .album .image { height: 163px; */height: 170px; width: 240px; overflow: hidden; position: relative; cursor: pointer; } .album .image a { display: block; border: solid 4px #e3ebf8; width: 232px; height: 155px; */height: 162px; text-decoration: none; overflow: hidden; } .album .image a:hover { border: solid 4px #729cdd;} .album .image a img { display: block; width: 232px; } .album .image .bg { position: absolute; width: 232px; top: 111px; */top: 110px; left: 4px; */left: 0px; height: 48px; filter: alpha(opacity=70); opacity: .7; background: #e3ebf8; } .album .image .bg img { width: 232px; height: 44px; } .album .image .name { position: absolute; left: 8px; */left: 4px; top: 115px; */top: 114px; color: #fff; height: 38px; overflow: hidden; cursor: pointer; } .album .image .name h3 { font-size: 7.6pt; font-family: Verdana; padding: 0px 8px 0px 0px; margin: 0px 0px 0px 0px; height: 26px; overflow: hidden; } .album .image .name .author { color: #4a4a4a; } .album .comQuantity { font-size: 7.6pt; padding: 14px 20px 0px 8px; text-align: right;} .album .comQuantity a { border: none; display: inline; width: auto; height: auto; } .album .comQuantity a:hover { border: none;} .colRightIn .album { float: none; margin: 0px 0px 10px 0px; height: 200px; } .album .image a { border: solid 4px #e3ebf8; } .album .image a:hover { border: solid 4px #fff;} .colRightIn .album .comQuantity { text-align: left;} /* Дополнительные классы */ .block { width: 100%; margin: 0px 0px 20px 0px;} .blockTop td { height: 10px; overflow: hidden; } .blockTop td img , .blockBot td img { width: 10px; height: 0px; display: block; } .blockTop .l { width: 10px; background: url(../img/bg/block_top_left.gif) no-repeat left top; } .blockTop .r { width: 10px; background: url(../img/bg/block_top_right.gif) no-repeat right top; } .blockTop .c { background: url(../img/bg/block_top.gif) repeat-x top; } .blockBot .c { background: url(../img/bg/block_bot.gif) repeat-x top; } .blockBot .l { width: 10px; height: 10px; background: url(../img/bg/block_bot_left.gif) no-repeat left top; } .blockBot .r { width: 10px; height: 10px; background: url(../img/bg/block_bot_right.gif) no-repeat right top; } .blockBox .l { width: 10px; background: #fff url(../img/bg/blue.gif) left top repeat-y; } .blockBox .r { width: 10px; background: #fff url(../img/bg/blue.gif) right top repeat-y; } .blockBox .c { background: #fff; padding: 10px 0px 10px 0px; } .itemBlock { margin: 0px 0px 5px 0px; overflow: inherit; } .itemBlock table { margin: 0px 0px 10px 0px; width: 100%;} .data { color: #52b847; display: block; font-size: 8pt; } .climb { background: url(../img/markers/climb.gif) no-repeat top left; padding: 0px 0px 0px 18px; } .dav { background: url(../img/markers/dav.gif) no-repeat top left; padding: 0px 0px 0px 18px; } .itemBlock .descr { margin: 0px 0px 14px 0px; text-align: justify; float: left; clear: left;} .info { margin: 0px 0px 6px 0px; font-size: 8pt; } .bordBot { background: url(../img/bg/item_block_bord.gif) bottom repeat-x; padding: 0px 0px 8px 0px; margin: 0px 0px 12px 0px; overflow: inherit; } .itemBlock h2.climb { background: url(../img/markers/climb_gr.gif) 0px 2px no-repeat; margin: 0px 0px 3px 0px; } .itemBlock h2.dav { background: url(../img/markers/dav_gr.gif) 0px 2px no-repeat; margin: 0px 0px 3px 0px; } .imgMain { display: block; margin: 0px 10px 10px 0px; float: left; } .imgMain img { display: block; border: solid 4px #e3ebf8; } .imgMain a:hover img { border: solid 4px #729cdd; } .itemBlock .img { margin: 0px 10px 0px 0px; float: left;} .itemBlock .img img { display: block; border: solid 4px #e3ebf8; } .itemBlock a:hover img { border: solid 4px #729cdd; } .itemObj .img { display: block; margin: 0px 10px 10px 0px; float: left; } .itemObj .img img { display: block; border: solid 4px #e3ebf8; } .itemObj h1 {margin: 0px 0px 10px 0px;} .author { font-size: 7pt; } .colRight .descr { color: #fff; width: 240px; margin: 0px 0px 5px 0px;} .colRight .imgMain { display: block; margin: 0px 10px 10px 0px; float: none; } .colRight .imgMain img { display: block; border: solid 4px #fff; } .colRight .imgMain a:hover img { border: solid 4px #e3ebf8; } .comQuantity { margin: -12px 0px 0px 0px; color: #52b847; } .comQuantity a { margin: -12px 0px 0px 0px; color: #174283; font-weight: bold; text-decoration: none; } .comQuantity .comNew { color: #729cdd; margin: 0px 0px 0px 6px; } .comQuantity a:hover { color: #52b847; } .colRight .comQuantity {color: #174283; } .colRight .comQuantity a {color: #fff; } .colRight .comQuantity a:hover { color: #174283; } .more { text-align: right; clear: both; font-size: 8pt; display: block; } .more a { color: #52b847; background: url(../img/markers/green.gif) no-repeat center right; padding: 0px 12px 0px 0px; text-decoration: none;} .more a:hover { color: #174283; background: url(../img/markers/blue.gif) no-repeat center right; } .more a.com { color: #174283; background:none; padding: 0px 0px 0px 0px; text-decoration: none; font-weight: bold;} .more a.com:hover { color: #52b847; background:none; padding: 0px 0px 0px 0px; } .colRight .more a { color: #fff; background: url(../img/markers/white.gif) no-repeat center right; padding: 0px 12px 0px 0px; text-decoration: none;} .searchbar { text-align: center; color: #9f6237; font-size: 8pt; padding: 20px 0px 20px 0px; } .searchbar div { text-align: center; color: #729cdd; font-size: 8pt; } .searchbar table { width: 100%; } .searchbar .fl { margin: 0px 0px 0px 40px; width: 100px;} .searchbar .fr { margin: 0px 40px 0px 0px; width: 100px;} .colRight .searchbar .fl { margin: 0px 0px 0px 0px; width: 50px;} .colRight .searchbar .fr { margin: 0px 0px 0px 0px; width: 50px;} .registerForm { width: 100%;} .registerForm td { padding: 0px 0px 8px 0px;} .registerForm .er { width: 30%; } .registerForm .inp { width: 70%; } .registerForm .textImp , .registerForm .textArea { width: 80%; margin: 0px 0px 5px 20px; } .registerForm .capcha { margin: 0px 0px 5px 20px; } .registerForm .sendCom { margin: 20px 0px 0px 20px; } .registerForm .err { margin: 0px 0px 5px 20px; } .select , .textImp { background: #e3ebf8; height: 18px; border: solid 1px #c0c0c0; color: #4a4a4a; font-size: 8pt; margin: 0px 0px 5px 0px; } .textImp { padding: 2px 2px 2px 2px; } .textArea { padding: 2px 2px 2px 2px; background: #e3ebf8; height: 260px; border: solid 1px #c0c0c0; color: #4a4a4a; font-size: 8pt; margin: 0px 0px 5px 0px; overflow: hidden; } .imageBut { width: 10px; height:18px; } .exitBut { background: none;margin: 0px 0px 0px 5px; */margin: 2px 0px 0px -20px;color: #52b847; text-align: right; cursor: pointer; } .sendCom { color: #174283; background: url(../img/markers/blue.gif) 0px 1px no-repeat; padding: 0px 0px 0px 12px; text-decoration: none; cursor: pointer; text-align: left; } .comment { margin: 0px 0px 10px 0px;} .comment .head { height: 24px; background: #e3ebf8; } .comment .headNew { height: 24px; background: #bae3b5; } .comment .info { float: left; padding: 6px 12px 0px 12px; } .comment .replay { float: left; padding: 8px 12px 0px 12px; font-size: 7pt; } .comment .replay a { font-weight: bold; text-decoration: none; background: url(../img/markers/blue.gif) right center no-repeat; padding: 0px 11px 0px 0px;} .comment .replay a:hover {color: #52b847; background: url(../img/markers/green.gif) right center no-repeat;} .comment .action { float: right; padding: 4px 12px 0px 12px; width: 100px; } .comment .action .butCom { height: 16px; width: 16px; float: right; margin: 0px 0px 0px 12px;} .comment .text { padding: 6px 0px 0px 30px;} .comment .text p { margin: 0px 0px 5px 0px;} .guestCom { margin: 20px 0px 20px 0px; } .guestCom td { font-size: 8pt; } .guestCom .textImp { margin: 0px 10px 0px 10px; } .capcha { width: 100px; height: 40px; border: solid 4px #729cdd; } .comment_0 { margin: 0px 0px 10px 0px;} .comment_1 { margin: 0px 0px 10px 40px;} .comment_2 { margin: 0px 0px 10px 80px;} .comment_3 { margin: 0px 0px 10px 120px;} .comment_4{ margin: 0px 0px 10px 160px;} .comment_5 { margin: 0px 0px 10px 200px;} .comment_6 { margin: 0px 0px 10px 240px;} .comment_7 { margin: 0px 0px 10px 280px;} .comEditor { position: absolute; width: 800px; border: solid 2px #174283; background: #f3f6fa; padding: 10px 20px 20px 20px; filter:alpha(opacity=100);-moz-opacity:1; opacity:1; z-index: 1000; } .comEditor .sendCom { float: right; text-align: right; background: url(../img/markers/blue.gif) right center no-repeat; padding: 0px 12px 0px 0px; } .comEditor .close { text-align: right; margin: 0px 0px 10px 0px;} .comEditor .close a { background: url(../img/buttons/close.gif) right center no-repeat; padding: 0px 14px 0px 0px; color: #ff3300; text-decoration: none; } /** Служебные классы **/ .table { background: #e3ebf8; width: 80%; text-align: center; margin: 0px 0px 15px 0px; } .table th { background: #e3ebf8; color: #9f6237; text-align: center; font-weight: bold; padding: 3px 4px 3px 4px; } .table .td_heads { background: #e3ebf8; color: #174283; text-align: center; font-weight: bold; padding: 3px 4px 3px 4px; } .table td { background: #ffffff; text-align: left; padding: 3px 4px 3px 4px; } .green { color: #52b847; } .blue { color: #174283;} .text_min {font-size:8pt} .text_max {font-size:10pt} .Image_left {margin: 0px 15px 5px 0px; border: solid 4px #e3ebf8; width:auto; height:auto; float:left} .Image_right {margin: 0px 0px 5px 15px; border: solid 4px #e3ebf8; width:auto; height:auto; float:right} .Image_cent {margin: 0px 5px 5px 5px; border: solid 4px #e3ebf8; width:auto; height:auto;} .norm { font-weight: normal;} .small { font-size: 7pt;} span.small { font-size: 7pt; text-transform: none; color: #4a4a4a;} .w100 { width: 100%;} .w50 { width: 45%; float: left; display: block; margin: 0px 20px 0px 0px;} .w33 { width: 30%; float: left; display: block; margin: 0px 40px 0px 0px;} .com { font-size: 8pt; margin: 10px 0px 20px 40px; color: #729cdd; } .variants { background: url(../img/bg/item_block_bord.gif) left bottom repeat-x; padding: 10px 0px 10px 0px; margin: 0px 0px 30px 0px; color: #729cdd; } .variants a , .variants span { margin: 0px 10px 0px 10px; } .variants b { color: #174283; margin: 0px 10px 0px 0px; } /** Классы используемые везде **/ .vc { vertical-align: middle;} .vt { vertical-align: top;} .vb { vertical-align: bottom;} .el { text-align: left;} .er { text-align: right;} .ec { text-align: center;} .fl { float:left;} .fr { float: right; text-align: right; } .fn { clear: both;} .cb { clear: both;} .pr { position: relative; } .pa { position: absolute; }