@import url(/themes/default/normalize.css);
@font-face {
    font-family: 'ssp-regular';
    src: url(/themes/default/fonts/sourcesanspro-regular-webfont.eot);
    src: url(/themes/default/fonts/sourcesanspro-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/themes/default/fonts/sourcesanspro-regular-webfont.woff2) format('woff2'), url(/themes/default/fonts/sourcesanspro-regular-webfont.woff) format('woff'), url(/themes/default/fonts/sourcesanspro-regular-webfont.ttf) format('truetype'), url(/themes/default/fonts/sourcesanspro-regular-webfont.svg#ssp-regular) format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'ssp-bold';
    src: url(/themes/default/fonts/sourcesanspro-bold-webfont.eot);
    src: url(/themes/default/fonts/sourcesanspro-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/themes/default/fonts/sourcesanspro-bold-webfont.woff2) format('woff2'), url(/themes/default/fonts/sourcesanspro-bold-webfont.woff) format('woff'), url(/themes/default/fonts/sourcesanspro-bold-webfont.ttf) format('truetype'), url(/themes/default/fonts/sourcesanspro-bold-webfont.svg#ssp-bold) format('svg');
    font-weight: normal;
    font-style: normal
}

body {
	background: #fff;
    font-family: 'ssp-regular', 'Lucida Sans', 'Trebuchet MS',tahoma, arial, helvetica, sans-serif;
    font-size: 175%;
}

ol, ul, li, h1, h2, h3 {
	padding: 0;
	margin: 0;
	list-style: none;
}

#header {
    position: relative;
	background: #fff;
	height: 120px;
}
#logo,
#phrase,
#interforma {
	position: absolute;
	top: 50%;
}
#logo a,
#interforma a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
#logo {
    left: 0;
    margin-top: -60px;
	width: 646px;
	height: 120px;
}
#logo a {
	width: 646px;
	height: 120px;
	background-image: url(../layout/headerSaldos2020.png);
    background-size: cover;
    background-position: 0 0;
}

@media screen and (max-width: 900px) {
    #logo {
        margin-top: -50px;
    }
    #logo,
    #logo a {
        width: 538px;
	height: 100px;
    }
}
#phrase {
    display: none;
    right: calc(5% + 186px);
    margin-top: -60px;
    width: 199px;
    height: 120px;
    background-image: url(../layout/bw-phrase.png);
    background-position: 0 0;
    text-indent: -9999px;
    overflow: hidden;
}
#interforma {
    right: 5%;
    margin-top: -18px;
    width: 186px;
    height: 35px;
}
#interforma a {
	background-image: url(../layout/logoInterformaMirror.png);
	width: 186px;
	height: 35px;
	background-size: cover;
}

#splash {
    background: #141514;
}
#splash img {
    display: block;
}

#container {
    position: relative;
    margin: 25px;
}
#container .stamp {
    margin-bottom: 15px;
    width: 315px;
    height: 975px;
    overflow: hidden;
    color: #fff;
    background: #1c2329;
}
#container .stamp .menu-title {
    margin: 0 0 12px 30px;
    padding-top: 30px;
    font-size: .5em;
    text-transform: uppercase
}
#container .stamp nav {
    margin-left: 30px;
}
#container .stamp a {
    display: block;
    position: relative;
    text-decoration: none;
    font-size: .75em;
    color: #fff;
}
#container .stamp nav a:hover {
    text-decoration: underline;
}
#container .stamp a span {
    display: block;
}
#container .stamp .selected > a {
	color: #00AEEF;
}
#container .stamp ul ul {
    margin: 0 0 10px 10px;
    font-size: .65em;
}
#container .stamp .family-ul .selected .family,
#container .stamp .sub-family-ul .selected .sub-family {
	color: #00AEEF;
}

.pagesPlacer {
    display: none;
}
.pages {
    margin: 0 0 15px;
	height: 40px;
	text-align: center;
}
.pages li {
	display: inline-block;
	margin: 0 5px;
    vertical-align: top;
}
.pages a {
	display: block;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	background: #1c2329;
	text-decoration: none;
	text-align: center;
	font-size: .5em;
	color: #fff;
}
.pages .selected a {
	background: #00aeef;
    color: #fff;
}
.pages .sep_pag {
    margin: 0;
}
.pages .sep_pag a {
    background: none;
    color: #000;
	cursor: default;
}

.product {
    margin-bottom: 15px;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
}
.product > a {
    display: block;
}
.product > a img {
    min-width: 315px;
    min-height: 315px;
    vertical-align: top;
}
.product .details {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}
.product:hover .details {
    display: block;
}
.product .discount {
	position: absolute;
    z-index: +1;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 22px;
	line-height: 22px;
	background: url(../layout/discount.png) no-repeat 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
    color: #fff;
}
.product h2 {
    font-family: 'ssp-bold';
	font-weight: normal;
    font-size: 1em;
}
.product h2 a {
    display: block;
    width: auto;
    padding: 15px 15px 0;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
}
.product .ref {
    padding: 0 15px 15px;
	text-transform: none;
    font-size: .5em;
	color: #00AEEF;
}
.product .ref .brand {
	text-transform: uppercase;
}
.product .price {
    padding: 0 15px;
    font-size: .75em;
	color: #A7A9AC;
}
.product .price .stockin {
    display: block;
	color: #00AEEF;
}

.product .more-details {
    position: absolute;
    bottom: 0;
    left: 0
}
.product .more-details a {
    padding: 10px 15px;
    background-color: #fff;
    text-decoration: none;
    color: #000;
}

#search-placer {
    margin: 20px;
}
#search fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#search legend {
    display: none;
	padding: 5px;
	font-size: .6em;
}
#search > div:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}
#search label,
#search .submit {
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
	font-size: .6em;
}
#search label {
    width: 16%;
}
#search select {
	width: 100%;
	border: 1px solid #ccc;
    font-size: .75em;
}
#search .submit {
    margin-top: 22px;
    width: 20%;
	background: #fff;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    font-size: .6em;
}

.outofstock {
	font-weight: bold;
	color: white;
	background: red;
}

.outofstock a {
	color: white;
	text-decoration: none;
}




#brands_img {
    margin-top: 20px;
    width: 76px;
    height: 280px;
    overflow: hidden;
    background-image: url(../layout/brands.png);
    background-repeat: no-repeat;
}


.linha {
	float: left;
}

#availability-box {
	background: black;
	width: 350px;
	color: #fff;
}
#availability-box .ref {
	padding: 15px;
	background: #00AEEF;
}
#availability-box table {
	width: 350px;
	text-align: center;
}
#availability-box th {
    padding: 5px 0;
	background: #414042;
	font-size: .6em;
}
#availability-box td {
    padding: 5px 0;
	background: #A7A9AC;
	font-size: .75em;
}
#availability-box a {
	color: #000;
}
#availability-box .extra-info {
	padding: 10px;
	font-size: .5em;
}

#availability-box input {
    color: #000;
}
#availability-box .intext {
	width: 25px;
	border: 0;
	text-align: center;
    color: #000;
}

#condicoes {
	width: 445px;
	padding: 20px;
	font-size: .6em;
}
#condicoes li {
    margin-top: 15px;
}

#benchmark {
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 20px;
    background: #fff;
}
#login {
    font-size: .65em;
}
#logout {
    display: inline;
}

#footer {
	height: 40px;
	line-height: 40px;
	background: #1c2329;
    text-align: right;
	font-size: .5em;
	color: #fff;
}
#footer a {
	margin-right: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      html, body { min-height: 100%; }
      #phrase { display: none; }
      #logo, #logo a {
        left: 0;
        width: 100%;
      }
      #logo a {
        width: 95%;
        margin: 0 2.5%;
        background-size: contain;
        background-position: center center;
      }
      #interforma {
        right: auto;
        left: 80px;
        margin-top: 19px;
        width: 100px;
        height: auto;
      }
      #interforma a {
        width: 125px;
        height: 38px;
        background-size: contain;
      }
      #search-placer { margin: 10px 20px; }
      #search label { width: 100%; }
      #search label, #search .submit {
          margin-bottom: 15px;
        float: none;
        padding: 0;
        font-size: .75em;
      }
      #search select {
        font-size: .85em;
        border-radius: 0;
      }
      #search .submit { width: 100%; background: #00aeef; color: #fff; border: none; padding: 10px; }
    #container { margin: auto; }
    #container .stamp { display: none; }
    .pages { height: auto; margin-bottom: 0; }
    .pages li {  margin-bottom: 20px; }
    .pages a {
        min-width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: .8em;
    }
    #footer { text-align: center; height: 45px; line-height: 45px; font-size: .5em; }
    #footer a { margin: 0 10px; }
}