body { text-align: center; padding: 0px; margin: 0px; font-family: Rubik,Arial,sans-serif; font-size: 16px; font-weight: 10; line-height: 1.3; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
div { overflow: hidden; }
img { border: none; }
div.cleaner { clear: both; float: none; height: 1px; }
div.leftFloat { float: left; }

.bold { font-weight: bold; }

div#errorsList { position: absolute; width: 400px; left: 250px; top: 250px; text-align: center; }
div#errorsList div.button { margin: 10px 0 0 0; }
div#popupsList { position: absolute; width: 400px; left: 250px; top: 250px; text-align: center; }
div#popupsList div.button { margin: 10px 0 0 0; }
div.messages_top { background: url('img/message_t_bg.png'); height: 10px; }
div.messages_middle { background: url('img/message_m_bg.png'); padding: 15px; }
div.messages_bottom { background: url('img/message_b_bg.png'); height: 10px; }

/*div.page { padding: 0px; margin: 0px auto; width: 1025px; background: #ececec url('img/bg.png') no-repeat left 200px; }*/
div.page { padding: 0px; width: 100%; color: #124080; }
div.page a { text-decoration: none; color: #124080;  }
div.page a:visited { color: #124080; }

table.gridTable th { padding: 0 10px; }
table.gridTable td { padding: 0 10px; text-align: center; }
table.gridTable td.right { text-align: right; }
table.gridTable td.left { text-align: left; }
table.gridTable td.bold { font-weight: bold; }
table.small { font-size: 0.8em; }
div.gridFilterForm { margin-bottom: 10px; }
div.gridFilterForm div { float: left; }
div.gridFilterForm input.mediumText { width: 80px; }
div.productListFilterForm { float: left; }

div.info { float: left; font-size: 0.7em; font-style: italic; margin-right: 40px; }

div.top { position: fixed; width: 100%; background-color: white; border-bottom: 1px solid #124080; text-align: center; padding: 15px; z-index: 1000; }
div.top div#menu { max-width: 1010px; margin: 0 auto; }
div.top div#menu img { float: left; width: 100px; margin-right: 70px; }
div.top div#menu a { text-decoration: none; }
div.top div#menu div { float: left; }
div.top div#menu div.item { float: right; margin: 20px 10px 0 10px; padding: 6px 14px 5px 14px; font-size: 0.9em; font-weight: bold; }
div.top div#menu div.item:hover { background-color: #ebf6ee; }
div.top div#menu div.item div { height: 23px; padding: 3px 5px 0px 5px; }
div.top div#menu div#itemSelected a {  }

div.content { text-align: center; margin: 100px 0 0 0; width: 100%; padding-bottom: 40px; min-height: 400px;
    background: url('img/bg_01.jpg') 0 200px no-repeat, url('img/bg_03.jpg') 180px 800px no-repeat, url('img/bg_07.jpg') 70% 0 no-repeat,
    url('img/bg_06.jpg') 75% 900px no-repeat, url('img/bg_05.jpg') 1400px 500px no-repeat;
}

div.content div.edima { max-width: 1010px; margin: 0 auto; }
div.content div.edima div.subMenu { margin-left: 50px; margin-top: 5px; margin-bottom: 50px; font-size: 0.9em; font-weight: bold; }
div.content div.edima div.subMenu a { text-decoration: none; }
div.content div.edima div.subMenu div.item { float: left; margin-right: 25px; padding: 15px 20px; }
div.content div.edima div.subMenu div.item:hover { background-color: #ebf6ee; }
div.content div.edima div.subMenu div.selected a { font-weight: bold; }
div.content div.edima div.edimaContent { text-align: justify; margin-top: 40px; margin-left: 15px; margin-right: 15px; font-size: 1.2em; }
div.content div.edima div.articleDetail a { color: blue; text-decoration: underline; }
div.content div.edima div.articleDetail div.aName { font-size: 1.4em; xcolor: #1fb557; }

div.content div#home div.articleDetail div.aName { font-size: 72px; text-align: left; font-weight: lighter; }
div.content div#home div#guidepost { margin-top: 200px; overflow: visible; }
div.content div#home div#guidepost div.item { float: left; border: 1px solid #124080; width: 262px; height: 370px; margin-right: 60px; overflow: visible; background-color: white; }
div.content div#home div#guidepost div.item div.emb { padding: 100px 30px 0 30px; overflow: visible; height: 250px; }
div.content div#home div#guidepost div.item div.emb div.img { margin: -250px 0 0 8px; }
div.content div#home div#guidepost div.item div.emb div.bottle2 img { transform: translate(-31.6%); }
div.content div#home div#guidepost div.item div.emb div.bottle3 img { transform: translate(-62.5%); }
div.content div#home div#guidepost div.item div.emb div { text-align: center; font-size: 0.9em; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; line-height: 30px; }
div.content div#home div#guidepost div.item div.emb div.title { color: #1fb557; }
div.content div#home div#guidepost div.item div.emb div.text { font-size: 0.8em; }
div.content div#home div#guidepost div.item div.button { text-align: center; font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding: 5px; background-color: #9bd3ae; color: white; width: 170px; margin: 5px auto 0 auto; }
div.content div#home div#guidepost div.item div.button a { color: white; }
div.content div#home div#guidepost div.item div.button a:visited { color: white; }
div.content div#home div.contentFooter { clear: both; height: 70px; }
div.content div#home div.secondArticle { margin: 0 auto; width: 700px; text-align: center; line-height: 30px; }
div.content div#home div.secondArticle div.aName { font-size: 2em; text-align: center; margin-bottom: 20px; }
div.content div#home div.secondArticle div.button { font-weight: bold; border: 1px solid #124080; width: 250px; margin: 0 45px; float: left; background-color: white; }
div.content div#home div.secondArticle div.button:hover { border: 1px solid #9bd3ae; color: #9bd3ae; }
div.content div#home div.secondArticle div.button:hover a { color: #9bd3ae; }

div.bottom div.first { height: 100px; background-color: #6c828d; color: white; }
div.bottom div.first div { margin: 15px auto; width: 1010px; text-align: left; }
div.bottom div.first div img { width: 120px; }
div.bottom div.last { Xheight: 50px; background-color: #2c4c5c; color: white; }
div.bottom div.last div { margin: 15px auto; width: 1010px; text-align: left; }
div.bottom div.last div.social div { float:left; width: auto; margin-right: 10px; }
div.bottom div.last div.social img { width: 25px; }

div.debug { color: black; text-align: left; }

@media(width<=1000px) {
    div.content div#home div#guidepost { margin-top: 0; }
    div.content div#home div#guidepost div.item { margin-top: 220px; }
    div.bottom div { padding-left: 10px; }
}