body {
	margin: 20px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
  width: 500px;
}

#top {
  width: 100%;
}

#top img {
  width: 500px;
  height: 66px;
}

#principal {
  width: 100%;
}

.bg_blanco {background: #ffffff;}
.bg_azul {border: none;}

.azul { color: #09347B }
.rojo { color: #B3000A }


#nota_margen {
}

#nota {
	margin: 15px;
	margin-bottom: 25px;
}

	#nota #titulo {
		/*
    border-bottom: dotted 1px #000;
		font: Normal 11px Arial, Helvetica, sans-serif ! important;
		margin-top: 10px;
		padding-bottom: 10px;
		text-align: right;
    */
	}

	#nota .imgr {
		float: none;
		margin: 15px 0px 15px 15px;
		padding: 5px 5px 15px 5px;
    border: none;
		background: none;
		text-align: left;
	}

		#nota .imgr span {
			font-size: 10px;
		}

		#nota .imgr img {
      border: none;
		}

	#nota p {
		font-size: 13px;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	
	#nota p.autor {
		font-size: 12px;

	}

	#nota h3 {
		font-size: 22px;
		font-weight: normal;
		font-style: italic;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#nota h4 {
		margin-top: 30px;
		margin-bottom: 5px;
	}

	#nota h5 {
		margin-top: 30px;
		margin-bottom: 0px;
		font: Normal 11px Arial, Helvetica, sans-serif ! important;
	}
	
	#nota hr {
		color: #DBDBDB;
		height: 1px;
		margin: 10px 80px 0px 80px;
	}

	#nota .anio {
		color: #B3000A;
		font: Bold 24px Arial, Helvetica, sans-serif ! important;
		margin-top: 20px;
	}
	
	#nota .item {
		border: dotted 1px #DBDBDB;
		margin-top: 10px;
		background: #E2ECEF;
		padding: 5px;
	}

		#nota .item .foto {
			float: right;
			padding-left: 5px;
		}
		
		#nota .item .fecha {
			font: Bold 13px Arial, Helvetica, sans-serif ! important;
			background: url(imgs/item.gif) no-repeat left center;
			padding-left: 10px;
		}

		#nota .item .acont {
		}

			#nota .item .acont h5 {
				font: Bold 14px Arial, Helvetica, sans-serif ! important;
				color: #B3000A;
				margin: 5px 0px 0px 10px;
			}

			#nota .item .acont p {
				margin: 2px 0px 0px 10px;
				font: Normal 12px Arial, Helvetica, sans-serif ! important;
			}

#menu {
  float:left;
  border-top: solid 1px #EEE;
  margin: 15px;
}

	#menu dl {
		margin-right: 10px;
	}

	#menu dl dt {
		margin-top: 10px;
		font: Bold 13px Arial, Helvetica, sans-serif ! important;
		color: #555;
	}
	
	#menu dl dd {
		background: url(imgs/bullet.png) no-repeat left top;
		padding-left: 15px;
		margin-left: 10px;
		margin-top: 15px;
		font: Normal 12px Arial, Helvetica, sans-serif ! important;
	}

	#menu dl dd.here {
		background: url(imgs/bullet2.png) no-repeat left top;
		font: Bold 12px Arial, Helvetica, sans-serif ! important;
		color: #B3000A ! important;
	}

	#menu a {
		color: #09347B;
		text-decoration: none;
		border-bottom: dotted 1px #DDD;
	}

		#menu a:hover {
			color: #B3000A ! important;
			border-bottom: solid 1px #000;
		}

		#menu a:visited {
			color: #000;
			font-style: italic;
		}

#pie {
  width: 100%;
	clear: both;
	border-top: solid 1px #DBDBDB;
	background: #FFF;
	font: Normal 11px Arial, Helvetica, sans-serif ! important;
	text-align: center;
	padding: 5px 0px 20px 0px;
}

	#pie a {
		color: #09347B;
		text-decoration: none;
		border-bottom: dotted 1px #DDD;
	}

		#pie a:hover {
			color: #B3000A ! important;
			border-bottom: solid 1px #000;
		}