html, body {
height: 100%;
}
body {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
line-height: 18px;
color: #000000;
width: 100%;
min-width: 1000px;
background-color: #f6f6f7;
background-image: url(../i/promo/blank.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
strong {
font-weight: bold;
}
a {
font-family: Arial, Helvetica, Sans-serif;
color: #00819a;
}
a:hover {
color: #ff4200;
text-decoration: none;
}
h1 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 20px;
color: #abaaaa;
}
h2 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 24px;
font-weight: bold;
color: #1f8ad8;
}
#layout {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
z-index: 10;
}
#loader {
display: none;
background-image: url(../i/loader.gif);
background-repeat: no-repeat;
background-position: center center;
position: absolute;
z-index: 2000;
height: 32px;
width: 32px;
}
#errorsC {
position: fixed;
z-index: 2000;
top: 0;
right: 30px;
}
#errorsC ul li {
width: 200px;
margin: 3px 0 0 0;
}
#browserMessage {
display: none;
padding: 5px 0;
background-color: #fcb340;
border-bottom: 1px solid #9d9da1;
background-image: url(../i/bmessage-bg.jpg);
background-repeat: repeat-x;
background-position: top;
color: #31302f;
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}
#browserMessage span {
margin: 0 5px;
}
#browserMessage a {
color: #31302f;
text-decoration: underline;
font-weight: bold;
font-size: 12px;
}
#browserMessage ins {
text-decoration: none;
}
#browserMessage a.firefox,
#browserMessage a.opera,
#browserMessage a.chrome {
background-position: left center;
background-repeat: no-repeat;
}
#browserMessage a.opera {
padding: 0 0 0 12px;
background-image: url(../i/icon-opera-sm.png);
}
#browserMessage a.firefox {
padding: 0 0 0 13px;
background-image: url(../i/icon-firefox-sm.png);
}
#browserMessage a.chrome {
padding: 0 0 0 13px;
background-image: url(../i/icon-chrome-sm.png);
}
#browserMessage a.close {
position: absolute;
background-image: url(../i/icon-close-p.jpg);
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 14px;
height: 14px;
top: 5px;
right: 5px;
text-decoration: none;
overflow: hidden;
}
#browserMessage a.close:hover {
background-image: url(../i/icon-close-a.jpg);
}
/* ------------Dialog------------- */
#overlay {
height: 100%;
width: 100%;
position: fixed;
z-index: 3000;
top: 0;
left: 0;
background-color: #000;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
display: none;
}
#dialog {
position: fixed;
z-index: 4000;
width: 100%;
top: 0;
left: 0;
color: white;
display: none;
}
#dialog .inner {
margin: 0 auto;
}
#dialog .close {
position: absolute;
right: 0;
top: -30px;
display: inline;
padding: 0 20px 0 0;
height: 16px;
background-image: url(../i/dialog-close.png);
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
color: #fff;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}
/*-------------Header---------------*/
#header {
}
#header td {
vertical-align: top;
/* border: 1px dashed blue;*/
}
#header .logo {
padding: 15px 0 0 25px;
/* border: 1px dashed blue;*/
text-align: center;
}
#header .c1 {
width: 305px;
}
#header .c2 {
width: 412px;
}
#header .c3 {
padding-right: 80px;
vertical-align: middle;
}
#header .c3 table {
/* border: 1px dashed red;*/
height: 70px;
}
#header .c3 td {
vertical-align: middle;
}
#header .c3 .l,
#header .c3 .r {
border-left: 1px dashed #ccc;
text-align: center;
}
#links {
position: relative;
/* border: 1px dashed red;*/
z-index: 30;
}
#links li {
float: left;
margin: 0 12px;
}
#links li a {
display: block;
width: 17px;
height: 15px;
background-repeat: no-repeat;
background-image: url(../i/promo/icons.png);
}
#links li a.home {
background-position: -34px -15px;
}
.index_page #links li a.home {
background-position: -34px 0px;
}
#links li a.home:hover {
background-position: -34px 0px;
}
#links li a.mail {
background-position: -17px -15px;
}
#links li a.mail:hover {
background-position: -17px 0px;
}
#links li a.map {
background-position: 0px -15px;
}
#links li a.map:hover {
background-position: 0px 0px;
}
/* ------------Error------------- */
.error {
position: relative;
}
.error:after {
content: '';
display: block;
clear: both;
}
.error .c1 {
position: relative;
right: 50%;
float: right;
}
.error .c2 {
position: relative;
z-index: 1;
right: -50%;
}
.error a:hover {
text-decoration: none;
}
.error h3 {
line-height: normal;
}
.error .close {
position: absolute;
padding: 5px;
top:0;
right:100%;
}
.e a {
color: #fff;
}
.s a {
color: #fff;
}
.m a {
color: #393838;
}
.e h3 {
color: #fff;
}
.s h3 {
color: #fff;
}
.m h3 {
color: #393838;
}
.e, .e .close {
background-color: #d60d0d;
color: #fff;
}
.s, .s .close {
background-color: #44a710;
color: #fff;
}
.m, .m .close {
background-color: #ffcc00;
}
.e, .m, .s {
background-repeat: no-repeat;
}
.e {
background-color: #d60d0d;
background-image: url(../i/error.png);
background-position: 3px -2px;
color: #fff;
}
.s {
background-color: #44a710;
background-image: url(../i/success.png);
background-position: 3px -2px;
color: #fff;
}
.m {
background-color: #ffcc00;
background-image: url(../i/attention.png);
background-position: -5px -3px;
}
/* ajax */
.eSimple h3 {
font-size: 13px;
font-weight: bold;
}
.eSimple span {
margin: 7px 0 0 0;
font-size: 11px;
}
.eSimple .c2 {
padding: 10px;
}
.eSimple .e, .eSimple .m, .eSimple .s {
background-image: none;
}
/* full */
.eFull table {
width: 350px;
}
.eFull .c1 {
width: auto !important;
padding: 0 !important;
}
.eFull .c2 {
width: auto;
padding: 25px 20px !important;
line-height: 17px;
}
.eFull .m {
background-color: transparent;
}
.eFull .m a {
text-decoration: underline;
}
/* short */
.eShort {
line-height: 17px;
padding: 10px;
}
.eShort td {
text-align: center;
}
/* ------------Main------------- */
#wrap {
position: relative;
min-width: 1000px;
max-width: 1400px;
margin: 0px auto;
min-height: 100%;
height: auto !important;
height: 100%;
background-image: url(../i/promo/main-bg-promo-l.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#wrap .content {
padding-bottom: 300px;
background-image: url(../i/promo/main-bg-promo-r.jpg);
background-position: right top;
background-repeat: no-repeat;
}
.sideLine {
position: fixed;
z-index: 20;
height: 100%;
background-repeat: no-repeat;
top: 0;
}
.sideLineL {
background-image: url(../i/promo/line-l.png);
background-position: left top;
width: 86px;
left: 0;
}
.sideLineR {
background-image: url(../i/promo/line-r.png);
background-position: right top;
width: 190px;
right: 0;
}
.sideLineR .c {
position: relative;
height: 100%;
}
.sideLineR .contactus {
position: absolute;
font-family: Arial, Helvetica, Sans-serif;
bottom: 20px;
right: 3%;
}
.sideLineR .contactus span {
display: block;
}
.sideLineR .contactus span.pre {
font-size: 14px;
color: #e2e2e1;
}
.sideLineR .contactus span.info {
font-size: 22px;
line-height: 30px;
color: #dededf;
}
.sideLineR .contactus span a {
font-size: 12px;
color: #dededf;
}
.sideLineR .contactus span a:hover {
color: #fff;
text-decoration: none;
}
#flash {
width: 100%;
height: 305px;
background-image: url(../i/promo/flash-hollow.png);
background-position: center center;
background-repeat: no-repeat;
}
.inf1 {
margin: 20px 180px 0 60px;
}
.inf1 td {
vertical-align: middle;
}
.inf1 .c1 {
width: 50%;
}
.inf1 .c2 {
}
.inf2 {
margin: 20px 180px 0 60px;
}
.inf2 td {
vertical-align: middle;
}
.inf2 .c1 {
width: 50%;
}
.promo {
}
.promo td {
vertical-align: middle;
padding: 0 0 0 40px;
}
.arrow {
text-align: center;
}
.arrow a {
color: #00819a;
font-size: 14px;
}
.block {
background-color: #e7e7e7;
position: relative;
}
.block .c {
position: relative;
z-index: 1;
padding: 24px 55px;
}
.block i.corners {
display: block;
position: absolute;
width: 48px;
height: 48px;
background-image: url(../i/promo/block-c.png);
background-repeat: no-repeat;
}
.block i.tl {
background-position: -48px -48px;
top: 0;
left: 0;
}
.block i.tr {
background-position: 0 -48px;
top: 0;
right: 0;
}
.block i.br {
background-position: 0 0;
bottom: 0;
right: 0;
}
.block i.bl {
background-position: -48px 0;
bottom: 0;
left: 0;
}
/* ------------ Promo */
.promo-block {
width: 800px;
padding: 40px 85px 0 115px;
background-image: url(../i/promo/promo-bg.png);
background-position: center top;
background-repeat: no-repeat;
margin: 0 auto;
min-height: 612px;
}
.promo-block .htmlBox {
}
.promo-block .htmlBox h1 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 24px;
font-weight: bold;
color: #1f8ad8;
}
.promo-block .htmlBox .text {
margin-top: 10px;
}
.promo-block .estate.item h1 {
font-family: Arial, Helvetica, Sans-serif;
font-size: 24px;
color: #00819a;
}
/* ------------Search short------------- */
.searchShort {
}
.searchShort form {
text-align: center;
}
.searchShort input {
width: 138px;
padding: 3px 2px 1px 16px;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #999;
border-top: 1px solid #aaadb2;
border-right: 1px solid #dcdfe6;
border-bottom: 1px solid #e2e9ef;
border-left: 1px solid #e3e3eb;
background-image: url(../i/icon-search.gif);
background-position: 2px center;
background-repeat: no-repeat;
background-color: #fff;
}
/* ------------Top menu------------- */
.topMenuC {
position: relative;
width: 398px;
height: 150px;
}
.topMenu {
width: 100%;
position: absolute;
background-image: url(../i/menu-bg.png);
background-position: left bottom;
background-repeat: no-repeat;
z-index: 3000;
}
.topMenu a {
color: #000;
}
.topMenu li:hover, .topMenu a:hover, .topMenu span:hover {
color: #dc0030;
}
.topMenu table {
margin: 0;
height: 100%;
width: 390px;
}
.topMenu td {
padding: 34px 0 30px 12px;
}
.topMenu td.l {
padding-left: 28px;
width: 44%;
}
.topMenu td.r {
width: 55%;
}
.topMenu ul {
}
.topMenu ul li {
font-size: 9px;
margin: 5px 0;
}
.topMenu ul li:hover {
color: #dc0030;
}
.topMenu ul li span {
padding-left: 10px;
font-size: 13px;
}
.topMenu ul li span span {
padding-left: 0;
border-bottom: 1px dashed #000;
}
.topMenu ul li:hover span span {
border-bottom: 1px dashed #dc0030;
}
.topMenu ul li span:hover span {
border-bottom: 1px dashed #dc0030;
}
.topMenu ul li.sub ul {
display: none;
}
.topMenu ul li a {
padding-left: 10px;
font-size: 13px;
text-decoration: underline;
}
.topMenu ul li ul {
margin-left: 12px;
}
/* ------------Top Sub menu------------- */
.topSubMenu {
margin-bottom: 30px;
}
.topSubMenu td {
text-align: left;
padding: 0 0 0 20px;
}
.topSubMenu a {
font-size: 17px;
font-weight: bold;
color: #000;
text-decoration: none;
border-bottom: 1px dashed #000;
position: relative;
}
.topSubMenu a .arrow {
position: absolute;
background-image: url(../i/promo/arrow-p.png);
background-repeat: no-repeat;
background-position: left top;
width: 13px;
height: 10px;
top: 6px;
left: -20px;
}
.topSubMenu a:hover .arrow {
background-image: url(../i/promo/arrow-a.png);
}
.topSubMenu a span {
display: block;
font-size: 13px;
}
.topSubMenu a:hover {
border-bottom: none;
color: #dc0030;
}
.topSubMenu a.active {
color: #dc0030;
border-color: #dc0030;
}
.topSubMenu a.active .arrow {
background-image: url(../i/promo/arrow-a.png);
}
.topSubMenu td ul li {
position: relative;
}
.topSubMenu td ul li:hover ul {
display: block;
}
.topSubMenu td ul li:hover a.parent {
color: #dc0030;
border-bottom: none;
}
.topSubMenu td ul li:hover .arrow {
background-image: url(../i/promo/arrow-a.png);
}
.topSubMenu td ul.sub {
display: none;
}
.topSubMenu .active ul.sub {
display: block;
}
.topSubMenu td ul.sub {
position: absolute;
margin: 0px 0 0 -20px;
width: 600px;
padding: 5px 0 10px;
}
.topSubMenu td ul.sub li {
display: inline;
margin: 0 10px 0 0;
}
.topSubMenu td ul.sub li a {
font-size: 13px;
}
/* ------------Bottom menu------------- */
.bottomMenu {
position: relative;
margin: -95px 170px 0 350px;
z-index: 40;
}
.bottomMenu td {
text-align: center;
}
.bottomMenu a {
font-size: 14px;
color: #00839f;
}
/* ------------Gallery------------- */
.gallery {
margin-top: 10px;
}
.gallery .categories {
margin: 15px;
}
.gallery .categories .item {
margin: 10px 0;
}
.gallery .categories .item .desc {
margin: 5px;
}
.gallery h3 {
margin: 0 0 20px 10px;
}
.gallery h2 {
margin: 10px 0;
}
.gallery .thumbnails {
margin: -10px 0 0 -30px;
text-align: center;
}
.gallery .thumbnails .item {
text-decoration: none;
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 30px 0 0 30px;
}
.gallery .thumbnails .item .r {
width: 14em;
float: left;
text-align: center;
}
.gallery .thumbnails .item .r img {
margin-bottom: 5px;
}
.gallery .thumbnails .item .r a {
text-decoration: none;
color: #00839F;
}
.gallery .thumbnails .item .r a:hover {
color: #ff4200;
}
.gallery .thumbnails .item .photo img {
padding: 5px;
}
.gallery .thumbnails .item .photo span {
text-decoration: underline;
}
.gallery .thumbnails .item .photo:hover span {
text-decoration: none;
}
/* ajax */
.ajaxGallery {
text-align: center;
}
.ajaxGallery .caption {
font-style: italic;
margin: 10px;
text-align: center;
color: #0090ff;
font-size: 18px;
}
.ajaxGallery .list {
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
.ajaxGallery .list li {
float: left;
}
.ajaxGallery .list li a {
width: 120px;
height: 80px;
overflow: hidden;
display: block;
}
.ajaxGallery .list li a img {
clear: both;
}
.ajaxGallery .image {
text-align: center;
}
/* ------------Estate------------- */
.estateSelect {
padding: 15px 10px 0;
}
.estateSelect select {
margin-bottom: 7px;
}
.estate {
}
.estate h1.title {
margin: 10px 0;
}
.estate .item {
padding: 15px;
}
.estate .item td {
vertical-align: top;
}
.estate .item .title {
color: #00819A;
margin: 5px 0 15px;
}
.estate .item .title a.name {
}
.estate .item .title a {
font-weight: bold;
}
.estate .item .title .all {
font-weight: normal;
}
.estate .item .img img {
border: 1px solid #e4e4e4;
}
.estate .item .thumbnails {
margin: 5px 0 0 -7px;
text-align: center;
}
.estate .item .thumbnails ins.thumbnail {
text-decoration: none;
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 7px 0 0 7px;
}
.estate .item .thumbnails ins.thumbnail .r {
width: 45px;
float: left;
text-align: center;
}
.estate .item .thumbnails ins.thumbnail .r img {
margin-bottom: 5px;
}
.estate .item .thumbnails ins.thumbnail .photo img {
border: 1px solid #e4e4e4;
}
.estate .item .desc {
padding-left: 15px;
width: 100%;
}
.estate .item .desc h2 {
color: #663300;
font-weight: bold;
font-size: 15px;
}
.estate .item .desc p {
color: #11110b;
text-indent: 10px;
margin: 4px 0 4px 15px;
line-height: 20px;
}
.estate .item .desc .inner {
margin: 4px 0;
display: block;
text-indent: 10px;
}
.estate .item .desc .label {
font-weight: bold;
display: inline;
}
.estate .item .desc .inner a {
line-height: 20px;
text-decoration: none;
}
.estate.item table.title td {
vertical-align: middle;
text-align: left;
}
.estate.item table.title td.t {
width: 1%;
}
.estate.item h1 {
}
.estate.item .img a.thumbnail {
}
.estate.item .item {
margin: 0;
padding-top: 0;
}
.estate.item .contr {
margin: 0 0 0 20px;
}
.estate.item .tchItem {
width: 80%;
margin: 5px;
padding: 3px;
border: 1px solid #e0e0e4;
}
.estate.item .tchItem .name {
float: left;
}
.estate.item .tchItem .value {
text-align: right;
}
.estate.category {
}
.estate.category .typeSelect {
margin: 15px 0 0;
}
.estate.category h1 {
margin-top: 0;
}
.estate.category h3 {
margin-bottom: 10px;
}
.estate.category .item {
border-bottom: 1px solid #ccc;
}
.estate.category .item.last {
border: 0;
}
.estate.category .orders {
text-align: left;
}
.estate.category .orders ul li {
display: inline;
margin: 0 15px;
}
.estate.category .orders ul li.title {
color: #6a4f07;
}
.estate.category .orders ul li.active {
font-weight: bold;
}
.estate.category .item .more {
margin: 0 0 0 15px;
}
.estate.item {
margin-top: 10px;
}
.estate.item h3 {
margin-bottom: 10px;
}
.estate.item .item .desc table {
float: none;
width: 100%;
}
.estate.item .item .title {
font-weight: bold;
}
.estate.question {
width: 600px;
margin: 0 auto;
background-color: #d8d370;
border: 1px solid #e4e470;
padding: 20px;
position: relative;
}
.estate.question td,
.estate.question th {
padding: 4px;
}
.estate.question th {
text-align: left;
color: #6a4f07;
font-size: 18px;
font-weight: normal;
}
.estate.question .col1 {
text-align: right;
vertical-align: middle;
color: #363024;
width: 25%;
}
.estate.question input,
.estate.question textarea {
width: 90%;
}
.estate.question input.submit {
width: auto;
float: left;
}
.estate.question .reset {
display: none;
}
.estate.question .message {
padding: 4px 0 0 0;
display: none;
}
.estate.question .message span {
padding: 0 0 0 10px;
color: #b55f12;
}
/* ------------HTML box------------- */
.htmlBox {
}
.htmlBox h1,
.htmlBox h2 {
display: inline;
}
.htmlBox .text {
color: #1e1e1e;
font-size: 13px;
line-height: 20px;
text-align: left;
}
.htmlBox .text p {
text-indent: 10px;
padding: 4px;
}
.htmlBox .text img {
margin: 10px auto;
}
.htmlBox .text ul {
list-style-type: disc;
margin: 10px 0 10px 25px;
}
/* ------------Request------------- */
.request {
margin: 20px 0 0;
}
.request .form {
}
.request .form td,
.request .form th {
padding: 4px;
}
.request .form th {
text-align: left;
color: #1f8ad8;
font-size: 18px;
font-weight: normal;
}
.request .form .col1 {
text-align: right;
vertical-align: middle;
width: 25%;
font-size: 14px;
}
.request .form input,
.request .form textarea {
width: 70%;
}
.request .form input.submit {
width: auto;
float: left;
}
.request .form .reset {
display: none;
}
.request .form .message {
padding: 4px 0 0 0;
display: none;
}
.request .form .message span {
padding: 0 0 0 10px;
color: #00819a;
}
/* ------------Footer------------- */
#footer {
position: relative;
margin: 0 auto;
margin-top: -240px;
height: 240px;
background-image: url(../i/promo/footer-bg.jpg);
background-position: bottom;
background-repeat: repeat-x;
}
#footer .c {
background-image: url(../i/promo/footer-bg-2.gif);
background-position: bottom;
background-repeat: repeat-x;
height: 100%;
}
#footer .img {
position: absolute;
bottom: 0px;
left: 0;
}
#footer .counter {
margin: 0 0 0 0;
padding-top: 0px;
position:relative;
z-index:40;
}
#footer .footer_info {
margin: 55px 190px 0 10px;
position:relative;
z-index:40;
}
#footer .footer_info table {
width: 100%;
color: #363636;
font-size: 10px;
}
#footer .footer_info table a {
color: #363636;
font-size: 10px;
}
#footer .footer_info table td {
text-align: right;
}
#footer .footer_info table td .copy {
font-size: 10px;
}
/* ------------Fixs------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; } /* for IE/Mac */