@charset "utf-8";
    .inputqtd {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    width: 70px;
    height: 25px;
    margin-bottom: 7px;
    font-size: 11px;
    cursor: text;
	padding-left:2px;
}
.prod_description {
    width: 390px;
    height: 250px;
    font-size: 13px;
    color: #666;
    text-align: left;
    float: left;
    position: relative;
    padding: 15px;
}

.met-pagamento{margin-top:5px;}

.bag_detail {
    width: 190px;
    height: 200px;
    float: right;
    position: relative;
    margin-top: 15px;
    margin-right: 10px;
}
.bag_detail .header {
    width: 180px;
    padding: 5px;
    height: 20px;
    background-color: #E9E9E9;
    color: #5B3D6F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}
.bag_detail .detail {
    width: 178px;
    padding: 5px;
    height: 140px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5B3D6F;
    font-weight: 400;
    border-right: #ccc 1px solid;
    border-left: #ccc 1px solid;
}
.bag_detail .detail input {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    width: 170px;
    height: 25px;
    margin-bottom: 7px;
    font-size: 11px;
    cursor: text;
}
.bag_detail .add {
    width: 180px;
    padding: 5px;
    height: 20px;
    background-color: #78CABC;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    background-image: url(../../images/cliente/cesto02.svg);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}
.bag_detail .add:hover {
    background-color: #696;
}
.bag_cons {
    width: 180px;
    padding: 5px;
    height: 20px;
    background-color: #5B3D6F;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    background-image: url(../../images/cliente/cesto02.svg);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
}
.shopping_bag .input_bag {
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: right;
    cursor: text;
    color: #666;
    font-size: 12px;
    height: 25px;
    width: 60px;
}
.shopping_address {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
}
.shopping_address span {
    margin-right: 20px;
    padding-top: 10px;
}
.shopping_address .header {
    background-color: #eaeaea;
    width: 948px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    margin-top: 20px;
    height: 35px;
}
.shopping_address .header2 {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 948px;
    height: 25px;
    padding-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: #785C89;
    font-size: 12px;
}
.shopping_address .row {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    width: 948px;
    height: 80px;
    font-family: Arial, Helvetica, sans-serif;
    color: #785C89;
    font-size: 12px;
    padding-bottom: 0;
}
.add_new_address {
    border: 0 #ccc solid;
    padding: 5px;
    color: #5B3D6F;
    background-color: #f8ccac;
    width: auto;
    line-height: 25px;
    vertical-align: middle;
    height: 25px;
    background-position: right;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    opacity: 1;
    z-index: 9999;
}
.items_address {
    width: 250px;
    padding: 5px;
    height: 40px;
    padding-left: 5px;
    padding-top: 8px;
}
.shopping_bag {
    margin-top: 0;
    width: 950px;
    height: auto;
    padding-bottom: 20px;
}
.resume_bag {
    margin-top: 20px;
    width: 950px;
    height: auto;
}
.short_shopping_bag {
    margin-top: 0;
    width: 500px;
    height: 250px;
}
.resume_bag .header, .shopping_bag .header {
    background-color: #eaeaea;
    width: 949px;
    height: 25px;
    padding-top: 7px;
    margin-bottom: 0;
    padding-left: 1px;
}
.resume_bag .header {
    background-color: #eaeaea;
}
.short_shopping_bag .header {
    background-color: #ccc;
    width: 500px;
    height: 30px;
}
.resume_bag .header .produto, .shopping_bag .header .produto {
    width: 556px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
}
.resume_bag .header .produto1, .shopping_bag .header .produto1 {
    width: 493px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
}
.resume_bag .header .produto2, .shopping_bag .header .produto2 {
    width: 607px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
}
.bag_sub {
    padding-bottom: 0;
    padding-top: 20px;
    margin-left: 0;
    width: 950px;
}
.dados {
    width: 400px;
    border-right: 0;
}
.nombre {
    width: 250px;
    border: 1px solid #ccc;
}
.rua {
    width: 400px;
    border-right: 0;
}
.res {
    background-color: #eaeaea;
}
.short_shopping_bag .header .produto {
    width: 260px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    float: left;
    position: relative;
}
.resume_bag .header .pvp, .shopping_bag .header .pvp {
    width: 100px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
}
.pvp2 {
    width: 100px;
    padding: 5px;
    border-right: 0 solid #fff;
    line-height: 20px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
    float: right;
    height: 20px;
    padding-top: 0;
    margin-right: 0;
}
.pvp2a {
    width: 140px;
    padding: 5px;
    border-right: 0 solid #fff;
    line-height: 20px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
    float: right;
    height: 20px;
    padding-top: 0;
    margin-right: 0;
}
.pvp3 {
    width: 280px;
    padding: 5px;
    border-right: 0 solid #ccc;
    line-height: 20px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
    float: right;
    height: 20px;
    padding-top: 0;
    color: #5B3D6F;
    margin-left: 503px;
}
.pvp4 {
    width: 140px;
    padding: 5px;
    border-right: 0 solid #fff;
    line-height: 20px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
    float: right;
    height: 20px;
    padding-top: 0;
    margin-right: 0;
}
.short_shopping_bag .header .pvp {
    width: 120px;
    padding: 5px;
    padding-right: 0;
    border-right: 0 solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
    float: left;
    position: relative;
}
.resume_bag .header .qtd, .shopping_bag .header .qtd {
    width: 100px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
}
.short_shopping_bag .header .qtd {
    width: 90px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
    float: left;
    position: relative;
}
.resume_bag .header .subtotal, .shopping_bag .header .subtotal {
    width: 150px;
    padding: 5px;
    border-right: 1px solid #fff;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
}
.resume_bag .row .image, .shopping_bag .row .image {
    width: 123px;
    padding: 10px;
    padding-left: 27px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    border-right: 1px solid #ccc;
    text-align: center;
}
.short_shopping_bag .row .image {
    width: 150px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    border-right: 1px solid #ccc;
    text-align: center;
    float: left;
    position: relative;
}
.resume_bag .row .produto, .shopping_bag .row .produto {
    width: 395px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    border-right: 1px solid #ccc;
}
.resume_bag .row .produto1, .shopping_bag .row .produto1 {
    width: 495px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    border-right: 1px solid #ccc;
}
.resume_bag .row .produto2, .shopping_bag .row .produto2 {
    width: 453px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    border-right: 1px solid #ccc;
}
.shopping_bag .row {
    height: 100px;
    border-bottom: 1px solid #ccc;
}
.short_shopping_bag .row .produto {
    width: 100px;
    padding: 5px;
    height: 90px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    border-right: 1px solid #ccc;
    float: left;
    position: relative;
}
.resume_bag .row .pvp, .shopping_bag .row .pvp {
    width: 100px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
    border-right: 1px solid #ccc;
}
.short_shopping_bag .row .pvp {
    width: 120px;
    padding: 5px;
    padding-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
    border-right: 0 solid #ccc;
    float: left;
    position: relative;
}
.resume_bag .row .qtd, .shopping_bag .row .qtd {
    width: 100px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
    border-right: 1px solid #ccc;
}
.shopping_bag .header .sub1 {
    padding: 5px;
    height: 20px;
    width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
}
.shopping_bag .row .sub2 {
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
}
.shopping_bag .row .sub3 {
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    width: 90px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
}
.resume_bag .header .sub1 {
    padding: 5px;
    height: 20px;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
}
.resume_bag .row .sub2 {
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
}
.resume_bag .row .sub3 {
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    width: 120px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
}
.short_shopping_bag .row .qtd {
    width: 90px;
    padding: 5px;
    height: 90px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
    border-right: 1px solid #ccc;
    float: left;
    position: relative;
}
.resume_bag .row .subtotal, .shopping_bag .row .subtotal {
    width: 150px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
    border-right: 1px solid #ccc;
}
.shopping_bag .row .eliminar {
    width: 35px;
    padding: 5px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
    background-image: url(../../images/cliente/eliminar.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
}
.info {
    width: 35px;
    padding-left: 7px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: right;
    background-image: url(../../images/cliente/info.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    position: relative;
    opacity: 1;
}
.continuar {
    margin-top: 10px;
    padding: 5px;
    width: 150px;
    background-color: #5B3D6F;
    height: 15px;
    float: left;
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    border: 0;
    opacity: 1;
}
.atualizar {
    margin-left: 10px;
    margin-top: 30px;
    margin-right: 10px;
    padding: 5px;
    width: 150px;
    background-color: #78CABC;
    height: 15px;
    float: right;
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../../images/cliente/actualizar.svg);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px;
    opacity: 1;
}
.cancelar {
    margin-left: 460px;
    margin-top: 10px;
    margin-right: 0;
    padding: 5px;
    width: 150px;
    background-color: #FF8080;
    height: 25px;
    float: right;
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../../images/cliente/cancelar.svg);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px;
    opacity: 1;
}
.cancelar2 {
    margin-top: 10px;
    margin-right: 0;
    padding: 5px;
    padding-bottom: 0;
    height: 20px;
    float: right;
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../../images/cliente/cancelar.svg);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 190px;
    width: 250px;
    background-color: #FF8080;
    font-size: 12px;
    opacity: 1;
}
.finalizar {
    margin-top: 30px;
    margin-right: 0;
    padding: 5px;
    width: 150px;
    background-color: #696;
    height: 15px;
    float: right;
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../../images/cliente/finalizar.svg);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px;
    opacity: 1;
}
.nolink {
    cursor: text;
    height: 25px;
}
.bag_button {
    border: 0;
    cursor: pointer;
    color: #5B3D6F;
    background-color: transparent;
    font-size: 13px;
    margin-top: 20px;
    width: 140px;
    height: auto;
    padding-right: 33px;
    margin-left: 0;
    background-image: url(../../images/cliente/cesto.svg);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
    position: relative;
}
.bag_button:hover {
    border: 0;
    cursor: pointer;
    color: #78CABC;
    background-color: transparent;
    background-image: url(../../images/cliente/cesto2.svg);
}
.bag_button div {
    padding-top: 5px;
    padding-left: 0;
}
.total {
    width: 150px;
    border-right: 1px solid #ccc;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
    text-align: right;
    float: right;
    padding-top: 0;
    line-height: 20px;
    margin-right: 0;
}
.opacity:hover {
    opacity: .5;
}
#empty_row {
    border: 1px solid #ccc;
    height: 25px;
    width: 939px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    padding-top: 10px;
}
.more_item_bag {
    margin-top: 0;
    width: 24px;
    height: 24px;
    background-image: url(../../images/cliente/cesto.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 99999;
    position: absolute;
}
.more_item_bag:hover {
    cursor: pointer;
    opacity: .5;
}
.zoom_item_bag {
    margin-left: 10px;
    margin-top: 0;
    width: 24px;
    height: 24px;
    margin-right: 2px;
    background-image: url(../../images/cliente/lupa.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: 99999;
    position: absolute;
}
.zoom_item_bag:hover {
    cursor: pointer;
    opacity: .5;
}
.shopping_bag .portes {
    height: 40px;
    padding-top: 10px;
    border-right: 0;
    border-left: 0;
}
.shopping_bag .total {
    width: 943px;
    height: 40px;
    padding-top: 10px;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.shopping_bag #enclinha .row {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    width: 955px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #785C89;
    font-size: 12px;
    padding-bottom: 5px;
}
.shopping_bag #enclinha .row .data, .shopping_bag #enclinha .row .estado, .shopping_bag #enclinha .row .montante, .shopping_bag #enclinha .row .n_artigos, .shopping_bag #enclinha .row .n_encomenda {
    width: 150px;
    float: left;
    position: relative;
}
.detalheencomenda {
    color: #666;
}
.detalheencomenda .title {
    color: #666;
    font-weight: 700;
    width: 200px;
    float: left;
    padding: 10px;
}
.detalheencomenda .text {
    color: #666;
    float: left;
    width: 400px;
    padding: 10px;
}
.pesquisaDiv {
    padding-bottom: 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B3D6F;
    font-size: 12px;
}
.pesquisaDiv input[type=text] {
    width: 300px;
}


@media screen and (width:900px) {
	.resume_bag .header, .shopping_bag .header{width:800px;}
	.resume_bag .header .produto1, .shopping_bag .header .produto1 {width:410px;}
	.resume_bag .row .produto1, .shopping_bag .row .produto1 {width:405px;}
	.resume_bag .row .produto2, .shopping_bag .row .produto2 {width:290px;}
	.resume_bag .header .produto2, .shopping_bag .header .produto2 {width:450px;}
	.shopping_bag .row .sub3 {width:100px;}
	.shopping_bag{width:800px;}
	.pvp3{width:135px;}
	
	.resume_bag .header .produto, .shopping_bag .header .produto {width:440px;}
	.resume_bag .row .produto, .shopping_bag .row .produto {width:280px}
	.shopping_bag .row .sub2{width:90px;}
	.shopping_address .row {width:800px;}
	.cancelar2 {margin-left:40px}
	.shopping_address .header {width:800px;}
	.shopping_address .header2 {width:800px;}
	.items_address{width:180px}
	.resume_bag .header .qtd, .shopping_bag .header .qtd {width:80px}
	.resume_bag .row .qtd, .shopping_bag .row .qtd {width:80px}
	.resume_bag .header .sub1 {width:100px;}
	.sub2 totalInCart{width:150px;}
	.resume_bag{width:800px;}
	
	}


@media (min-width:768px) and (max-width:854px) {
    .bag_button {
    font-size: 11px;
    width: 120px;
    padding-left: 30px;
    margin-right: -10px;
}
}

@media screen and (max-width:854px) {
	.resume_bag .header, .shopping_bag .header{width:800px;}
	.resume_bag .header .produto1, .shopping_bag .header .produto1 {width:410px;}
	.resume_bag .row .produto1, .shopping_bag .row .produto1 {width:405px;}
	.resume_bag .row .produto2, .shopping_bag .row .produto2 {width:290px;}
	.resume_bag .header .produto2, .shopping_bag .header .produto2 {width:450px;}
	.shopping_bag .row .sub3 {width:100px;}
	.shopping_bag{width:800px;}
	.pvp3{width:135px;}
	
	.resume_bag .header .produto, .shopping_bag .header .produto {width:440px;}
	.resume_bag .row .produto, .shopping_bag .row .produto {width:280px}
	.shopping_bag .row .sub2{width:90px;}
	.shopping_address .row {width:800px;}
	.cancelar2 {margin-left:40px}
	.shopping_address .header {width:800px;}
	.shopping_address .header2 {width:800px;}
	.items_address{width:180px}
	.resume_bag .header .qtd, .shopping_bag .header .qtd {width:80px}
	.resume_bag .row .qtd, .shopping_bag .row .qtd {width:80px}
	.resume_bag .header .sub1 {width:100px;}
	.sub2 totalInCart{width:150px;}
	.resume_bag{width:800px;}
	
	}

@media screen and (width:800px) {
.shopping_bag{width:711px;}
	.resume_bag .header, .shopping_bag .header {width: 700px; margin-left:40px;}
	#empty_row {width: 700px;}
	.shopping_address .row {width: 711px; margin-left:40px;}
	.shopping_address {width:755px;}
	.resume_bag .header .produto, .shopping_bag .header .produto {width:400px;}
	.resume_bag .header .pvp, .shopping_bag .header .pvp {width:80px;}
	.resume_bag .header .qtd, .shopping_bag .header .qtd {width:80px;}
	.resume_bag .row .image, .shopping_bag .row .image {width:60px; padding-left:10px;}
	.resume_bag .row .produto, .shopping_bag .row .produto {width:320px;}
	.resume_bag .row .pvp, .shopping_bag .row .pvp {width:80px;}
	.resume_bag .row .qtd, .shopping_bag .row .qtd {width:80px;}
	.resume_bag .header .sub1 {width:110px;}
	.shopping_bag .row .eliminar {width:20px;}
	.shopping_bag .row .sub2 {width:70px;}
	.shopping_bag .row {margin-left:40px;width:700px;}
	.shopping_address .header {width:700px; margin-left:40px; }
	.shopping_bag .header .sub1 {width:80px;}
	.shopping_bag .row .sub2 {width: 60px;}
	.items_address {width:180px}
	.shopping_address .header2 {width:711px; margin-left:40px;}
	.pvp3{margin-left:450px;}
	.pvp2{width:50px;}
	.pvp4{width:80px;}
	.continuar, .atualizar{margin-left:40px;}
	.resume_bag .header .produto1, .shopping_bag .header .produto1 {width: 330px;}
	.resume_bag .row .produto1, .shopping_bag .row .produto1 {width: 325px;}
	.pesquisaDiv{margin-left:40px;}
	
	.prod_description{width:190px; padding-left:0px; padding-right:0px;}
	
	/*.shopping_bag  hidebag{margin-left:40px;}
	.resume_bag  hidebag cartResume{margin-left:40px;}*/
	.met-pagamento{margin-left:40px;}
	#confMoradaCliente{margin-left:40px;}
	
}

@media screen and (width:768px){
	.bag_button {
    float: left;
    position: relative;
    margin-top: 12px;
    margin-left: -20px;
    font-size: 11px;
	}

.resume_bag .header .produto, .shopping_bag .header .produto {width:250px;}
.pvp3{margin-left:440px;}
.pvp2{width:60px;}
.pvp4{width:60px;}
.pvp2a {width:100px;}
.continuar {margin-left:10px;}
.resume_bag .row .image, .shopping_bag .row .image {width:80px; padding-left:10px;}
.resume_bag .row .produto, .shopping_bag .row .produto {width:299px;}
.resume_bag .header .produto, .shopping_bag .header .produto {width: 400px;}
.resume_bag .header .pvp, .shopping_bag .header .pvp {width:75px;}
.resume_bag .row .pvp, .shopping_bag .row .pvp {width:75px;}
.resume_bag .header .qtd, .shopping_bag .header .qtd {width:85px;}
.resume_bag .row .qtd, .shopping_bag .row .qtd {width:85px;}
.shopping_bag .header .sub1 {width:85px;}
.shopping_bag .row .sub2{width:60px;}
.shopping_bag .row .eliminar {width:20px;}
.shopping_bag{margin-left:0px; width:400px;}
.shopping_address{width:710px;}
.shopping_address .header {width:700px; margin-left:10px;}
.items_address {width:180px;}
.shopping_address .header2 {width:700px; margin-left:10px;}
.shopping_address .row {width:700px; margin-left:10px;}
.resume_bag .header, .shopping_bag .header {width: 700px; margin-left:10px;}
.shopping_bag .portes {margin-left:20px; width:700px;}
.shopping_bag .row{margin-left:10px; width:700px;}
#confMoradaCliente{margin-left:10px;}
.shopping_address hidebag div{margin-left:10px;}
.met-pagamento{width:700px; margin-left:10px; margin-top:5px;}
#empty_row { width:690px;}
.info{width:20px;}
.cancelar2{margin-left:180px;}
.resume_bag .header .produto1, .shopping_bag .header .produto1 {width: 320px;}

.resume_bag .row .produto1, .shopping_bag .row .produto1 {width: 315px;}
.pesquisaDiv{margin-left:10px;}
.resume_bag .header .produto2, .shopping_bag .header .produto2 {width: 390px;}
	
	}



@media screen and (max-width:640px) {
.bag_button {
    float: left;
    position: relative;
    margin-top: 30px;
    margin-left: -390px;
    font-size: 11px;
}

.resume_bag .header, .shopping_bag .header {
    width: 600px;
}

.shopping_bag{margin-left:20px; width:600px;}

#empty_row {width:588px;}
.shopping_address .row {width:600px;}
.produto2{width:200px;}
}

@media screen and (width:640px) {
.bag_button {
    float: left;
    position: relative;
    margin-top: 12px;
    margin-left: -20px;
    font-size: 11px;
	}

.resume_bag .header .produto, .shopping_bag .header .produto {width:250px;}
.pvp3{margin-left:340px;}
.pvp2{width:60px;}
.pvp4{width:60px;}
.continuar {margin-left:10px;}
.resume_bag .row .image, .shopping_bag .row .image {width:80px; padding-left:10px;}
.resume_bag .row .produto, .shopping_bag .row .produto {width:200px;}
.resume_bag .header .produto, .shopping_bag .header .produto {width: 301px;}
.resume_bag .header .pvp, .shopping_bag .header .pvp {width:75px;}
.resume_bag .row .pvp, .shopping_bag .row .pvp {width:75px;}
.resume_bag .header .qtd, .shopping_bag .header .qtd {width:85px;}
.resume_bag .row .qtd, .shopping_bag .row .qtd {width:85px;}
.shopping_bag .header .sub1 {width:85px;}
.shopping_bag .row .sub2{width:60px;}
.shopping_bag .row .eliminar {width:20px;}
.shopping_bag{margin-left:10px; width:600px;}
.shopping_address{width:620px;}
.shopping_address .header {width:600px; margin-left:20px;}
.items_address {width:180px;}
.shopping_address .header2 {width:600px; margin-left:20px;}
.shopping_address .row {width:600px; margin-left:20px;}
.resume_bag .header, .shopping_bag .header {width: 600px; }
.shopping_bag .portes {width:600px;}
.shopping_bag .row{width:600px;}
/*#confMoradaCliente{margin-left:20px;}*/

.shopping_address hidebag div{margin-left:20px;}
.met-pagamento{width:600px; margin-left:20px; margin-top:5px;}
.pesquisaDiv{margin-left:20px;}
.resume_bag .header .produto1, .shopping_bag .header .produto1 {width: 220px;}
.resume_bag .row .produto1, .shopping_bag .row .produto1 {width: 215px;}
.resume_bag .header .produto2, .shopping_bag .header .produto2 {width:300px;}
.resume_bag .row .produto2, .shopping_bag .row .produto2 {width: 200px;}
.shopping_bag .row .sub3 {width: 80px;}
.pvp2a {width: 80px;}
.shopping_bag  hidebag {margin-left:15px;}

.cont-infocliente{width:600px; margin-left:20px;}
}


@media screen and (width:600px) {
	.shopping_bag{width:550px; margin-left:0px}
	.resume_bag .header, .shopping_bag .header {width: 550px; }
	#empty_row {width: 539px;}
	.shopping_address .row {width: 550px;}
	.shopping_address {width:550px; margin-left:0px;}
	.resume_bag .header .produto, .shopping_bag .header .produto {width:230px;}
	.resume_bag .header .pvp, .shopping_bag .header .pvp {width:80px;}
	.resume_bag .header .qtd, .shopping_bag .header .qtd {width:80px;}
	.resume_bag .row .image, .shopping_bag .row .image {width:60px; padding-left:10px;}
	.resume_bag .row .produto, .shopping_bag .row .produto {width:150px;}
	.resume_bag .row .pvp, .shopping_bag .row .pvp {width:80px;}
	.resume_bag .row .qtd, .shopping_bag .row .qtd {width:80px;}
	.resume_bag .header .sub1 {width:110px;}
	.resume_bag .header .produto1, .shopping_bag .header .produto1 {
    width: 180px;}
	.resume_bag .row .produto1, .shopping_bag .row .produto1 {
    width: 175px;}
	.resume_bag .header .produto2, .shopping_bag .header .produto2 {
    width: 230px;}
	.resume_bag .row .produto2, .shopping_bag .row .produto2 {
    width: 150px;}
	.shopping_bag .row .eliminar {width:20px;}
	.shopping_bag .row .sub2 {width:110px;}
	.shopping_address .header {width:550px;}
	.items_address {width:150px}
	.shopping_address .header2 {width:550px;}
	.pvp3{margin-left:280px;}
	.pvp2{width:70px;}
	.pvp4{width:110px;}
	.continuar, .atualizar{margin-left:0px;}
	.shopping_bag hidebag div{margin-left:20px;}
	.prod_description{width:190px; padding-left:0px; padding-right:0px;}
	.pesquisaDiv{margin-left:30px;}
	.pvp2a{width:100px;}
	.shopping_bag .portes {width:550px;}
	.shopping_bag .total{width:550px;}
	
}



@media screen and (max-width:540px) {
    .bag_button {
    float: left;
    position: relative;
    margin-top: -13px;
    margin-left: -60px;
    font-size: 11px;
}


	.shopping_bag{width:450px; margin-left:10px;}
	.resume_bag .header .produto, .shopping_bag .header .produto{width:200px;font-size:11px;}
	.resume_bag .header, .shopping_bag .header{width:450px;}
	.resume_bag .row .image, .shopping_bag .row .image {width:54px;}
	.resume_bag .row .produto, .shopping_bag .row .produto {width:130px; font-size:11px;}
	.resume_bag .row .image, .shopping_bag .row .image {width:60px;padding-left:0px;}
	.resume_bag .header .pvp, .shopping_bag .header .pvp {width:60px; font-size:11px;}	
	.resume_bag .header .qtd, .shopping_bag .header .qtd {width:60px; font-size:11px;}
	.resume_bag .row .pvp, .shopping_bag .row .pvp {width:60px; font-size:11px;}
	.shopping_bag .header .sub1 {width:60px;}
	.resume_bag .row .qtd, .shopping_bag .row .qtd {width:60px;}
	.shopping_bag .row .sub2 {width:40px;}
	.pvp3 {margin-left:210px;}
	.shopping_address .row {width:450px; height:auto;}
	.continuar{margin-left:10px;}
	.atualizar{margin-top:10px;}
	.finalizar{margin-top:10px;}
	
	.shopping_address .header {width:450px;}
	.items_address {width:120px; height:80px}
	
	.shopping_address .header2 {width:450px;}
	.resume_bag {width:450px; margin-left:10px;}
	.resume_bag .header .produto2, .shopping_bag .header .produto2 {width:200px;}
	.resume_bag .row .produto2, .shopping_bag .row .produto2 {width:130px; line-height:18px;}
	.shopping_bag .row .sub3 {width: 80px;}
	#empty_row {width:440px;}
	
	.prod_description{width:200px; height:200px;}
	
	.cont-infocliente{width:500px; margin-left:20px;}
	.shopping_bag .portes {width:500px;}
	.shopping_bag .total{width:500px;}
	.pvp2a{width:70px;}
	.pvp2{width:70px;}
	.pvp4{width:70px;}
	
	}


@media screen and (max-width:480px) {
    .bag_button {
    display: none;
}

.shopping_bag .row {width:450px;}

}


@media (min-width:800px) and (max-width:854px) {
    .prod_description {
    width: 200px;
}
}


@media (min-width:640px) and (max-width:768px) {
    .prod_description {
    width: 100px;
    font-size: 11px;
}
}


@media (min-width:360px) and (max-width:480px) {
    .prod_description {
    width: 100px;
    font-size: 11px;
    margin-top: 0;
    height: auto;
    margin-left: -10px;
}
.bag_detail {
    width: 250px;
    height: 150px;
    float: left;
    position: relative;
    margin-left: 15px;
}
}

@media (max-height:320px) and (max-width:480px) {
    .prod_description {
    width: 90px;
    font-size: 10px;
    line-height: 10px;
    margin-top: 0;
    height: auto;
    margin-left: -15px;
}
.bag_detail {
    width: 170px;
    height: 150px;
    float: left;
    position: relative;
    margin-left: 0;
}


}


@media screen and (max-width:480px) {
	
	.prod_description{width:150px; margin-left:-20px;}
	.bag_detail{width:200px; margin-left:150px; margin-top:10px;}
	.pvp3 {width:345px; margin-left:0px;}
	.pvp2{width:55px;}
	.pvp4{width:60px;}
	.info{width:20px;}
	.shopping_bag  hidebag{margi-left:0pc;}
	#resumeCartConf{margin-left:-10px;}
}

@media screen and (width:480px) {
	.shopping_bag{width:450px; margin-left:10px;}
	.resume_bag .header .produto, .shopping_bag .header .produto{width:200px;font-size:11px;}
	.resume_bag .header, .shopping_bag .header{width:450px; height:30px;}
	.resume_bag .row .image, .shopping_bag .row .image {width:54px;}
	.resume_bag .row .produto, .shopping_bag .row .produto {width:130px; font-size:11px;}
	.resume_bag .row .image, .shopping_bag .row .image {width:60px;padding-left:0px;}
	.resume_bag .header .pvp, .shopping_bag .header .pvp {width:60px; font-size:11px;}	
	.resume_bag .header .qtd, .shopping_bag .header .qtd {width:60px; font-size:11px;}
	.resume_bag .row .pvp, .shopping_bag .row .pvp {width:60px; font-size:10px;}
	.shopping_bag .header .sub1 {width:60px; font-size:10px}
	.resume_bag .row .qtd, .shopping_bag .row .qtd {width:60px;  font-size:10px;}
	.shopping_bag .row .sub2 {width:40px; font-size:10px;}
	.pvp3 {margin-left:0px;}
	.shopping_address .row {width:450px; height:auto;}
	.continuar{margin-left:10px;}
	.atualizar{margin-top:10px;}
	.finalizar{margin-top:10px;}
	
	.shopping_address .header {width:450px;}
	.items_address {width:120px; height:80px}
	
	.shopping_address .header2 {width:450px;}
	.resume_bag {width:450px; margin-left:10px;}
	.resume_bag .header .produto2, .shopping_bag .header .produto2 {width:180px;}
	.resume_bag .row .produto2, .shopping_bag .row .produto2 {width:110px;}
	#empty_row {width:440px;}
	
	.resume_bag .header .produto1, .shopping_bag .header .produto1 {width: 160px; font-size:10px;}
	.resume_bag .header .pvp, .shopping_bag .header .pvp {font-size: 10px;width: 60px;}
	.resume_bag .header .qtd, .shopping_bag .header .qtd {font-size: 10px;width: 60px;}
	.resume_bag .row .produto1, .shopping_bag .row .produto1 {width: 155px; font-size: 10px;}
	.cont-infocliente {margin-left: 10px;width: 500px; margin-top:10px;}
		
	.shopping_bag .input_bag{font-size:10px;}
	.pesquisaDiv{margin-left:10px;}
	
		
	}

@media screen and (max-width:360px) {
	.shopping_bag{width:300px; margin-left:10px;}
	.resume_bag .header .produto, .shopping_bag .header .produto{width:60px;font-size:10px;}
	.resume_bag .header, .shopping_bag .header{width:300px; margin-left:15px;}
	.resume_bag .row .image, .shopping_bag .row .image {width:60px;}
	.resume_bag .row .produto, .shopping_bag .row .produto {display:none}
	.resume_bag .row .image, .shopping_bag .row .image {padding-left:0px;}
	.resume_bag .header .pvp, .shopping_bag .header .pvp {width:60px; font-size:10px;}	
	.resume_bag .header .qtd, .shopping_bag .header .qtd {width:60px; font-size:10px;}
	.resume_bag .row .pvp, .shopping_bag .row .pvp {width:60px; font-size:10px;}
	.shopping_bag .header .sub1 {width:50px; font-size:10px;}
	.resume_bag .row .qtd, .shopping_bag .row .qtd {width:60px; font-size:10px;}
	.shopping_bag .row .sub2 {width:40px; font-size:10px;}
	.pvp3 {margin-left:0px; font-size:10px; width:220px;}
	.pvp2{font-size:10px; width:30px;}
	.shopping_address .row {width:300px; height:auto;}
	.continuar{width:130px; margin-left:30px; font-size:10px;}
	.atualizar{margin-top:10px;width:130px; margin-left:30px;  font-size:10px;}
	.finalizar{margin-top:10px; width:130px; font-size:10px;}
	
	.shopping_address .header {width:300px;}
	.items_address {width:85px; height:auto;font-size:10px;}
	
	.shopping_address .header2 {width:300px; height:35px;}
	.resume_bag {width:300px; margin-left:10px;}
	.resume_bag .header .produto2, .shopping_bag .header .produto2 {width:180px;}
	.resume_bag .row .produto2, .shopping_bag .row .produto2 {width:110px;}
	#empty_row {width:290px; font-size:10px;}
	.prod_description{width:230px; height:190px; margin-left:0px;}
	.bag_detail{margin-left:20px; margin-top:40px;}
	.shopping_bag .row .eliminar {width:20px;}
	.shopping_bag .input_bag {font-size:10px;}
	.shopping_address .header {font-size:10px; height:25px;}
	.add_new_address {height:15px; line-height:18px;}
	.shopping_bag .row{width:300px; margin-left:15px;}
	
	.shopping_address {font-size:11px;}
	.shopping_bag  hidebag{margin-left:15px;}
	#confMoradaCliente{margin-left:20px;}
	.met-pagamento{margin-left:20px;}
	.pesquisaDiv {margin-left: 20px; margin-top: 50px; width: 300px;}
	
	.resume_bag .header .produto1, .shopping_bag .header .produto1 {width: 80px; font-size:10px; text-align:center}
	.resume_bag .header .pvp, .shopping_bag .header .pvp {font-size: 10px;width: 50px; text-align:center}
	.resume_bag .header .qtd, .shopping_bag .header .qtd {font-size: 10px;width: 60px;}
	.resume_bag .row .produto1, .shopping_bag .row .produto1 {width: 75px; font-size: 10px;}
	.cont-infocliente {margin-left: 10px;width: 500px; margin-top:10px;}
		
	.shopping_bag .input_bag{font-size:10px;}
	
	
}


@media screen and (max-width:320px) {
    .prod_description {
    width: 140px;
    font-size: 10px;
    margin-top: 0;
    height: 161px;
    margin-left: -30px;
    line-height: 10px;
}
.bag_detail {
    width: 250px;
    height: 150px;
    float: left;
    position: relative;
    margin-left: 15px;
}
.bag_cons {
    margin-top: -15px;
}
}