html, body {background: #efece5 url('../img/bg.gif'); padding: 0; margin: 0; height: 100%; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #666;}
@font-face {font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot);}
.hidden { display: none }
div#cont {width: 1003px; margin: 0 auto; min-height: 100%; padding: 20px 0; position: relative;}
div#main {min-width: 1003px; max-width: 1320px; margin: 0 auto; min-height: 100%; padding: 20px 0; position: relative;}
span.rub {font-family: "Rubl Sign", Arial; text-transform: uppercase; // text-transform: none;}
span.rub span {position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .5em 0 0 -.7em; // display: none;}
span.rub span:before {content: '\2013';}
a, a:active, a:visited {text-decoration: underline; outline: 0; color: #cc0000;}
a:focus, a:hover {text-decoration: none; outline: 0; color: #cc0000;}
a.dash, a.dash:active, a.dash:visited {text-decoration: none; outline: 0; color: #cc0000; border: 1px solid transparent; border-bottom: 1px dashed #cc0000;}
a.dash:focus, a.dash:hover {text-decoration: none; outline: 0; color: #cc0000; border: 1px solid transparent;}
a img, a:active img, a:visited img, a:hover img, a:focus img {border: 0; outline: 0;}
a ins, a:active ins, a:visited ins, a:hover ins, a:focus ins {color: #fff; text-decoration: none;}
h1 {font: 24px 'Myriad Pro', Tahoma, sans-serif; color: #990000; margin: 0 0 40px 0; clear: both;}
h1 span {font-size: 18px;}
h2 {font: 18px 'Myriad Pro', Tahoma, sans-serif; color: #990000; margin: 0 0 40px 0;}
h2 span {padding: 5px 40px 5px 20px; background: #99cc00; color: #fff; position: relative;}
h3 {font: 14px 'Myriad Pro', Tahoma, sans-serif; color: #990000; margin: 0 0 1em 0;}
h4 {font: 12px Tahoma; margin: 0 0 25px;}
form {padding: 0; margin: 0;}
div.clear {clear: both;}
/* TOP */
div.top {position: relative; margin: 0 auto; padding: 0 35px; height: 90px; clear: both;}
div.menu {margin: 0 2px; background: url('../img/menu-bg.gif') repeat-x; height: 44px; position: relative; font: 14px 'Myriad Pro', Tahoma, sans-serif; text-align: center; text-transform: uppercase; }
div.menu-l {position: absolute; height: 44px; width: 3px; left: -2px; background: url('../img/menu-l.gif') no-repeat;}
div.menu-r {position: absolute; height: 44px; width: 2px; right: -2px; background: url('../img/menu-r.gif') no-repeat;}
div.menu a, div.menu a:active, div.menu a:visited {text-decoration: none;}
div.menu a:hover, div.menu a:focus {text-decoration: underline;}
div.menu span {position: relative; top: 14px; padding: 0 18px;}
div.player {width: 20px; position: absolute; right: 0; padding: 1px 0 0; height: 45px;}
/* main */
div#main div.top {min-width: 1003px; max-width: 1320px; margin: 0 auto; padding: 0; position: relative; height: 450px;}
div#main div.menu {width: 920px; margin: 0 auto 20px auto;}
div.mountain {position: relative; top: 0; height: 400px; background: url('../img/mountain.jpg') center top no-repeat; padding: 0;}
div.mountain div.left {position: absolute; left: 35px; text-align: left; z-index: 2; top: 40px; width: auto;}
div.mountain div.natur {position: absolute; padding: 0; z-index: 3; width: 177px; height: 170px; background: url('../img/natur.png') no-repeat; top: -95px; left: 120px;}
div#main div.mountain div.basket {position: relative; float: right; right: 180px; top: 170px; height: 67px; background: url('../img/basket_main.jpg') no-repeat; text-align: left;}
div#main div.basket {position: absolute; height: 67px; background: url('../img/basket_main.jpg') no-repeat; top: 180px; right: -35px;}
/* awards */
div.awards {margin: 0;}
div.awards div.award {position: relative; float: left; width: 120px; height: 150px; margin: 0 20px 20px 0;}
div.awards div img {margin: 0 0 10px;}
div.awards div.pager {position: static; float: none; margin: 0;}
/* stars */
div.stars {margin: 0;}
div.stars div.star {position: relative; float: left; width: 120px; height: 150px; margin: 0 20px 20px 0;}
div.stars div img {margin: 0 0 10px;}
div.stars div.pager {position: static; float: none; margin: 0;}
/* publications */
div.publications {padding: 0; font-size: 11px; clear: both;}
div.publication {margin: 0 0 30px;}
div.publication p {padding: 0; margin: 0;}
div.publication p.name {text-align: right; font-style: italic; padding: 5px 0 0; margin: 0;}
/* publications_in_blog */
div.publications_in_blog {padding: 0; font-size: 11px; clear: both;}
div.publication_in_blog {margin: 0 0 30px;}
div.publication_in_blog p {padding: 0; margin: 0;}
div.publication_in_blog p.name {text-align: right; font-style: italic; padding: 5px 0 0; margin: 0;}
/* CENTER */
div.center {margin: 0; line-height: 1.5em; clear: both; padding: 0 35px;}
div.categoryes {position: relative; margin-top: -115px; left: -20px; margin-right: -40px; clear: both; min-height: 135px; z-index: 1;}
div.categoryes a, div.categoryes a:active, div.categoryes a:visited, div.categoryes a:hover, div.categoryes a:focus {text-decoration: none; color: #fff;}
div.category {width: 121px; height: 140px; margin: 0 20px; position: relative; float: left; color: #333; z-index: 1;}
div.category div.name {width: 140px; position: absolute; bottom: 35px; z-index: 1;}
div.category div.name div {padding: 7px 0 7px 8px; margin: 0; background: #99cc00; border-top: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; border-left: 1px solid #ccff00; color: #fff; font: 12px 'Myriad Pro', Tahoma, sans-serif; text-transform: uppercase; text-shadow: #669900 2px 2px 1px; min-height: 15px; z-index: 2;}
div.category div.name-open {width: 140px; position: absolute; top: 20px; z-index: 1; margin: 0; padding: 0;}
div.category div.name-open div {padding: 7px 0 7px 8px; margin: 0; background: #99cc00; border-top: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; border-left: 1px solid #ccff00; color: #fff; font: 12px 'Myriad Pro', Tahoma, sans-serif; text-transform: uppercase; text-shadow: #669900 2px 2px 1px; min-height: 15px; z-index: 2;}
div.category div.name-open div.menu-open {background: #e7e4dc; border: 0; color: #333; font: 12px 'Myriad Pro', Tahoma, sans-serif; text-transform: none; text-shadow: none; padding: 10px 0; margin: 0; white-space: normal; width: 140px; position: absolute; word-wrap: break-word; top: 28px; left: 0; z-index: 1145; height: auto;}
div.category div.name-open div.menu-open p {margin: 0; padding: 0; position: relative;}
div.category div.menu-open a, div.category div.menu-open a:active, div.category div.menu-open a:visited {text-decoration: none; color: #333;}
div.category div.menu-open a:hover, div.category div.menu-open a:focus {text-decoration: underline; color: #333;}
a.name, a.name:active, a.name:visited, a.name:hover, a.name:focus {color: #fff;}
ins {text-decoration: none;}
div.category div.img1 {background: url('../img/category1.png') no-repeat; width: 121px; height: 135px;}
div.category div.img2 {background: url('../img/category2.png') no-repeat; width: 121px; height: 135px;}
div.category div.img3 {background: url('../img/category3.png') no-repeat; width: 121px; height: 135px;}
div.category div.img4 {background: url('../img/category4.png') no-repeat; width: 121px; height: 135px;}
div.category div.img5 {background: url('../img/category5.png') no-repeat; width: 121px; height: 135px;}
div.category div.img6 {background: url('../img/category6.png') no-repeat; width: 121px; height: 135px;}
div.category div.img7 {background: url('../img/category7.png') no-repeat; width: 121px; height: 135px;}
div.category div.img8 {background: url('../img/category8.png') no-repeat; width: 121px; height: 135px;}
/* LEFT */
div.left {position: relative; float: left; width: 180px; padding: 5px 0 40px;}
div.logo {position: relative; top: -20px; margin: 0 0 20px; color: #990000; padding: 0; font: 14px 'Myriad Pro', Tahoma, sans-serif; text-transform: uppercase; line-height: .9em;}
div.logo span {position: relative; left: -7px;}
div.logo a, div.logo a:active, div.logo a:visited, div.logo a:hover, div.logo a:focus {color: #990000; text-decoration: none;}
div.logo img {position: relative; float: left; margin: 0 18px 0 0;}
div.tel {color: #990000; font: bold 13.5px 'Myriad Pro', Tahoma, sans-serif; margin: 0 0 10px; padding: 0; letter-spacing: .001px;}
div.tel span {font-size: 11.5px; color: #333; font-weight: normal;}
div.tel a, div.tel a:active, div.tel a:visited, div.tel a:hover, div.tel a:focus {font-size: 12px; letter-spacing: .5px; font-weight: normal;}
div.deliv {color: #333; font: 11px Tahoma, sans-serif; margin: 0 0 35px; padding: 0;}
/* left-menu */
div.left-menu {margin: 5px 12px 0 0;}
div.left-menu div {background: #99cc00; border-top: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; border-left: 1px solid #ccff00; padding: 7px 10px; color: #fff; font: 12px 'Myriad Pro', Tahoma, sans-serif; text-transform: uppercase; text-shadow: #669900 2px 2px 1px;}
div.left-menu div.title {background: #99cc00; border-top: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; border-left: 1px solid #ccff00; padding: 15px 10px; color: #fff; font: 12px 'Myriad Pro', Tahoma, sans-serif; text-transform: uppercase; text-shadow: #669900 2px 2px 1px;}
div.left-menu div.active {background: #99cc00; border-top: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; border-left: 1px solid #ccff00; padding: 7px 10px; color: #fff; font: 12px 'Myriad Pro', Tahoma, sans-serif; text-transform: uppercase; text-shadow: #996600 2px 2px 1px;}
div.left-menu a, div.left-menu a:active, div.left-menu a:visited, div.left-menu a:hover, div.left-menu a:focus {color: #fff; text-decoration: none;}
div.left-menu div.sel {background: #cc0000; border-top: 1px solid #ff0000; border-left: 1px solid #ff0000; border-right: 1px solid #990000; border-bottom: 1px solid #990000; left: -10px; position: relative; padding: 7px 10px 7px 20px; text-shadow: #990000 2px 2px 1px; z-index: 20;}
/*RIGHT */
div.right {position: relative; float: right; width: 750px; padding: 0 0 40px;}
div.right div.content {padding: 0 150px 0 20px;}
div.right div.content h2 {margin-top: -10px;}
div.right div.content p {margin: 0 0 1em;}
.menu-line {padding: 0 0 35px; color: #999; margin: -15px 0 0 -5px; position: relative;}
.menu-line span {padding: 0 5px; font-weight: bold; color: #333;}
.menu-line span a, .menu-line span a:active, .menu-line span a:visited, .menu-line span a:hover, .menu-line span a:focus {text-decoration: none; font-weight: normal; left: -1px; position: relative;}
/* item */
div.item {padding: 0 150px 0 20px;}
div.item p {margin: 0 0 1em; font-weight: bold;}
div.item p span {font-weight: normal;}
div.item p span.red {font-style: italic; color: #cc0000;}
div.item p.desc {font-weight:normal}
div.item table.item {position: relative; float: left; width: auto; margin: 0 40px 40px 0;}
div.item table.item th, div.item table td {text-align: center; padding: 10px 15px; color: #333;}
div.item table.item td {background: #e6e0d3;}
div.item table.item td span.rub {font-size: 14px;}
div.item table.item td span.rub span {position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1em 0 0 -.7em; // display: none;}
div.tel-z {position: relative; float: left; padding: 35px 0 0;}
div.tel-z p {font-size: 14px; color: #990000;}
/* menu-inline */
div.menu-inline {margin: 0 0 20px; font: 18px 'Myriad Pro', Tahoma, sans-serif; color: #990000;}
div.menu-inline span {padding: 0 25px 0 0; margin: 0 7px 0 0; background: url('../img/arr.gif') right 10px no-repeat;}
div.responses {padding: 0; font-size: 11px; clear: both;}
div.responses input {margin: 0 0 30px; color: #cc0000; cursor: pointer;}
div.responses div {margin: 0 0 30px;}
div.responses p {padding: 0; margin: 0;}
div.right div.content div.responses p {padding: 0; margin: 0;}
div.right div.content div.responses p.name {text-align: right; font-style: italic; padding: 5px 0 0; margin: 0;}
div.pager {clear: both; font: 24px Arial; padding: 0; margin: 0;}
div.in-l {position: relative; float: left; width: auto; padding: 0 0 35px; margin: 0;}
div.in-r {position: relative; float: right; width: auto; padding: 0 0 35px; margin: 0;}
div.pager a, div.pager a:active, div.pager a:visited, div.pager a:hover, div.pager a:focus {text-decoration: none;}
div.form {background: #fff; clear: both; margin: 0; padding: 0; border-top: 1px solid #fff;}
div.form div {padding: 0 20px 10px; color: #333; font-size: 12px;}
div.form div table {width: 100%; padding: 0; margin: 0;}
div.form div table td {padding: 5px 0; vertical-align: top;}
div.form div table td.f-l {padding: 5px 10px 5px 0;}
div.form div table td.bold {padding: 5px 20px 5px 0; font-weight: bold;}
div.form div input {width: 435px; color: #333;}
div.form div input.mail {width: 200px;}
div.form div input.kod {width: 60px; color: #333; margin: 0 9px;}
div.form div input.tel {width: 100px; color: #333;}
div.form div input.street {width: 280px; margin: 0 0 0 9px;}
div.form div input.date {width: 160px; margin: 0 0 0 9px;}
div.form div input.passive {color: #999;}
div.form div textarea {width: 435px; height: 55px; color: #333;}
div.form div textarea.kurier {width: 425px; height: 60px; color: #333; margin: 0;}
div.form div.but {background: #99cc00; border-top: 1px solid #ccff00; border-left: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; text-align: center; color: #fff; font: 18px 'Myriad Pro', Tahoma, sans-serif; text-transform: uppercase; padding: 7px 0; margin: 0;}
div.form a, div.form a:active, div.form a:visited, div.form a:hover, div.form a:focus {text-decoration: none; color: #fff;}
div.form span.dash {color: #cc0000; border: 1px solid #fff; border-bottom: 1px dashed #cc0000;}
div.form span.dash:hover, div.form span.dash:focus {color: #cc0000; border: 1px solid #fff;}
div.form span.dash a, div.form span.dash a:active, div.form span.dash a:visited, div.form span.dash a:hover, div.form span.dash a:focus {color: #cc0000; text-transform: none;}
div.form h2 {color: #990000; margin: 0; padding: 20px;}
div.form table.f-int {width: 100%;}
div.form table.f-int td {text-align: right;}
div.form table.f-int td.f-left {text-align: left;}
div.form div table img {position: relative; margin: 0 0 -3px 9px;}
div.form table.f-int2 {width: 100%;}
div.form table.f-int2 span.info {padding: 0 0 0 12px; font-size: 11px;}
div.form table.f-int2 textarea {height: 60px; width: 280px; margin: 0 0 0 10px;}
div.form table.f-int2 a, div.form table.f-int2 a:active, div.form table.f-int2 a:visited {color: #cc0000; text-decoration: underline;}
div.form table.f-int2 a:hover {color: #cc0000; text-decoration: none;}
div.form table.f-int2 input.kod {width: 50px;}
div.form table.f-int2 td.f-r {text-align: right;}
div.form tr.hidden {display: none;}
/* head */
div.head {margin: 0 0 0 20px;}
div.head div.delivery {background: #fff; padding: 0; position: relative; top: -5px; font-size: 14px; width: 580px; margin: 0 0 35px;}
div.head div.delivery div {padding: 20px 65px;}
div.delivery li {margin-left: -25px;}
div.head div div.natur {padding: 0; position: absolute; right: -165px; top: 7px; z-index: 2; width: 177px; height: 170px; background: url('../img/natur.png') no-repeat;}
div#main div.head div div.natur {padding: 0; position: absolute; right: -165px; top: 88px; z-index: 2; width: 177px; height: 170px; background: url('../img/natur.png') no-repeat;}
div.head div.big-img {position: relative; height: 160px; width: 580px; top: -5px; margin: 0 0 35px;}
div.head div.big-img h1 {position: absolute; top: 25px; left: 0; padding: 0; margin: 0; z-index: 2; font: 18px 'Myriad Pro', Tahoma, sans-serif; color: #990000;}
div.head div.big-img h1 span {padding: 5px 20px 5px 25px; background: #99cc00; color: #fff; position: relative;}
div.basket {width: 160px; height: 118px; position: absolute; right: -21px; top: 46px; background: url('../img/basket.jpg') no-repeat; color: #333; font-size: 11px;}
div.basket h3 {padding: 8px 10px 5px; margin: 0;}
div.basket p {padding: 0; margin: 0 10px 10px; line-height: 1.1em;}
div.basket p span {font-size: 11px;}
div.basket span.rub {font-size: 12px;}
div.basket span.rub span {font-size: 12px; position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .15ex 0 0 -.7em; // display: none;}
/* surveys */
div.surveys {padding: 40px 0 0 20px;}
div.surveys h3 {text-transform: uppercase;}
div.surveys div.s-hist {position: relative; float: left; width: 450px;}
div.surveys div.s-hist div {padding: 0 20px 15px 0;}
div.surveys div.s-hist div span {font-size: 11px; padding: 0 15px 0 0;}
div.surveys div.s-cur {position: relative; float: right; width: 250px;}
form.opros h3 {margin: 0 0 5px;}
form.opros input {margin: 0 5px 0 0;}
form.opros input.s-but {margin: 10px 0 10px 20px; color: #cc0000;}
form.opros li {list-style: none; padding-left: -25px; padding-bottom: 5px;}
form.opros ul {margin-top: 0; margin-bottom: 0;}
form.opros li {list-style: none; padding-left: -25px; padding-bottom: 5px; padding-top: 2px; position: relative;}
form.opros ul span {position: absolute; left: -20px; top: 0;}
/* goods */
div.goods {position: relative;}
div.good {position: relative; float: left; width: 122px; height: 360px; margin: 0 31px 40px 0; font-size: 11px;}
div.content div.good {height: 300px;}
div.good div.img {width: 122px; height: 135px; position: relative;}
div.good div.img div.shablon {position: absolute; width: 122px; height: 135px; z-index: 2; top: 0; left: 0; background: url('../img/shablon.png') no-repeat;}
div.good p {font-weight: bold; margin: 0; padding: 2px 0 2px; line-height: 1.1em;}
div.good p span {font-weight: normal;}
div.good p span p {font-weight: normal; margin: 0; padding: 0;}
div.good p span.red {color: #cc0000; font-style: italic;}
div.good p span.rub {font-size: 14px;}
div.good span.rub span {position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .15ex 0 0 -.7em; // display: none;}
div.good select {width: 98%;}
div.good div.kolv {position: relative; float: left; width: 35px;}
div.good div.kolv select {width: 35px;}
div.good div.del {position: relative; float: right; width: 65px;}
div.good div.del input {background: #cc0000; border-top: 1px solid #ff0000; border-left: 1px solid #ff0000; border-right: 1px solid #990000; border-bottom: 1px solid #990000; width: 65px; color: #fff; text-shadow: #990000 2px 2px 1px; font: 12px 'Myriad Pro', Tahoma, sans-serif; cursor: pointer; padding: 1px 3px;}
div.good div.buy {position: relative; width: 65px; margin: 10px 0 0 30px;}
div.good div.buy input {background: #99cc00; border-top: 1px solid #ccff00; border-left: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; width: 65px; color: #fff; text-shadow: #669900 2px 2px 1px; font: 12px 'Myriad Pro', Tahoma, sans-serif; cursor: pointer; padding: 1px 3px;}
div.buy {position: relative; width: 65px; margin: 0;}
div.buy input {background: #99cc00; border-top: 1px solid #ccff00; border-left: 1px solid #ccff00; border-right: 1px solid #669900; border-bottom: 1px solid #669900; width: 65px; color: #fff; text-shadow: #669900 2px 2px 1px; font: 12px 'Myriad Pro', Tahoma, sans-serif; cursor: pointer; padding: 1px 3px;}
div.other {position: relative; float: left; width: 150px; margin: 0 0 40px 0; font-size: 11px;}
div.other ul {margin-bottom: 0;}
div.other li {margin-left: -25px;}
/* TOWEL */
div.towel {background: url('../img/towel-bg.jpg') repeat-x; height: 260px; margin: 40px 0 40px; position: relative; padding: 0 3px; clear: both;}
div#main div.towel {margin: 40px 0; position: relative;}
div.towel-t {background: url('../img/towel-t.jpg') repeat-x; height: 5px; width: 100%; top: -5px; position: absolute; padding: 0; margin: 0;}
div.towel-b {background: url('../img/towel-b.png') top repeat-x; height: 5px; width: 100%; bottom: -5px; position: absolute; padding: 0; margin: 0;}
div.towel-r {background: url('../img/towel-r.jpg') repeat-y; height: 270px; width: 5px; top: -5px; right: -5px; position: absolute; padding: 0; margin: 0;}
div.towel-l {background: url('../img/towel-l.jpg') repeat-y; height: 270px; width: 5px; top: -5px; left: -5px; position: absolute; padding: 0; margin: 0;}
div.towel h3 {text-transform: uppercase; padding: 0;}
div.towel table {width: 100%; margin: 0; padding: 0;}
div.towel table td {padding: 0; margin: 0; height: 260px; background: url('../img/towel-line.gif') right repeat-y; width: 410px; vertical-align: top; font-size: 11px; line-height: 1em;}
div.towel table td div {padding: 35px 20px 25px;}
div.towel table td div div.opros {padding: 0;}
div.towel table td div.line {padding: 0; background: url('../img/towel-line.gif') repeat-y; height: 250px;}
div.towel table td.t-left {background: url('../img/towel-l-b.gif') repeat-y; width: 330px;}
div.towel table td.t-right {background: url('../img/towel-r-b.gif') right repeat-y; width: 190px;}
div.item div.towel {margin: 0;}
div.item div.towel table td.t-left {width: 260px; text-align: left;}
div.item div.towel table td.t-right {width: 290px; text-align: left;}
div.towel li {margin-left: -25px; padding-bottom: 5px;}
div.towel table td.t-left div {padding: 35px 20px 20px 40px;}
div.towel table td.t-right div.scrollable {padding: 35px 40px 20px 20px;}
div.towel table td div.line {padding: 0; background: url('../img/towel-line.gif') repeat-y; height: 250px;}
div.towel table td p {padding: 0; margin: 0 0 1em; font-weight: normal;}
div.towel table td.t-right p.all {font-style: italic; margin: 1em 0; padding: 0;}
div.towel table td span {color: #999;}
div.towel table td div.responses {padding: 0 15px 0 0; overflow: auto; height: 90px; margin: 0 0 10px;}
div.towel table td div.responses p.name {font-style: italic; margin: 1em 0; padding: 0;}
div.towel table td div.responses input {margin: 0 0 10px;}
div.towel input.resp-but {margin: 0 0 10px; color: #cc0000;}
div.spacer {height: 75px; display: block; clear: both;}
div.footer {width: 1003px; position: relative; margin: -70px auto 0 auto; padding: 0; font-size: 11px;}
div.footer-main {min-width: 1003px; max-width: 1320px; position: relative; margin: -70px auto 0 auto; padding: 0; font-size: 11px;}
div.footer div.menu-bottom {padding: 0 20px 0 35px; font-size: 13px;}
div.footer div.menu-bottom span {margin: 0 15px 0 0;}
div.footer div.copy {position: relative; float: left; width: 40%; padding: 20px 0 0 35px;}
div.footer div.copy img {position: relative; float: left; margin: 0 30px 0 0;}
div.footer div.autor {position: relative; float: right; width: 40%; padding: 20px 35px 0 0; text-align: right; visibility: hidden;}
div.footer div.autor img {position: relative; margin: 0 0 0 10px;}
div.footer-main div.menu-bottom {padding: 0 20px 0 35px; font-size: 13px;}
div.footer-main div.menu-bottom span {margin: 0 15px 0 0;}
div.footer-main div.copy {position: relative; float: left; width: 40%; padding: 20px 0 0 35px;}
div.footer-main div.copy img {position: relative; float: left; margin: 0 30px 0 0;}
div.footer-main div.autor {position: relative; float: right; width: 40%; padding: 20px 35px 0 0; text-align: right; visibility: hidden;}
div.footer-main div.autor img {position: relative; margin: 0 0 0 10px;}
textarea {font: 13px Tahoma, Arial, sans-serif;}
select {font: 13px Tahoma, Arial, sans-serif;}
#form_div textarea {width: 99%; height: 90px;}
fieldset {padding: 0; margin: 0; border: 0;}
#form_div h2 {font: 18px 'Myriad Pro', Tahoma, sans-serif; color: #990000; padding: 20px 0; margin: 0;}
div.under-f {margin: 20px 0 0;}
.for-blog {width: 600px; background: #fff; position: absolute; padding: 40px; font: 11px/11px Tahoma; color: #333;}
.for-blog .close {width: 30px; height: 30px; position: absolute; right: 0; top: 0; background: url('../img/close.gif') right top no-repeat;}
.for-blog .product {position: relative; float: left; width: 120px; background: #f2efe8; padding: 10px 9px;}
.for-blog div.good {height: auto; margin: 0;}
.for-blog .form-blog {position: relative; float: right; width: 440px; color: #999;}
.for-blog label {font-size: 12px; color: #333;}
.for-blog h2 {margin: 0 0 15px;}
.for-blog textarea {width: 100%; height: 60px; margin: 10px 0 20px; color: #999; font: italic 11px Tahoma;}
.for-blog .line {border-top: 1px solid #cfc5b0; margin: 0 0 15px;}
.for-blog .text {padding: 5px 0 0;}
/******************************************************************************/
/* scrollable */
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 150px;
height:200px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
padding: 0;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
.items div.item {
float:left;
}
.scrollable .items div.item{
width: 150px;
padding: 0 40px 0 20px;
}
div.item div.stars, div.item div.publications, div.item div.publications_in_blog {padding: 0; height: 130px; margin: 0 0 10px;}
div.item div.publications, div.item div.publications_in_blog {overflow: auto;}
div.item div.awards {padding: 0; margin: 0 0 10px;}
.scrollable div.item p.name {text-align: right; font-style: italic;}
div.item div.stars img, div.item div.awards img {margin: 0 0 10px;}
div.item div.awards p {margin: 0;}
/******************************************************************************/