#item { display: block; position: relative; width: 100%; margin: 0 auto; padding: 40px 0 40px 0; background: #404041 url( ../../../../src/img/bg/body.jpg) repeat; }


    #item div.container { display: block; position: relative; width: 1200px; margin: 0 auto; }
		#item div.container div.left { display: block; position: relative; width: 650px; min-height: 200px; float: left; }
		#item div.container div.right { display: block; position: relative; width: 500px; min-height: 200px; float: right; }

	#item h1 { display: block; position: relative; width: 100%; margin: 0 auto; color: #ffffff; font-size: 35px; line-height: 50px; }
	#item p.description { display: block; position: relative; width: 100%; margin: 30px auto 30px auto; line-height: 25px; }
	#item p.topic { display: block; position: relative; width: 100%; margin: 0 auto; font-size: 12px; line-height: 20px; }

	#item a.photo { display: block; position: relative; width: 240px; height: 180px; margin: 5px; float: left; overflow: hidden; }
		#item a.photo img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; min-width: 100%; min-height: 100%; max-width: 200%; max-height: 200%; }

	#item a.prev { display: block; position: relative; margin: 50px 0 0 0; overflow: hidden; text-decoration: none; color: #D97027; }
	#item a.prev:hover { text-decoration: underline; }

	/* categorias */
	#item div.categories { display: block; position: relative; width: 250px; margin: 30px 0 0 0; float: left; }
		#item div.categories a { display: block; position: relative; width: 100%; margin: 0; line-height: 25px; font-size: 14px; text-decoration: none; }
		#item div.categories a:hover { color: #F1AC97; }
		#item div.categories a.hasChilds,
		#item div.categories a.actual { color: #F1AC97; font-size: 14px; }
		#item div.categories a.hasChilds:hover,
		#item div.categories a.actual:hover { text-decoration: underline; }


@media all and ( max-width: 1199px )
{
	#item div.container { width: 90%; margin: 0 auto; }
		#item div.container div.left { width: 100%; min-height: 0; }
		#item div.container div.right { width: 100%; min-height: 0; text-align: center; }

	#item h1 { font-size: 28px; }
	#item a.prev { margin: 50px 0; }

	#item div.photo { display: none; }
	#item div.photo:nth-child(1),
	#item div.photo:nth-child(2),
	#item div.photo:nth-child(3) { display: inline-block; margin: 5px; }
}