* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
    display: block;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    background-image: url(../image/fundo.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
}

.both {
    clear: both;
}

hr {
    width: 210px;
    height: 1px;
    border: 0;
    background-color: #645b4a;
    margin: 10px auto;
}

h1 {
    font-size: 16px;
    color: #645b4a;
    margin-top: 10px;
}

h2 {
    font-size: 14px;
    color: #645b4a;
    margin-left: 15px;
    margin-top: 10px;
}

h3 {
    font-size: 16px;
    color: #645b4a;
    margin-top: 10px;
}

.atencao {
    font-size: 14px;
    color: #c00;
    margin-left: 15px;
    margin-top: 10px;
    font-weight: bold;
}

.esgotado {
    color: #f00;
}

#busca {
    width: 100%;
    max-width: 305px;
    height: 38px;
    float: right;
}

#busca li {
    display: block;
    float: left;
}

#centro {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 15px;
}

#logo-altenburg-topo {
    width: 200px;
    height: auto;
    margin-bottom: 15px;
}

#menu {
    width: 200px;
    float: left;
}

#menu ul {
    margin-left: 15px;
}

#menu li {
    list-style-type: none;
    margin-bottom: 6px;
}

#colecao {
    width: calc(100% - 220px);
    float: right;
}

#fundo {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 15px;
    background-color: #fff;
    border-radius: 4px;
}

#fundo #topo {
    padding-left: 0;
}

#fundo div {
    padding-left: 0;
}

.logo-altenburg {
    width: 208px;
    height: 68px;
    margin-top: 320px;
    margin-left: 285px;
    position: absolute;
}

.fotos {
    width: 100%;
    max-width: 500px;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.barra {
    width: 100%;
    max-width: 750px;
    height: auto;
    min-height: 32px;
    padding: 8px 10px;
    margin: 0 auto 10px auto;
    background-color: #00436a;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
}

.travesseiro {
    width: 245px;
    height: 275px;
    overflow: auto;
}

.info {
    width: 100%;
	height: 400px;
    max-width: 510px;
    min-height: 200px;
    float: right;
    background-color: #f2f2f2;
    padding-bottom: 10px;
    float: right;
    background-color: #f2f2f2;
    padding: 1px;
	
}

.info h1 {
    color: #00436a;
    margin-left: 10px;
}

.info ul {
    margin-left: 15px;
    margin-top: 10px;
}

.info li {
    list-style-type: none;
    line-height: 1.4;
}

.bt-download {
    width: 149px;
    height: 32px;
    position: absolute;
    margin-top: 320px;
    margin-left: 55px;
}

.descricao {
    padding-bottom: 10px;
    background-color: #fff;
    margin: 0 auto 10px auto;
}

.descri {
    padding: 5px;
    overflow: auto;
    height: 290px;
}

.descri p {
    padding-left: 15px;
    margin-top: 10px;
}

.descri div {
}

.descri ul p {
    margin-left: -10px;
}

.tamanhos {
    width: 100%;
    max-width: 600px;
    margin-left: 0;
    margin-top: 15px;
    border: 1px solid #00436a;
    border-collapse: collapse;
}

.ttitulo {
    background-color: #00436a;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

tr {
    text-align: center;
}

tr:nth-of-type(1) {
    background: #00446b;
    color: #fff;
}

tr:nth-of-type(2) {
    background: #fff;
}

tr:nth-of-type(3) {
    background: #dddedf;
}

tr:nth-of-type(4) {
    background: #fff;
}

tr:nth-of-type(5) {
    background: #dddedf;
}

tr:nth-of-type(6) {
    background: #fff;
}

tr:nth-of-type(7) {
    background: #dddedf;
}

tr:nth-of-type(8) {
    background: #fff;
}

tr:nth-of-type(9) {
    background: #dddedf;
}

tr:nth-of-type(10) {
    background: #fff;
}

.texto {
}

#topo {
    height: 242px;
    position: relative;
}

.logo-living,
.logo-live200fios,

.logo-cotton,
.logo-premier-malha,
.logo-vq,
.logo-levitare,
.logo-felicita,
.logo-premier,
.logo-microfibra,
.logo-athome,
.logo-all,
.logo-lit-blanc,
.logo-vidaecor,
.logo-unique,
.logo-blend,
.logo-confort-plus,
.logo-banho,
.logo-blend-elegance,
.logo-blend-kids,
.logo-atelie,
.logo-decor,
.logo-blend-fresh,
.logo-ibcc,
.logo-malhaeco,
.logo-bionatural,
.logo-kids-malha {
    position: absolute;
    height: auto;
}

.logo-living {
    width: 225px;
    margin-top: 170px;
    margin-left: 30px;
}

.logo-live200fios {
    width: 185px;
    margin-top: 30px;
    margin-left: 30px;
}

.logo-cotton {
    width: 115px;
    margin-top: 10px;
    margin-left: 580px;
}

.logo-premier-malha {
    width: 115px;
    margin-top: 100px;
    margin-left: 550px;
}

.logo-vq {
    width: 206px;
    margin-top: 130px;
    margin-left: 40px;
}

.logo-levitare {
    width: 184px;
    margin-top: 30px;
    margin-left: 40px;
}

.logo-felicita {
    width: 240px;
    margin-top: 160px;
    margin-left: 470px;
}

.logo-premier {
    width: 177px;
    margin-top: 180px;
    margin-left: 530px;
}

.logo-microfibra {
    width: 168px;
    margin-top: 90px;
    margin-left: 550px;
}

.logo-athome {
    width: 224px;
    margin-top: 50px;
    margin-left: 500px;
}

.logo-all {
    width: 125px;
    margin-top: 100px;
    margin-left: 50px;
}

.logo-lit-blanc {
    width: 315px;
    margin-top: 10px;
    margin-left: 420px;
}

.logo-vidaecor {
    width: 183px;
    margin-top: 10px;
    margin-left: 530px;
}

.logo-unique {
    width: 217px;
    margin-top: 160px;
    margin-left: 510px;
}

.logo-blend {
    width: 200px;
    margin-top: 130px;
    margin-left: 0;
}

.logo-confort-plus {
    width: 160px;
    margin-top: 130px;
    margin-left: 0;
}

.logo-banho {
    width: 194px;
    margin-top: 17px;
    margin-left: 545px;
}

.logo-blend-elegance {
    width: 200px;
    margin-top: 130px;
    margin-left: 0;
}

.logo-blend-kids {
    width: 200px;
    margin-top: 150px;
    margin-left: 0;
}

.logo-atelie {
    width: 124px;
    margin-top: 65px;
    margin-left: 20px;
}

.logo-decor {
    width: 219px;
    margin-top: 120px;
    margin-left: 40px;
}

.logo-blend-fresh {
    width: 185px;
    margin-top: 10px;
    margin-left: 550px;
}

.logo-ibcc {
    width: 110px;
    margin-top: 120px;
    margin-left: 20px;
}

.logo-malhaeco {
    width: 226px;
    margin-top: 190px;
    margin-left: 500px;
}

.logo-bionatural {
    width: 236px;
    margin-top: 160px;
    margin-left: 485px;
}

.logo-kids-malha {
    width: 192px;
    margin-top: 15px;
    margin-left: 530px;
}

.titulo {
    width: 336px;
    height: 41px;
    margin-left: 200px;
    margin-bottom: 30px;
}

.conteudo {
    width: 245px;
    height: 275px;
    overflow: auto;
}

.esconde {
    width: 245px;
    height: 275px;
    overflow: auto;
}

#rodape {
    width: 100%;
    max-width: 780px;
    text-align: center;
    margin: 20px auto;
    font-size: 11px;
}

#rodape a {
    text-decoration: none;
    color: #333;
}

#rodape a:hover {
    text-decoration: line-through;
    color: #645b4a;
}

.center {
    width: 100%;
    max-width: 368px;
    margin: 0 auto;
    padding-top: 50px;
}

.center h1 {
    color: #003c65;
    font-size: 20px;
    text-align: center;
    font-weight: 100;
    padding: 5px 0;
    box-sizing: border-box;
    border-top: 1px solid #003c65;
    border-bottom: 1px solid #003c65;
    margin-bottom: 30px;
}

.center .logo {
    max-width: 368px;
    margin: 0 auto 20px auto;
}

.center p {
    color: #003a6a;
    font-size: 16px;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
}

#login {
    width: 100%;
    max-width: 370px;
    text-align: center;
    margin: 0 auto;
    margin-top: 0;
    background: url(../image/bg-login.png) no-repeat center top;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 30px;
}

#login label {
    width: 230px;
    display: block;
    margin: 0 0 8px auto;
    margin-right: 70px;
}

#login label span {
    display: block;
    text-align: center;
    font-size: 18px;
}

#login label input {
    width: 100%;
    padding: 9px 5px;
    box-sizing: border-box;
    border: 0;
    text-align: center;
    background: none;
    color: #fff;
    font-size: 15px;
}

#login .bt_entrar {
    width: 178px;
    height: 50px;
    display: block;
    float: right;
    border: 0;
    margin-top: 10px;
    background: url(../image/bt-loguin.png) no-repeat center;
    cursor: pointer;
}

.btsenha {
    margin-top: 26px;
}

#login tr {
    background: none;
    margin-top: 100px;
    background-color: transparent;
}

.procon {
    max-width: 150px;
    font-size: 10px;
    margin: 0 auto;
    color: #000;
    text-align: center;
}

.procon img {
    width: 100%;
}

/* RESPONSIVO */

@media (max-width: 1024px) {
    #centro {
        padding: 10px;
    }

    #menu {
        width: 220px;
    }

    #colecao {
        width: calc(100% - 240px);
    }

    .barra {
        font-size: 18px;
    }

    .fotos,
    .info {
        float: none;
        max-width: 100%;
    }

    .info {
        margin-top: 10px;
		height: auto;
        padding-bottom: 45px;
    }

    .descri {
        height: auto;
        max-height: 400px;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 13px;
        background-attachment: scroll;
    }

    #centro {
        padding: 10px;
    }

    #menu {
        width: 100%;
        float: none;
        margin-bottom: 15px;
        text-align: center;
    }

    #menu ul {
        margin-left: 0;
    }

    #menu li {
        display: inline-block;
        margin: 0 5px 8px 5px;
    }

    #colecao {
        width: 100%;
        float: none;
    }

    #fundo {
        padding: 10px;
    }

    .barra {
        font-size: 16px;
        padding: 8px;
    }

    .fotos,
    .info {
        float: none;
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .travesseiro,
    .conteudo,
    .esconde {
        width: 100%;
        height: auto;
        max-height: 350px;
    }

    .descri {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    #login {
        background-size: cover;
        padding: 40px 15px 30px 15px;
    }

    #login label {
        margin-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    #login .bt_entrar {
        float: none;
        margin: 15px auto 0 auto;
    }

    #topo {
        height: auto;
        min-height: 200px;
    }

    .logo-living,
    .logo-live200fios,
    .logo-cotton,
    .logo-premier-malha,
    .logo-vq,
    .logo-levitare,
    .logo-felicita,
    .logo-premier,
    .logo-microfibra,
    .logo-athome,
    .logo-all,
    .logo-lit-blanc,
    .logo-vidaecor,
    .logo-unique,
    .logo-blend,
    .logo-confort-plus,
    .logo-banho,
    .logo-blend-elegance,
    .logo-blend-kids,
    .logo-atelie,
    .logo-decor,
    .logo-blend-fresh,
    .logo-ibcc,
    .logo-malhaeco,
    .logo-bionatural,
    .logo-kids-malha {
        transform: scale(0.9);
        transform-origin: top left;
    }

    #rodape {
        padding: 0 10px;
    }
}

@media (max-width: 480px) {
    .barra {
        font-size: 14px;
    }

    h1 {
        font-size: 14px;
    }

    h2,
    h3 {
        font-size: 13px;
    }

    #logo-altenburg-topo {
        width: 160px;
    }

    .center h1 {
        font-size: 18px;
    }

    .center p {
        font-size: 14px;
    }
	.logo-altenburg{
	    margin-top: 290px !important;
	}

}
.fotos {
    position: relative;
}

.fotos .logo-altenburg {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    width: 160px;
    height: auto;
}

/* opcional: deixa menor em telas bem pequenas */
@media (max-width: 480px) {
    .fotos .logo-altenburg {
        width: 120px;
        bottom: 8px;
        right: 8px;
    }
}
.info {
    position: relative;
}

.info .bt-download {
    position: absolute;
    left: 10px;
    bottom: 10px;
    margin: 0;
}
.fotos .foto-produto {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
}
.info {
    height: auto;
    min-height: 400px;
}
.fotos,
.info {
    height: auto;
}