body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td
{
	margin:		0;
	padding:	0;
}

body
{
	background:		#A0A1A3;
	font-size:		62.5%;
	cursor:			default;
	font-family:	Arial, Verdana, sans-serif;
}

html > body { font-size: 10px; }

a img { border: none; }

#wrap
{
	width:	996px;
}

#contenido
{
	position:		absolute;
	width:			996px;
	padding-bottom:	25px;
}

fieldset { border: none; }

/* --------------------------------- */

h1
{
	display:		block;
	width:			207px;
	height:			329px;
	position:		absolute;
	left:			15px;
	text-indent:	-9999px;
	background:		url(../img/miguelespeche.png) no-repeat;
	z-index:		100px;
}

	h1 a
	{
		display:	block;
		width:		207px;
		height:		329px;
	}

.menu
{
	width:		468px;
	height:		56px;
	position:	relative;
	z-index:	100;
}

/* hack para IE 5.5 */
* html .menu {width:469px; w\idth:468px;}

.menu ul { list-style-type: none; }
.menu ul ul { width: 78px; }

/* flotar la lista para hacerla horizontal y con posici�n relativa para controlar el dropdown */
.menu li
{
	float:			left;
	width:			78px;
	position:		relative;
	padding-top:	24px;
}

/* estilo de los links del primer nivel*/

.menu a, .menu a:visited
{
	display:			block;
	font-size:			12px;
	font-family:		Arial, Verdana, sans-serif;
	text-decoration:	none;
	color:				#fff;
	width:				64px;
	height:				20px;
	padding:			5px 0 0 14px;
	background:			#444546;
}


	.menu .uno a { border-top: 7px solid #e1ebef; background:	#444546; }
		.menu .uno a:hover { color: #e1ebef; }
	.menu .dos a { border-top: 7px solid #c5d7e0; }
		.menu .dos a:hover { color: #c5d7e0; }
	.menu .tres a { border-top: 7px solid #abc4d0; }
		.menu .tres a:hover { color: #abc4d0; }
	.menu .cuatro a { border-top: 7px solid #97b6c4; }
		.menu .cuatro a:hover { color: #97b6c4; }
		.menu ul .cuatro ul a { background: #97b6c4; }
	.menu .cinco a { border-top: 7px solid #84a6b7; }
		.menu .cinco a:hover { color: #84a6b7; }
	.menu .seis a { border-top: 7px solid #7096a9; }
		.menu .seis a:hover { color: #7096a9; }

	.menu .sel a { border-width: 31px; }

	.menu li.sel { padding: 0; }


/* otro hack para IE 5.5*/
* html .menu a, * html .menu a:visited { width:79px; w\idth:78px; }


/* esconder los subniveles */
.menu ul ul
{
	visibility:	hidden;
	position:	absolute;
	height:		0;
	top:		56px;
	left:		0;
	width:		78px;
}

/* otro hack m�s para IE5.5 */
* html .menu ul ul {top:51px;t\op:53px;}

/* darle estilo a la tabla que se genera para IE*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* estilo de los links de segundo nivel */

.menu ul ul li{ padding-top: 0; border-bottom: 1px solid #fff; }
.menu ul ul a, .menu ul ul a:visited
{
	color:				#fff;
	height:				auto;
	line-height:		1em;
	width:				78px;
	padding:			10px 0px !important;
	border:				none !important;
	font-size:			10px;
	font-weight:		bold;
	text-align:			center;
}
	.menu ul ul a:hover { color: #444546 !important; }

/* y aun otro hack m�s para IE */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:78px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }

/* ---------------------------------- */

#central
{
	margin:	0 0 0 203px;
	width:	468px;
}

	#central h2
	{
		display:		block;
		width:			427px;
		height:			45px;
		font-size:		40px;
		color:			#555557;
		font-weight:	normal;
		text-transform:	uppercase;
		padding:		112px 0 0 45px;
	}

		h2.penas { background: url(../img/fondos/penas.jpg) no-repeat; }
		h2.criar { background: url(../img/fondos/criar.jpg) no-repeat; }

	#central h3
	{
		background:		url(../img/fondos/h3.png) no-repeat;
		width:			452px;
		height:			29px;
		display:		block;
		padding:		2px 0 0 16px;
		color:			#fff;
		font-size:		22px;
		margin-bottom:	10px;
		margin-top:		-3px;
	}

	#central form { padding-left: 30px; margin-top: 15px; }

		#central form label
		{
			display:		block;
			margin-bottom:	10px;
		}

			#central form label span
			{
				float:		left;
				font-size:	12px;
				color:		#fff;
				width:		150px;
			}

			#central form label input, #central form label textarea
			{
				font-family:	Arial, Verdana, sans-serif;
				color:			#fff;
				font-size:		12px;
				border:			1px solid #fff;
				padding:		5px 3px;
				width:			250px;
				background:		#A0A1A3;
			}

			#central form input#submit
			{
				border:			none;
				font-family:	Arial, Verdana, sans-serif;
				color:			#fff;
				font-size:		16px;
				background:		#A0A1A3;
				float:			right;
				margin:			5px 50px 0 0;
				padding:		0;
				cursor:			pointer;
			}

	#central p
	{
		font-size:		15px;
		line-height:	1.5;
		color:			#fff;
		text-align:		justify;
		word-spacing:	-1.5px;
		padding-left:	30px;
		width:			91%;
	}

		#central p.glosario { font-size: 12px; margin-top: 25px; }

		#central p.doble { margin-bottom: 15px; }

		#central p a { color: #247EBC; }

	#central blockquote
	{
		font-size:		15px;
		line-height:	1.5;
		color:			#fff;
		text-align:		justify;
		word-spacing:	-1.5px;
		padding-left:	25px;
		margin:			10px 0;
	}

	#central ol { margin: 10px 0 15px 10px; list-style-position: inside; padding-left: 20px; }

		#central ol li
		{
			color:			#fff;
			font-size:		15px;
			line-height:	1.5;
			text-align:		justify;
			width:			97%;
		}

	#central img.inline
	{
		float:	left;
	}

	#central div.nota { padding-left: 30px; margin-bottom: 25px; }

		#central div.nota p { padding-left: 10px;}

		#central div.nota h4
		{
			font-size:		17px;
			color:			#476E7F;
			padding-left:	10px;
			margin-bottom:	5px;
		}

		#central div.nota a.link, #central div.nota a.bajar
		{
			font-size:			12px;
			color:				#247EBC;
			padding-left:		10px;
			text-decoration:	none;
		}

			#central div.nota a.link:hover, #central div.nota a.bajar:hover { text-decoration: underline; }

		#central div.nota a.bajar
		{
			padding:		6px 0 3px 25px;
			background:		url(../img/pdf.png) top left no-repeat;
			display:		block;
			margin-top:		5px;
			margin-left:	10px;
		}

/* ------------------------------- */

div#fotos
{
	position:	absolute;
	top:		330px;
	left:		28px;
	width:		171px;
}

	div#fotos img { margin-bottom: 10px; }


/* -------------------------------- */

#columna
{
	width:			295px;
	background:		#696667;
	position:		absolute;
	left:			703px;
	min-height:		590px;
	padding-top:	16px;
}

	#columna.especial { background: #767475; }

	#columna h3
	{
		font-size:		31px;
		color:			#fff;
		font-weight:	normal;
		background:		url(../img/fondos/separador.png) bottom no-repeat;
		padding:		0 10px 14px 10px;
		margin-bottom:	15px;
	}

		#columna.especial h3 a
		{
			color:				#fff;
			text-decoration:	none;
			background:			url(../img/flecha.png) right no-repeat;
			display:			block;
		}

			#columna.especial h3 a:hover { text-decoration: underline; }

	#columna h4
	{
		font-size:		18px;
		color:			#fff;
		font-weight:	normal;
		background:		url(../img/fondos/separador.png) bottom no-repeat;
		padding:		12px 10px 14px 10px;
		margin-bottom:	15px;
	}

	#columna dl { padding: 0 10px; margin-bottom:	15px; }

		#columna dl dt
		{
			font-size:		17px;
			font-weight:	bold;
			color:			#B2C9D5;
			margin-bottom:	5px;
		}

			#columna dl dt a
			{
				color:				#B2C9D5;
				text-decoration:	none;
			}

				#columna dl dt a:hover { text-decoration: underline; }

		#columna dl dd
		{
			font-size:		11px;
			color:			#fff;
			margin-bottom:	25px;
		}

			#columna dl dd a { color: #B2C9D5; }

	#columna p
	{
		color:			#fff;
		font-size:		12px;
		padding:		0 10px;
		margin-bottom:	5px;
	}

		#columna p a { color: #B2C9D5; font-weight: bold; text-decoration: none; }
			#columna p a:hover { text-decoration: underline; }

	#columna blockquote
	{
		color:			#fff;
		font-size:		12px;
		padding:		0 10px;
		margin-bottom:	12px;
	}


/* --------------------------------- */

.noborder { border: none !important; }

#youtube
{
	position: 	absolute;
	top:		345px;
	left:		70px;
}