/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

#products_details { display: block; position: relative; flex-direction: row; justify-content: space-between; width: 100%; margin: 0 auto; padding: 0; }
	#products_details div.container { display: flex; position: relative; flex-direction: row; justify-content: space-between; width: 100%; margin: 20px auto 0 auto; padding: 0; }

@media all and ( max-width: 899px ) {
	#products_details div.container { display: block; }
}

/* ================================================================================================================== */
/* categorias */
/* ================================================================================================================== */

#products_details div.root { display: block; position: relative; width: 100%; border-bottom: 1px solid #dbddde; padding: 0 20px; text-align: center; }
	#products_details div.root a { display: inline-block; position: relative; width: auto; margin: 5px 30px; text-decoration: none; font-size: 15px; line-height: 20px; }
	#products_details div.root a:hover,
	#products_details div.root a.selected { color: #59bad5; }

#products_details div.childrens { display: block; position: relative; width: 100%; border-bottom: 2px solid #dbddde; padding: 0 20px; text-align: center; }
	#products_details div.childrens a { display: inline-block; position: relative; width: auto; margin: 5px 0; text-decoration: none; font-size: 14px; line-height: 16px; color: #808184; }
	#products_details div.childrens a:after { content: "•"; display: inline-block; position: relative; width: auto; margin: 5px 20px; text-decoration: none; font-size: 14px; line-height: 20px; color: #808184; cursor: default; }
	#products_details div.childrens a:last-child:after { content: "•"; display: none; }
	#products_details div.childrens a:hover,
	#products_details div.childrens a.selected { color: #323a47; }

@media all and ( max-width: 899px ) {
	#products_details div.root { padding: 0 5px; }
		#products_details div.root a { margin: 5px 10px; }

	#products_details div.childrens { padding: 10px 5px; }
		#products_details div.childrens a { margin: 5px 10px; }
		#products_details div.childrens a:after { display: none; }
}

/* ================================================================================================================== */
/* fotografias */
/* ================================================================================================================== */

#products_details div.photos { display: inline-block; position: relative; width: 100%; height: auto; margin: 0; padding: 0; vertical-align: top; text-align: left; }
	#products_details div.photos div.inner { display: block; position: relative; width: 100%; height: 550px; overflow: hidden; }
		#products_details div.photos div.inner span.elem { position: absolute; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; }
		#products_details div.photos div.inner span.elem[data-status="true"] { opacity: 1; top: 0; transform: scale(1); }
		#products_details div.photos div.inner span.elem[data-status="false"] { opacity: 0; top: -100px; transform: scale(0.25); }
	#products_details div.photos div.controllers { display: block; position: relative; width: 100%; height: auto; margin: 15px 0 0 0; text-align: center; }
		#products_details div.photos div.controllers span { display: inline-block; position: relative; width: 8px; height: 8px; border-radius: 100%; cursor: pointer; margin: 5px 15px; }
		#products_details div.photos div.controllers span[data-status="true"] { background-color: #59bad5; }
		#products_details div.photos div.controllers span[data-status="false"] { background-color: #cfd2d3; }
		#products_details div.photos div.controllers span:hover { background-color: #59bad5; }

@media all and ( max-width: 899px ) {
	#products_details div.photos { display: block; width: auto; }
		#products_details div.photos div.inner { height: 175px; }
}

/* ================================================================================================================== */
/* conteudo */
/* ================================================================================================================== */

#products_details div.content { display: inline-block; position: relative; width: 100%; max-width: 600px; height: auto; margin: 0 0 0 100px; padding: 0; vertical-align: top; }
	#products_details div.content h3 { margin: 10px 0 25px 0; }
	#products_details div.content h2 { margin: 0 0 25px 0; }
	#products_details div.content p { margin: 0 35px 0 0; }

@media all and ( max-width: 899px ) {
	#products_details div.content { display: block; margin: 25px 0 0 0; }
}

/* ================================================================================================================== */
/* precos */
/* ================================================================================================================== */

#products_details div.prices { display: block; position: relative; width: auto; text-align: left; }
	#products_details div.prices p.final_price { display: inline-block; position: relative; font-size: 24px; line-height: 35px; color: #59bad5; vertical-align: middle; margin: 0; }
	#products_details div.prices p.old_price { display: inline-block; position: relative; font-size: 24px; line-height: 35px; color: #bbbdbf; vertical-align: middle; margin: 0 25px; text-decoration: line-through; }
	#products_details div.prices span.discount { display: inline-block; position: relative; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #ffffff; background-color: #59bad5; border-radius: 100%; transform: rotate(-25deg); vertical-align: middle; }

/* ================================================================================================================== */
/* cores */
/* ================================================================================================================== */

#products_details div.colors { display: block; position: relative; width: auto; text-align: left; }
	#products_details div.colors div.elem { display: inline-block; position: relative; width: auto; max-width: 100px; vertical-align: top; margin: 0 20px 10px 0; }
		#products_details div.colors div.elem span { display: block; position: relative; width: 25px; height: 25px; border-radius: 100%; margin: 0 auto; }
		#products_details div.colors div.elem p { display: block; position: relative; color: #808184; font-size: 14px; margin: 0; }

/* ================================================================================================================== */
/* ficha tecnica */
/* ================================================================================================================== */

#products_details a.datasheet { display: inline-block; position: relative; background-color: #eceded; padding: 5px 30px; text-decoration: none; margin: 35px 0 0 0; }
#products_details a.datasheet:hover { background-color: #59bad5; }
	#products_details a.datasheet div.icon { display: inline-block; position: relative; vertical-align: top; width: 35px; height: 28px; }
		#products_details a.datasheet div.icon span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../images/download_icon.png) no-repeat; }
		#products_details a.datasheet div.icon span.normal { background-position-y: 0; opacity: 1; }
		#products_details a.datasheet div.icon span.hover { background-position-y: -28px; opacity: 0; }
		#products_details a.datasheet:hover div.icon span.normal { opacity: 0; }
		#products_details a.datasheet:hover div.icon span.hover { opacity: 1; }
	#products_details a.datasheet p { display: inline-block; position: relative; line-height: 28px; vertical-align: top; font-size: 12px; margin: 0 0 0 35px; }
	#products_details a.datasheet:hover p { color: #ffffff; }