/* SECCI�N: RESETEO DE PAR�METROS HTML */
html, body {
	height: 100%;
	font-size: 85%;
	margin: 0;
	padding: 0;
	}
body, input, textarea, select, optgroup {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #fff;
	}
body {
	background: #009fde;
}
input, textarea, select, optgroup, table, tr, th, td  { font-size: 100%; }
p, ul, ol, li, dl, dt, dd, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
p, li, dt, dd { line-height: 1.4em; }
ul, ol, li, dl, dt, dd { list-style: none; }
acronym, abbr { cursor: help; }
img { border: 0; }
kbd {
	line-height: 2em;
	border-top: .15em solid #CCC;
	border-right: .25em solid #AAA;
	border-bottom: .3em solid #888;
	border-left: .2em solid #BBB;
	padding: 0 .2em;
	background: #EEE;
	vertical-align: text-bottom;
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
	}

/* SECCI�N: CLASES GENERALES DE LA P�GINA */
.print { display: none; }
.noPrint { display: block; }
.limpiar,
.clearall {
	clear: both;
	font-size: .000001em;
	line-height: .000001em;
	height: .000001em;
	}
.oculto { display: none; }
.flotaIzquierda {
	float: left;
}
.flotaDerecha {
	float: right;
}
/* SECCI�N: APOYO A LOS LECTORES DE TEXTO */
.ayudaAcces {
	position: absolute;
	left: -10000px;
	top: 0;
	width: .000001em;
	font-size: .000001em;
	line-height: .000001em;
	}
a.ayudaAcces:active {
	position: static;
	width: auto;
	height: auto;
	}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
/* SECCI�N: ARMAZ�N DE LA P�GINA */
/* Contenedor de la cabacera y contenido */
#contenedor {
	font-family: Verdana;
	font-size: 1.4em;
	margin: 0 auto;
	max-width: 980px;
	min-width: 290px;
	padding: 0 15px;
	}
h1 {
	color:#fff;
	font-size: 5em;
	padding: 23px 0;
	text-align: center;
}
a {
	color: #fff;
}
h1 img {
	margin: 0 20px;
	max-width: 100%;
	vertical-align: middle;
}

.mensajes {
	padding: 15px 0;
}

.col {
	box-sizing: border-box;
	margin-left: -15px;
	margin-right: -15px; 
}

.row {
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	margin: 15px 0;
	width: 100%;
}

.mensajes .bloque {
	/* https://css-tricks.com/rgba-browser-support/ */
	background-color: rgb(0, 0, 0); /* The Fallback */
	background-color: rgba(0,0,0,0.2);
	border-radius: 5px;
	color: #FFF;
	padding: 1em;
	text-align: center;
}

.text-center {
	text-align: center;
}

.contacto {
	/* https://css-tricks.com/rgba-browser-support/ */
	background-color: rgb(0, 0, 0); /* The Fallback */
	background-color: rgba(0,0,0,0.5);
	padding: .333em 1em;
}

@media (min-width: 768px) {
	.mensajes {
		padding: 30px 0 20px 0;
	}
	
	.row {
		margin: 0;
		width: 25%;
	}
	
	.contacto {
		background-color: transparent;
	}
}