/* *******************************************************************************************************************************
Hoja de estilos MAESTRA para la sección GLOSARIO de Coguan AdShare ...
	
	Desde ella importamos los estilos relativos a:
		- Layout
		- Estilo 2
		- Elementos comunes
		- Cajas

Última actualización: 22/04/2009
******************************************************************************************************************************* */


/* Importamos los estilos comunes ********************* */
	@import url("layout.css");
	@import url("style2.css");
	@import url("elementos.css");
	@import url("boxes.css");
/* ************************************************************* */
	

	
	
	
	
/* **************************** ciertos ESTILOS GENERALES ****************************** */	
	
* {
	margin: 0;
	padding: 0; /* Reseteamos los márgenes y rellenos de todos los elementos a 0 (diferentes navegadores tienen distintos valores por defecto */
}

body {
	margin:0;
	padding:0;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #ebf2fb url("fondo_deg.gif") repeat-x top left;
}

	#container {
		font-size: 85%;
	}

	
h1 {
	font-size: 150%;
	color: #3c6aa8;
	margin: 0 20px 1em 20px; 
	padding: 4px 0 2px 20px;
	background: url("../img/bg-small1.gif") repeat-x bottom center;
	border: 1px solid #bfcad8;
}


p {
	margin-top: 5px;
}

	
	
	/* clase para "dejar espacio" para los flotantes: lo ideal es utilizarla lo menos posible */	
	.clear {
		clear: both;
	}

	
/* *************************** fin de ciertos ESTILOS GENERALES *************************************** */






/* ***************************** LAYOUT GENERAL DE LAS PÁGINAS ***************************************** */

#content.cols1 .main {
	width: auto; /* necesario porque en caso contrario toma el ancho de 990px de layout.css */
	padding: 20px 263px 20px 41px; /* 41px de relleno izdo para que se alinee verticalmente con el texto del h1 (que tiene margen:20px; relleno:20px; borde:1px; ) */
	background-repeat: no-repeat;
	background-position: 95% 15px;
	background-image: url("../img/glosario.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/glosario.gif"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
	min-height: 350px; /* altura mínima para que en las páginas con poco texto el pie no esté tan arriba */
}

	/* PARCHE para IE6, que no entiende min-height, pero que trata height como si fuera min-height */
	* html #content.cols1 .main {
		height: 350px;
	}
	/* fin de PARCHE para IE6 */

/* ************************** fin de LAYOUT GENERAL DE LAS PÁGINAS ************************************** */










/* ************************ CONTENIDO PRINCIPAL ******************************* */

#letras {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

			#letras:after {
				content: ".";
				display: block;
				clear: both;
				height: 0;
				visibility: hidden;
			}

#letras li {
	float: left;
	display: inline; /* error de margen doble en flotantes en IE6 */
	margin-right: 7px;
	width: 19px;
	line-height: 19px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #fff;
	cursor: default;
	background: url("../img/glosario-letra-gray.png") no-repeat center center !important;
	background-image: url("../img/glosario-letra-gray.gif");
}

	#letras li a {
		display: block;
		color: #fff;
		text-decoration: none;
		width: 19px;
		line-height: 19px;
		background: url("../img/glosario-letra-blue1.png") no-repeat center center !important;
		background-image: url("../img/glosario-letra-blue1.gif");
	}
	
	#letras li a:hover {
		background-image: url("../img/glosario-letra-blue2.png") !important;
		background-image: url("../img/glosario-letra-blue2.gif");
	}
	
	#letras li.on a {
		cursor: default;
		background-image: url("../img/glosario-letra-orange.png") !important;
		background-image: url("../img/glosario-letra-orange.gif");
	}
	
		/* esto es porque IE6 aplica tambien al estado hover de este "a" la regla general */
		#letras li.on a:hover {
			background-image: url("../img/glosario-letra-orange.png") !important;
			background-image: url("../img/glosario-letra-orange.gif");
		}
		

dl {
	margin: 0 15px 0 5px;
}
		
	dt {
		font-size: 140%;
		color: #ff8000;
		letter-spacing: 0.1em;
		font-weight: bold;
		margin: 0 0 5px 0;
	}

	dd {
		color: #3c6aa8;
		line-height: 1.4em;
		text-align: justify;
		margin: 0 0 20px 0;
		font-size: 110%;
	}

		dd ul {
			margin: 5px 0 5px 15px;
			list-style: disc;
		}
		
			dd li {
				margin: 0;
			}

ul.paginacion li {
	margin: 0;
}

	ul.paginacion li a {
		margin: 0 3px;
	}


/* ************** fin de CONTENIDO PRINCIPAL ********************************* */