body {margin: 0; background: #81a1b2; padding: 0;}
div,td {font-family: Tahoma, sans-serif; font-size: 15px; color: #000;}
a:link, a:visited {color: #333; text-decoration: underline;}
a:hover {color: #000;}
h1,h2 {padding: 3px 0; margin: 0 0 7px 0; font-size: 21px; font-weight: normal; line-height: 21px; color: #111; text-align: center;}

.promo {visibility: visible; display: block; text-align:center; margin-bottom: 7px;}
.promo_mob {display: none; visibility: hidden;}

#great {width: 1000px; background: #fff; margin: 0 auto; box-shadow: 0 0 15px rgba(43,61,71,0.5);}
.march {display: table; width: 100%; height: 327px;}
.strain {display: table-cell; position: relative; width: 506px; background: url('strain.jpg'); vertical-align: top;}
.strain a {display: inline-block; width: 500px; height: 320px;}
.lofty {display: table-cell; width: 494px; background: url('lofty.jpg');}
.significance {display: inline-block; position: absolute; bottom: 10px; left: 15px;}
.billiard {height: 16px; background: url('billiard.jpg') repeat-x;}

.greatly {display: table; width: 100%;}

.summit {display: block; padding: 10px 0; margin-bottom: 10px;}
.measure {margin-top: 12px;}

.major {display: table-cell; padding: 10px; text-align: justify; line-height: 17px;}
.major a:link, .major a:visited {background: #edf7da;}
.major a:hover {background: #f9ffec;}
.major li {line-height: 21px;}
.downward {background: url('major.jpg'); height: 128px;}
#authorship {float: left; font-size: 15px; padding: 0 0 0 20px; text-align: left;}
#statistician {float: right; padding: 0 40px 0 0;}

.tract {display: table-cell; width: 172px; font: bold 15px "Arial"; padding: 7px 0 0 5px; vertical-align: top;}
.tract a {display: block; padding: 10px 0 12px 16px; background: url('fragrance.png') no-repeat; text-transform: uppercase; margin: 0 0 2px 0; text-shadow: 2px 1px #446110;}
.tract a:link {color: #fff; text-decoration: none;}
.tract a:visited {color: #fff; text-decoration: none;}
.tract a:hover {color: #fbff90; text-decoration: none;}
.tract .knightly {font: bold 15px "Arial";}
.tract .knightly a {background: url('knightly.png') no-repeat;}
.tract .knightly a:link, .tract .knightly a:visited {color: #fff; text-decoration: none;}
.tract .knightly a:hover {color: #fff; text-decoration: none;}
.majortel {border: 1px solid #306c2c; border-radius: 6px; background: #edfbd3; font-size: 21px; color: #111; padding: 3px 7px; text-shadow: 1px 1px #fff; line-height: 21px;}

.price {border-collapse: separate; border: 0; padding: 0; margin: 0 auto; width: 80%; border-spacing: 3px;}
.price td {background-color: #ddf0b8; padding: 3px;}
.price .column {background-color: #e7f5cc; font-weight: bold;}
.price .excerption {font-weight: bold;}
.price img {max-width: 100%; min-width: 55px; height: auto;}

.communication, .curiosity {position: relative;float: right;background-color: #fecf6b;display: inline-block;margin: 10px 5px;font: bold 24px Tahoma, sans-serif;line-height: 32px;letter-spacing: 0.01em;text-align: center;padding: 5px 7px;background: linear-gradient(#ffe18a, #febe4d);border: solid 1px #eab551;border-bottom: solid 3px #b98a37;box-shadow: inset 0 0 0 1px #fee9aa;color: #6a4622;text-shadow: 0 1px 0 #fedd9b;}

.communication a {line-height: 34px; color: #6a4622;}
.communication span {font-size: 18px; line-height: 24px;}

.curiosity {float: none; margin: 15px auto; display: table;}

.shaft {width: 100%;}

#rotator {border: 1px dotted #00659d; background: #fff; font-weight: bold; padding: 3px; display: inline-block;}
#rotator img {margin-bottom: -3px;}
#rotator a:link, #rotator a:visited {color: #00659d; text-decoration: underline;}
#rotator a:hover {color: #00659d;}
#razdel {border: 1px dotted #00659d; background: #fff; padding: 7px;}
#razdel a:link, #razdel a:visited {font-size: 18px; line-height: 22px; color: #00659d; text-decoration: underline;}
#razdel a:hover {color: #00659d;}

@media screen and (max-width: 640px) {
.promo {display: none; visibility: hidden;}
.promo_mob {visibility: visible; display: block; margin: 7px 0; text-align: center;}
#great {width: 100%; box-shadow: none;}
.march {height: auto;}
.strain {display: block; width: 100%; background-color: #9aca42; background: linear-gradient(to bottom, #9aca42, #60a962); text-align: center;}
.strain a {display: inline-block; width: auto; height: auto;}
.lofty {display: block; width: 100%; background-color: #0192d5; background: linear-gradient(to bottom, #bde4f5, #0192d5); text-align: center;}
.significance {display: block; position: relative; bottom: auto; left: auto;}
.significance img {width: 238px; height: auto;}
.communication {float: none; margin: 5px 2px;}
.tract {display: table; margin: 5px auto; padding: 0;}
.shaft {width: auto; margin: 0 auto;}
.shaft img {width: 110px !important; height: auto;}
.major {display: block; padding: 5px; text-align: left; line-height: 17px;}
.major img {width: 220px; height: auto;}
.summit {display: none; visibility: hidden;}
.measure {display: none; visibility: hidden;}
.rot {display: none; visibility: hidden;}
.downward {background: url('major.jpg'); height: 80px; background-color: #9aca42;}
#authorship {display: none; visibility: hidden;}
#statistician {float: none; padding: 0; text-align: center;}
.price {width: 100%;}
}