@charset "UTF-8";
/* CSS Document */

/*
	grilla.css
	www.grillacss.org
	
	Pablo Bascoy
	www.pablobascoy.com
*/

/*
	Esta folla es estilos permite xestionar un layout de 960px de ancho en 16 columnas.

	Este sistema de gilla está basado en http://960.gs/ e en http://simplegrid.info/
*/

/*
	Body
*/
body, 
.paxina { min-width: 960px; }

/*
	Grilla
*/
.grilla {
	width: 960px;
	float: none;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.gr-fila, 
.gr-ancho-total {
	width: auto;
	float: none;
	clear: both;
}

/* Marxe e flotabilidade da grilla */
.gr-col {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

/* Valores da grilla */
.gr-col-1, .gr-col-2, .gr-col-3, .gr-col-4, .gr-col-5, .gr-col-6, .gr-col-7, .gr-col-8, .gr-col-9, .gr-col-10, .gr-col-11, .gr-col-12, .gr-col-13, .gr-col-14, .gr-col-15, .gr-col-16 { width: 40px; }

.gr-col-1a2, .gr-col-2a3, .gr-col-3a4, .gr-col-4a5, .gr-col-5a6, .gr-col-6a7, .gr-col-7a8, .gr-col-8a9, .gr-col-9a10, .gr-col-10a11, .gr-col-11a12, .gr-col-12a13, .gr-col-13a14, .gr-col-14a15, .gr-col-15a16 { width: 100px; }

.gr-col-1a3, .gr-col-2a4, .gr-col-3a5, .gr-col-4a6, .gr-col-5a7, .gr-col-6a8, .gr-col-7a9, .gr-col-8a10, .gr-col-9a11, .gr-col-10a12, .gr-col-11a13, .gr-col-12a14, .gr-col-13a15, .gr-col-14a16 { width: 160px; }

.gr-col-1a4, .gr-col-2a5, .gr-col-3a6, .gr-col-4a7, .gr-col-5a8, .gr-col-6a9, .gr-col-7a10, .gr-col-8a11, .gr-col-9a12, .gr-col-10a13, .gr-col-11a14, .gr-col-12a15, .gr-col-13a16 { width: 220px; }

.gr-col-1a5, .gr-col-2a6, .gr-col-3a7, .gr-col-4a8, .gr-col-5a9, .gr-col-6a10, .gr-col-7a11, .gr-col-8a12, .gr-col-9a13, .gr-col-10a14, .gr-col-11a15, .gr-col-12a16 { width: 280px; }

.gr-col-1a6, .gr-col-2a7, .gr-col-3a8, .gr-col-4a9, .gr-col-5a10, .gr-col-6a11, .gr-col-7a12, .gr-col-8a13, .gr-col-9a14, .gr-col-10a15, .gr-col-11a16 { width: 340px; }

.gr-col-1a7, .gr-col-2a8, .gr-col-3a9, .gr-col-4a10, .gr-col-5a11, .gr-col-6a12, .gr-col-7a13, .gr-col-8a14, .gr-col-9a15, .gr-col-10a16 { width: 400px; }

.gr-col-1a8, .gr-col-2a9, .gr-col-3a10, .gr-col-4a11, .gr-col-5a12, .gr-col-6a13, .gr-col-7a14, .gr-col-8a15, .gr-col-9a16 { width: 460px; }

.gr-col-1a9, .gr-col-2a10, .gr-col-3a11, .gr-col-4a12, .gr-col-5a13, .gr-col-6a14, .gr-col-7a15, .gr-col-8a16 { width: 520px; }

.gr-col-1a10, .gr-col-2a11, .gr-col-3a12, .gr-col-4a13, .gr-col-5a14, .gr-col-6a15, .gr-col-7a16 { width: 580px; }

.gr-col-1a11, .gr-col-2a12, .gr-col-3a13, .gr-col-4a14, .gr-col-5a15, .gr-col-6a16 { width: 640px; }

.gr-col-1a12, .gr-col-2a13, .gr-col-3a14, .gr-col-4a15, .gr-col-5a16 { width: 700px; }

.gr-col-1a13, .gr-col-2a14, .gr-col-3a15, .gr-col-4a16 { width: 760px; }

.gr-col-1a14, .gr-col-2a15, .gr-col-3a16 { width: 820px; }

.gr-col-1a15, .gr-col-2a16 { width: 880px; }

.gr-col-1a16 { width: 940px; }

/* Primeira columna á esquerda e última á dereita de fada fila */
.gr-col .gr-col:first-child { margin-left: 0; }
.gr-col .gr-col:last-child { margin-right: 0; }

/* Columnas vacías á esquerda */
.gr-pre-1 { padding-left: 60px; }
.gr-pre-2 { padding-left: 120px; }
.gr-pre-3 { padding-left: 180px; }
.gr-pre-4 { padding-left: 240px; }
.gr-pre-5 { padding-left: 300px; }
.gr-pre-6 { padding-left: 360px; }
.gr-pre-7 { padding-left: 420px; }
.gr-pre-8 { padding-left: 480px; }
.gr-pre-9 { padding-left: 540px; }
.gr-pre-10 { padding-left: 600px; }
.gr-pre-11 { padding-left: 660px; }
.gr-pre-12 { padding-left: 720px; }
.gr-pre-13 { padding-left: 780px; }
.gr-pre-14 { padding-left: 840px; }
.gr-pre-15 { padding-left: 900px; }

/* Columnas vacías á dereita */
.gr-suf-1 { padding-right: 60px; }
.gr-suf-2 { padding-right: 100px; }
.gr-suf-3 { padding-right: 180px; }
.gr-suf-4 { padding-right: 240px; }
.gr-suf-5 { padding-right: 300px; }
.gr-suf-6 { padding-right: 360px; }
.gr-suf-7 { padding-right: 420px; }
.gr-suf-8 { padding-right: 480px; }
.gr-suf-9 { padding-right: 540px; }
.gr-suf-10 { padding-right: 600px; }
.gr-suf-11 { padding-right: 660px; }
.gr-suf-12 { padding-right: 720px; }
.gr-suf-13 { padding-right: 780px; }
.gr-suf-14 { padding-right: 840px; }
.gr-suf-15 { padding-right: 900px; }

/* Borde á dereita */
.gr-borde-der {
	padding-right: 9px;
	margin-right: 0;
	border-right: solid 1px #d4d4d4;
	box-shadow: 1px 0 0 #fff;
}
	.gr-suf-1.gr-borde-der { padding-right: 69px; }
	.gr-suf-2.gr-borde-der { padding-right: 129px; }
	.gr-suf-3.gr-borde-der { padding-right: 189px; }
	.gr-suf-4.gr-borde-der { padding-right: 249px; }
	.gr-suf-5.gr-borde-der { padding-right: 309px; }
	.gr-suf-6.gr-borde-der { padding-right: 369px; }
	.gr-suf-7.gr-borde-der { padding-right: 429px; }
	.gr-suf-8.gr-borde-der { padding-right: 489px; }
	.gr-suf-9.gr-borde-der { padding-right: 549px; }
	.gr-suf-10.gr-borde-der { padding-right: 609px; }
	.gr-suf-11.gr-borde-der { padding-right: 669px; }
	.gr-suf-12.gr-borde-der { padding-right: 729px; }
	.gr-suf-13.gr-borde-der { padding-right: 789px; }
	.gr-suf-14.gr-borde-der { padding-right: 849px; }
	.gr-suf-15.gr-borde-der { padding-right: 909px; }

/* Borde á esquerda */
.gr-borde-esq {
	padding-left: 9px;
	margin-left: 0;
	border-left: solid 1px #fff;
	box-shadow: -1px 0 0 #d4d4d4;
}
	.gr-pre-1.gr-borde-esq { padding-left: 69px; }
	.gr-pre-2.gr-borde-esq { padding-left: 129px; }
	.gr-pre-3.gr-borde-esq { padding-left: 189px; }
	.gr-pre-4.gr-borde-esq { padding-left: 249px; }
	.gr-pre-5.gr-borde-esq { padding-left: 309px; }
	.gr-pre-6.gr-borde-esq { padding-left: 369px; }
	.gr-pre-7.gr-borde-esq { padding-left: 429px; }
	.gr-pre-8.gr-borde-esq { padding-left: 489px; }
	.gr-pre-9.gr-borde-esq { padding-left: 549px; }
	.gr-pre-10.gr-borde-esq { padding-left: 609px; }
	.gr-pre-11.gr-borde-esq { padding-left: 669px; }
	.gr-pre-12.gr-borde-esq { padding-left: 729px; }
	.gr-pre-13.gr-borde-esq { padding-left: 789px; }
	.gr-pre-14.gr-borde-esq { padding-left: 849px; }
	.gr-pre-15.gr-borde-esq { padding-left: 909px; }

/*
	Limpadores de flotabilidade
*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.gr-fila:before, 
.gr-fila:after, 
.gr-ancho-total:before, 
.gr-ancho-total:after, 

.clearfix:before, 
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.gr-fila:after, 
.gr-ancho-total:after, 

.clearfix:after { clear: both; }

/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
.gr-fila, 
.gr-ancho-total, 

.clearfix { zoom: 1; }

/*
	Outros
*/

/*
	Mostra/Oculta a grilla
*/
	.grilla-mostra-oculta .grilla-imaxe {
		background-image: url(../../../imaxes/estandar/estructura-base/grilla-mostra-oculta-960.png);
		width: 960px;
		margin-left: -480px;
	}
	
			.estructura-da-grilla { background-image: url(../../../imaxes/estandar/estructura-base/estructura-da-grilla-960.png); }