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

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


/* ---------------------------------------------------------------------------------------------- */
/* descricao */

div#item h1 { display: block; position: relative; width: 1100px; margin: 0 auto; font-family: 'HelveticaCondensedThin', sans-serif; font-size: 35px; line-height: 50px; }
div#item p { display: block; width: 1100px; margin: 5px auto 0 auto; font-size: 16px; color: #babcbe; line-height: 25px; }


/* ---------------------------------------------------------------------------------------------- */
/* separador */

div#item hr { display: block; position: relative; width: 1100px; height: 0; border: none; border-top: 1px solid #5f5f5f; border-bottom: 1px solid #cbcbcb; margin: 50px auto; }


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

div#item div.principalPhoto { display: block; position: relative; width: 100%; height: 300px; margin: 25px 0 0 0; text-align: center; }
	div#item div.principalPhoto img { display: none; position: relative; height: 100%; margin: 0 auto; }
	div#item div.principalPhoto img:first-child { display: block; }


/* ---------------------------------------------------------------------------------------------- */
/* detalhes */

div#item div.details { display: block; position: relative; width: 1100px; margin: 0 auto; }
	div#item div.details div.left { display: block; position: relative; width: 500px; margin: 0 auto; float: left; }
		div#item div.details div.left h2.campaign { display: block; position: relative; width: 100%; font-family: 'HelveticaCondensedHeavy', sans-serif; font-size: 28px; line-height: 35px; color: #2b2b2b; }
		div#item div.details div.left p.saving { display: block; position: relative; width: 100%; font-family: 'HelveticaCondensedHeavy', sans-serif; font-size: 28px; line-height: 35px; color: #2b2b2b; }
		div#item div.details div.left div.price { display: block; position: relative; width: 100%; margin: 25px 0 0 0; background-color: #2b2b2b; padding: 0; text-align: center; }
			div#item div.details div.left div.price p.old { display: inline-block; position: relative; width: auto; margin: 0 15px; line-height: 50px; font-size: 28px; font-family: 'HelveticaCondensedHeavy', sans-serif; color: #ffffff; padding: 0; vertical-align: top; float: left; }
				div#item div.details div.left div.price p.old span { display: block; position: absolute; top: 50%; left: -5%; width: 110%; height: 3px; background-color: #fac819; border: none; margin: -1px 0 0 0; }
			div#item div.details div.left div.price p.actual { display: inline-block; position: relative; width: auto; margin: 0 25px; line-height: 50px; font-size: 28px; font-family: 'HelveticaCondensedHeavy', sans-serif; color: #ffffff; padding: 0; vertical-align: top; }
			div#item div.details div.left div.price div.rates { display: inline-block; position: relative; width: 35%; margin: 0; padding: 15px 0 0 0; vertical-align: top; float: right; text-align: right; }
				div#item div.details div.left div.price div.rates p { display: block; position: relative; width: auto; line-height: 25px; font-size: 16px; font-family: 'HelveticaCondensedThin', sans-serif; color: #ffffff; padding: 0 15px; }
		div#item div.details div.left p.information { display: block; position: relative; width: 100%; margin: 15px 0 0 0; font-size: 18px; line-height: 25px; color: #2b2b2b; }

		div#item div.details div.left form.cartitem { display: block; position: relative; width: 100%; margin: 25px 0 0 0; }
			div#item div.details div.left form.cartitem p.legend { display: block; position: relative; width: 40%; float: left; color: #2b2b2b; font-size: 18px; line-height: 25px; margin: 0 0 10px 0; }
			div#item div.details div.left form.cartitem select { display: block; position: relative; width: 40%; float: left; line-height: 25px; height: 25px; border: none; background-color: #babcbe; margin: 0 0 10px 5%; }
			div#item div.details div.left form.cartitem input[type="text"] { display: block; position: relative; width: 55%; float: left; line-height: 25px; height: 25px; border: none; background-color: #babcbe; margin: 0 0 10px 5%; }
			div#item div.details div.left form.cartitem input[type="file"] { display: block; position: relative; width: 55%; float: left; line-height: 25px; height: 25px; border: none; background-color: #babcbe; margin: 0 0 10px 5%; }
			div#item div.details div.left form.cartitem input[type="submit"] { display: block; position: absolute; bottom: 0; right: -375px; background-color: #ffffff; border: 1px solid #2b2b2b; padding: 20px 75px; float: right; margin: 25px 0 0 0; cursor: pointer; text-transform: uppercase; }
			div#item div.details div.left form.cartitem input[type="submit"]:hover { background-color: #2b2b2b; color: #ffffff; }
			div#item div.details div.left form.cartitem textarea { display: block; position: relative; width: 55%; float: left; line-height: 25px; height: 50px; border: none; background-color: #babcbe; margin: 0 0 10px 5%; padding: 0; resize: vertical; }
			div#item div.details div.left form.cartitem a.IDSGallery { display: block; position: relative; width: 10%; float: right; line-height: 25px; height: 25px; text-align: right; border: none; background-color: #babcbe; margin: 0 0 10px 5%; }

		div#item div.details div.left h3.quantityDiscounts { display: block; position: relative; width: 100%; margin: 25px 0 0 0; font-family: 'HelveticaCondensedHeavy', sans-serif; font-size: 32px; line-height: 50px; color: #2b2b2b; text-transform: uppercase; }
			div#item div.details div.left div.quantityDiscounts { display: block; position: relative; width: 100%; margin: 5px 0 0 0; background-color: #babcbe; }
				div#item div.details div.left div.quantityDiscounts p { display: inline-block; position: relative; width: 40%; line-height: 40px; color: #ffffff; font-family: 'HelveticaCondensedMedium', sans-serif; font-size: 25px; margin: 0 3%; }

		div#item div.details div.left a.print { display: block; position: relative; width: 45%; margin: 50px 0 0 0; height: 65px; background: #2b2b2b url(../../src/img/itemPrint.png) no-repeat 10px center; float: left; }
		div#item div.details div.left a.print:hover { background-color: #BABCBE; }
			div#item div.details div.left a.print span { display: block; position: absolute; top: 10px; right: 20px; width: 50%; height: 55px; line-height: 26px; font-size: 16px; color: #ffffff; }
		div#item div.details div.left a.send { display: block; position: relative; width: 45%; margin: 50px 0 0 0; height: 65px; background: #2b2b2b url(../../src/img/itemSend.png) no-repeat 10px center; float: right; }
		div#item div.details div.left a.send:hover { background-color: #BABCBE; }
			div#item div.details div.left a.send span { display: block; position: absolute; top: 22px; right: 20px; width: 50%; height: 26px; line-height: 26px; font-size: 16px; color: #ffffff; }

		div#item div.details div.left p.stock { display: block; position: relative; width: 100%; color: #37b24a; font-family: 'HelveticaCondensedHeavy', sans-serif; font-size: 34px; line-height: 70px; margin: 35px 0 0 0; }
		div#item div.details div.left p.stockOut { display: block; position: relative; width: 100%; color: #b23737; font-family: 'HelveticaCondensedHeavy', sans-serif; font-size: 34px; line-height: 70px; margin: 35px 0 0 0; }

		div#item div.details div.left form.alert { display: block; position: relative; width: 100%; margin: 25px 0 0 0; }
			div#item div.details div.left form.alert h2 { display: block; position: relative; width: 100%; font-family: 'HelveticaCondensedHeavy', sans-serif; font-size: 28px; line-height: 35px; color: #2b2b2b; margin: 0 0 25px 0; }
			div#item div.details div.left form.alert p.legend { display: block; position: relative; width: 50%; float: left; color: #2b2b2b; font-size: 18px; line-height: 25px; margin: 0 0 10px 0; }
			div#item div.details div.left form.alert input[type="text"] { display: block; position: relative; width: 45%; float: left; line-height: 25px; height: 25px; border: none; background-color: #babcbe; margin: 0 0 10px 5%; }
			div#item div.details div.left form.alert input[type="submit"] { display: block; position: absolute; bottom: 0; right: -375px; background-color: #ffffff; border: 1px solid #2b2b2b; padding: 20px 75px; float: right; margin: 25px 0 0 0; cursor: pointer; text-transform: uppercase; }
			div#item div.details div.left form.alert input[type="submit"]:hover { background-color: #2b2b2b; color: #ffffff; }

	div#item div.details div.right { display: block; position: relative; width: 500px; margin: 0 auto; float: right; text-align: center; }
		div#item div.details div.right a { display: none; position: relative; width: 150px; height: 125px; margin: 5px; }
		div#item div.details div.right a:nth-child( 1 ) { display: inline-block; width: 500px; height: 200px; margin: 5px; }
		div#item div.details div.right a:nth-child( 2 ) { display: inline-block; }
		div#item div.details div.right a:nth-child( 3 ) { display: inline-block; }
		div#item div.details div.right a:nth-child( 4 ) { display: inline-block; }


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

div#item div.informations { display: block; position: relative; width: 100%; margin: 75px 0 0 0; text-align: left; padding: 0 0 44px 0; background-color: #e5e6e7; }
	div#item div.informations div.title { display: block; position: absolute; top: -38px; left: 50%; width: 50%; height: 38px; background-color: #e5e6e7; }
		div#item div.informations div.title span { display: block; position: absolute; left: -80px; top: 0; width: 80px; height: 38px; background: transparent url(../../src/img/itemInformationsTab.png) no-repeat; }
		div#item div.informations div.title h2 { display: block; position: relative; width: 500px; line-height: 50px; font-size: 25px; color: #2b2b2b; padding: 0 0 0 50px; }
	div#item div.informations div.text { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 25px 0 0 0; }
		div#item div.informations div.text p { display: block; position: relative; width: 450px; padding: 0 0 0 100px; font-size: 16px; line-height: 35px; color: #2b2b2b; float: right; }


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

div#item div.observations { display: block; position: relative; width: 100%; margin: 0; text-align: left; padding: 0 0 44px 0; background-color: #a5a7aa; }
	div#item div.observations div.title { display: block; position: absolute; top: -38px; left: 0; width: 50%; height: 38px; background-color: #a5a7aa; }
		div#item div.observations div.title span { display: block; position: absolute; right: -80px; top: 0; width: 80px; height: 38px; background: transparent url(../../src/img/itemObservationsTab.png) no-repeat; }
		div#item div.observations div.title h2 { display: block; position: relative; width: 500px; line-height: 50px; font-size: 25px; color: #2b2b2b; padding: 0 0 0 50px; float: right; }
	div#item div.observations div.text { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 25px 0 0 0; }
		div#item div.observations div.text p { display: block; position: relative; width: 450px; padding: 0 0 0 100px; font-size: 16px; line-height: 35px; color: #2b2b2b; float: left; }


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

div#item div.services { display: block; position: relative; width: 100%; margin: 0; text-align: left; padding: 0 0 44px 0; background-color: #808083; }
	div#item div.services div.title { display: block; position: absolute; top: -38px; left: 50%; width: 50%; height: 38px; background-color: #808083; }
		div#item div.services div.title span { display: block; position: absolute; left: -80px; top: 0; width: 80px; height: 38px; background: transparent url(../../src/img/itemServicesTab.png) no-repeat; }
		div#item div.services div.title h2 { display: block; position: relative; width: 500px; line-height: 50px; font-size: 25px; color: #2b2b2b; padding: 0 0 0 50px; }
	div#item div.services div.text { display: block; position: relative; width: 1100px; margin: 0 auto; padding: 25px 0 0 0; }
		div#item div.services div.text p { display: block; position: relative; width: 450px; padding: 0 0 0 100px; font-size: 16px; line-height: 35px; color: #2b2b2b; float: right; }


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

div#item div.specifications { display: block; position: relative; width: 100%; margin: 0; text-align: left; padding: 25px 0 44px 0; background-color: #2b2b2b; }
	div#item div.specifications div.title { display: block; position: absolute; top: -38px; left: 0; width: 50%; height: 38px; background-color: #2b2b2b; }
		div#item div.specifications div.title span { display: block; position: absolute; right: -80px; top: 0; width: 80px; height: 38px; background: transparent url(../../src/img/itemSpecificationsTab.png) no-repeat; }
		div#item div.specifications div.title h2 { display: block; position: relative; width: 500px; line-height: 50px; font-size: 25px; color: #ffffff; padding: 0 0 0 50px; float: right; }
	div#item div.specifications div.block { display: block; position: relative; width: 1100px; margin: 0 auto; border-bottom: 1px solid #ffffff; padding: 3px 0; }
		div#item div.specifications div.block h3 { display: block; position: relative; width: 300px; padding: 0; margin: 0 0 0 50px; font-size: 16px; line-height: 35px; color: #ffffff; float: left; text-align: left; }
		div#item div.specifications div.block p { display: block; position: relative; width: 700px; padding: 0; margin: 0 50px 0 0; font-size: 16px; line-height: 35px; color: #ffffff; float: right; text-align: left; }


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

div#item div.offers { display: block; width: 1100px; margin: 50px auto 0 auto; text-align: left; }
	div#item div.offers div.articles { display: block; position: relative; width: 100%; margin: 20px 0 0 0; text-align: left; }
	div#item div.offers div.articles a.item { display: inline-block; cursor: pointer; position: relative; width: 265px; height: 220px; margin: 15px; border: none; background-color: #ffffff; }
	div#item div.offers div.articles a.item:hover div.details { display: block; }

        div#item div.offers div.articles a.item div.details { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 1; }
        	div#item div.offers div.articles a.item div.details h1 { display: block; position: absolute; top: 15px; left: 5%; width: 90%; height: 150px; font-family: 'NudelyRegularOne', sans-serif; font-size: 28px; line-height: 50px; color: #2b2b2b; overflow: hidden; }


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

div#item div.related { display: block; width: 1100px; margin: 50px auto 0 auto; text-align: left; }
	div#item div.related div.articles { display: block; position: relative; width: 100%; margin: 20px 0 0 0; text-align: left; }
	div#item div.related div.articles a.item { display: inline-block; cursor: pointer; position: relative; width: 265px; height: 220px; margin: 15px; border: none; background-color: #ffffff; }
	div#item div.related div.articles a.item:hover div.details { display: block; }

        div#item div.related div.articles a.item div.details { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 1; }
        	div#item div.related div.articles a.item div.details h1 { display: block; position: absolute; top: 15px; left: 5%; width: 90%; height: 150px; font-family: 'NudelyRegularOne', sans-serif; font-size: 28px; line-height: 50px; color: #2b2b2b; overflow: hidden; }


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

div#item div.packs { display: block; width: 1100px; margin: 50px auto 0 auto; text-align: left; }

    div#item div.packs a { display: block; width: 100%; margin: 25px auto; background-color: #ffffff; text-align: center; text-decoration: none; }
    /*div#item div.packs a:hover { background-color: #2b2b2b; }*/
    div#item div.packs a:hover div.price { background-color: #fac819; }
    div#item div.packs a:hover div.price p.initial { color: #2b2b2b; }
    div#item div.packs a:hover div.price p.discount { color: #2b2b2b; }
    div#item div.packs a:hover div.price p.final { color: #2b2b2b; }
    	div#item div.packs a span { display: inline-block; position: relative; width: 26%; height: 150px; margin: 2%; }
    	div#item div.packs a div.price { display: block; position: relative; width: 90%; height: 50px; background-color: #2b2b2b; padding: 0 5%; text-align: left; }
    		div#item div.packs a div.price p.initial { display: inline-block; position: relative; width: 25%; font-size: 18px; color: #ffffff; line-height: 50px; margin: 0; padding: 0; }
    		div#item div.packs a div.price p.discount { display: inline-block; position: relative; width: 25%; font-size: 18px; color: #ffffff; line-height: 50px; margin: 0 0 0 5%; padding: 0; }
    		div#item div.packs a div.price p.final { display: inline-block; position: relative; width: 25%; font-family: 'HelveticaCondensedHeavy', sans-serif; font-size: 25px; color: #ffffff; line-height: 50px; margin: 0 0 0 5%; padding: 0; }


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