/* ************************************
	BOLETIN DESCRIPCION
 ************************************ */
 
.boletin-descripcion{
	width:100%;
}

.boletin-descripcion-subtitulo{
	width:100%;
	font-family: 'klavika-regular';
	color:#2D4573;	
}

.boletin-descripcion-logo{
	width:100%;	
}

.boletin-descripcion-logo img{
	width:100%;	
}

.boletin-descripcion-titulo{
	font-family: 'big-noodle-titling';
	width:100%;	
	color:#606060;
}

.boletin-descripcion-fecha{
	width:100%;
	font-family: 'klavika-light';
	color:#477297;
}

.boletin-descripcion-detalle{
	width:100%;
	font-family: 'klavika-light';
	color:#606060;
}

.boletin-descripcion-detalle p{
	width:100%;
	font-family: 'klavika-light';
	color:#606060;
}

/* ************************************
	BOLETIN SUSCRIPCION
 ************************************ */
 
.boletin-suscripcion{
	width:100%;
}

.boletin-suscripcion-titulo{
	font-family: 'big-noodle-titling';
	width:100%;	
	color:#003D71;	
}

.boletin-suscripcion-linea{
	width:100%;
}


/* ************************************
	BOLETIN RELACIONADOS
 ************************************ */
 
.boletin-relacionados{
	width:100%;	
}

.boletin-relacionados-titulo{
	font-family: 'big-noodle-titling';
	width:100%;
	color:#4A4A4A;
}

.boletin-relacionados-ediciones{
	width:100%;
}

/* ************************************
	BOLETIN FORM
 ************************************ */
 
.boletin-form{
	width:100%;
}

.boletin-form-titulo{
	font-family: 'klavika-regular';
	color:#003D71;
}

.boletin-form-imagen{
	width:100%;	
}

.boletin-form-imagen img{
	width:100%;	
}

.boletin-form-descarga{
	width:100%;	
}

/* ************************************
	BOLETIN SELECT
 ************************************ */
 
.boletin-select{
	font-family: 'big-noodle-titling';
	color:#4A4A4A;
	border:1px solid #4A4A4A;
	background-color:transparent;
	display:inline-block;
}

/* ************************************
	BOLETIN SELECT FULLWIDTH
 ************************************ */
 
.boletin-select-fullwidth{
	font-family: 'big-noodle-titling';
	color:#4A4A4A;
	border:1px solid #4A4A4A;
	background-color:transparent;
	display:inline-block;
}

/* ************************************
	BOLETIN BUTTON
 ************************************ */
 
.boletin-button{
	font-family: 'big-noodle-titling';
	color:#FFFFFF;
	border:1px solid #4A4A4A;
	background-color:#4A4A4A;
	display:inline-block;
	cursor:pointer;
}


@media only screen and (min-width: 320px) and (max-width: 399px) {
	/* ************************************
		BOLETIN DESCRIPCION
	 ************************************ */
	 
	.boletin-descripcion{
		padding:20px 20px 20px 20px;
	}
	
	.boletin-descripcion-subtitulo{
		font-size:1em;
		line-height:1em;
		text-align:left;	
	}
	
	.boletin-descripcion-logo{
		max-width:80px;
		min-width:100px;
		padding-bottom:20px;
	}
	
	.boletin-descripcion-titulo{
		font-size:1.6em;
		line-height:1em;	
		padding-bottom:15px;
		text-align:left;	
	}
	
	.boletin-descripcion-fecha{
		font-size:0.95em;
		line-height:1em;	
		padding-bottom:25px;
		text-align:left;	
	}
	
	.boletin-descripcion-detalle{
		font-size:0.95em;
		text-align:left;	
		padding-bottom:10px;
	}
	
	.boletin-descripcion-detalle p{
		font-size:0.95em;
		text-align:left;	
	}
	
	/* ************************************
		BOLETIN SUSCRIPCION
	 ************************************ */
	 
	.boletin-suscripcion{
		padding-bottom:40px;
	}
	
	.boletin-suscripcion-titulo{
		font-size:1.1em;
		line-height:1em;
		padding-left:20px;
		padding-bottom:10px;
		text-align:left;
	}
	
	.boletin-suscripcion-linea{
		padding:0 40px 10px 20px;
	}
	
	.boletin-suscripcion-control{
		padding:0 0 10px 0;
	}
	
	
	/* ************************************
		BOLETIN RELACIONADOS
	 ************************************ */
	 
	.boletin-relacionados{
		padding:0 40px 0 0;
	}
	
	.boletin-relacionados-titulo{
		font-size:1.5em;
		line-height:1em;
		padding-bottom:10px;
		padding-left:20px;
	}
	
	.boletin-relacionados-ediciones{
		padding:0 20px;
	}
	
	
	/* ************************************
		BOLETIN FORM
	 ************************************ */
	 
	.boletin-form{
		padding:40px 30px;	
	}
	
	.boletin-form-titulo{
		font-size:1.3em;
		line-height:1em;
		padding-bottom:20px;
	}
	
	.boletin-form-imagen{
		max-width:120px;
		min-width:150px;
		padding-bottom:40px;
	}
	
	.boletin-form-descarga{
		padding-bottom:20px;
	}
	
	.boletin-form-descarga .control-div{
		padding-bottom:20px;
	}
	
	/* ************************************
		BOLETIN SELECT
	 ************************************ */
	 
	 .boletin-select{
		font-size:0.95em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:48%;
	}
	
	/* ************************************
		BOLETIN SELECT FULLWIDTH
	 ************************************ */
	 
	 .boletin-select-fullwidth{
		font-size:0.95em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:97%;
	}
	
	/* ************************************
		BOLETIN SELECT SEPARATOR
	 ************************************ */
	 
	 .boletin-select-separator{
		display:none;
	}
	
	/* ************************************
		BOLETIN BUTTON
	 ************************************ */
	 
	.boletin-button{
		padding:5px 15px;
		font-size:0.95em;
		line-height:0.95em;
	}

}

@media only screen and (min-width:400px) and (max-width: 640px) {
	/* ************************************
		BOLETIN DESCRIPCION
	 ************************************ */
	 
	.boletin-descripcion{
		padding:20px 20px 20px 20px;
	}
	
	.boletin-descripcion-subtitulo{
		font-size:1.2em;
		line-height:1em;
		text-align:left;	
	}
	
	.boletin-descripcion-logo{
		max-width:80px;
		min-width:100px;
		padding-bottom:20px;
	}
	
	.boletin-descripcion-titulo{
		font-size:1.7em;
		line-height:1em;	
		padding-bottom:15px;
		text-align:left;	
	}
	
	.boletin-descripcion-fecha{
		font-size:0.95em;
		line-height:1em;	
		padding-bottom:25px;
		text-align:left;	
	}
	
	.boletin-descripcion-detalle{
		font-size:0.95em;
		text-align:left;	
		padding-bottom:10px;
	}
	
	.boletin-descripcion-detalle p{
		font-size:0.95em;
		text-align:left;	
	}
	
	/* ************************************
		BOLETIN SUSCRIPCION
	 ************************************ */
	 
	.boletin-suscripcion{
		padding-bottom:40px;
	}
	
	.boletin-suscripcion-titulo{
		font-size:1.2em;
		line-height:1em;
		padding-left:20px;
		padding-bottom:10px;
		text-align:left;
	}
	
	.boletin-suscripcion-linea{
		padding:0 40px 10px 20px;
	}
	
	.boletin-suscripcion-control{
		padding:0 0 10px 0;
	}
	
	
	/* ************************************
		BOLETIN RELACIONADOS
	 ************************************ */
	 
	.boletin-relacionados{
		padding:0 40px 0 0;
	}
	
	.boletin-relacionados-titulo{
		font-size:1.5em;
		line-height:1em;
		padding-bottom:10px;
		padding-left:20px;
	}
	
	.boletin-relacionados-ediciones{
		padding:0 20px;
	}
	
	
	/* ************************************
		BOLETIN FORM
	 ************************************ */
	 
	.boletin-form{
		padding:40px 30px;	
	}
	
	.boletin-form-titulo{
		font-size:1.4em;
		line-height:1em;
		padding-bottom:20px;
	}
	
	.boletin-form-imagen{
		max-width:140px;
		min-width:150px;
		padding-bottom:40px;
	}
	
	.boletin-form-descarga{
		padding-bottom:20px;
	}
	
	.boletin-form-descarga .control-div{
		padding-bottom:20px;
	}
	
	/* ************************************
		BOLETIN SELECT
	 ************************************ */
	 
	 .boletin-select{
		font-size:0.95em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:48%;
	}
	
	/* ************************************
		BOLETIN SELECT FULLWIDTH
	 ************************************ */
	 
	 .boletin-select-fullwidth{
		font-size:0.95em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:97%;
	}
	
	/* ************************************
		BOLETIN SELECT SEPARATOR
	 ************************************ */
	 
	 .boletin-select-separator{
		display:none;
	}
	
	/* ************************************
		BOLETIN BUTTON
	 ************************************ */
	 
	.boletin-button{
		padding:5px 15px;
		font-size:1em;
		line-height:1em;
	}
	
}

@media only screen and (min-width: 641px) { /* min-width 641px, medium screens [TABLETS] */	
	/* ************************************
		BOLETIN DESCRIPCION
	 ************************************ */
	 
	.boletin-descripcion{
		padding:20px 0;
		width:70%;
		margin:0 auto;
	}
	
	.boletin-descripcion-subtitulo{
		font-size:1.2em;
		line-height:1em;
		text-align:left;	
	}
	
	.boletin-descripcion-logo{
		max-width:80px;
		min-width:100px;
		padding-bottom:20px;
	}
	
	.boletin-descripcion-titulo{
		font-size:1.7em;
		line-height:1em;	
		padding-bottom:15px;
		text-align:left;	
	}
	
	.boletin-descripcion-fecha{
		font-size:0.95em;
		line-height:1em;	
		padding-bottom:25px;
		text-align:left;	
	}
	
	.boletin-descripcion-detalle{
		font-size:0.95em;
		text-align:left;	
		padding-bottom:10px;
	}
	
	.boletin-descripcion-detalle p{
		font-size:0.95em;
		text-align:left;	
	}
	
	/* ************************************
		BOLETIN SUSCRIPCION
	 ************************************ */
	 
	.boletin-suscripcion{
		padding:0 0 40px 0;
		width:70%;
		margin:0 auto;
	}
	
	.boletin-suscripcion-titulo{
		font-size:1.2em;
		line-height:1em;
		padding-bottom:10px;
		text-align:left;
	}
	
	.boletin-suscripcion-linea{
		padding:0 40px 10px 0;
	}
	
	.boletin-suscripcion-control{
		padding:0 0 10px 0;
	}
	
	
	/* ************************************
		BOLETIN RELACIONADOS
	 ************************************ */
	 
	.boletin-relacionados{
		padding:0 40px 0 0;
	}
	
	.boletin-relacionados-titulo{
		font-size:1.5em;
		line-height:1em;
		padding-bottom:10px;
		width:70%;
		margin:0 auto;
	}
	
	.boletin-relacionados-ediciones{
		padding:0 0 0 0;
		width:70%;
		margin:0 auto;
	}
	
	
	/* ************************************
		BOLETIN FORM
	 ************************************ */
	 
	.boletin-form{
		padding:40px 0;	
		width:70%;
		margin:0 auto;
	}
	
	.boletin-form-titulo{
		font-size:1.4em;
		line-height:1em;
		padding-bottom:20px;
	}
	
	.boletin-form-imagen{
		max-width:160px;
		min-width:150px;
		padding-bottom:40px;
	}
	
	.boletin-form-descarga{
		padding-bottom:20px;
	}
	
	.boletin-form-descarga .control-div{
		padding-bottom:20px;
	}
	
	/* ************************************
		BOLETIN SELECT
	 ************************************ */
	 
	 .boletin-select{
		font-size:0.95em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:48%;
	}
	
	/* ************************************
		BOLETIN SELECT FULLWIDTH
	 ************************************ */
	 
	 .boletin-select-fullwidth{
		font-size:0.95em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:97%;
	}
	
	/* ************************************
		BOLETIN SELECT SEPARATOR
	 ************************************ */
	 
	 .boletin-select-separator{
		display:none;
	}
	
	/* ************************************
		BOLETIN BUTTON
	 ************************************ */
	 
	.boletin-button{
		padding:5px 15px;
		font-size:1em;
		line-height:1em;
	}
	
}

@media only screen and (min-width: 1025px) { /* min-width 1024px, large screens [LAPTOP/PC] */
	/* ************************************
		BOLETIN DESCRIPCION
	 ************************************ */
	 
	.boletin-descripcion{
		padding:20px 40px 20px 0;
		width:100%;
	}
	
	.boletin-descripcion-subtitulo{
		font-size:1.2em;
		line-height:1em;	
	}
	
	.boletin-descripcion-logo{
		max-width:130px;
		min-width:100px;
		padding-bottom:20px;
	}
	
	.boletin-descripcion-titulo{
		font-size:2.5em;
		line-height:1em;	
		padding-bottom:15px;
	}
	
	.boletin-descripcion-fecha{
		font-size:1.1em;
		line-height:1em;	
		padding-bottom:25px;
	}
	
	.boletin-descripcion-detalle{
		font-size:1em;
		padding-bottom:10px;
	}
	
	.boletin-descripcion-detalle p{
		font-size:1em;
	}
	
	/* ************************************
		BOLETIN SUSCRIPCION
	 ************************************ */
	 
	.boletin-suscripcion{
		padding-bottom:40px;
		width:100%;
		margin:0;
	}
	
	.boletin-suscripcion-titulo{
		font-size:1.5em;
		line-height:1em;
		padding-bottom:10px;
	}
	
	.boletin-suscripcion-linea{
		padding:0 40px 10px 0;
	}
	
	
	/* ************************************
		BOLETIN RELACIONADOS
	 ************************************ */
	 
	.boletin-relacionados{
		padding:0 40px 20px 0;
	}
	
	.boletin-relacionados-titulo{
		font-size:1.5em;
		line-height:1em;
		padding-bottom:10px;
		padding-left:0;
		width:100%;
		margin:0;
	}
	
	.boletin-relacionados-ediciones{
		padding: 0 0 20px 0;
		width:100%;
		margin:0;
	}
	
	
	/* ************************************
		BOLETIN FORM
	 ************************************ */
	 
	.boletin-form{
		padding:40px 30px;
		width:100%;
		margin:0;
		
	}
	
	.boletin-form-titulo{
		font-size:1.8em;
		line-height:1em;
		padding-bottom:20px;
	}
	
	.boletin-form-imagen{
		max-width:200px;
		min-width:150px;
		padding-bottom:40px;
	}
	
	.boletin-form-descarga{
		padding-bottom:20px;
	}
	
	.boletin-form-descarga .control-div{
		padding-bottom:20px;
	}
	
	/* ************************************
		BOLETIN SELECT
	 ************************************ */
	 
	 .boletin-select{
		font-size:1em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:15%;
	}
	
	/* ************************************
		BOLETIN SELECT FULLWIDTH
	 ************************************ */
	 
	 .boletin-select-fullwidth{
		font-size:1em;
		line-height:1em;
		padding:0 0 0 5px;
		max-width:30%;
	}
	
	/* ************************************
		BOLETIN SELECT SEPARATOR
	 ************************************ */
	 
	 .boletin-select-separator{
		display:inline-block;
	}
	
	/* ************************************
		BOLETIN BUTTON
	 ************************************ */
	 
	.boletin-button{
		padding:5px 15px;
		font-size:1.1em;
		line-height:1em;
	}
		
}