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

/*
	Estilos para o marcado da web
	Tamén inclúe estilos para clases e etiquetas que son xenéricas para todo el sitio, 
	como poden ser estilos para listas ou limpadores de flotabilidad.
*/

/*
	Redifinición de selectores
*/
	
	/* Enlaces */
	a:link.non-sublinhado, 
	a:visited.non-sublinhado, 
	a:hover.non-sublinhado, 
	.non-sublinhado { text-decoration: none; }
	.clickable, .link-hover { cursor: pointer; }
	
	/* Imáxes */
	img { border: 0; }
		
	/* Taboas */
	table {
		width: 100%;
		border-collapse: collapse;
		border: solid 1px #ccc;
	}
		th, 
		td {
			padding: 0.2em;
			border-collapse: collapse;
			border: solid 1px #ccc;
		}
		thead th, 
		thead td {}
		tbody th, 
		tbody td {}
		tfoot th, 
		tfoot td {}

	/* Separador de seccions, pódese poñer oculto (display: none;).
		A súa función é separar as diferentes seccións para os diferentes buscadores e lectores de contido. */
	hr {
		background: none;
		display: block;
		height: 0;
		float: none;
		clear: both;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		border: none;
		border-bottom: dotted 1px #666;
	}
		hr.separador-seccions { display: none; }
		hr.separador-mod-1 {}
		hr.separador-mod-2 {}

/*
	Clases extra para o layout
*/

	/* Aliñado de textos */
	.texto-esq { text-align: left; }
	.texto-der { text-align: right; }
	.texto-cent { text-align: center; }
	.texto-xust { text-align: justify; }
	
	/* Outros estilos de texto */
	.texto-tachado { text-decoration: line-through; }
	.texto-maiusculas { text-transform: uppercase; }
	.texto-negrinha { font-weight: bold; }
	.texto-normal { font-weight: normal; }
	.alinhado-middle { vertical-align: middle; }
		
	/* Sombras de texto */
	.texto-sombra-s { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
	.texto-sombra { text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); }
	.texto-sombra-l { text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5); }
	
	/* Colores de texto */
	.color-01 { color: #fff; }
	.color-02 { color: #000; }
	.color-03 { color: #666; }

	/* Colores de fondo */
	.bkg-color-01 { background-color: #fff; }
	.bkg-color-02 { background-color: #000; }
	.bkg-color-03 { background-color: #666; }
	
	/* Comportamento de display e visibilidade */
	.oculto { display: none!important; }
	.non-visible { visibility: hidden!important; }
	.en-linea { display: inline!important; }
	.en-bloque { display: block!important; }
	.en-linea-bloque { display: inline-block!important; }
	
	/* Flotabilidade */
	.flota-esq { float: left; }
	.flota-der { float: right; }
	.non-flota { float: none; }
	.limpa-esq { clear: left; }
	.limpa-der { clear: right; }
	.limpa-ambos { clear: both; }
	
	/* Altos mínimos */
	.alto-min-10 { min-height: 10px; }
	.alto-min-20 { min-height: 20px; }
	.alto-min-30 { min-height: 30px; }
	.alto-min-40 { min-height: 40px; }
	.alto-min-50 { min-height: 50px; }
	.alto-min-60 { min-height: 60px; }
	.alto-min-70 { min-height: 70px; }
	.alto-min-80 { min-height: 80px; }
	.alto-min-90 { min-height: 90px; }
	.alto-min-100 { min-height: 100px; }
	.alto-min-150 { min-height: 150px; }
	.alto-min-200 { min-height: 200px; }
	.alto-min-250 { min-height: 250px; }
	.alto-min-300 { min-height: 300px; }
	.alto-min-350 { min-height: 350px; }
	.alto-min-400 { min-height: 400px; }
	.alto-min-450 { min-height: 450px; }
	.alto-min-500 { min-height: 500px; }
	.alto-min-600 { min-height: 600px; }
	.alto-min-700 { min-height: 700px; }
	.alto-min-800 { min-height: 800px; }
	
	/* Altos máximos */
	.alto-max-10 { height: 10px; }
	.alto-max-20 { height: 20px; }
	.alto-max-30 { height: 30px; }
	.alto-max-40 { height: 40px; }
	.alto-max-50 { height: 50px; }
	.alto-max-60 { height: 60px; }
	.alto-max-70 { height: 70px; }
	.alto-max-80 { height: 80px; }
	.alto-max-90 { height: 90px; }
	.alto-max-100 { height: 100px; }
	.alto-max-150 { height: 150px; }
	.alto-max-200 { height: 200px; }
	.alto-max-250 { height: 250px; }
	.alto-max-300 { height: 300px; }
	.alto-max-350 { height: 350px; }
	.alto-max-400 { height: 400px; }
	.alto-max-450 { height: 450px; }
	.alto-max-500 { height: 500px; }
	.alto-max-600 { height: 600px; }
	.alto-max-700 { height: 700px; }
	.alto-max-800 { height: 800px; }
	
	/* Anchos */
	.ancho-10 { width: 10px; }
	.ancho-20 { width: 20px; }
	.ancho-30 { width: 30px; }
	.ancho-40 { width: 40px; }
	.ancho-50 { width: 50px; }
	.ancho-60 { width: 60px; }
	.ancho-70 { width: 70px; }
	.ancho-80 { width: 80px; }
	.ancho-90 { width: 90px; }
	.ancho-100 { width: 100px; }
	.ancho-150 { width: 150px; }
	.ancho-200 { width: 200px; }
	.ancho-250 { width: 250px; }
	.ancho-300 { width: 300px; }
	.ancho-350 { width: 350px; }
	.ancho-400 { width: 400px; }
	.ancho-450 { width: 450px; }
	.ancho-500 { width: 500px; }
	.ancho-600 { width: 600px; }
	.ancho-700 { width: 700px; }
	.ancho-800 { width: 800px; }
	
	/* Marxes e recheos */
	.primeiro-h {
		padding-left: 0!important;
		margin-left: 0!important;
		border-left: 0!important;
	}
	.primeiro-v {
		padding-top: 0!important;
		margin-top: 0!important;
		border-top: 0!important;
	}
	.ultimo-h {
		padding-right: 0!important;
		margin-right: 0!important;
		border-right: 0!important;
	}
	.ultimo-v {
		padding-bottom: 0!important;
		margin-bottom: 0!important;
		border-bottom: 0!important;
	}
	
	.padding-xs { padding: 5px; }
	.padding-s { padding: 10px; }
	.padding { padding: 15px; }
	.padding-l { padding: 20px; }
	.padding-xl { padding: 30px; }
	.padding-xxl { padding: 50px; }
	
	.padding-sup-xs { padding-top: 5px; }
	.padding-sup-s { padding-top: 10px; }
	.padding-sup { padding-top: 15px; }
	.padding-sup-l { padding-top: 20px; }
	.padding-sup-xl { padding-top: 30px; }
	.padding-sup-xxl { padding-top: 50px; }
	
	.padding-der-xs { padding-right: 5px; }
	.padding-der-s { padding-right: 10px; }
	.padding-der { padding-right: 15px; }
	.padding-der-l { padding-right: 20px; }
	.padding-der-xl { padding-right: 30px; }
	.padding-der-xxl { padding-right: 50px; }
	
	.padding-esq-xs { padding-left: 5px; }
	.padding-esq-s { padding-left: 10px; }
	.padding-esq { padding-left: 15px; }
	.padding-esq-l { padding-left: 20px; }
	.padding-esq-xl { padding-left: 30px; }
	.padding-esq-xxl { padding-left: 50px; }
	
	.padding-inf-xs { padding-bottom: 5px; }
	.padding-inf-s { padding-bottom: 10px; }
	.padding-inf { padding-bottom: 15px; }
	.padding-inf-l { padding-bottom: 20px; }
	.padding-inf-xl { padding-bottom: 30px; }
	.padding-inf-xxl { padding-bottom: 50px; }
	
	.marxe-sup-xs { margin-top: 5px; }
	.marxe-sup-s { margin-top: 10px; }
	.marxe-sup { margin-top: 15px; }
	.marxe-sup-l { margin-top: 20px; }
	.marxe-sup-xl { margin-top: 30px; }
	.marxe-sup-xxl { margin-top: 50px; }
		.marxe-sup-neg-xs { margin-top: -5px; }
		.marxe-sup-neg-s { margin-top: -10px; }
		.marxe-sup-neg { margin-top: -15px; }
		.marxe-sup-neg-l { margin-top: -20px; }
		.marxe-sup-neg-xl { margin-top: -30px; }
		.marxe-sup-neg-xxl { margin-top: -50px; }
		
	.marxe-der-xs { margin-right: 5px; }
	.marxe-der-s { margin-right: 10px; }
	.marxe-der { margin-right: 15px; }
	.marxe-der-l { margin-right: 20px; }
	.marxe-der-xl { margin-right: 30px; }
	.marxe-der-xxl { margin-right: 50px; }
		.marxe-der-neg-xs { margin-right: -5px; }
		.marxe-der-neg-s { margin-right: -10px; }
		.marxe-der-neg { margin-right: -15px; }
		.marxe-der-neg-l { margin-right: -20px; }
		.marxe-der-neg-xl { margin-right: -30px; }
		.marxe-der-neg-xxl { margin-right: -50px; }
		
	.marxe-inf-xs { margin-bottom: 5px; }
	.marxe-inf-s { margin-bottom: 10px; }
	.marxe-inf { margin-bottom: 15px; }
	.marxe-inf-l { margin-bottom: 20px; }
	.marxe-inf-xl { margin-bottom: 30px; }
	.marxe-inf-xxl { margin-bottom: 55px; }
		.marxe-inf-neg-xs { margin-bottom: -5px; }
		.marxe-inf-neg-s { margin-bottom: -10px; }
		.marxe-inf-neg { margin-bottom: -15px; }
		.marxe-inf-neg-l { margin-bottom: -20px; }
		.marxe-inf-neg-xl { margin-bottom: -30px; }
		.marxe-inf-neg-xxl { margin-bottom: -50px; }
	
	.marxe-esq-xs { margin-left: 5px; }
	.marxe-esq-s { margin-left: 10px; }
	.marxe-esq { margin-left: 15px; }
	.marxe-esq-l { margin-left: 20px; }
	.marxe-esq-xl { margin-left: 30px; }
	.marxe-esq-xxl { margin-left: 50px; }
		.marxe-esq-neg-xs { margin-left: -5px; }
		.marxe-esq-neg-s { margin-left: -10px; }
		.marxe-esq-neg { margin-left: -15px; }
		.marxe-esq-neg-l { margin-left: -20px; }
		.marxe-esq-neg-xl { margin-left: -30px; }
		.marxe-esq-neg-xxl { margin-left: -50px; }

	/* Listas */
	.lista-sen-marcado { list-style: none; }

	/* Bordes */
	.borde {
		border-style: solid;
		border-width: 1px;
	}
	.borde-der {
		border-right-style: solid;
		border-right-width: 1px;
	}
	.borde-esq {
		border-left-style: solid;
		border-left-width: 1px;
	}
	
	.borde-color-01 { border-color: #fff; }
	.borde-color-02 { border-color: #000; }
	.borde-color-03 { border-color: #666; }

	.bordes-redondeados-s { border-radius: 5px; }
	.bordes-redondeados { border-radius: 10px; }
	.bordes-redondeados-l { border-radius: 15px; }

	/* Posicións */
	.posicion-rel { position: relative; }
	.posicion-abs { position: absolute; }
	
	.posicion-abs-top-0 { top: 0; }
	.posicion-abs-top-xs { top: 5px; }
	.posicion-abs-top-s { top: 10px; }
	.posicion-abs-top { top: 15px; }
	.posicion-abs-top-l { top: 20px; }
	.posicion-abs-top-xl { top: 30px; }
	.posicion-abs-top-xxl { top: 50px; }
	
	.posicion-abs-right-0 { right: 0; }
	.posicion-abs-right-xs { right: 5px; }
	.posicion-abs-right-s { right: 10px; }
	.posicion-abs-right { right: 15px; }
	.posicion-abs-right-l { right: 20px; }
	.posicion-abs-right-xl { right: 30px; }
	.posicion-abs-right-xxl { right: 50px; }
	
	.posicion-abs-bottom-0 { bottom: 0; }
	.posicion-abs-bottom-xs { bottom: 5px; }
	.posicion-abs-bottom-s { bottom: 10px; }
	.posicion-abs-bottom { bottom: 15px; }
	.posicion-abs-bottom-l { bottom: 20px; }
	.posicion-abs-bottom-xl { bottom: 30px; }
	.posicion-abs-bottom-xxl { bottom: 50px; }
	
	.posicion-abs-left-0 { left: 0; }
	.posicion-abs-left-xs { left: 5px; }
	.posicion-abs-left-s { left: 10px; }
	.posicion-abs-left { left: 15px; }
	.posicion-abs-left-l { left: 20px; }
	.posicion-abs-left-xl { left: 30px; }
	.posicion-abs-left-xxl { left: 50px; }
	
	.z-index-0 { z-index: 0; }
	.z-index-1 { z-index: 1; }
	.z-index-2 { z-index: 2; }

	/* Desbordamento */
	.desbordamento-visible { overflow: visible; }
	.desbordamento-non-visible { overflow: hidden; }
	
	/* Opacidades */
	.opacidade-0 { opacity: 0; }
	.opacidade-10 { opacity: 0.1; }
	.opacidade-20 { opacity: 0.2; }
	.opacidade-30 { opacity: 0.3; }
	.opacidade-40 { opacity: 0.4; }
	.opacidade-50 { opacity: 0.5; }
	.opacidade-60 { opacity: 0.6; }
	.opacidade-70 { opacity: 0.7; }
	.opacidade-80 { opacity: 0.8; }
	.opacidade-90 { opacity: 0.9; }
	.opacidade-100 { opacity: 1; }

/*
	Iconografía
*/
	.ico-especial, 
	.ico-8, 
	.ico-12, 
	.ico-16, 
	.ico-24, 
	.ico-32, 
	.ico-48, 
	.ico-64, 
	.ico-72 {
		text-align: left;
		font-size: 0px;
		text-indent: -1000em;
		text-decoration: none;
		background-color: transparent;
		background-repeat: no-repeat;
		vertical-align: middle;
		display: inline-block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
		.ico-especial span, 
		.ico-8 span, 
		.ico-12 span, 
		.ico-16 span, 
		.ico-24 span, 
		.ico-32 span, 
		.ico-48 span, 
		.ico-64 span, 
		.ico-72 span {
			display: none;
		}
		a .ico-especial, a .ico-especial, 
		a .ico-12, a.ico-12, 
		a .ico-16, a.ico-16, 
		a .ico-24, a.ico-24, 
		a .ico-32, a.ico-32, 
		a .ico-48, a.ico-48, 
		a .ico-64, a.ico-64, 
		a .ico-72, a.ico-72 { text-decoration: none!important; }
	
	.ico-especial {}
	.ico-8 { padding: 4px; }
	.ico-12 { padding: 6px; }
	.ico-16 { padding: 8px; }
	.ico-24 { padding: 12px; }
	.ico-32 { padding: 16px; }
	.ico-48 { padding: 24px; }
	.ico-64 { padding: 32px; }
	.ico-72 { padding: 36px; }
	
	/* Sprite de fondo para ico-xeral */
	.ico-xeral { background-image: url(../../../imaxes/estandar/elementos-xenericos/iconografia/ico-xeral.png); }
		
	.ico-8-id { background-position: 0 0; }
	
	.ico-12-id { background-position: -8px 0; }
	
	.ico-16-id { background-position: -20px 0; }
	
	.ico-24-id { background-position: -52px 0; }
	
	.ico-32-id { background-position: -100px 0; }
	
	.ico-48-id { background-position: -132px 0; }
	
	.ico-64-id { background-position: -180px 0; }
	
	.ico-72-id { background-position: -244px 0; }

/*
	JavaScript
*/
