body{
	background-color: #FFFF00;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

h1{
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #0000FF;
	border-bottom: 2px ridge #00CCFF;
	padding-left: 5px;
	margin-top: 5px;
}

h2{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #0000FF;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}

h3{
	color: #FFF;
	background-color: #00CCFF;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 2px 0px 2px 0px;
}

p {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
	margin: 0px;
	padding: 5px;
}

p img{
	border: 2px outset #00F;
}

p a{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #00F;
	text-decoration: none;
}

p a:hover{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #00F;
	text-decoration: underline;
}

#top{
	float: left;
	width: 100%;
	margin: 0px;
	height: 150px;
}

#top img{
	width: 100%;
	height: 150px;
}

/*Menu*/

#menu{
	float: left;
	width: 100%;
	height: 50px;
	text-align: right;
	margin: 0px 0px 10px 0px;
	background: url(titulo.jpg) no-repeat left;
	background-width: 100%;
}

#medio{
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}

#left{
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0;
	height: 100%;
}

#center{
	background-color: #FFFFFF;
	margin: 0px 200px 0px 200px;
	padding: 0px;
}

#right{
	float: right;
	width: 200px;
	padding: 0px;
	height: 100%;
	margin: 0;
}

#pie{
	width: 100%;
	text-align: right;
	float: left;
	height: 50px;
	margin-top: 10px;
	color: #FFFF00;
	font: bold 11px Arial, Helvetica, sans-serif;
}

#pie img{
	width: 100%;
	height: 50px;
}
	
	

/*Columna izquierda*/

#left ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#left ul li{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	margin: 0px 10px 10px 5px;
	padding: 0px;
	display: block;
}

#left h3{
	width: 100%;
	background-color: #0000FF;
	margin: 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	padding: 5px 0px 5px 5px;
}

#left div{
	width: 100%;
	padding: 0px 1px 0px 0px;
	background-color: #FFFFFF;
	margin: -1px 0px 0px 0px;
	border: 2px solid #0000FF;
}

#left p{
	border-bottom: 1px solid #00CCFF;
}

#left p a{
	color: #000;
	text-decoration: none;
}

#left p a:hover{
	color: #00F;
	text-decoration: none;
}

/*Columna derecha */

#right ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#right ul li{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	margin: 0px 10px 10px 5px;
	padding: 0px;
	display: block;
}

#right h3{
	width: 100%;
	background-color: #0000FF;
	margin: 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	padding: 5px 0px 5px 5px;
}

#right div{
	width: 100%;
	padding: 0px 1px 0px 0px;
	background-color: #FFFFFF;
	margin: -1px 0px 0px 0px;
	border: 2px solid #0000FF;
}

/*Seccion noticias*/

.noticias{
	width: 100%;
	margin-bottom: 10px;
}

.noticias td{
	padding: 5px 0px 5px 0px;
	border-bottom: 2px dotted #00CCFF;
}

.noticias td.pruebas{
	padding: 5px 0px 5px 0px;
}

.noticias th{
	color: #FFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	background-color: #00CCFF;
}

.noticias img{
	margin: 2px 2px 2px 5px;
	border: 2px outset #00F;
}

.noticias p{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: justify;
	margin: 0px;
	padding: 1px;
}
.noticias a{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #00F;
	text-decoration: none;
}

.noticias a:hover{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #00F;
	text-decoration: underline;
}

/*Index*/

#intro{
	width: 640px;
	height: 560px;
	margin-left: -320px;
	margin-top: -280px;
	position: absolute;
	left: 50%;
	top: 50%;
}

#intro img{
	width: 100%;
}