/* ************************************
	SECTOR SQUARE LIST DIV
 ************************************ */

.sector-square-list-div{
	display: table;
	width:100%;
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover;
}

/* ************************************
	SECTOR LIST DIV
 ************************************ */

.sector-list-div {
	display: table; 
	width:100%;
	margin-bottom:20px;
}
.sector-list-div .list-image-div {

}

.sector-list-div .list-text-div {
	vertical-align: middle;
}

.sector-list-div .list-text-div .list-titulo-div{
	font-family: 'big-noodle-titling';
}

.sector-list-div .list-text-div .list-titulo-div a{
	color:#606060;	
}

.sector-list-div .list-text-div .list-extracto-div{
	font-family: 'klavika-light';
}

/* ************************************
	SECTOR CABECERA DIV 
 ************************************ */

.sector-cabecera-div{
	display: table;
	width:100%;
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover;
}

/* ************************************
	SECTOR CABECERA TEXT DIV 
 ************************************ */

.sector-cabecera-text-div{
	display:table-cell;
	text-align:left;
}	

.sector-cabecera-text-div .cabecera-text-wrapper .titulo-div{
	font-family: 'big-noodle-titling';
}

.sector-cabecera-text-div .cabecera-text-wrapper .subtitulo-div{
	font-family: 'big-noodle-titling';
}

.sector-cabecera-text-div .cabecera-text-wrapper .informacion-div{
	font-family: 'klavika-light';
}

/* ************************************
	SECTOR CONTENT BOX DIV 
 ************************************ */

.sector-content-box-div{
	margin:0 auto;
}

.sector-content-box-div .titulo-div{
	font-family: 'big-noodle-titling';
	color:#4A4A4A;
	width:100%;
	text-align:center;
}

.sector-content-box-div .texto-div{
	font-family: 'klavika-light';
	color:#4A4A4A;
}

.sector-content-line-div{
	margin:0 auto;
}

.sector-content-line-div .titulo-div{
	font-family: 'big-noodle-titling';
	color:#4A4A4A;
	width:100%;
	text-align:center;
}

.sector-content-line-div .texto-div{
	font-family: 'klavika-light';
	color:#4A4A4A;
}


/* ************************************
	SECTOR LIST CONTENT BOX DIV 
 ************************************ */

.sector-list-content-box-div{
	margin:0 auto;
}


/* ************************************
	SECTOR PRODUCTOS BOX DIV 
 ************************************ */

.sector-productos-div{
	width:100%;	
}

/* ************************************
	LIST HORIZONTAL 
 ************************************ */

.sector-producto-div-1{
	display:inline-block;
}

.sector-producto-div-2{
	display:inline-block;
}

.sector-producto-div-3{
	display:inline-block;
}

.sector-producto-div-4{
	display:inline-block;
}


@media only screen and (min-width: 320px) and (max-width: 399px) {
	/* ************************************
		SECTOR SQUARE LIST DIV
	 ************************************ */
	
	.sector-square-list-div{
		height:200px;
	}
	
	/* ************************************
		SECTOR LIST DIV
	 ************************************ */
	
	.sector-list-div .list-image-div {
		display: table-row;
		width:100%;
	}
	
	.sector-list-div .list-text-div {
		display: table-row;
		width:100%;
	}
	
	.sector-list-div .list-text-div .list-titulo-div{
		font-size:1.1em;
		line-height:1em;
		color:#606060;
		padding-top:10px;
		padding-left:15px;
		padding-bottom:5px;
	}
	
	.sector-list-div .list-text-div .list-extracto-div{
		font-size:0.8em;
		line-height:1em;
		color:#000000;
		padding-left:15px;
		padding-bottom:15px;
	}
	
	.sector-list-div .list-text-div .list-extracto-div p{
		font-size:0.8em;
		line-height:1em;
		color:#000000;	
	}
	
	/* ************************************
		SECTOR CABECERA DIV 
	 ************************************ */
	 
	.sector-cabecera-div{
		height:200px;
	}
	
	/* ************************************
		SECTOR CABECERA TEXT DIV 
	 ************************************ */
	
	.sector-cabecera-text-div{
		vertical-align: middle;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper{
		margin-left:15%;	
		width:50%;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .titulo-div{
		font-size:1.3em;
		line-height:1em;
		color:#FFFFFF;
		padding-bottom:3px;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .subtitulo-div{
		font-size:0.8em;
		line-height:1em;
		color:#ADC22F;
		padding-bottom:3px;
		letter-spacing:0.08em;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .informacion-div{
		font-size:0.7em;
		line-height:1em;
		color:#FFFFFF;
	} 
	
	
	/* ************************************
		SECTOR CONTENT BOX DIV 
	 ************************************ */
	
	.sector-content-box-div{
		width:90%;
		padding:40px 0 50px 0;
	}
	
	.sector-content-box-div .titulo-div{
		padding-bottom:30px;
		font-size:1.2em;
	}
	
	.sector-content-box-div .texto-div{
		font-size:0.95em;
	}
	
	.sector-content-box-div .texto-div p{
		font-size:0.95em;
	}


	.sector-content-line-div{
		width:90%;
		padding:0 0 20px 0;
	}

	.sector-content-line-div .titulo-div{
		padding-bottom:30px;
		font-size:1.2em;
	}

	.sector-content-line-div .texto-div{
		font-size:0.95em;
	}

	.sector-content-line-div .texto-div p{
		font-size:0.95em;
	}

	
	/* ************************************
		SECTOR LIST CONTENT BOX DIV 
	 ************************************ */
	
	.sector-list-content-box-div{
		width:90%;
		padding:0 0 40px 0;
	}
	
	
	/* ***************************************
		SECTOR PRODUCTO DIV (LIST HORIZONTAL) 
	 ***************************************** */
	
	.sector-producto-div-1{
		width:100%;
	}
	
	.sector-producto-div-2{
		width:50%;
	}
	
	.sector-producto-div-3{
		width:33.33%;
	}
	
	.sector-producto-div-4{
		width:25%;
	}
}

@media only screen and (min-width:400px) and (max-width: 640px) {
	/* ************************************
		SECTOR SQUARE LIST DIV
	 ************************************ */
	
	.sector-square-list-div{
		height:200px;
	}
	
	/* ************************************
		SECTOR LIST DIV
	 ************************************ */
	
	.sector-list-div .list-image-div {
		display: table-row;
		width:100%;
	}
	
	.sector-list-div .list-text-div {
		display: table-row;
		width:100%;
	}
	
	.sector-list-div .list-text-div .list-titulo-div{
		font-size:1.2em;
		line-height:1em;
		color:#606060;
		padding-top:10px;
		padding-left:15px;
		padding-bottom:5px;
	}
	
	.sector-list-div .list-text-div .list-extracto-div{
		font-size:0.8em;
		line-height:1em;
		color:#000000;
		padding-left:15px;
		padding-bottom:15px;
	}
	
	.sector-list-div .list-text-div .list-extracto-div p{
		font-size:0.8em;
		line-height:1em;
		color:#000000;
	}
	
	/* ************************************
		SECTOR CABECERA DIV 
	 ************************************ */
	 
	.sector-cabecera-div{
		height:300px;
	}
	
	/* ************************************
		SECTOR CABECERA TEXT DIV 
	 ************************************ */
	
	.sector-cabecera-text-div{
		vertical-align: middle;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper{
		margin-left:15%;	
		width:50%;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .titulo-div{
		font-size:2em;
		line-height:1em;
		color:#FFFFFF;
		padding-bottom:3px;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .subtitulo-div{
		font-size:1em;
		line-height:1em;
		color:#ADC22F;
		padding-bottom:3px;
		letter-spacing:0.08em;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .informacion-div{
		font-size:0.9em;
		line-height:1em;
		color:#FFFFFF;
	} 
	
	
	/* ************************************
		SECTOR CONTENT BOX DIV 
	 ************************************ */
	
	.sector-content-box-div{
		width:90%;
		padding:60px 0 70px 0;
	}
	
	.sector-content-box-div .titulo-div{
		padding-bottom:15px;
		font-size:1.3em;
	}
	
	.sector-content-box-div .texto-div{
		font-size:0.95em;
	}
	
	.sector-content-box-div .texto-div p{
		font-size:0.95em;
	}

	.sector-content-line-div{
		width:90%;
		padding:0 0 40px 0;
	}

	.sector-content-line-div .titulo-div{
		padding-bottom:15px;
		font-size:1.3em;
	}

	.sector-content-line-div .texto-div{
		font-size:0.95em;
	}

	.sector-content-line-div .texto-div p{
		font-size:0.95em;
	}

	/* ************************************
		SECTOR LIST CONTENT BOX DIV 
	 ************************************ */
	
	.sector-list-content-box-div{
		width:90%;
		padding:0 0 50px 0;
	}
	
	
	/* ***************************************
		SECTOR PRODUCTO DIV (LIST HORIZONTAL) 
	 ***************************************** */
	
	.sector-producto-div-1{
		width:100%;
	}
	
	.sector-producto-div-2{
		width:50%;
	}
	
	.sector-producto-div-3{
		width:33.33%;
	}
	
	.sector-producto-div-4{
		width:25%;
	}
}

@media only screen and (min-width: 641px) { /* min-width 641px, medium screens [TABLETS] */	
	/* ************************************
		SECTOR SQUARE LIST DIV
	 ************************************ */
	
	.sector-square-list-div{
		height:250px;
	}
	
	/* ************************************
		SECTOR LIST DIV
	 ************************************ */
	
	.sector-list-div .list-image-div {
		display: table-cell;
		width:50%;
	}
	
	.sector-list-div .list-text-div {
		display: table-cell;
		width:55%;
	}
	
	.sector-list-div .list-text-div .list-titulo-div{
		font-size:1.3em;
		line-height:1em;
		color:#606060;
		padding-left:25px;
		padding-bottom:15px;
		
	}
	
	.sector-list-div .list-text-div .list-extracto-div{
		font-size:0.8em;
		line-height:1em;
		color:#000000;
		padding-left:25px;
	}
	
	.sector-list-div .list-text-div .list-extracto-div p{
		font-size:0.8em;
		line-height:1em;
		color:#000000;
		
	}
	
	/* ************************************
		SECTOR CABECERA DIV 
	 ************************************ */
	 
	.sector-cabecera-div{
		height:400px;
	}
	
	/* ************************************
		SECTOR CABECERA TEXT DIV 
	 ************************************ */
	
	.sector-cabecera-text-div{
		vertical-align: middle;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper{
		margin-left:15%;	
		width:45%;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .titulo-div{
		font-size:2.4em;
		line-height:1em;
		color:#FFFFFF;
		padding-bottom:5px;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .subtitulo-div{
		font-size:1.3em;
		line-height:1em;
		color:#ADC22F;
		padding-bottom:5px;
		letter-spacing:0.08em;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .informacion-div{
		font-size:1em;
		line-height:1em;
		color:#FFFFFF;
	} 
	
	
	/* ************************************
		SECTOR CONTENT BOX DIV 
	 ************************************ */
	
	.sector-content-box-div{
		width:70%;
		padding:60px 0 70px 0;
	}
	
	.sector-content-box-div .titulo-div{
		padding-bottom:30px;
		font-size:1.4em;
	}
	
	.sector-content-box-div .texto-div{
		font-size:0.95em;
	}
	
	.sector-content-box-div .texto-div p{
		font-size:0.95em;
	}


	.sector-content-line-div{
		width:70%;
		padding:0 0 40px 0;
	}

	.sector-content-line-div .titulo-div{
		padding-bottom:30px;
		font-size:1.4em;
	}

	.sector-content-line-div .texto-div{
		font-size:0.95em;
	}

	.sector-content-line-div .texto-div p{
		font-size:0.95em;
	}

	/* ************************************
		SECTOR LIST CONTENT BOX DIV 
	 ************************************ */
	
	.sector-list-content-box-div{
		width:70%;
		padding:0 0 90px 0;
	}
	
	
	/* ***************************************
		SECTOR PRODUCTO DIV (LIST HORIZONTAL) 
	 ***************************************** */
	
	.sector-producto-div-1{
		width:100%;
	}
	
	.sector-producto-div-2{
		width:50%;
	}
	
	.sector-producto-div-3{
		width:33.33%;
	}
	
	.sector-producto-div-4{
		width:25%;
	}
}

@media only screen and (min-width: 1025px) { /* min-width 1024px, large screens [LAPTOP/PC] */
	/* ************************************
		SECTOR SQUARE LIST DIV
	 ************************************ */
	
	.sector-square-list-div{
		height:300px;
	}
		
	/* ************************************
		SECTOR LIST DIV
	 ************************************ */
	
	.sector-list-div .list-image-div {
		display: table-cell;
		width:45%;
	}
	
	.sector-list-div .list-text-div {
		display: table-cell;
		width:55%;
	}
	
	.sector-list-div .list-text-div .list-titulo-div{
		font-size:1.4em;
		line-height:1em;
		color:#606060;
		padding-left:25px;
		padding-bottom:15px;
	}
	
	.sector-list-div .list-text-div .list-extracto-div{
		font-size:0.9em;
		line-height:1em;
		color:#000000;
		padding-left:25px;
	}
	
	.sector-list-div .list-text-div .list-extracto-div p{
		font-size:0.9em;
		line-height:1em;
		color:#000000;
		
	}
	
	/* ************************************
		SECTOR CABECERA DIV 
	 ************************************ */
	 
	.sector-cabecera-div{
		height:400px;
	}
	
	/* ************************************
		SECTOR CABECERA TEXT DIV 
	 ************************************ */
	
	.sector-cabecera-text-div{
		vertical-align: middle;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper{
		margin-left:15%;	
		width:35%;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .titulo-div{
		font-size:3em;
		line-height:1em;
		color:#FFFFFF;
		padding-bottom:5px;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .subtitulo-div{
		font-size:1.6em;
		line-height:1em;
		color:#ADC22F;
		padding-bottom:5px;
		letter-spacing:0.08em;
	}
	
	.sector-cabecera-text-div .cabecera-text-wrapper .informacion-div{
		font-size:1.3em;
		line-height:1em;
		color:#FFFFFF;
	} 
	
	
	/* ************************************
		SECTOR CONTENT BOX DIV 
	 ************************************ */
	
	.sector-content-box-div{
		width:70%;
		padding:80px 0 90px 0;
	}
	
	.sector-content-box-div .titulo-div{
		padding-bottom:30px;
		font-size:1.5em;
	}
	
	.sector-content-box-div .texto-div{
		font-size:1em;
	}
	
	.sector-content-box-div .texto-div p{
		font-size:1em;
	}


	.sector-content-line-div{
		width:70%;
		padding:0 0 60px 0;
	}

	.sector-content-line-div .titulo-div{
		padding-bottom:30px;
		font-size:1.5em;
	}

	.sector-content-line-div .texto-div{
		font-size:1em;
	}

	.sector-content-line-div .texto-div p{
		font-size:1em;
	}
	
	/* ************************************
		SECTOR LIST CONTENT BOX DIV 
	 ************************************ */
	
	.sector-list-content-box-div{
		width:70%;
		padding:0 0 90px 0;
	}
	
	
	/* ***************************************
		SECTOR PRODUCTO DIV (LIST HORIZONTAL) 
	 ***************************************** */
	
	.sector-producto-div-1{
		width:100%;
	}
	
	.sector-producto-div-2{
		width:50%;
	}
	
	.sector-producto-div-3{
		width:33.33%;
	}
	
	.sector-producto-div-4{
		width:25%;
	}
}