/* ============================================================================
   RESPONSIVE CSS - BREAKPOINTS
   ============================================================================ */

/* ============================================================================
   TABLAS BOLETÍN
   ============================================================================ */

@media(min-width: 1200px) {
	table.tabla_boletin {
		width: 690px;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}
}

@media(max-width: 1199px) {
	table.tabla_boletin {
		width: 100%;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}

	table.tabla_boletin tbody tr td p {
		max-width: 50px;
	}
}

@media(max-width: 450px) {
	.tabla_boletin thead tr th:nth-child(2),
	.tabla_boletin thead tr th:nth-child(3),
	.tabla_boletin tbody tr td:nth-child(2),
	.tabla_boletin tbody tr td:nth-child(3) {
		/*display: none;*/
	}
}

@media(max-width: 370px) {
	.tabla_boletin tbody tr td:first-child {
		width: 70%;
	}
}

/* ============================================================================
   DESKTOP - MIN-WIDTH 768px
   ============================================================================ */

@media(min-width: 768px) {
	/* Header & Background */
	.fondo1920 {
		background: url(../img/headboard.png) no-repeat top;
	}

	.organiza {
		/*margin-left: -12%*/
	}

	.logo {
		margin-left: -11px;
	}

	/* Content */
	.img-responsive {
		width: auto;
	}

	.contenido-centro h2,
	.contenido-centro h1 {
		padding-top: auto;
	}

	/* Navigation & Header */
	.center-nav {
		margin-top: auto;
	}

	.colorM a {
		color: #318825;
	}

	.centro-header {
		margin-top: 25px;
		margin-left: 70px;
	}

	/* Theme */
	.black {
		background-color: #1C1C1B;
	}

	/* Components */
	.sub_comites {
		margin: 1em 0 2em 0;
	}

	/* Form Elements */
	.input_campo {
		width: 14.4em;
		margin: 0 0.5em 0 0;
	}

	.input_campo_largo {
		width: 46.9em;
		margin: 0;
	}

	.select_campo_largo {
		width: 48.3em;
		margin: 0;
	}

	.textarea_campo,
	.textarea_campo_contacto,
	.textarea_campo_pregunta,
	.textarea_campo2 {
		width: 43.3em;
		margin: 0;
		vertical-align: top;
		font-size: 0.9em;
		font-family: 'FrutigerNextLTRegular', Tahoma, Geneva, sans-serif;
	}

	/* Multimedia */
	.youtube {
		width: 707px;
		height: 360px;
	}

	.foto_galeria {
		width: 33%;
	}
}

/* ============================================================================
   TABLET - MIN-WIDTH 768px AND MAX-WIDTH 1199px
   ============================================================================ */

@media(min-width: 768px) and (max-width: 1199px) {
	.contenido-centro {
		margin-left: 7%;
		min-height: 730px;
		padding-bottom: 40px;
		padding-top: 10px;
	}
}

/* ============================================================================
   DESKTOP LARGE - MIN-WIDTH 1200px
   ============================================================================ */

@media(min-width: 1200px) {
	.contenido-centro {
		margin-left: 4%;
		margin-right: 4%;
		min-height: 730px;
		padding-bottom: 40px;
		padding-top: 10px;
	}
}

/* ============================================================================
   MOBILE - MAX-WIDTH 767px
   ============================================================================ */

@media(max-width: 767px) {
	/* Header & Background */
	.fondo1920 {
		background: url(../img/headboard.png) no-repeat top left;
	}

	/* Content */
	.img-responsive {
		width: 100%;
	}

	.contenido-centro h2,
	.contenido-centro h1 {
		padding-top: 15px;
	}

	/* Navigation & Header */
	.center-nav {
		margin-top: 23px;
	}

	.centro-header img {
		width: 100%;
	}

	.colorM a {
		color: #337ab7;
	}

	/* Logo */
	.logo img {
		max-width: 315px;
		margin-left: -10px;
	}

	/* Theme */
	.black {
		background-color: transparent;
	}

	/* Components */
	.sub_comites {
		padding-top: 13px;
	}

	.sub_comites a {
		float: left;
	}

	/* Form Elements */
	.input_campo {
		width: 100%;
		margin: 0 0.5em 0 0;
	}

	.textarea_campo,
	.textarea_campo_contacto,
	.textarea_campo_pregunta,
	.textarea_campo2 {
		width: 100%;
		margin: 0;
		vertical-align: top;
		font-size: 0.9em;
		font-family: 'FrutigerNextLTRegular', Tahoma, Geneva, sans-serif;
	}

	.w100 {
		width: 100% !important;
	}

	/* Multimedia */
	.youtube {
		width: 100%;
		height: 315px;
	}

	.foto_galeria {
		width: 100%;
	}
}

/* ============================================================================
   SMALL MOBILE - MAX-WIDTH 575px
   ============================================================================ */

@media(max-width: 575px) {
	.contenido-centro {
		padding: 0 15px;
	}
}

/* ============================================================================
   EXTRA SMALL MOBILE - MAX-WIDTH 576px
   ============================================================================ */

@media(max-width: 576px) {
	.redesTop {
		margin-top: -38px;
		margin-left: auto;
		margin-bottom: 13px;
		width: 90px;
	}
}

/* ============================================================================
   SMALL - MAX-WIDTH 550px
   ============================================================================ */

@media(max-width: 550px) {
	.sub_comites a {
		margin-bottom: 9px !important;
	}
}