/* estilos específicos para la sección AdShare
-------------------------------------------------------------------------- */


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


#content.cols1 .main {
	width: auto; /* necesario porque en caso contrario toma el ancho de 990px de layout.css */
	padding: 20px 250px 20px 25px;
	background-repeat: no-repeat;
	background-position: right 30px;
	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 */


/* páginas específicas */
#adshare #content .main {
	padding-right: 25px;
}

	#adshare .panel-aux1 {
		width: 100%;
		margin: 0 auto 30px auto;
	}
	
		#adshare .panel-aux1 p {
			margin: 0;
			padding: 15px 0 0 0;
			text-align: center;
			font-size: 18px;/*
			letter-spacing: 1px;*/
		}
		
		#adshare .panel-aux1 a {
			color: #ef402a;
		}

#adshare-marketplace #content .main {
	background-image: url("../img/anuncio-marketplace.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/anuncio-marketplace.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}

#adshare-adserving #content .main {
	background-image: url("../img/anuncio-adserving.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/anuncio-adserving.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}

#adshare-facturacion #content .main {
	background-image: url("../img/anuncio-facturacion.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/anuncio-facturacion.jpg"); /* para navegadores antiguos (como IE6) que no soportan transparencia PNG y que tampoco entienden !important */
}
/* fin de páginas específicas */



h1 {
	font-size: 140%;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 100%;
	margin: 2em 0 0.4em 0;
}

p {
	text-align: justify;
	line-height: 1.5em;
	margin: 0;
	margin-bottom: 2em;
}

	p.intro {
		margin: 0;
		margin-bottom: 25px;
		font-weight: bold;
	}


#content ul,
#content ol {
	margin: 0;
	margin-bottom: 2em;
}
	
#content li {
	margin: 1em 0;
	line-height: 1.5em;
}

#content ol {
	list-style-position: inside;
	font-weight: bold; /* para aplicar la negrita a los números de la lista */
}

	#content ol li {
		margin: 2em 0;
	}

		#content ol h2 {
			display: inline; /* ¡¡¡ NECESARIO !!! porque en caso contrario Firefox muestra en dos líneas diferentes el número y el h2 */
			font-size: 100%;
		}

		#content ol span {
			display: block;
			font-weight: normal; /* para el texto de cada elemento de lista, anulamos la negrita */
		}		
	



/* **************** NAVEGACIÓN *********************************** */

/* ajustamos a las necesidades específicas de esta sección los valores de la barra de navegación
general del style1 */
#nav {
	width: 970px;
	margin: 0 auto;
}

	#nav li {
		width: 242px; /* ¡¡¡ AJUSTAR PORQUE EN EXPLORER SALTA A OTRA LÍNEA */
	}
	
	
	/* excepción: última pestaña */
	#nav #p-facturacion {
		position: relative;
		right: -4px; /* para que cuando la pestaña está seleccionada se tape completamente el borde redondeado de la barra de navegación */
	}
	/* fin de última pestaña */
	
	
	#nav #p-adshare a {
		text-align: left;
		padding-left: 25px;
	}
	
	#nav #p-marketplace a {
		text-align: center;
	}
	
	#nav #p-adserving a {
		text-align: center;
	}
	
	#nav #p-facturacion a {
		text-align: right;
		padding-right: 27px;
	}
		
/* **************** fin de NAVEGACIÓN *********************************** */


/* usamos sustitución de imagen para el anuncio de la primera página */
#anuncio {
	position: relative;
	width: 953px;
	height: 168px;
	margin: 50px 0 20px 0;
}

	#anuncio span {
		position: absolute;
		width: 952px;
		height: 168px;
		background: url("../img/anuncio-adshare.png") no-repeat top center !important;
		background-image: url("../img/anuncio-adshare.jpg");
	}
/* fin de imagen de la primera página */