/* Document : produto_listar Created on : 30/05/2011, 13:13:27 Author : carlosgarcia Description: Purpose of the stylesheet follows. */ /* TODO customize this sample style Syntax recommendation http://www.w3.org/TR/REC-CSS2/ */ .container_item_produto {width: 980px;} .container_proposta_chamado {margin: 10px; display: none;} .container_item_produto {margin-left: 0px; width: 100%} .item_produto .container_left {width: 350px; float: left; margin-top: 20px; text-align: right; margin-right: 20px; min-height: 800px; margin-left: 50px;} .item_produto .titulo_item {margin-left: 10px; height: 22px; font-size: 11pt; margin-bottom: 5px;} .item_produto .destino {margin-left: 10px; clear: both; font-size: 16pt; text-align: right; font-weight: boldl} .item_produto .nome {margin-top: 10px; margin-left: 10px;} .item_produto span.nome {font-size: 16px;} .item_produto .container_quantidade {margin-bottom: 10px; margin-top: 20px;} .item_produto .qtd_title {width: 300px; text-align: right; margin-bottom: 7px; float: right} .item_produto .qtd {width: 40px; text-align: right} .item_produto .container_valor {margin-bottom: 10px; margin-top: 20px;} .item_produto .container_valor .parcelado {font-size: 2em;} .item_produto .container_valor .total {font-size: 1em; margin-bottom: 10px;} .item_produto .valor:before {margin-right: 3px;font-size: 12pt; text-indent: -1px;} .item_produto .titulo_descricao {font-size: 11pt; } .item_produto .descricao {font-size: 10pt; color: #ccc; text-align: right; min-height: 60px; margin-bottom: 20px; margin-top: 10px;} .item_produto .data {margin-top: 20px; margin-left: 10px;} .item_produto span.data {font-size: 16px;} .item_produto .data_saida {height: 20px; clear: both} .item_produto .data_retorno {height: 20px; clear: both} .selo_position {position: absolute; right: 0px; top: 0px;} .divider {background: url(/media/images/layout/user/purplepier/faq_divider_horizontal_small_right.png) no-repeat; width: 300px; height: 31px; float: right} .item_produto .container_right {float: left; margin-right: 10px; margin-top: 10px; width: 550px} .container_foto_produto {background: url(/media/images/textures/paginas/transparent_20.png); position: relative} .container_thumbnails {display: inline-block; white-space: nowrap; margin-top: 10px;} .thumbnail_foto_produto, .thumbnail_foto_produto_html5 {position: relative; cursor: pointer} .thumbnail_foto_produto img {height: 100%} .searchcep {margin: 25px 0 0 0px; clear: both;} .container_icons {display: inline-block;} .ctn_shipping {display: none;} .icon_plane {background: url(/media/images/layout/user/viaja123/icon_plane.png) no-repeat; width: 30px; height: 30px; overflow: hidden; cursor: pointer; border: none; background-position: 0px 0px} .icon_plane_pressed {background: url(/media/images/layout/user/viaja123/icon_plane.png) no-repeat; width: 30px; height: 30px; overflow: hidden; cursor: pointer; border: none; background-position: 0px -60px;} .icon_plane:hover {background-position: 0px -30px} .icon_payment_2x {background: url(/media/images/layout/user/viaja123/icon_2x.png) no-repeat; width: 30px; height: 30px; overflow: hidden; cursor: pointer; border: none; background-position: 0px 0px} .icon_payment_2x_pressed {background: url(/media/images/layout/user/viaja123/icon_2x.png) no-repeat; width: 30px; height: 30px; overflow: hidden; cursor: pointer; border: none; background-position: 0px -60px;} .icon_payment_2x:hover {background-position: 0px -30px} .icon_payment_3x {background: url(/media/images/layout/user/viaja123/icon_3x.png) no-repeat; width: 30px; height: 30px; overflow: hidden; cursor: pointer; border: none; background-position: 0px 0px} .icon_payment_3x_pressed {background: url(/media/images/layout/user/viaja123/icon_3x.png) no-repeat; width: 30px; height: 30px; overflow: hidden; cursor: pointer; border: none; background-position: 0px -60px;} .icon {} .title_blue {float: none!important;} .botao_carrinho {text-align: center; vertical-align: middle; cursor: pointer; width: 60px!important; height: 30px; background-repeat: no-repeat; overflow: hidden; border: none; background-color: transparent;} .botao_carrinho:hover {background-position: 0px -30px;} .botao_carrinho_disabled {text-align: center; vertical-align: middle; width: 60px!important; height: 30px; background-repeat: no-repeat; overflow: hidden; border: none; background-color: transparent;background: url("/media/images/textures/botao/cart_disabled.png") no-repeat} .botao_small {text-align: center; vertical-align: middle; cursor: pointer; width: 60px!important; height: 30px; background-repeat: no-repeat; overflow: hidden; border: none; background-color: transparent; background: url("/media/images/textures/botao/blue_dark_3_small.png") no-repeat} .botao_small:hover {background-position: 0px -30px;} .botao_whishlist {text-align: center; vertical-align: middle; cursor: pointer; width: 60px!important; height: 30px; background-repeat: no-repeat; overflow: hidden; border: none; background-color: transparent; background: url("/media/images/textures/botao/buttons_whishlist.png") no-repeat} .botao_whishlist:hover {background-position: 0px -30px;} .botao_compare {text-align: center; vertical-align: middle; cursor: pointer; width: 60px!important; height: 30px; background-repeat: no-repeat; overflow: hidden; border: none; background-color: transparent; background: url("/media/images/textures/botao/button_compare_items_gray.png") no-repeat} .botao_compare:hover {background-position: 0px -30px;} .icon_shipping {width: 40px; height: 40px; font-size: 2em} .icon_pac_mini {background: url(/media/images/layout/payments/pac_mini.png) no-repeat; width: 63px; height: 25px;} .icon_sedex_mini {background: url(/media/images/layout/payments/sedex_mini.png) no-repeat; width: 63px; height: 25px;} .icon_ups_mini {background: url(/media/images/layout/payments/ups_mini.png) no-repeat; width: 63px; height: 25px;} /* Bread crumb */ .item_bread {float: left; margin-right: 10px; color: #000!important;} .item_bread_crumb {float: left!important; margin-right: 5px; color: #000!important; margin-top: 1px; margin-left: 5px; font-size: 0.9em; text-decoration: underline; width: auto!important;}