﻿.home_body 			{ max-width:960px; width:100%; margin:0 auto; height:auto;}
.home_content       { max-width:960px; width:100%; margin:0 auto; height:auto; font-family: "Palatino Linotype", Palatino, "Book Antiqua", "TeX Gyre Pagella", serif;}


/*SLIDER*/
.slider_background {width:100%;background: #355b6a url(/images/MAJ/stripe.png);}
.sliderBullets {display:none;position: absolute;}
.sliderBullets div, .sliderBullets div:hover, .sliderBullets .av {position: absolute;width: 16px;height: 16px;border-radius:50px;background:#355b6a;overflow: hidden;cursor: pointer;}
.sliderBullets div { background:#355b6a;}
.sliderBullets div:hover, .sliderBullets .av:hover { background:#fff;}
.sliderBullets .av { background:#fff;}
.sliderBullets .dn, .sliderBullets .dn:hover { background:#fff;}
.sliderLeft, .sliderRight {display: block;position: absolute;width: 37px;height: 37px;cursor: pointer;background: url(/images/MAJ/sliderArrows.png) no-repeat;overflow: hidden;}
.sliderLeft { background-position: -11px -41px; }
.sliderRight { background-position: -71px -41px; }
.sliderLeft:hover { background-position: -131px -41px; }
.sliderRight:hover { background-position: -191px -41px; }
.sliderLeft.sliderLeftdn { background-position: -251px -41px; }
.sliderRight.sliderRightdn { background-position: -311px -41px; }
.feature-text {display:none;position:absolute;bottom:0px;left:0;right:0px;z-index:4;padding:8px 10px;height:auto;margin:auto 0;color:#396273;font-family: "Palatino Linotype", Palatino, "Book Antiqua", "TeX Gyre Pagella", serif;font-size:20px;background-color:rgba(255, 255, 255, .8);text-align:left;}
.feature-text p {font-size:20px;padding:0px 10px;color:#396373;}
.feature-text .product-title p {font-size:32px;padding:5px 10px;}
.feature-text .product-title p strong {text-transform:uppercase;font-weight:bold;}
.feature-text .product-subtitle p {font-size:22px;padding:5px 10px;}


#categories {overflow: hidden;text-align: center;max-width:960px;width:100%;margin:0px 0 20px 0;padding:0;}
#categories ul {max-width:960px; width:100%;padding:0;}
#categories li {position: relative;float: left;margin:0 3px;padding:20px 0;width:24%;list-style:none;}
#categories li img {max-width:256px;width:100%;}
#categories li .header {display: block;padding:10px 0;color: #777;text-decoration: none;text-transform: uppercase;font-size: 1.6em;}
#categories li .header {background: url(/images/MAJ/options_option_thin.png) 50% 50%;position: relative;top: 20px;}
#categories li p a {color:#666;font-weight:bold;padding:0 10px;font-size:12px;}

#boxes {font-family: "Palatino Linotype", Palatino, "Book Antiqua", "TeX Gyre Pagella", serif;padding:0;}
#boxes {position: relative;z-index: 1;color: #666;max-width:960px;width:100%;}
#boxes li {position: relative;float: left;margin:10px 0;border-top: 1px solid #d3ab4b;width:33%;text-align: center;list-style:none;padding:20px 0;}
#boxes a {text-decoration:none;}
#boxes h2, #boxes h3 {position: relative;z-index: 1;font-size: 1.5em;line-height: 1.2;text-transform: uppercase;}
#boxes b {display: block;position: relative;margin-bottom: .75em;font-size: 1.65em;font-weight: bold;line-height: .8;}
#boxes h3 b {margin: 1em 0 0;font-size: 1.35em;line-height: 1.1;letter-spacing: -1px;}
#boxes sup {font-size: .5em;line-height: 0;}
#boxes span {display: block;margin: -1.2em auto 0;overflow: hidden;max-width: 9.5em;font-style: italic;text-transform: lowercase;}
#boxes h3 span {margin-top: 0;margin-bottom: -1.2em;}
#boxes i {display: inline-block;padding: 8px 20px;border: 1px solid #b5b6b8;border-radius: 5px;box-shadow: inset 0 0 5px rgba(0,0,0,.5), 1px 1px 3px rgba(0,0,0,.25);background: #346171 url(/images/MAJ/button.jpg) 50% 50%;background-size: 100% 100%;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#boxes p {margin: -10px 0 10px 0;}



/*RESPONSIVE DESIGN*/
@media screen and (max-width:991px) {
    #categories li {width:48%;}
}
@media screen and (max-width:767px) {
    #boxes li {width:100%;}
}
@media screen and (max-width:767px) {
    div.sliderBullets {bottom:100px !important;}
    .feature-text .product-title p {font-size:1.8em !important;padding:8px 10px;}
    .feature-text .product-subtitle p {font-size:1.4em !important;padding:8px 10px;line-height:24px;}
}
@media screen and (max-width:640px) {
    div.sliderBullets {bottom:80px !important;}
    .feature-text .product-title p {font-size:1.8em !important;padding:8px 10px;}
    .feature-text .product-subtitle p {font-size:1.4em !important;padding:8px 10px;line-height:24px;}
}
@media screen and (max-width:479px) {
    #categories li {width:100%;}
    div.sliderBullets {bottom:50px !important;}
    .feature-text .product-title p {font-size:1.8em !important;padding:8px 10px;}
    .feature-text .product-subtitle p {font-size:1.6em !important;padding:8px 10px;line-height:30px;}
}
