/*	-------------------------------------------------------------
	Website CAA. Club de antiguos alumnos del CSHG
	eMotive dsign
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Descripcion:	Estilos y maquetas generales del sitio
	Operario:		Abraham / eMotive / am180@em360.com
	Fecha:			Julio 2006
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Colores: 
	Gris Oscuro: rgb(55, 58, 64)
	Burdeos: rgb(102, 32, 45)
	Gris menos Oscuro: rgb(99, 106, 115)
	Rojo vivo: rgb(189, 41, 37)
	Gris Claro: rgb(177, 180, 185)
	Gris Oscuro 2: rgb(130, 136, 143)
	-------------------------------------------------------------	*/
	

/*	-------------------------------------------------------------
	GENERAL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/*	Estilos basicos en todo el sitio
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		padding: 0;
		margin: 0;
		font: normal 75%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
		color: rgb(55, 58, 64);
		text-align: center;
	}
	h1 {
		font: normal 2em/1em Arial, Helvetica, sans-serif;
	}
	h2 {
		font: bold 24px/24px Arial, Helvetica, sans-serif;
	}
	h3 {
		font: bold 1.25em/1em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		margin: 10px 0 10px 0;
		padding: 0;
	}
	h4 {
		font: normal 10px/12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
		text-transform: uppercase;
		color: rgb(102, 32, 45);
		margin: 0 0 0.25em;
	}
	h5 {
		font: bold 14px/1.3em Arial, Helvetica, sans-serif;
		color: #FFF;
		padding: 0 0 5px;
		border-bottom: 2px solid #FFF;
	}
	form {
		margin: 0;
	}
	.clearFloats {
		clear: both;
	}
	.pad10 {
		padding: 10px;
	}
	.pad7 {
		padding: 7px;
	}
	.oculto {
		display: none;
	}
	big {
		font-family: Arial, Helvetica, sans-serif;
	}
	p.formulario * {
		vertical-align: top;
	}
	
	/*	Tabla Indice
	-------------------------------------------------------------
	Usada en ofertas de empleo y Noticias
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	table.indice {
		width: 100%;
	}
	table.indice th {
		font-size: 0.9em;
		color: rgb(99, 106, 115);
		font-weight: normal;
		padding: 3px 5px 10px 5px;
		border-bottom: 2px solid rgb(102, 32, 45);
		text-align: left;
	}
	table.indice th a, table.indice th a:visited {
		color: rgb(99, 106, 115);
	}
	table.indice th a:hover {
		color: rgb(102, 32, 45);
	}
	table.indice th a:active {
		color: rgb(55, 58, 64);
	}
	table.indice td {
		border-bottom: 1px solid rgb(99, 106, 115);
		padding: 5px;
		vertical-align: top;
	}

	/*	Info y ToolBox 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Usados en fichas de oferta de empleo, perfil y noticia
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	div.info {
		background: rgb(216, 218, 220);
		padding: 10px;
	}
	div.info p {
		font-size: 0.9em;
		margin: 0;
	}
	div.toolBox {
		float: right;
	}
	div.toolBox img {
		vertical-align: middle;
		border: none;
	}
	div.toolBox a, div.toolBox a:visited {
		color: rgb(102, 32, 45);
		text-decoration: none;
	}
	div.toolBox a:hover, div.toolBox a:active {
		color: rgb(189, 41, 37);
	}

	/*	Textos y links en el bloque central
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contenido {
		background: rgb(177, 180, 185);
		min-height: 359px;
	}
	.maqueta2 #contenido {
		border-color: rgb(55, 58, 64);
		border-style: solid;
		border-width: 0 1px 1px;
	}
	#bloqueCentral #texto p {
		color: #FFF;
		font-size: 0.9em;
		margin: 0 0 1em;
	}
	#texto a {
		color: rgb(177, 180, 185);
		text-decoration: underline;
	}
	#texto a:visited {
		color: rgb(99, 106, 115);
	}
	#texto a:hover {
		color: #FFF;
	}
	
	/*	Titulos de las secciones (image replacement)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#texto h2 span, #contenido h2 span {
		display: none;
	}
	#texto h2, #contenido h2 {
		margin: 0;
		height: 40px;
		background-repeat: no-repeat;
		background-position: left top;
		color: #FFF;
	}
	.maqueta2 #contenido h2, #perfil #contenido h2 {
		background-color: rgb(99, 106, 115);
	}
	h2#bienvenidos {
		background-image: url(../imx/comunes/titulos/bgBienvenidosTitle.gif);
	}
	h2#benvidos {
		background-image: url(../imx/comunes/titulos/bgBenvidosTitle.gif);
	}
	h2#welcome {
		background-image: url(../imx/comunes/titulos/bgWelcomeTitle.gif);
	}
	h2#cartaBienvenida {
		background-image: url(../imx/comunes/titulos/bgBienvenidaTitle.gif);
	}
	h2#cartaBenvida {
		background-image: url(../imx/comunes/titulos/bgBenvidaTitle.gif);
	}
	h2#welcomeLetter {
		background-image: url(../imx/comunes/titulos/bgWelcomeLetterTitle.gif);
	}	
	h2#ofertasEmpleo {
		background-image: url(../imx/comunes/titulos/bgEmpleoTitle.gif);
	}
	h2#ofertasAsociados {
		background-image: url(../imx/comunes/titulos/bgOfertasTitle.gif);
	}
	h2#revistaH {
		background-image: url(../imx/comunes/titulos/bgHostelerosTitle.gif);
	}
	h2#perfilPersonal {
		background-image: url(../imx/comunes/titulos/bgPerfilTitle.gif);
	}
	h2#colaboradores {
		background-image: url(../imx/comunes/titulos/bgColaboradoresTitle.gif);
	}
	h2#collaborators {
		background-image: url(../imx/comunes/titulos/bgCollaboratorsTitle.gif);
	}
	h2#ventajas {
		background-image: url(../imx/comunes/titulos/bgVentajasTitle.gif);
	}
	h2#vantaxes {
		background-image: url(../imx/comunes/titulos/bgVantaxesTitle.gif);
	}
	h2#advantages {
		background-image: url(../imx/comunes/titulos/bgAdvantagesTitle.gif);
	}
	h2#noticias {
		background-image: url(../imx/comunes/titulos/bgNoticiasTitle.gif);
	}
	h2#novas {
		background-image: url(../imx/comunes/titulos/bgNovasTitle.gif);
	}
	h2#news {
		background-image: url(../imx/comunes/titulos/bgNewsTitle.gif);
	}
	h2#busqueda {
		background-image: url(../imx/comunes/titulos/bgBusquedasTitle.gif);
	}
	h2#asociarse {
		background-image: url(../imx/comunes/titulos/bgAsociarseTitle.gif);
	}
	h2#contacto {
		background-image: url(../imx/comunes/titulos/bgContactoTitle.gif);
	}
	h2#claves {
		background-image: url(../imx/comunes/titulos/bgClavesTitle.gif);
	}
	
	/*	Descargas Estilos
	-------------------------------------------------------------
	Usadas en Revista H y ofertas para asociados
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.descarga {
		background: rgb(130, 136, 143) url(../imx/comunes/iconos/downloadIcon.png) no-repeat 3px 3px;
		padding: 3px 3px 3px 30px;
	}
	* html .descarga {
		background: rgb(130, 136, 143) url(../imx/comunes/iconos/downloadIcon.gif) no-repeat 3px 3px;
		padding: 3px 3px 3px 30px;
	}
	.descarga .info {
		font: normal 9px/1em Verdana, Arial, Helvetica, sans-serif;
	}
	.descarga a {
		font: bold 1.1em/1.1em Arial, Helvetica, sans-serif;
		color: rgb(102, 32, 45);
		text-decoration: underline;
	}
	.descarga a:visited {
		color: rgb(128, 40, 56);
	}
	.descarga a:hover, .descarga a:active {
		color: rgb(33, 35, 38);
		text-decoration: underline;
	}

/*	-------------------------------------------------------------
	Backgrounds generales (body)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body#homePub {
		background: #FFF url(../imx/comunes/fondos/bgHomePub.jpg) repeat-x left top;
	}
	body#homePri, body.maqueta2, body#perfil {
		background: #FFF url(../imx/comunes/fondos/bgGenerico.jpg) repeat-x left top;
	}
	body#msjs {
		background: #FFF url(../imx/comunes/fondos/bgMsjs.jpg) repeat-x left top;
	}

/*	Home Publico + Mensajes del sistema + Secciones Publicas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	body.maqueta1 #loginCardBg {
		background: url(../imx/comunes/fondos/bgCard01.jpg) no-repeat right top;
	}
	body.maqueta1 #loginCardBgLog {
		background: url(../imx/comunes/fondos/bgCard01b.jpg) no-repeat right top;
	}
	#homePub #hBg {
		background: url(../imx/comunes/fondos/bgHostelerosHome.jpg) no-repeat right 270px;
	}
	
	#bienvenida ul {
		color: #FFFFFF;
		margin: 0 0 10px 25px;
	}
	
/*	Home Privado + Perfil
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	#homePri #loginCardBg, #perfil #loginCardBg {
		background: url(../imx/comunes/fondos/bgCard02.jpg) no-repeat right top;
	}
	#homePri #birthdayBg {
		background: url(../imx/comunes/fondos/bgBirthday.jpg) no-repeat 2px 25px;
		height: 170px;
	}
	
/*	Maqueta 2
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body.maqueta2 #loginCardBg {
		background: url(../imx/comunes/fondos/bgCard03.jpg) no-repeat right top;
	}

/*	-------------------------------------------------------------
	Maqueta. Divs de composicion
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contenedor {
		margin: 0 auto;
		width: 724px;
		text-align: left;
	}

/*	Cabecera
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	#cabecera {
		position: relative;
		width: 100%;
		padding: 25px 0 0 0;
	}
	#cabecera #logo {
		background: url(../imx/comunes/logos/caaLogo.gif) no-repeat left top;
		width: 80px;
		height: 80px;
		float: left;
	}
	#cabecera #logo h1{
		display: none;
		margin: 0;
	}
	#menuTopExtra {
		position: relative;
		left: 100px;
		text-align: right;
		float: left;
	}
	body.maqueta1 #menuTopExtra {
		width: 300px;
	}
	body.maqueta2 #menuTopExtra {
		width: 350px;
	}
	#cabecera .clearFloats {
		height: 15px;
	}	
	#cabecera #loginBox {
		float: right;
		width: 95px;
	}

/*	Home Publico + Mensajes del sistema / Bloque Central
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
	body.maqueta1 #bloqueCentral  {
		height: 250px;
		overflow: hidden;
	}
	body.maqueta1 #bloqueCentral #texto {
		float: left;
		width: 100%;
	}
	body.maqueta1 #bloqueCentral #textoIn {
		margin: 0 224px 0 180px;
		padding: 10px 0 0 10px;
	}
	body.maqueta1 #bloqueCentral #loginBox {
		float: left;
		width: 224px;
		margin-left: -224px;
	}
	body.maqueta1 #bloqueCentral #loginBox div {
		padding: 7px 36px 0 36px;
	}
	body.maqueta1 #bloqueCentral #menu {
		float: left;
		width: 180px;
		margin-left: -724px;
	}
	
/* 	Home Publico / Patrocinadores
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePub #patros {
		height: 100px;
		overflow: hidden;
	}
	
/*	Home Publico / Franja blanca
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePub #hosteleros {
		float: right;
		width: 224px;
		text-align: center;
	}
	#homePub #ofertas {
		float: right;
		width: 500px;
		padding: 15px 0 0;
	}
	#homePub #ofertas div {
		float: left;
		width: 230px;
		margin-right: 10px
	}
	
/*	Home Privado / Bloque Central
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
	#homePri #bloqueCentral {
		height: 360px;
		overflow: hidden;
	}
	#homePri #bloqueCentral #menu {
		float: left;
		width: 180px;
		height: 360px;
		background: url(../imx/comunes/separadores/sepVertIzq.gif) repeat-y right top;
	}
	#homePri #bloqueCentral #contenido {
		float: left;
		width: 394px;
		background: rgb(177, 180, 185);
	}
	#homePri #bloqueCentral #contenidoIn {
		padding: 10px 10px 0 10px;
	}
	#homePri #bloqueCentral #extra {
		float: left;
		width: 150px;
		height: 360px;
		background: url(../imx/comunes/separadores/sepVertDer.gif) repeat-y left top;
	}
		
/*	Home Privado / Franja blanca
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePri #ofertas {
		padding: 15px 0 0;
	}
	#homePri #ofertas div {
		float: left;
		width: 340px;
		margin-right: 10px
	}
	
/*	Perfil Personal
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#perfil #menu {
		float: left;
		width: 180px;
		height: 360px;
		overflow: hidden;
	}
	#perfil #contenido {
		float: left;
		width: 392px;
		background: rgb(177, 180, 185);
		border-color: rgb(55, 58, 64);
		border-style: solid;
		border-width: 0 1px 1px;
		margin-bottom: 10px;
	}
	#perfil #extra {
		float: left;
		width: 150px;
		height: 360px;
		overflow: hidden;
		background: none;
	}		
	
/*	Maqueta 2 / Contenido Generico
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
	.maqueta2 #contenido {
		float: right;
		width: 542px;
		clear: right;
		min-height: 360px;
	}
	.maqueta2 #navegacion {
		float: right;
		width: 180px;
		clear: left;
	}
	
/*	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width: 724px;
		clear: both;
		border: 1px solid rgb(177, 180, 185);
		text-align: center;
		margin: 1em 0;
	}

/*	-------------------------------------------------------------
  	Menus
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#menu {
		color: rgb(177, 180, 185);
		font-size: 0.9em;
	}
	#menu ul{
		margin: 0;
		padding: 3px 2px 0 0;
		list-style: none;
	}
	#menu ul li{
		background: url(../imx/comunes/separadores/menuLines.gif) repeat-x left bottom;
		padding: 7px 0;
	}
	#menu ul a, #menu ul a:link, #menu ul a:visited {
		font: bold 1.4em/1em Arial, Helvetica, sans-serif;
		color: #FFF;
		text-decoration: none;
		display: block;
	}
	#menu ul a:hover, #menu ul a:active {
		color: rgb(220, 176, 87);
		text-decoration: underline;
	}
	#menu ul a.activo, #menu ul a.activo:visited {
		color: rgb(220, 176, 87);
	}
		
/*	Idiomas y Utilidades Top
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#menuTopExtra a, #menuTopExtra a:visited {
		color: rgb(99, 106, 115);
		text-decoration: none;
	}
	#menuTopExtra a:hover, #menuTopExtra a:active {
		text-decoration: underline;
	}

/*	-------------------------------------------------------------
 	Login Box Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePri #loginBox, #perfil #loginBox {
		text-align: center;
		padding: 0 15px;
		height: 123px;
		overflow: hidden;
	}
	#cabecera #loginBox {
		padding: 0 30px 0 0;
		text-align: center;
	}
	#loginBox input {
		font-size: 1.2em;
		color: rgb(99, 106, 115);
		display: block;
	}
	#homePub #loginBox input, #homePri #loginBox input, .maqueta1 #loginBox input {
		margin-bottom: 7px;
	}
	#loginBox h3 {
		color: rgb(177, 180, 185);
		margin: 0 0 0.2em;
	}
	#loginBox p {
		margin: 3px 0 0;
	}
	#loginBox div input {
		float: right;
	}
	#loginBox input.fit {
		width: 100%;
	}
	#loginBox input.centrado {
		margin: 10px auto;
	}
	#loginBox div.centrado {
		text-align: center;
	}
	#loginBox .numero {
		font: bold 1.5em/1em Arial, Helvetica, sans-serif;
	}
	#loginBox .nick {
		color: rgb(102, 32, 45);
		text-transform: uppercase;
		font-weight: bold;
	}
	#loginBox p img {
		vertical-align: middle;
	}
	#loginBox a, #loginBox a:visited {
		color: rgb(102, 32, 45);
	}
	#loginBox a:hover, #loginBox a:active {
		color: #FFF;
		background-color: rgb(102, 32, 45);
		text-decoration: none;
	}
	#loginBox p.clearFloats {
		height: 40px;
	}	
	
/*	-------------------------------------------------------------
 	Perfil de usuario
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	table#datos {
		border: none;
		width: 100%;
	}
	table#datos td {
		padding: 3px 0 7px 0;
		vertical-align: top;
	}
	table#datos p, table#datos h1, table#datos h3 {
		margin: 3px 0;
	}
	table#datos input, table#datos textarea {
		padding: 0.1em;
		font-size: 1em;
	}
	table#datos a {
		color: rgb(55, 58, 64);
		font-weight: bold;
	}
	tabel#datos input {
		max-width: 176px;
	}
	table#datos textarea {
		font-family: "Lucida Grande", "Lucida sans unicode", Arial, sans-serif;
	}
	textarea#presentacion {
		width: 355px;
	}
	
	ul#resultados {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		font-size: 0.9em;
	}
	ul#resultados li {
		margin: 1.5em 0;
	}
	ul#resultados a, ul#resultados a:visited {
		font: bold 1.5em/1.5em Arial, Helvetica, sans-serif;
		color: rgb(55, 58, 64);
		text-decoration: underline;
	}
	ul#resultados a:hover {
		color: rgb(102, 32, 45);
	}
	
/*	-------------------------------------------------------------
 	Patrocinadores Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#patros h3#patrocinadores {
		background: url(../imx/comunes/titulos/bgPatrocinadoresTitle.gif) no-repeat left top;
		margin: 0.5em 0 0.3em;
		height: 20px;
	}
	#patros h3#sponsors {
		background: url(../imx/comunes/titulos/bgSponsorsTitle.gif) no-repeat left top;
		margin: 0.5em 0 0.3em;
		height: 20px;
	}
	#patros h3 span {
		display: none;
	}
	#patros p {
		margin: 0;
	}
	#patros img {
		padding-right: 10px;
	}
	ul.logos li {
		float: left;
	}
	ul.logos li a img {
		border: none;
	}
	ul.logos li a {
		display: block;
		margin: 0 10px 10px 0;
		padding: 10px;
		height: 75px;
		border: 1px solid rgb(162, 164, 168);
	}
	ul.logos li a:hover, a:active {
		border: 1px solid rgb(55, 58, 64);
	}
	
/*	-------------------------------------------------------------
  	Buscador Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Home Privado + Perfil
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePri #buscador, #perfil #buscador {
		background: rgb(208, 210, 213);
		border-top: 2px solid #FFF;
	}
	#homePri #buscador h2, #perfil #buscador h2 {
		background: url(../imx/comunes/titulos/bgBuscadorTitle.gif) no-repeat left top;
		margin: 0;
		height: 30px;
	}
	#homePri #buscador p, #perfil #buscador p {
		margin: 0.25em 0;
	}
	#homePri #buscador p.izquierda, #perfil #buscador p.izquierda {
		width: 33%;
		float: left;
	}
	#homePri #buscador p.derecha, #perfil #buscador p.derecha {
		text-align: right;
		padding-right: 1%;
	}
	#buscador .clearFloats {
		height: 10px;
	}

/*	Maqueta 2
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.maqueta2 #buscador {
		background: rgb(119, 126, 138) url(../imx/comunes/fondos/bgGrisDegradado.jpg) repeat-x left top;
		position: absolute;
		top: 480px;
		width: 180px;
	}
	.maqueta2 #buscador h3 {
		color: #FFF;
		font-size: 14px;
	}
	.maqueta2 #buscador h3, .maqueta2 #buscador p {
		background: url(../imx/comunes/separadores/grayLines.gif) repeat-x left top;
		padding: 5px 3px;
		margin: 0;
	}
	.maqueta2 #buscador label {
		color: #FFF;
		font-size: 0.9em;
	}
	.maqueta2 #buscador input.fit {
		color: rgb(99, 106, 115);
		width: 166px;
		margin: 0;
	}

/*	-------------------------------------------------------------
  	Post It Felicidades Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#birthday {
		padding: 65px 15px 0 15px;
		text-align: center;
	}
	#birthday h3 {
		color: rgb(29, 43, 115);
		font: bold 1.5em/1em Arial, Helvetica, sans-serif;
		margin: 0 0 0.4em;	
	}
	#birthday h3 a, #birthday h3 a:visited {
		color: rgb(29, 43, 115);
		text-decoration: none;
	}
	#birthday h3 a:hover, #birthday h3 a:active {
		color: rgb(29, 43, 115);
		text-decoration: underline;
	}
	#birthday p {
		margin: 0;
		font-size: 0.9em;
	}

/*	-------------------------------------------------------------
 	Hosteleros (revista) Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePub #hosteleros p {
		padding: 50px 0 0;
	}
	#homePub a#hLink, #homePub a#hLink:visited {
		border: 1px solid #FFF;
		display: block;
		height: 18px;
	}
	#homePub a#hLink:hover, #homePub a#hLink:active {
		border: 1px solid rgb(99, 106, 115);
	}
	
/*	Home Privado
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePri #hosteleros {
		background: rgb(99, 106, 115) url(../imx/h/logoH60trans.gif) no-repeat 7px 7px;
		color: #FFF
	}
	#homePri #hosteleros p {
		margin: 0 0 5px 0;
	}
	#homePri #hosteleros .cubierta {
		float: right;
		width: 170px;
	}
	#homePri #hosteleros .contenidos {
		padding: 60px 0 0;
		float: left;
		width: 200px;
	}
	#homePri #hosteleros ul {
		margin: 0.33em 0;
		padding: 0;
		list-style-type: square;
		list-style-position: inside;
	}
	#homePri #hosteleros .descarga {
		width: 105px;
		margin-left: 30px;
	}
	#homePri a#hLink, #homePri a#hLink:visited {
		border: 1px solid rgb(99, 106, 115);
		display: block;
		height: 18px;
		width: 130px;
	}
	#homePri a#hLink:hover, #homePri a#hLink:active {
		border: 1px solid #FFF;
	}
	
/*	Archivo h (maqueta 2)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	div.unaRevista {
		width: 167px;
		margin: 10px 0 0 10px;
		background: url(../imx/comunes/fondos/bgHArchivo.gif) no-repeat 0 100px;
		float: left;
	}
	img.thumb {
		float: right;
		border: 3px solid #FFF;
	}
	div.unaRevista .numero {
		font: bold 20px/20px Arial, Helvetica, sans-serif;
		color: #FFF;
		display: block;
		padding: 120px 0 20px 10px;
		margin: 0;
	}
	div.unaRevista ul {
		margin: 0 0 3px 0;
		list-style-type: square;
		list-style-position: inside;
		background: rgb(216, 218, 220);
		padding: 0 5px 5px 7px;
		font-size: 0.9em;
		height: 10em;
		overflow: hidden;
	}
	body#hosteleros .descarga {
		height: 22px;
		color: #FFF;
	}
	
/*	-------------------------------------------------------------
	Ventajas y colaboradores estilos
	-------------------------------------------------------------
	Clase aplicada al div#contenido
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#ventajas #contenido h3 {
		margin: 0;
	}
	#ventajas #contenido p {
		margin: 0.25em 0 0 0;
	}
	ul.listaEstilo {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.listaEstilo li {
		margin: 0 0 2em 0;
		padding: 0;
	}
	ul.listaEstilo ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.listaEstilo ul li {
		margin: 0;
		padding: 0;
	}

/*	-------------------------------------------------------------
 	Ofertas Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	Generales
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#ofertas .fecha {
		display: block;
	}
	div#ofertas a {
		color: rgb(55, 58, 64);
	}
	div#ofertas a:visited {
		color: rgb(99, 106, 115);
	}
	div#ofertas a:hover {
		color: #FFF;
		background-color: rgb(55, 58, 64);
		text-decoration: none;
	}
	div#ofertas h3 {
		margin: 0 0 7px 0;
		padding: 0 0 5px;
		border-bottom: 1px solid rgb(177, 180, 185);
		color: rgb(99, 106, 115);
	}
	div#ofertas p {
		font-size: 0.9em;
	}
	div#ofertas .info {
		color: rgb(102, 32, 45);
	}

/*	Home privado
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#homePri #ofertas ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0.9em;
	}
	#homePri #ofertas li {
		width: 160px;
		padding: 0 10px 0 0;
		float: left;
	}
	#homePri #ofertas li.ultima {
		float: none;
		clear: both;
		text-align: right;
		padding: 10px 0;
		width: 340px;
	}
	
/*	Ofertas de Empleo (maqueta 2)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#tablaEmpleo th.fecha {
		width: 17%;
	}
	#tablaEmpleo th.perfil {
		width: 45%;
	}
	#tablaEmpleo th.empresa{
		width: 20%;
	}
	#tablaEmpleo th.ciudad {
		width: 18%;
	}
	#tablaEmpleo td a {
		color: rgb(102, 32, 45);
		font-weight: bold;
	}
	#tablaEmpleo td a:visited {
		color: rgb(55, 58, 64);
	}
	#tablaEmpleo td a:hover, table.indice a:active {
		color: rgb(189, 41, 37);
	}
	
	#empleo #contenido h1 {
		border-bottom: 2px solid #FFF;
		margin: 0.1em 0 1em;
		padding: 0 0 5px;
	}
	#empleo #contenido h3 {
		margin: 0.1em 0 1em;
	}
	#empleo #contenido p {
		margin: 0.1em 0 1em;
	}
	#empleo #contenido ul {
		margin: 0.1em 0 1em;
		padding: 0;
		list-style-type: square;
		list-style-position: inside;
	}
	#empleo #contenido li {
		margin-bottom: 1em;
	}
	p.formaContacto a, p.formaContacto a:visited {
		color: rgb(55, 58, 64);
		font-weight: bold;
	}
	p.formaContacto a:hover {
		color: rgb(102, 32, 45);
	}
	
	
/*	Ofertas para asociados (maqueta 2)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	body#ofertas #contenido h3 {
		margin: 0.25em 0 0;
	}
	body#ofertas #contenido .fecha {
		font-size: 0.9em;
	}
	div#viajes {
		background: url(../imx/comunes/fondos/bgCatViajes.gif) no-repeat right top;
		clear: left;
	}
	div#editorial {
		background: url(../imx/comunes/fondos/bgCatEditorial.gif) no-repeat right top;
		clear: left;
	}
	div#idiomas {
		background: url(../imx/comunes/fondos/bgCatIdiomas.gif) no-repeat right top;
		clear: left;
	}	
	body#ofertas #contenido ul {
		margin: 3em 0 0;
		padding: 0;
		list-style: none;
	}
	body#ofertas #contenido ul li {
		border: 1px solid rgb(99, 106, 115);
		background: #C7C9CB;
		padding: 10px;
		margin: 10px 10px 10px 0;
	}
	body#ofertas #contenido ul li.modeloPDF {
		float: left;
		width: 228px;
	}
	body#ofertas #contenido ul li.modeloFicha {
		clear: both;
		width: 480px;
	}
	body#ofertas #contenido ul li:hover {
		border: 1px solid rgb(55, 58, 64);
		cursor: default;
	}
	body#ofertas #contenido li.modeloPDF div.infoOferta {
		overflow: hidden;
		height: 5.66em;
	}
	body#ofertas #contenido li.modeloPDF div.infoOferta p {
		margin: 0;
	}
	body#ofertas .descarga {
		margin: 0.5em 0 0;
		height: 22px;
		color: #FFF;
	}

/*	-------------------------------------------------------------
 	Noticias Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#tablaNoticias a {
		font: bold 1.25em/1em Arial, Helvetica, sans-serif;
		color: rgb(55, 58, 64);
		text-decoration: none;
	}
	#tablaNoticias a:visited {
		color: rgb(88, 92, 102);
	}
	#tablaNoticias a:hover {
		text-decoration: underline;
		color: rgb(189, 41, 37);
	}
	
	#noticia img {
		margin: 0 0 10px 10px;
		border: 1px solid rgb(55, 58, 64);
	}
	
	#tablaNoticias .fecha {
		white-space: nowrap;
	}
	
	
/*	-------------------------------------------------------------
 	Footer Estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer p {
		padding: 5px 0;
		font-size: 0.9em;
		margin: 0;
		color: rgb(99, 106, 115);
	}
	#footer a, footer a:visited {
		color: rgb(99, 106, 115);
		text-decoration: underline;
	}
	#footer a:hover, footer a:active {
		color: #FFF;
		background-color: rgb(55, 58, 64);
		text-decoration: none;
	}
	
	
/*	-------------------------------------------------------------
	Asociarse
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	table#formulario {
		margin-bottom: 3em;
	}
	table#formulario td {
		padding: 5px 5px 5px 0 ;
		vertical-align: top;
	}