/* ---------------------------------------------
MASTER STYLESHEET
@autor: kontakt@mariastefanska.com
----------------------------------------------*/
/* ---------------------------------------------
          SITE SETUP
--------------------------------------------- */
* {margin:0px; padding:0px; background:transparent; border:0 none; outline:0 none; font-size:100%; vertical-align:baseline;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; background:transparent; border:0 none; outline:0 none; font-size:100%; vertical-align:baseline;}

p, h1, h2, h4, h5 {display:block; text-decoration:none;}
h1 {font-weight:bold; font-style:normal; font-size:28px; line-height:28px;}
h2 {font-weight:bold; font-style:normal; font-size:18px; line-height:20px;}
h3 {font-weight:bold; font-style:normal; font-size:16px; line-height:18px;}
h4 {font-weight:bold; font-style:normal; font-size:12px; line-height:18px;}
h5 {font-weight:bold; font-style:normal; font-size:11px; line-height:18px;}

strong, b {font-weight:bold; font-style:normal;}
em, i {font-weight:normal; font-style:italic;}
sup {vertical-align:super; font-size:10px; line-height:10px;}
a, a:link, a:visited {outline:0 none; text-decoration:none; color:#1f1d1a;}
a:hover {text-decoration:underline;}
ol, ul {list-style:none;}
table {display:table; border-collapse:collapse; border-spacing:0px; text-indent:0px;}
tr {display:table-row;}
td {display:table-cell;}

body {text-align:center; font-family:"Tahoma","Verdana","Arial",sans-serif; font-weight:normal; font-style:normal; font-size:12px; line-height:18px; color:#1f1d1a; background-color:#ece9e3; }
.wrapper {width:890px; height:auto; margin:0px auto; text-align:left;}

/* ---------------------------------------------
       GLOBAL ELEMENTS / CONTROLS
--------------------------------------------- */
.firstInRow {margin-left:0px!important; padding-left:0px!important; border-left:0 none!important;}
.firstInCol {margin-top:0px!important; padding-top:0px!important; border-top:0 none!important;}
.noTopMargin {margin-top:0px!important;}
.noBg {background:none!important;}
.emphasized {font-weight:bold; font-style:normal; font-size:18px;}
.uppercase {text-transform:uppercase;}  

/* buttons */
a.button {float:left; display:block; height:29px; padding-right:12px; background:url(../images/button_right.png) transparent no-repeat scroll top right; cursor:pointer; color:#1f1d1a;}/* button with text inside */
a.button span {display:block; padding:5px 0px 6px 26px; text-transform:uppercase; font-size:13px; line-height:18px; background:url(../images/button_left.png) no-repeat transparent;}
a.button.active, a.button:hover {text-decoration:none; background:url(../images/button_right_hov.png) transparent no-repeat scroll top right;}
a.button.active span, a.button:hover span {background:url(../images/button_left_hov.png) no-repeat transparent;}

a.moreButton {display:block; float:right; height:22px; padding-right:30px; background:url(../images/more.png) no-repeat right top transparent;}
a.moreButton:hover {text-decoration:none; background:url(../images/more_hov.png) no-repeat right top transparent;}
a.moreButton span {display:block; padding-top:2px;}

a.buttonWhite {float:left; display:block; width:270px; height:29px; margin-bottom:1px; background:url(../images/buttonWhite.png) transparent no-repeat left top; cursor:pointer; color:#1f1d1a; padding:5px 0px 0px 26px; font-size:13px; line-height:18px}/* white button with text inside */
a.buttonWhite:hover {text-decoration:none; background:url(../images/buttonWhite_hov.png) transparent no-repeat left top; cursor:pointer; color:#1f1d1a;}
a.buttonWhite span {display:block; padding:5px 0px 6px 26px; font-size:13px; line-height:18px}

a.buttonWhite_green {float:left; display:block; width:270px; height:29px; margin-bottom:1px; background:url(../images/buttonWhite_green.png) transparent no-repeat left top; cursor:pointer; color:#1f1d1a; padding:5px 0px 0px 26px; font-size:13px; line-height:18px}/* white button with text inside */
a.buttonWhite_green:hover {text-decoration:none; background:url(../images/buttonWhite_green_hov.png) transparent no-repeat left top; cursor:pointer; color:#1f1d1a;}
a.buttonWhite_green span {display:block; padding:5px 0px 6px 26px; font-size:13px; line-height:18px}

a.buttonWhite_greenBig {float:left; display:block; width:270px; height:46px; margin-bottom:1px; background:url(../images/buttonWhite_big.png) transparent no-repeat left top; cursor:pointer; color:#1f1d1a; padding:5px 0px 0px 26px; font-size:13px; line-height:18px}/* white big button with text inside */
a.buttonWhite_greenBig:hover {text-decoration:none; background:url(../images/buttonWhite_big_hov.png) transparent no-repeat left top; cursor:pointer; color:#1f1d1a;}
a.buttonWhite_greenBig span {display:block; padding:5px 0px 6px 26px; font-size:13px; line-height:18px}

div.block div.middle a:first-of-type {margin-top: 5px}

a.fontResizeButton {position:absolute; top:8px; right:31px; width:26px; height:22px; background:url(../images/resizeFont.png) no-repeat center top transparent;}
a.fontResizeButton:hover {text-decoration:none; background:url(../images/resizeFont_hov.png) no-repeat center top transparent;}
a.getPdfButton {position:absolute; top:8px; right:0px; width:23px; height:23px; background:url(../images/getPdf.png) no-repeat center top transparent;}
a.getPdfButton:hover {text-decoration:none; background:url(../images/getPdf_hov.png) no-repeat center top transparent;}

/* ---------------------------------------------
          SITE LAYOUT
--------------------------------------------- */

/* ----------------- topbar ------------------*/
#topbar {width:100%; height:232px; background:url(../images/banner.png) no-repeat center transparent;}
#topbar .wrapper {position:relative; height:232px;}

/* topmenu */
#topmenu {position:absolute; right:0px; top:0px;}
#topmenu  ul li {display:inline; float:left; padding-left:24px; margin-left:18px; background:url(../images/topmenu_bg.png) no-repeat left 6px transparent;}
#topmenu  ul li a {font-size:11px; line-height:18px; color:#928e81;}

/* logo */
#logo a {float:left; margin:36px 0px 0px 26px;}

/* mainmenu */
#mainmenu {position:absolute; left:0px; bottom:0px; height:47px;}
#mainmenu ul li {float:left;}
#mainmenu ul li a {display:block; float:left; height:40px; margin-top:7px; color:transparent;}
#mainmenu ul li:hover a, #mainmenu ul li.active a {height:47px!important; margin-top:0px!important;}
a.menuItem_offer {width:114px; background:url(../images/menuItem_offer.png) no-repeat left top transparent;}
li:hover a.menuItem_offer, li.active a.menuItem_offer {background:url(../images/menuItem_offer_hov.png) no-repeat left top transparent;}
a.menuItem_aboutUs {width:105px; background:url(../images/menuItem_aboutUs.png) no-repeat left top transparent;}
li:hover a.menuItem_aboutUs, li.active a.menuItem_aboutUs {background:url(../images/menuItem_aboutUs_hov.png) no-repeat left top transparent;}
a.menuItem_measures {width:115px; background:url(../images/menuItem_measures.png) no-repeat left top transparent;}
li:hover a.menuItem_measures, li.active a.menuItem_measures {background:url(../images/menuItem_measures_hov.png) no-repeat left top transparent;}
a.menuItem_diagnostics {width:219px; background:url(../images/menuItem_diagnostics.png) no-repeat left top transparent;}
li:hover a.menuItem_diagnostics, li.active a.menuItem_diagnostics {background:url(../images/menuItem_diagnostics_hov.png) no-repeat left top transparent;}
a.menuItem_contact {width:119px; background:url(../images/menuItem_contact.png) no-repeat left top transparent;}
li:hover a.menuItem_contact, li.active a.menuItem_contact {background:url(../images/menuItem_contact_hov.png) no-repeat left top transparent;}

/* ---------------- pathway -------------------*/
#pathway {width:100%; height:20px; font-size:10px; line-height:18px; background-color:#302d28; color:#fafafa;}
#pathway ol {display:flex;}
#pathway .mod-breadcrumbs__wrapper {float:left; margin-left:26px;}
#pathway .pathwayItem {text-transform:lowercase; font-weight:bold;}
#pathway a {color:#fafafa;}

#middlebar {float:left; width:100%; min-height:300px; background-color:#ffffff;}
/* -------------- maincontent ----------------*/
#maincontent {font-size:12px;}
.desc {position:relative; float:left; width:838px; margin:32px 26px 26px 26px;}

/* home */
.article.home {float:left; width:100%; margin:32px 0px 6px 0px;}

div.block .top {float:left; height:40px; padding-left:26px; font-size:14px;}
div.block .middle {float:left; height:175px; padding:0px 10px;}
div.block .middle div {float:left; width:270px; height:100%;}
div.block .bottom {float:left; width:100%; height:10px;}
div.block .body {float:left; height:auto; margin:10px 10px 26px 26px;}

div.firstBlock {float:left; width:290px; height:auto;}
div.firstBlock .top {width:264px; background:url(../images/green_block_t.png) no-repeat left bottom transparent;}
div.firstBlock .middle {width:270px; background-color:#a1c44e;}
div.firstBlock .bottom {background:url(../images/green_block_b.png) no-repeat left top transparent;}
div.firstBlock .body {width:254px;}
  
div.secondBlock {float:left; width:590px; height:auto; margin-left:10px;}
div.secondBlock .top {width:564px; background:url(../images/grey_block_t.png) no-repeat left bottom transparent;}
div.secondBlock .middle {width:570px; background-color:#adadac;}
div.secondBlock .bottom {background:url(../images/grey_block_b.png) no-repeat left top transparent;}
div.secondBlock .body {width:554px;}

/* contact */
.article.contact {position:relative; float:left; width:100%; margin-bottom:6px;}
.article.contact h4 {clear:both; margin-top:18px;}
.article.contact p {margin-left:18px;}

/* site map */
.article.sitemap {float:left; width:100%; margin-bottom:6px;}
.article.sitemap ul.page >li {margin-top:18px;}
.article.sitemap ul.page > li > a {font-weight:bold;}
.article.sitemap ul.section {margin-left:18px;}

/* blog */
.categoryDesc, .category-desc {position:relative; float:left; width:100%; min-height:32px;}
.blogItemsList {float:left; width:100%; margin-bottom:24px;}
.subcategoryTitle {float:left; margin:26px 0px; font-size:18px; line-height:18px; font-weight:bold;}
.subcategory {float:left; width:100%;}

/* blogItem */
.blogItem {float:left; width:100%; margin-bottom:8px;}
.blogItemHeader {float:left; width:100%; margin-left:8px;}
.blogItemHeader div.printButton {display:none; float:left; margin-left:26px;}
.blogItemCont {display:none; float:left; width:830px; height:auto; margin:13px 26px 18px 34px;}
.blogItemCont ul {margin-left:26px;}
.blogItemCont ol {margin-left:26px;}
.blogItemCont h4 {float:left; width:100%; margin-top:18px;}
.blogItemCont p {float:left; width:100%;}
.blogItemCont .imgTitle, .blogItemCont a {color:#928e81;}
.blogItemCont div.imgBlock {float:left; width:100%; margin:26px 0px;}
.blogItemCont div.imgBlock img {max-width:830px;}

/* --------------- footer ------------------*/
#bottombar {clear:both; width:100%; height:116px; font-size:11px; line-height:14px; background:url(../images/bottombar_bg.png) repeat-x center top transparent;}
#footer {position:relative; width:890px; height:116px; margin:0px auto; padding:0px 12px; text-align:left; background:url(../images/footer_bg.png) no-repeat center top transparent;}
#footer .copyrights {float:left; margin-top:12px; font-size:12px; font-weight:bold;}
#footer .contact {position:absolute; left:12px; top:52px; width:100%;}
#footer .authors {position:absolute; right:12px; top:90px; font-size:10px;}
#footer .authors p {float:left; padding-left:12px;}