/*
 * HOME
 */
 #home_section {
 	position: relative;
 	overflow: hidden;
 }
 #banners_wrap {
 	overflow: hidden;
 }


/*
 * List
 */
 ul#home_banners {
 	transition-duration : 800ms;
 	-webkit-transition-duration : 800ms;
 	transition-timing-function: ease-out;
 	-webkit-transition-timing-function: ease-out;
 	list-style: none;
 	padding: 0px;
 	left: 0;
 	position: relative;
 	top: 0px;
 	margin: 0px;
 	display:block;
 }
 #home_banners li {
 	display: block;
 	float: left;
 	position: relative;
 	width: 100%;
 }
 .home_img_banner_blur {
 	position: absolute;
 	overflow: hidden;
 }
 .promo_banner {
 	left: 50%;
 	position: absolute;
 	margin: -183px 0 0 -164px;
 	top: 185px;
 }
 .bg_promo_banner {
 	position:absolute;
 }
 .ambiente_wrap {
 	position: relative;
 	overflow: hidden;
 }
/*
 * Diamonds that used to be circles (Banner's products)
 */
 .circle_menu {
 	display: block;
 	left: 0;
 	position: absolute;
 	text-align: left;
 	top: 0;
 	z-index: 20;
 }
 .circle_menu_inside {
 	background-color: #fff;
 	height: 25px;
 	left: 0;
 	position: absolute;
 	top: 0;
 	width: 25px;
 	transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 	transition-delay: 200ms;
 	-webkit-transition-delay: 200ms;
 	opacity: 0.5;
 	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
 }
 .circle_menu.selected > .circle_menu_inside {
 	transform: rotate(90deg);
 	-webkit-transform: rotate(90deg);
 	transition-delay: 0s;
 	-webkit-transition-delay: 0s;
 }
 .circle_menu_content {
 	transition-property: background-position, width, height;
 	-webkit-transition-property: background-position, width, height;
 	transition-duration: 500ms, 100ms, 100ms;
 	-webkit-transition-duration: 500ms, 100ms, 100ms;
 	transition-timing-function: ease-in-out, ease-in-out, ;
 	-webkit-transition-timing-function: ease-in-out, ease-in-out, ;
 	transition-delay: 0s, 1s, 1s;
 	-webkit-transition-delay: 0s, 1s, 1s;
 	background: url('../../images/home/back_product_container.png') no-repeat;
 	background-position: -603px 0;
 	height: 0;
 	overflow: hidden;
 	position: absolute;
 	top: 0;
 	width: 0;
 }
 /* It opens the content upwards */
 .circle_menu_content.above { top: -122px; }
 /* Esto abre el contenido a la derecha */
 .circle_menu_content.left {
 	transition-property: background-position, width, height;
 	-webkit-transition-property: background-position, width, height;
 	transition-duration: 500ms, 100ms, 100ms;
 	-webkit-transition-duration: 500ms, 100ms, 100ms;
 	transition-timing-function: ease-in-out, ease-in-out, ;
 	-webkit-transition-timing-function: ease-in-out, ease-in-out, ;
 	transition-delay: 0s, 1s, 1s;
 	-webkit-transition-delay: 0s, 1s, 1s;
 	background: url('../../images/home/back_product_container_flipped.png') no-repeat;
 	background-position: 603px 0;
 	height: 0;
 	overflow: hidden;
 	position: absolute;
 	right: -25px;
 	width: 0;
 }
 .circle_menu.selected .circle_menu_content.left {
 	transition-property: background-position, width;
 	-webkit-transition-property: background-position, width;
 	transition-duration: 500ms, 100ms;
 	-webkit-transition-duration: 500ms, 100ms;
 	transition-timing-function: ease-in-out, ease-in-out;
 	-webkit-transition-timing-function: ease-in-out, ease-in-out;
 	transition-delay: 200ms, 200ms;
 	-webkit-transition-delay: 200ms, 200ms;
 	background-position: -101px 0;
 	height: 160px;
 	width: 400px;
 }
 /***/
 /* Esto abre el contenido a la izquierda */
 .circle_menu.selected .circle_menu_content {
 	transition-property: background-position, width;
 	-webkit-transition-property: background-position, width;
 	transition-duration: 500ms, 100ms;
 	-webkit-transition-duration: 500ms, 100ms;
 	transition-timing-function: ease-in-out, ease-in-out;
 	-webkit-transition-timing-function: ease-in-out, ease-in-out;
 	transition-delay: 200ms, 200ms;
 	-webkit-transition-delay: 200ms, 200ms;
 	background-position: 0 0;
 	height: 160px;
 	width: 400px;
 }
 .cross_circle_menu {
 	background: url('../../images/home/cross.png') no-repeat scroll center center;
 	height: 25px;
 	left: 0;
 	position: absolute;
 	top: 0;
 	width: 25px; 
 }
 .circle_menu.selected .cross_circle_menu {
 	transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 }
 /****/
 /* product's content */
 .circle_menu_content_inner {
 	transition-duration: 0s;
 	-webkit-transition-duration: 0s;
 	opacity: 0;
 	filter: alpha(opacity=0);
 	padding: 15px 0 0 40px;
 }
 .circle_menu.selected .circle_menu_content_inner {
 	transition-duration: 333ms;
 	-webkit-transition-duration: 333ms;
 	transition-delay: 500ms;
 	-webkit-transition-delay: 500ms;
 	opacity: 1;
 	filter: alpha(opacity=100);
 }
 .circle_menu_content.left .circle_menu_content_inner {
 	padding: 15px 0 0 30px;
 }
 .circle_product_img {
 	display: block;
 	float: left;
 	height: 130px;
 	margin-right: 14px;
 	overflow: hidden;
 	width: 130px !important;
 	text-align: center;
 	line-height: 130px;
 }
 .circle_product_img img {
 	vertical-align: middle;
 }
 .circle_product_info {
 	display: block;
 	float: left;
 }
 .product_info_title {
 	font-size: 18px;
 	font-weight: 700;
 	margin-bottom: 5px;
 }
 .product_info_buttons { 
 	height: 35px;
 	margin-top: 26px;
 	width: 200px;
 }
 .product_info_buttons a {
 	/*background-color: #2e2e2e;*/
 	color: #acacac;
 	display: block;
 	float: left;
 	height: 100%;
 	margin-right: 1px;
 	padding: 5px 0 0 11px;
 	position: relative;
 	line-height: 14px;
 	text-decoration: none;
 	width: 82px;
 }
 .product_info_buttons a:hover { color: #fff; }
 .product_info_button_back {
 	/*background-color: #ed1c24;*/
 	height: 100%;
 	left: 0;
 	position: absolute;
 	top: 0;
 	width: 0;
 	z-index: 1;
 }
 .product_info_buttons a:hover .product_info_button_back {
 	width: 100%;
 }
 .product_info_button_text {
 	position: relative;
 	z-index: 2;
 }
 .product_info_button_text span {
 	font-size: 12px;
 }
 .add_list_icon {
 	background: url('../../images/home/add_list_icon.png') no-repeat scroll right 0;
 	height: 10px;
 	left: -1px;
 	position: absolute;
 	top: 3px;
 	width: 10px;
 }
 .product_info_buttons a:hover .add_list_icon { background-position: left 0; }


/**
 * Banner's pagination
 */
 ul#home_pagination {
 	list-style: none;
 	left: 40px;
 	position: absolute;
 	bottom: 40px;
 	z-index: 20;
 }
 ul#home_pagination > li {
 	display: block;
 	float: left;
 	margin-right: 1px;
 }
 ul#home_pagination > li > a {
 	background-color: #fff;
 	display: block;
 	float: left;
 	height: 20px;
 	width: 20px;
 }
 .loader_color {
 	height: 100%;
 	width: 0;
 }




/***
 * BANNERS
 */

 /*
	* Banner 1
	*/
	.banner1_slogan {
		color: #ffffff;
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 10;
	}
	#banner1_slogan {
		color: #ffffff;
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 10;
	}
	#banner1_text {
		color: #383a3d;
		font-size: 37px;
		line-height: 40px;
		padding: 0 30px;
	}
	#banner1_text2 { font-size: 37px; }
	#banner1_box {
		background-color: #ffc219;
		font-size: 21px;
		margin-top: 20px;
		line-height: 22px;
		padding: 16px 6px 16px;
		text-align: center;
		text-shadow: 1px 1px 3px #000000;
	}
	.banner1_box {
		text-decoration: none;
		color: #ffffff;
		display: block;
		background-color: #ffc219;
		font-size: 21px;
		margin-top: 20px;
		line-height: 22px;
		padding: 16px 6px 16px;
		text-align: center;
		text-shadow: 1px 1px 3px #000000;
	}
	/* Product 1 */
	#banner1_product1 {
		left: 34%;
		top: 6%;
	}
	#banner1_product2 {
		left: 89%;
		top: 36%; 
	}
	#banner1_product3 {
		left: 38%;
		top: 89%; 
	}


/*
	* Banner 2
	*/
	#banner2_slogan {
		color: #2E2E2E;
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 10;
	}
	#banner2_text {
		font-size: 37px;
		line-height: 40px;
		padding: 0 30px;
	}
	#banner2_text2 { font-size: 37px; }
	#banner2_text3 { font-size: 36px; }
	#banner2_box {
		background-color: #A9A5A4;
		font-size: 17px;
		margin-top: 20px;
		line-height: 22px;
		padding: 16px 6px 16px;
		text-align: center;
		text-shadow: 1px 1px 3px #000000;
	}
	/* Product 1 */
	#banner2_product1 {
		left: 34%;
		top: 6%;
	}
	#banner2_product2 {
		left: 15%;
		top: 36%; 
	}
	#banner2_product3 {
		left: 38%;
		top: 75%; 
	}
	.btn_ver_aplicados,
	.btn_ver_aplicados_small
	{
		display:none;
	}
	.wrap_p_aplicados
	{
		display:none;
	}


	/** Responsive */
	@media (max-width: 1280px) { 
		/** Comienza Banners */
		#home_pagination {
			display:block;
		}

		ul#home_pagination > li > a {
			height: 30px;
			width: 30px;
		}
		/** Termina Banners */

	}
	@media (max-width: 1200px) { 

	}

	@media (max-width: 1024px) { 
		/** Comienza Banners */
		.home_img_banner_blur img {
			display: none;
		}
		ul#home_pagination {
			bottom: 12px;
			left: 13px;
		}
		#banner1_slogan, #banner2_slogan {
			bottom: 0;
			right: 0;
			width: 100%;
		}
		.banner1_slogan, .banner2_slogan {
			bottom: 0;
			right: 0;
			width: 100%;
		}
		/** Termina Banners */
	}

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 861px) and (max-width: 979px) { 

	}
	@media (min-width: 801px) and (max-width: 860px) { 

	}
	@media (min-width: 769px) and (max-width: 800px) { 

	}

	/* Landscape phone to portrait tablet */
	@media (max-width: 768px) { 
		#banner1_text, #banner1_text2, #banner1_text3,
		#banner2_text, #banner2_text2, #banner2_text3 {
			font-size:26px;
			line-height:29px;
		}
		.btn_ver_aplicados
		{
			position: absolute;
			margin: 1em;
			background: #fff;
			color:#2e2e2e;
			padding:.6em;
			text-decoration:none;
			display:block;
			z-index: 1;
		}
		#home_banners li
		{
			overflow: hidden;
		}
		.circle_menu_content.left {
			right: -30px;
		}
		.circle_menu_inside {
			height: 30px;
			width: 30px;
		}
		.cross_circle_menu {
			height: 30px;
			width: 30px;
		}
		ul#home_pagination {
			bottom: 11px;
			left: 11px;
		}
		ul#home_pagination > li > a {
			height: 30px;
			width: 30px;
		}
		.wrap_p_aplicados
		{
			display:block;
			position:absolute;
			width:50%;
			height:100%;
			background:#eee;
			top:0;
			left:-50px;
			overflow-y: auto;
		}
		.wrap_p_aplicados h2 
		{
			margin: .5em;
		}
		.single_aplicada
		{
			width:100%;
			min-height:100px;
			border-bottom: 1px solid #ddd;
			position:relative;
			overflow: hidden;
			padding-bottom:.5em;
			background:#fff;
		}
		.single_aplicada figure
		{
			width:35%;
			margin:.3em;
			text-align: center;
			float: left;
		}
		.single_aplicada figure img 
		{
			width: 100%;
			max-height: 130px;
		}
		.single_aplicada .info_apl
		{
			width: 60%;
			float: left;
			margin-left:.5em;
		}
		.single_aplicada .info_apl h3 
		{
			margin:.5em 0;
		}
		.single_aplicada .info_apl span
		{
			width:100%;
			display:block;
		}
		.single_aplicada .info_apl .product_info_buttons
		{
			margin-top:1em;
		}
		.ambiente_wrap
		{
			left:0;
		}
		.btn_cerrar_pr
		{
			display: block;
			position: absolute;
			right: 0;
			float: right;
			padding:.5em .7em;
			background:#2e2e2e;
			color:#fff;
			top:.5em;
			right: .5em;
			text-decoration: none;
		}
		
	}

	@media screen and (max-width: 640px)
	{
		ul#home_pagination > li > a
		{
			width: 20px;
			height:20px;
			bottom:0px;
			left:-30px;
		}
		.btn_ver_aplicados
		{
			display: none;
		}
		.btn_ver_aplicados_small
		{
			margin: 1em;
			background: #fff;
			color:#2e2e2e;
			height:50px;
			text-decoration:none;
			line-height:50px;
			vertical-align: middle;
			display:block;
			z-index: 1;
			position: absolute;
			display: block;
			margin:0;
			width:100px;
			text-align:center;
		}
		.wrap_p_aplicados
		{
			width:100%;
			display:none;
		}
		.btn_cerrar_pr
		{
			display: block;
			position: absolute;
			right: 0;
			float: right;
			padding:.5em;
			background:#2e2e2e;
			color:#fff;
			top:.5em;
			right: .5em;
			text-decoration: none;
		}
	}


	/* Landscape phones and down */
	@media (max-width: 480px) {
		#banner2_box {
			font-size:14px;
		}
		.btn_ver_aplicados_small
		{
			height:45px;
			line-height: 45px;
		}
		ul#home_pagination {
			bottom:16px;
			left: 11px;
		}
		#home_section .btn_ver_aplicados_small {
			line-height: 20px;
		}
		ul#home_pagination {
			bottom:60px;
		}
		#search_menu_input_wrap {
			left:-172px;
		}
	}

	/* Landscape phones and down */
	@media (max-width: 320px) {
		#banner1_text, #banner1_text2, #banner1_text3,
		#banner2_text, #banner2_text2, #banner2_text3 {
			font-size:17px;
			line-height:20px;
		}

	}


 .product_info_button_text span {
	font-size: 12px;
 }
 .add_list_icon {
	background: url('../../images/home/add_list_icon.png') no-repeat scroll right 0;
	height: 11px;
	left: 0px;
	position: absolute;
	top: 3px;
	width: 11px;
 }
 .product_info_buttons a {
	/*background-color: #2e2e2e;*/
	color: #373737;
	display: block;
	float: left;
	height: 100%;
	margin-right: 1px;
	padding: 5px 0 0 11px;
	position: relative;
	line-height: 14px;
	text-decoration: none;
	width: 82px;
 }
 .product_info_buttons a:hover { color: #ed1c23; }


 .product_info_button_text {
	position: relative;
	z-index: 2;
 }
 .product_info_button_text span {
	font-size: 12px;
 }

 
 .product_info_buttons a:hover .add_list_icon { background-position: left 0; }
