/* TOP: viene de las landing, en la web corporativa corresponde al slider */
.fondo_top {
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center, top;
}

/* Ipad Mini */
@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.fondo_top {
		width: 100%;
		height: 555px;
		background: 50% 100% no-repeat;
		background-size: 125%;
		background-position: center, top;
	}
}

/* Iphone 5 */
@media only screen and (min-device-width : 320px) and (max-device-width
	: 568px) {
	.fondo_top {
		width: 100%;
		height: 555px;
		background: 50% 100% no-repeat;
		background-size: 125%;
		background-position: center, top;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width
	: 480px) and (orientation : landscape) {
	.fondo_top {
		width: 100%;
		height: 500px;
		background: 50% 100% no-repeat;
		background-size: 210%;
		background-position: center, top;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width
	: 480px) and (orientation : portrait) {
	.fondo_top {
		width: 100%;
		height: 500px;
		background: 50% 100% no-repeat;
		background-size: 300%;
		background-position: center, top;
	}
}

.logo_top {
	background-position: center center;
	background-size: container;
	background-repeat: no-repeat;
	width: 400px;
	height: 300px;
}

.logo_top img {
	position: relative;
	top: 20px;
	left: 20px;
}

.img_top {
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	margin: auto;

/*margin-top: -235px;
	height: 490px;*/
	margin-top: -300px;
	height: 555px;
}

.dispositivo {
	display: block;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 	MEDIA QUERYS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media ( min-width : 1000px) {
	.dispositivos {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	.slider .bx-wrapper .bx-pager {
		width: 960px;
		margin: 0 auto;
		color: #fff;
	}
	.hidden_if_small{}
}

@media ( max-width : 1000px) {
	.hidden_if_small{}
	.fondo_box {
		background-attachment: fixed;
		background-position: center, top;
		background-repeat: no-repeat;
		background-size: 50% 0;
	}
	.logo_top {
		margin-left: 12px;
	}
	.img_top {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%, 980px;
		margin: auto;

/*margin-top: -235px;
	height: 490px;*/
	margin-top: -300px;
	height: 555px;
	}
	.dispositivos {
		position: absolute;
		float: left;
		bottom: 50px;
		right: 0px;
		margin-right: 12px;
	}
	.slider .bx-wrapper .bx-pager, .slider .bx-wrapper .bx-controls-auto {
		width: 960px;
		margin: 0 auto;
		position: none;
		bottom: 50px;
		color: #fff;
	}
	.slider .bx-wrapper {
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
}

@media ( max-width : 980px) {
	.hidden_if_small{}
	.slider .bx-wrapper .bx-pager, .slider .bx-wrapper .bx-controls-auto {
		width: 100%;
		margin: 0 auto;
		position: none;
		bottom: 20px;
		color: #fff;
	}
	.slider .bx-wrapper {
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
}

@media ( max-width : 767px) {
	.hidden_if_small{display:none;}
	.logo_top {
		width: 100%;
		margin: 0 auto;
	}
	.img_top {
		height: 385px;
		margin-top: -130px;
		width: 100%;
	}
	.height_top_responsive {
		height: 555px;
	}
	.dispositivos {
		position: absolute;
		float: left;
		bottom: 50px;
		left: 50%;
		margin-left: -128px;
	}
	.dispositivo {
		display: block;
		float: left;
		margin-bottom: 10px;
	}
	
	
@media ( max-width : 460px) {
	.hidden_if_small{display:none;}
		.logo_top {
			background-size: 80%;
			-webkit-background-size: 80%;
			background-position: center, top;
		}
		.dispositivo {
			margin-bottom: 5px;
		}
	}
	@media ( max-width : 395px) {
		.hidden_if_small{display:none;}
		.img_top {
			background-position: center top;
			background-repeat: no-repeat;
			background-size: 397px, 100%;
			width: 100%;
			height: 385px;
			margin: auto;
			margin-top: -130px;
		}
		.logo_top img {
			display: block;
			margin: 0 auto;
			max-width: 80%;
			top: 20px;
			left: 0px;
		}
	}
}