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

Última actualización: 06/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;
	color: #3c6aa8;
}

	#container {
		font-size: 85%;
	}

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

ul, ol {
	list-style: none; /* ************** CAMBIAR ****************** */
}

p {
	margin: 0 0 15px 0;
	padding: 0 8px 0 8px;
}

p, li {
	line-height: 1.4em;
	font-size: 12px; /* original => font-size: 110%; */
	text-align: justify;
	/* hemos establecido el tamano de fuente en px en vez de porcentajes debido
		al problema de herencia recursiva que aparece en IE (6,7,8) */
}

a {
	color: #ef402a;
}
	
	/* 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: 0 300px 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% 0px;
	background-image: url("../img/ofertas_trabajo.png") !important; /* para navegadores modernos que soportan transparencia PNG */
	background-image: url("../img/ofertas_trabajo.jpg"); /* 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 ******************************* */

.main ul {
	margin: 0 0 30px 0;
}

	.main ul li {
		margin: 15px 0 0 0;
		border-top: 1px solid #3c6aa8;
		padding: 15px 8px 0 8px;
	}

		.main ul h2 {
			margin: 0 0 8px 0;
			font-size: 120%;
		}

		.main ul p {
			margin: 0;
			padding: 0;
		}

		.main h3 {
			margin: 20px 0 3px 0;
			font-size: 110%;
		}

		.main ul li ul {
			margin: 0; /* sobreescribimos valores para el ul de nivel superior */
		}
			
			.main ul li ul li {
				margin: 0; /* sobreescribimos los valores declarados para los li de nivel superior */
				padding: 0; /* sobreescribimos ... */
				border: none; /* sobreescribimos ... */
			}




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