* { margin: 0; padding: 0; font:13px/16px Arial, sans-serif; } body { width: 100%; background: #f8f8ee url(img/fon.gif); } #top, #eng_top {width: 780px; height: 128px; position:relative; top:0; left:50%; margin-left: -390px;} #top {background: url(img/sh_logo.png) no-repeat top right;} #eng_top {background: url(img/eng_logo.png) no-repeat top right; } #topindex,#topprice,#topzakaz,#tophotel,#topzal,#topoffice,#topsauna,#topplan,#topservice,#topvip,#topguestbook,#topgimn {width: 780px; height: 128px; } #topindex { background: url(img/index_top.jpg) no-repeat top left;} #topprice { background: url(img/price_top.jpg) no-repeat top left;} #topzakaz { background: url(img/zakaz_top.jpg) no-repeat top left;} #tophotel { background: url(img/hotel_top.jpg) no-repeat top left;} #topzal { background: url(img/zal_top.jpg) no-repeat top left;} #topoffice { background: url(img/office_top.jpg) no-repeat top left;} #topsauna { background: url(img/sauna_top.jpg) no-repeat top left;} #topplan { background: url(img/plan_top.jpg) no-repeat top left;} #topservice { background:url(img/service_top.jpg) no-repeat top left;} #topvip { background: url(img/vip_top.jpg) no-repeat top left;} #topguestbook { background: url(img/guestbook_top.jpg) no-repeat top left; } #topgimn { background: url(img/gimn_top.jpg) no-repeat top left;} #index,#price,#zakaz,#hotel,#zal,#office,#sauna,#plan,#service,#vip,#guestbook,#gimn {width: 200px; padding: 170px 0 0 0; float: left;} #index { background: url(img/index_left.jpg) no-repeat left top;} #price { background: url(img/price_left.jpg) no-repeat left top;} #zakaz { background: url(img/zakaz_left.jpg) no-repeat top left;} #hotel { background: url(img/hotel_left.jpg) no-repeat top left;} #zal { background: url(img/zal_left.jpg) no-repeat top left; } #office { background: url(img/office_left.jpg) no-repeat top left;} #sauna { background: url(img/sauna_left.jpg) no-repeat top left; } #plan { background: url(img/plan_left.jpg) no-repeat top left; } #service { background: url(img/service_left.jpg) no-repeat top left;} #vip { background: url(img/vip_left.jpg) no-repeat top left;} #guestbook { background: url(img/guestbook_left.jpg) no-repeat top left; } #gimn { background: url(img/gimn_left.jpg) no-repeat top left; } #box { width: 780px; background: #bba; position:relative; top:0; left:50%; margin-left: -390px;} #main { margin-left: 200px; background: #f8f8ee; padding-bottom: 35px; padding-left: 40px; padding-right: 40px; } #footer { width: 780px; height:70px; background: #dfdfd2; clear: both; position:relative; top:0; left:50%; margin-left: -390px;border-top: 1px solid #000; border-bottom: 3px solid #000; } #footer .footer_div {position: absolute; top:10px; left:210px; font:13px/16px Arial, sans-serif; } #footer .footer_div a { font:bold 13px/16px Arial, sans-serif; padding: 0 6px;} #footer .footer_div a:hover { border-left: 1px solid #000; border-right: 1px solid #000; padding: 0 6px; background: #c5c5b5; color: #fff; } #panorama {background: url(img/panorama.jpg) no-repeat top left; width: 490px; height: 200px;} /*----------Навигация ------------------*/ ul { list-style: none; border-top: 2px solid #000;}li { border-bottom: 2px solid #fff; } li a { display: block; border-left: 10px solid #cfcfc1; background-color: #e4e4d7; color: #000; text-decoration: none; padding-left: 5px; padding-right: 10px; width: 100%; } html>body li a { width: auto; } li a:hover { display: block; border-left: 10px solid #e4e4d7; background-color: #bba; color: #fff; text-decoration: none; padding-left: 5px; padding-right: 10px; width: 100%; } html>body li a:hover { width: auto; } li.tut { display: block; border-left: 10px solid #c93; background-color: #cfcfc1; color: #000; text-decoration: none; padding-left: 5px; padding-right: 10px; width: 100%; } html>body li.tut { width: auto; } li.plan a { display: block; border-left: 10px solid #bba; background-color: #cfcfc1; color: #000; text-decoration: none; padding-left: 5px; padding-right: 3px; width: 100%; border-bottom: 2px solid #000; } html>body li.plan a { width: auto; } li.plan a:hover { display: block; border-left: 10px solid #fff; background-color: #bba; color: #fff; text-decoration: none; padding-left: 5px; padding-right: 3px; width: 100%; border-bottom: 2px solid #000; } html>body li.plan a:hover { width: auto; } ul.adress { list-style: none; padding: 10px; margin-top: 25px; background: #e4e4d7; border: 3px ridge #e4e4d7; width: 80%; padding: 10px; font-weight: normal; color: #000;} /*--------Текст----------*/ hr { color: #bba; height: 2px; } hr.white { color: #fff; height: 1px; } hr.guest { color: #c30; height: 1px; } h1 { margin-bottom: 10px; font:bold 12pt/120% Arial, sans-serif; text-align: left; color: #000; } h2 { padding: 10px 0; font: 1em/120% Arial, sans-serif; text-align: left; color: #bba; font-weight: lighter; letter-spacing: 0.2em; font-stretch: condensed; } h3 { padding: 5px 0; font: 1.2em/120% Arial, sans-serif; text-align: left; color: #c30; letter-spacing: 0.2em; font-stretch: wider; } h6 { margin-top: 10px; margin-bottom: 10px; font: 10pt/120% Arial, sans-serif; color: #000; border-bottom: 1px solid #000; } p { font:14px/18px Arial, sans-serif; text-align: justify; margin:5px 0;} strong { font: bold 14px/18px Arial, sans-serif; color:#666;} p.gimn { font: 1em/120% arial, sans-serif; text-align:left; margin: 2px 10px;} p.pripev { font: 1em/120% arial, sans-serif; text-align: left; padding: 2px 0 0 25px; font-style: italic;} p.right { font: 1em/120% arial, sans-serif; text-align: right; padding: 5px; font-style: italic;} p.titul { margin-top: 25px; } .gimn_div {width: 1px; height: 1px; } p.warning {font:bold 12px/120% Arial, sans-serif; color:red; text-align:center; padding:6px; border:2px solid #666; margin:20px 80px; } p.otvet { font: 12px/120% arial, sans-serif; text-align:justify; color: maroon; margin: 5px 0 2px 30px; } span.select { background: #e0dfdb; padding: 4px; border-top: 2px dotted #c00; text-transform: uppercase;} pre {font: 13px/18px arial, sans-serif; text-align: left;} pre b {font:bold italic 14px/18px arial, sans-serif; text-align: left;} br.clear { clear: left;}address { text-align: right; padding: 5px 0;} /*--------Элемент A----------*/ a { text-decoration: none; color: #000; text-align: left; } a:hover { text-decoration: none; color: #bba; text-align: left; } /*--------Таблицы ------------------*/ table { border: solid 1px #bba; margin-top: 5px; } table.price { border: dotted 1px #000; margin-top: 10px; } col, td, table-cell { padding: 5px; font: 1em; color: #000; } .name { width: 60%; background-color: #e9e7db; text-valign: middle; } td.title { font: 1em/130% arial, sans-serif; color: #000; text-align: left; background: #dadacc; padding: 0 5px; font-weight: bold;} td.vip { font: 1em/130% arial, sans-serif; color: #000; text-align: left; background: #dadacc; padding: 5px 5px; font-weight: normal;}. cash { width: 40%; background: #cfcfc1; text-align: center; text-valign: middle; } table.maintext { border: 0; padding: 3px; font: 10pt/120% Arial, sans-serif; text-color: #000; border-top: 1px solid #000; width:470px;} td.8, table-cell.8 { font: 8pt/120% arial, sans-serif; text-align: left; } iframe {width: 480px; /*height: 300px; */ border: 0; /* cellspacing="0" */; /*cellpadding="0" */; } input,select,textarea {font-size:11px;font-family:Verdana;} input.sender {background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);} table.guestmessage { width:480px; border: 0; padding: 3px;background: #f8f8ee; } td.message { width:480px; border: 0; padding: 3px;background: #f8f8ee; } textarea { background: #fff; padding: 3px; height:120;} /*--------IMG ------------------*/ img{ border: 0;} img.big { width: 490px; height: 200px; } img.small{ width: 150px; height: 200px; margin-right: 20px; margin-bottom: 10px; margin-top: 20px; float: left;} img.vip{ width: 120px; height: 150px; padding: 5px; border: 1px solid #000; float: left;} img.8831{ width: 88px; height: 31px; } img.3131 { width: 31px; height: 31px; } .none {display:none;} .color {color:#bba;} .bold {font-weight:700;}