/*
Sitio web soluciona
desattollado por : Fernando
url: http://emposicionamientodigital.com
*/

	
@media screen {

	#historia{
		margin-top:170px;
		color:#556060;
		margin-bottom: 50px;
	}
	#historia h1,#cita h2,#significado h2{
		font-size: 50px;
		color:#556060;
		text-align: center;
		font-weight: 600;
		width: 100%;
	}
	#historia .tit2,#cita .tit2,#significado .tit2{
		font-weight: 500;
		color:#ba4eba;
		width:100%;
		text-align: center;
		display: block;
		font-size: 28px;
	}
	#historia .columnas{
		width:100%;
		display: flex;
		float: left;
		margin-top: 45px;
	}
	#historia .columnas .col{
		width:50%;
		float:left;
		display: block;
	}
	#historia .columnas .col:nth-child(1){
		background-image: url(../images/haluro64_instalaciones.jpg);
		background-size: cover;
	}
	#historia .columnas .col:nth-child(2){
		padding-left: 70px;
		padding-right: 0px;
		background-color: #556060;
		padding: 210px 63px;
	}
	#historia .col:nth-child(2) p{
		text-align: center;
	}
	#historia .col:nth-child(2) p:nth-child(1){
		color:#f5ffff;
		font-size: 32px;
		font-weight: 500;
	}
	#historia .col:nth-child(2) p:nth-child(2){
		color:#f5ffff;
		font-size: 28px;
		font-weight: 500;
		color:#1ab2b4;
		margin-top: 15px;
	}
	#historia .logocirc{
		margin-top:-90px;
		margin-left: calc(50% - 90px);
    	display: block;
    	float: left;
	}
	#historia .lnknosotros p{
		color: #1ab2b4!important;
		font-size: 28px;
		margin-top: 10px;
	}
	#diezyears{
		margin-bottom: 72px;
	}
	#diezyears .icono_fin_sec{
		display: none;
	}
	#diezyears .columnas{
		width: 100%;
		float: left;
		display: flex;
	}
	#diezyears .col1{
		width: 45%;
		float: left;
	}
	#diezyears .col1 {
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}
	#diezyears .col1 figure img{
		float: left;
	}
	#diezyears .col1 figcaption{
		color: #556060;
		margin-top: 40px;
		margin-left: 0px;
		float: left;
	}
	#diezyears .col2{
		width: 55%;
		float: left;
	}
	#diezyears .col2 figure{
		display: flex;
		align-items: baseline;
		margin-bottom: 30px;
	}
	#diezyears .col2 figure figcaption{
		margin-left: 25px;
	}
	#diezyears .col2 figure:nth-child(1){
		margin-left: 113px;
	}
	#diezyears .col2 figure:nth-child(2){
		margin-left:161px;
	}
	#diezyears .col2 figure:nth-child(3){
		margin-left:187px;
	}
	#diezyears .col2 figure:nth-child(4){
		margin-left:173px;
	}
	#diezyears .col2 figure:nth-child(5){
		margin-left:190px;
	}
	#diezyears .col2 figure:nth-child(6){
		margin-left:190px;
	}
	#diezyears .col2 figure:nth-child(7){
		margin-left:156px;
	}
	#diezyears .col2 figure:nth-child(8){
		margin-left:106px;
	}
	#diezyears .col2 figure:nth-child(9){
		margin-left:66px;
	}
	#masalla{
		background-color:#556060;
	}
	#masalla h2{
		color:#ffbe00;
		font-size: 60px;
		font-style: italic;
		font-weight: 600;
		width: 100%;
		text-align: center;
		line-height: 66px;
	}
	#masalla p{
		color:#f5ffff;
		font-size: 26px;
		line-height: 45px;
		font-style: italic;
		font-weight: 300;
		text-align: center;
	}
	#masalla .bullet{
		font-size: 34px;
		color:#ffbe00;
		text-align: center;
		font-weight: 600;
	}
	#masalla .fundadores{
		width: 80%;
		display: flex;
		justify-content: space-around;
		margin: auto;
		margin-top: 80px;
		margin-bottom: 110px;
	}
	#masalla figure figcaption .nom{
		font-size: 26px;
		color:#ffbe00;
		text-align: center;
		font-style: normal;
		font-weight: 500;
		line-height: 34px;
	}
	#masalla figure figcaption p{
		font-style: normal;
		font-weight: 500;
		line-height: 34px;
	}
	#masalla figure img{
		margin-bottom: 55px;
	}
	#masalla figcaption img{
		display: block;
		margin: auto;
		margin-top: 39px;
	}
	#cita{
		width: 100%;
		margin:160px 0px;
	}
	#significado{
		margin-top: 72px;
		background-image: url(../images/fondo_amarillo.png);
		background-size: 100% 500px;
		background-position: 0px 40%;
		background-repeat: no-repeat;
	}
	#significado .columnas,#significado .columnas2{
		width: 100%;
		margin-bottom: 72px;
		margin-top: 72px;
		float: left;
	}
	#significado .columnas{
		display: flex;
		align-items: stretch;
	}
	#significado .columnas .col,#significado .columnas2 .col{
		width: 50%;
		float: left;
	}
	#significado .columnas .col:nth-child(1){
		display: flex;
		align-items: flex-start;
	}
	#significado .columnas .col:nth-child(1) a{
		color:black;
		text-decoration: none;
	}
	#significado .columnas .col:nth-child(2){
		float: right;
	}
	#significado .columnas .col:nth-child(2) img{
		float: right;
	}
	#significado .columnas2{
		display: flex;
		align-items: stretch;
	}
	#significado .columnas2 .col:nth-child(2){
		display: flex;
		align-items: flex-end;
	}
	#significado h3{
		font-size: 36px;
		color:#556060;
		text-align: left;
		font-weight: 600;
		width: 100%;
	}
	#significado .txtcen{
		width: 100%;
		float: left;
	}
	#significado .txtcen h3{
		text-align: center;
	}
	#significado .contador{
		width: 70%;
		display: flex;
		justify-content: space-between;
		margin-top: 70px;
		float: left;
		margin-left: 15%;
	}
	#significado .contador figure{
		width: 260px;
	}

	#significado .contador figure img{
		margin: auto;
		display: block;
		margin-bottom: 45px;
	}
	#significado .contador figure figcaption{
		text-align: center;
	}
	#sinedad{
		background-color:#1ab2b4;
		width: 100%;
		float: left;
		margin-top: 144px;
	}
	#sinedad h2{
		font-size: 50px;
		color:#ffbe00;
		text-align: center;
		font-weight: 600;
		width: 100%;
	}
	#sinedad .tit2{
		font-weight: 500;
		color:#f5ffff;
		width:100%;
		text-align: center;
		display: block;
		font-size: 28px;
	}
	#sinedad .disfruta{
		width: 100%;
		float: left;
		display: flex;
		justify-content: space-evenly;
		margin-top: 72px;
		margin-bottom: 72px;
		flex-wrap: wrap;
	}
	#sinedad .disfruta figure{
		width: 250px;
		margin-bottom: 72px;
	}
	#sinedad .disfruta figure img{
		margin: auto;
		display: block;
	}
	#sinedad .disfruta figure figcaption{
		color:#f5ffff;
		text-align:center;
		margin-top: 30px;
	}
	#pareja{
		width: 100%;
		float: left;
		background-image: url(../images/haluro64_fondo_pareja.jpg);
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#pareja p{
		padding-left: 49%;
		padding-top: 208px;
		padding-bottom: 400px;
		font-size: 32px;
		font-weight: 500;
		color: #556060;
	}
}

/******************************************************* 1400 ************************************************/

@media screen and (max-width: 1400px) {
	
	#diezyears .col1{
		padding-left: 10px;
	}
	#significado .columnas .col{
		padding-left: 30px;
	}
	#significado .columnas2 .col:nth-child(2){
		padding-right: 30px;
		padding-top: 196px;
	}
} /************** fin 1400 ************************/

/********************************************** 1386 *******************************/

@media screen and (max-width: 1386px) {
	
}/************** fin 1386 ************************/

/********************************************** 1200 *******************************/
@media screen and (max-width: 1280px) {
	#historia .columnas .col:nth-child(2){
		padding: 43px 63px;
	}
	#diezyears,#masalla p,#significado p{
		font-size: 25px;
	}
	#masalla .bullet {
		font-size: 30px;
	}
	#significado h3{
		font-size: 30px;
	}
	#pareja p {
		padding-left: 43%;
	}
	#cita {
		width: 100%;
		margin: 120px 0px;
	}
	
	#significado .columnas2 .col:nth-child(2){
		padding-top: 219px;
	}
	#significado .contador{
		margin-top: 72px;
	}
}
/******************************************* 1024 *******************************/
@media screen and (max-width: 1024px) {
	#historia h2, #cita h2, #significado h2,#masalla h2,#sinedad h2 {
		font-size: 40px;
	}
	#historia .col:nth-child(2) p:nth-child(1){
		font-size: 25px;
	}
	#diezyears .col1 {
		width: 34%;
		float: left;
	}
	#diezyears .col2 {
		width: 66%;
		float: left;
	}
	#significado {
		background-size: 100% 382px;
		background-position: 0px 41%;
	}
	#significado .columnas .col:nth-child(2) img {
		float: right;
		width: 100%;
		height: auto;
	}
	#significado .columnas2 .col img {
		float: left;
		width: 100%;
		height: auto;
	}
	#significado .columnas2 .col:nth-child(2) {
		padding-right: 15px;
		padding-top: 91px;
		padding-left: 36px;
	}
	#significado .contador {
		margin-top: 0px;
	}
	#sinedad .disfruta figure {
		width: 190px;
		margin-bottom: 0px;
	}
	#diezyears .col1 {
		width: 29%;
		float: left;
	}
	#diezyears .col2 {
		width: 71%;
		float: left;
	}
	#diezyears, #masalla p, #significado p {
		font-size: 22px;
	}
	#masalla figure img {
		margin-bottom: 55px;
		width: 80%;
		height: auto;
	}
	#masalla figcaption img{
		width: auto;
	}
	#significado .columnas2 .col:nth-child(2) {
		padding-top: 13px;
	}
	#significado {
		background-size: 100% 230px;
		background-position: 0px 42%;
	}
	#sinedad {
		margin-top: 72px;
	}
	#sinedad .disfruta figure {
		width: 236px;
		margin-bottom: 55px;
	}
	#pareja p {
		padding-left: 36%;
	}
}



/******************************************** 820 ***********************************/
@media screen and (max-width: 820px) {
	#historia .columnas .col:nth-child(2) {
		padding: 43px 9px;
	}
	#historia .col:nth-child(2) p:nth-child(2){
		font-size: 24px;
	}
}/************* fin 820 *************/

/******************************************** 768 *********************************/
@media screen and (max-width: 768px) {
	

}/************* fin 768 *************/


/******************************************** 570 *********************************/
@media screen and (max-width: 570px) {
	
	#historia h1, #cita h2, #significado h2,#sinedad h2{
		font-size: 28px;
		line-height: 31px;
		padding: 0px 38px;
	}
	#historia .tit2{
		font-size: 22px;
		line-height: 27px;
		margin-bottom: 15px;
	}
	#historia .columnas .col:nth-child(1){
		height: 345px;
	}
	#historia .columnas .col:nth-child(2) {
		height: 345px;
		padding: 79px 9px;
	}
	#historia .columnas{
		display: block;
		margin-top: 0px;
	}
	#historia .columnas .col{
		width: 100%;
	}
	#diezyears {
		margin-bottom: 22px;
	}
	#diezyears .icono_fin_sec{
		display: block;
	}
	#diezyears .columnas{
		display: block;
		margin-top: 20px;
	}
	#diezyears .col1{
		width: 100%;
		margin-bottom: 60px;
	}
	#diezyears .col2 {
		width: 100%;
		display: flex;
		
		flex-direction: column;
		align-items: center
	}
	#diezyears .col1 figure{
		width: 100%;
	}
	#diezyears .col1 figure img {
		float: inherit;
    	margin: auto;
    	display: block;
	}
	#diezyears .col1 figcaption{
		padding: 0px 35px;
		font-size: 22px;
		text-align: center;
		padding: 0px 85px;
	}
	#diezyears .col2 figure{
		display: block;
		width: 256px;
		margin-bottom: 50px;
	}
	#diezyears .col2 figure:nth-child(1),#diezyears .col2 figure:nth-child(2),#diezyears .col2 figure:nth-child(3),#diezyears .col2 figure:nth-child(4),#diezyears .col2 figure:nth-child(5),
	#diezyears .col2 figure:nth-child(6),#diezyears .col2 figure:nth-child(7),#diezyears .col2 figure:nth-child(8),#diezyears .col2 figure:nth-child(9) {
		margin-left: 0px;
	}
	#diezyears .col2 figure img{
		display: block;
		margin: auto;
		margin-bottom: 20px;
	}
	#diezyears .col2 figure figcaption{
		text-align: center;
		margin-left: 0px;
	}
	#significado .columnas .col{
		width: 100%;
		padding-left: 0px;
	}
	#significado .columnas .col:nth-child(1),#significado .columnas2 .col:nth-child(2){
		padding: 0px 33px;
		margin-bottom: 15px;
		margin-top: 30px;
	}
	
	#significado .columnas, #significado .columnas2{
		margin-bottom: 0px;
		margin-top:0px;
	}
	#significado .columnas2{
		display: flex;
    	flex-direction: column-reverse;
	}
	#significado .columnas{
		margin-top: 32px;
		display: flex;
    	flex-direction: column-reverse;
	}
	#significado h3{
		text-align: center;
		line-height: 36px;
	}
	#significado .columnas .col, #significado .columnas2 .col{
		width: 100%;
	}
	#significado .tit2{
		font-size: 22px;
		margin-top: 10px;
	}
	#significado p {
		font-size: 22px;
		text-align: center;
	}

	#significado .txtcen {
		width: 100%;
		padding: 50px 0px;
		background-color:#ffbe00;
		margin: 20px 0px;
		font-size: 28px;
		line-height: 36px;
	}
	#significado .txtcen h3 {
		text-align: center;
		line-height: 36px;
	}
	#significado {
		background-image: none;
	}
	#significado .contador{
		margin-left: 0%;
		display: block;
		width: 100%;
		margin-top: 80px;
	}
	#significado .contador figure {
		width: 100%;
		margin: auto;
		margin-bottom: 72px;
	}
	#sinedad {
		margin-top: 25px;
	}
	#sinedad .tit2{
		font-size: 22px;
		padding: 0px 20px;
	}
	#sinedad .disfruta{
		margin-bottom: 20px;
	}
	
	#sinedad .disfruta figure {
		width: 180px;
		margin-bottom: 55px;
	}
	#sinedad .disfruta figure figcaption{
		font-size: 18px;
		margin-top: 23px;
	}
	#pareja {
		background-position: 39% 0px;
		background-size: 239 !important;
		background-attachment: local;
	}
	#pareja p {
		padding-left: 8%;
		font-size: 28px;
		padding-right: 9%;
		line-height: 30px;
		margin-top: 25px;
		padding-top: 0px;
	}
	#historia{
		margin-bottom: 0px;
		margin-top: 115px;
	}
	#historia .logocirc {
		margin-top: -386px;
    	width: 81px;
		margin-left: calc(50% - 40px);
	}
	#historia .logocirc img{
		width: 100%;
		height: auto;
	}
	.fundadores figure:nth-child(1){
		order:2;
	}
	.fundadores figure:nth-child(2){
		order:1;
	}
	.fundadores figure:nth-child(3){
		order:3;
	}
	#cita{
		padding: 0px 20px;
	}
	#cita .tit2{
		font-size: 22px;
	}
	
}/************* fin 570 *************/	


/************************ media screen responsive 480px **************************/
@media screen and (max-width: 480px) {
	
}


/*********************** media screen responsive 380px ******************************/
@media screen and (max-width: 380px) {

}