/* ----------------------------------------------------------------------------------------------------------------- */
/* estrutura principal */

div#item { display: block; position: relative; width: 100%; overflow: hidden; margin: 0 0 50px 0; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* fotos */

div#item div.display_photos { display: block; width: 55%; float: left; position: relative; }
    div#item div.display_photos a:first-child { display: block; }
    div#item div.display_photos a { width: 90%; margin: 0 auto; border: 1px solid transparent; display: none; }
    div#item div.display_photos a:hover { border: 1px solid #BC313A; }
        div#item div.display_photos a img { width: 90%; margin: 5%; }

    div#item div.display_photos div.discount { display: block; position: absolute; top: 10%; left: 10%; width: 80px; height: 80px; color: #ffffff; }
        div#item div.display_photos div.discount p { display: block; font-size: 24px; font-weight: bold; margin: 0; text-align: center; color: #ffffff; text-shadow: 1px 1px 0 #BC313A, -1px -1px 0 #BC313A, -1px 1px 0 #BC313A, 1px -1px 0 #BC313A; -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); }


/* ----------------------------------------------------------------------------------------------------------------- */
/* coluna direita ao lado das fotos */

div#item div.left_photos { display: block; width: 40%; float: right; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* nomes informacoes e precos */

div#item div.name_info_price_tools { display: block; position: relative; width: 100%; }

    div#item div.name_info_price_tools h1 { display: block; width: 100%; font-size: 20px; color: #bc313a; margin: 0 auto 20px auto; }
    div#item div.name_info_price_tools p.desc { display: block; margin: 15px 5% 25px 5%; width: 90%; font-size: 13px; }

    div#item div.name_info_price_tools div.campaign { display: block; width: 94%; margin: 0 auto; padding: 20px 2%; border: 1px solid #E7E8EA; }
        div#item div.name_info_price_tools div.campaign p.campaign { display: block; color: #bc313a; width: 65%; float: left; }
        div#item div.name_info_price_tools div.campaign p.price { font-weight: bold; display: block; width: 35%; float: right; text-align: right; }

    div#item div.name_info_price_tools div.price { width: 40%; float: left; margin: 20px 0 0 0; }
        div#item div.name_info_price_tools div.price p.old_price { color: #000000; font-size: 14px; text-decoration: line-through; margin: 0 0 5px 0; }
        div#item div.name_info_price_tools div.price p.actual_price { color: #97112b; font-size: 22px; display: block; margin: 0 0 20px 0; }
        div#item div.name_info_price_tools div.price p.iva { display: block; font-size: 12px; line-height: 15px; margin: 0; }

    div#item div.name_info_price_tools table.quantity_discounts { width: 100%; margin: 20px auto; background-color: #e9e9e9; }
        div#item div.name_info_price_tools table.quantity_discounts td { border-bottom: 1px solid #ffffff; padding: 5px 0; }
        div#item div.name_info_price_tools table.quantity_discounts td.title h3 { font-weight: bold; color: #bc313a; display: block; line-height: 25px; text-align: center; }
        div#item div.name_info_price_tools table.quantity_discounts td p { display: block; width: 100%; text-align: center; line-height: 25px; }

    div#item div.name_info_price_tools div.info { width: 60%; float: right; margin: 20px 0 0 0; }
        div#item div.name_info_price_tools div.info p { display: block; font-size: 12px; line-height: 20px; }

    div#item div.name_info_price_tools a.print { display: block; float: left; width: 50%; text-align: center; margin: 0 0 10px 0; }
    div#item div.name_info_price_tools a.send { display: block; float: right; width: 50%; text-align: center; margin: 0 0 10px 0; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* stock e encomendar */

div#item div.stock_order { display: block; width: 100%; background-color: #e9e9e9; border-bottom: 3px solid #bc313a; margin: 30px 0 0 0; }

    div#item div.stock_order p.in_stock { color: #464646; font-size: 13px; text-align: center; margin: 0 0 0 0; padding: 10px 0; }
    div#item div.stock_order p.out_stock { color: #bc313a; font-size: 13px; text-align: center; margin: 0 0 0 0; padding: 10px 0; text-decoration: line-through; }

    div#item div.stock_order div.alert { width: 100%; padding: 0 0 10px 0; }
        div#item div.stock_order div.alert h2 { font-size: 14px; width: 100%; line-height: 20px; margin: 10px 0 0 0; text-align: center; }
        div#item div.stock_order div.alert p { font-size: 12px; width: 50%; float: left; line-height: 20px; margin: 10px 0 0 0; }
        div#item div.stock_order div.alert input.text { float: right; width: 45%; margin: 10px 0 0 0; }
        div#item div.stock_order div.alert input.submit { display: block; margin: 10px auto 0 auto; }

    div#item div.stock_order div.order { width: 100%; padding: 0 0 10px 0; }
        div#item div.stock_order div.order form { padding: 10px 0; }
        div#item div.stock_order div.order p.legend { display: block; width: 45%; float: left; line-height: 20px; margin: 0 0 5px 5%; }
        div#item div.stock_order div.order select { display: block; float: right; width: 35%; margin: 0 0 5px 0; }
        div#item div.stock_order div.order img.photo { display: block; float: right; width: 20px; height: 20px; margin: 0 5% 5px 12px; }
        div#item div.stock_order div.order input.text { display: block; float: right; width: 40%; margin: 0 5% 5px 0; }
        div#item div.stock_order div.order input.file { display: block; float: right; width: 40%; margin: 0 5% 5px 0; }
        div#item div.stock_order div.order textarea { display: block; float: right; width: 40%; margin: 0 5% 5px 0; max-width: 40%; }
        div#item div.stock_order div.order input.submit { display: block; margin: 30px auto 0 auto; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* ofertas */

div#item div.offers { display: block; width: 100%; margin: 50px auto 0 auto; border-top: 1px solid #bc313a; }
    div#item div.offers h2 { display: block; width: 90%; padding: 20px 5%; font-size: 17px; color: #bc313a; margin: 0 auto 20px auto; }
    div#item div.offers div.details { display: block; width: 90%; margin: 0 auto; }
        div#item div.offers div.details div.offer { width: 21%; position: relative; float: left; margin: 0 2% 20px 2%; border: 1px solid transparent; cursor: pointer; height: 200px; }
        div#item div.offers div.details div.offer:hover { border: 1px solid #bc313a; }
            div#item div.offers div.details div.offer div.img { width: 90%; height: 145px; position: absolute; top: 5%; left: 5%; overflow: hidden; }
                div#item div.offers div.details div.offer div.img img { width: 100%; }
                div#item div.offers div.details div.offer p { position: absolute; top: 160px; left: 5%; width: 90%; height: 30px; overflow: hidden; text-align: center; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* informacoes */

div#item div.informations { display: block; width: 48%; float: left; margin: 50px 0 0 0; background-color: #e9e9e9; border-top: 1px solid #bc313a; border-bottom: 2px solid #bc313a; }
    div#item div.informations h2 { display: block; width: 90%; padding: 20px 5%; font-size: 17px; color: #bc313a; margin: 0 auto 20px auto; }

    div#item div.informations div.row:last-child { border-bottom: none; }
    div#item div.informations div.row { display: block; width: 95%; margin: 0 auto; border-bottom: 1px solid #ffffff; padding: 10px 0; }
        div#item div.informations p.legend { font-weight: bold; display: block; width: 40%; float: left; font-size: 14px; }
        div#item div.informations p.info { display: block; width: 55%; float: right; font-size: 14px; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* servicos */

div#item div.services { display: block; width: 48%; float: right; margin: 50px 0 0 0; background-color: #e9e9e9; border-top: 1px solid #bc313a; border-bottom: 2px solid #bc313a; }
    div#item div.services h2 { display: block; width: 90%; padding: 20px 5%; font-size: 17px; color: #bc313a; margin: 0 auto 20px auto; }

    div#item div.services div.row:last-child { border-bottom: none; }
    div#item div.services div.row { display: block; width: 95%; margin: 0 auto; border-bottom: 1px solid #ffffff; padding: 10px 0; }
        div#item div.services p { display: block; width: 100%; text-align: center; font-size: 14px; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* artigos relacionados */

    div#item div.related { display: block; width: 100%; margin: 50px auto 0 auto; border-top: 1px solid #bc313a; }
        div#item div.related h2 { display: block; width: 90%; padding: 20px 5%; font-size: 17px; color: #bc313a; margin: 0 auto 20px auto; }
        div#item div.related div.details { display: block; width: 90%; margin: 0 auto; }
            div#item div.related div.details div.rel { width: 21%; position: relative; float: left; margin: 0 2% 20px 2%; border: 1px solid transparent; cursor: pointer; height: 200px; }
            div#item div.related div.details div.rel:hover { border: 1px solid #bc313a; }
                div#item div.related div.details div.rel div.img { width: 90%; height: 145px; position: absolute; top: 5%; left: 5%; overflow: hidden; }
                    div#item div.related div.details div.rel div.img img { width: 100%; }
                    div#item div.related div.details div.rel p { position: absolute; top: 160px; left: 5%; width: 90%; height: 30px; overflow: hidden; text-align: center; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* observacoes */

div#item div.observations { display: block; width: 100%; margin: 50px auto 0 auto; border-top: 1px solid #bc313a; }
    div#item div.observations h2 { display: block; width: 90%; padding: 20px 5%; font-size: 17px; color: #bc313a; margin: 0 auto 20px auto; }
    div#item div.observations p { font-size: 14px; width: 90%; margin: 10px auto; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* packs */

div#item div.packs { display: block; width: 100%; margin: 50px auto 0 auto; border-top: 1px solid #bc313a; }
    div#item div.packs h2 { display: block; width: 90%; padding: 20px 5%; font-size: 17px; color: #bc313a; margin: 0 auto 20px auto; }

    div#item div.packs div.details:last-child { border-bottom: none; }
    div#item div.packs div.details { display: block; width: 90%; margin: 0 auto; border-bottom: 1px solid #464646; }

        div#item div.packs div.details div.photos { display: block; width: 70%; float: left; height: 125px; }
            div#item div.packs div.details div.photos div.img { display: block; height: 123px; width: auto; border: 1px solid transparent; overflow: hidden; margin: 0 0 0 5%; float: left; }
            div#item div.packs div.details div.photos div.img:hover { border: 1px solid #bc313a; }
                div#item div.packs div.details div.photos div.img img { height: 103px; margin: 10px; }

        div#item div.packs div.details div.prices { display: block; width: 30%; float: right; }
            div#item div.packs div.details div.prices p { font-size: 14px; line-height: 35px; }
            div#item div.packs div.details div.prices p.final { font-weight: bold; font-size: 22px; color: #bc313a; }

        div#item div.packs div.details div.name { display: block; width: 100%; margin: 10px 0 20px 0; }
            div#item div.packs div.details div.name a { display: block; text-decoration: none; }
            div#item div.packs div.details div.name a:hover { text-decoration: underline; }


/* ----------------------------------------------------------------------------------------------------------------- */
/* especificacoes tecnicas */

div#item div.specifications { display: block; width: 100%; margin: 50px auto 0 auto; background-color: #e9e9e9; border-top: 1px solid #bc313a; border-bottom: 2px solid #bc313a; }
    div#item div.specifications h2 { display: block; width: 90%; padding: 20px 5%; font-size: 17px; color: #bc313a; margin: 0 auto 20px auto; }

    div#item div.specifications div.row:last-child { border-bottom: none; }
    div#item div.specifications div.row { display: block; width: 90%; margin: 0 auto; border-bottom: 1px solid #ffffff; padding: 10px 0; }
        div#item div.specifications p.legend { font-weight: bold; display: block; width: 35%; float: left; font-size: 14px; }
        div#item div.specifications p.value { display: block; width: 65%; float: right; font-size: 14px; }


/* ----------------------------------------------------------------------------------------------------------------- */