html {
	overflow-y:scroll;
	text-align: left;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
a:link, a:visited {
	color: #0054A6;
	text-decoration: none;
}
a:hover, a:active {
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}
#secciones {
}
#menu {
	background-color: #fbfbfb;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #efefef;
	border-bottom-color: #efefef;
	border-left-color: #efefef;
}
.agenda-borde {
	border: 1px solid #efefef;
}

#menu ul {
	color: #0054A6;
	list-style-type: none;
	padding: 0px;
	margin: 5px 5px 10px;
}
#menu a, #menu a:visited {
	color: #0054A6;
	text-decoration: none;
}
#menu a:hover {
	font-weight: bold;
	color: #0054A6;
	text-decoration: none;
}
#menu a:active {
	font-weight: bold;
	color: #990033;
	text-decoration: none;
}

#menu li {
	margin-bottom: 3px;
}
.titulo-menu {
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}
#contenido h1 {
	font-size: 14px;
	color: #0054A6;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px 5px 5px;
	text-transform: uppercase;
}
#menu2 {

	background-color: #fbfbfb;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #efefef;
	border-bottom-color: #efefef;
	border-left-color: #efefef;
}
#menu2 ul {
	color: #0054A6;
	list-style-type: none;
	padding: 0px;
	margin: 5px 5px 10px;
	text-align: right;
}
#menu2 a, #menu2 a:visited {

	color: #0054A6;
	text-decoration: none;
}
#menu2 a:hover {

	font-weight: bold;
	color: #0054A6;
	text-decoration: none;
}
#menu2 a:active {

	font-weight: bold;
	color: #990033;
	text-decoration: none;
}
#menu2 li {

	margin-bottom: 3px;
}
#contenido p {
	padding: 5px 5px 10px;
	margin: 0px;
}
#contenido h2 {
	font-size: 12px;
	color: #990000;
	margin: 10px 5px 0px;
	padding: 0px;
	text-align: center;
}
#datamain {
	border: 2px solid #FFCC00;
	margin: 0px;
	padding: 0px;
}
#datacontainer {
	padding: 5px;
	text-align: center;
	margin: 0px;
}
#contenido h3 {
	font-size: 10px;
	color: #333333;
	padding: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 5px;
}
#contenido h4 {
	font-size: 14px;
	color: #0054A6;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px 5px 5px;
	text-transform: uppercase;
	text-align: center;
}
.destacado {
	margin: 10px 5px;
	border: 1px solid #efefef;
	background-image: url(images/fnd-destadado.gif);
}
.destacado2 {
	margin: 10px 5px;
	border: 1px solid #efefef;
	background-image: url(images/fnd-destacado2.gif);
}
.destacado3 {
	margin: 10px 5px;
	border: 2px solid #CCCCCC;
	background-color: #fef8e0;
}
#imagen {
	background-color: #FFFFFF;
	position: relative;
	width: 150px;
	left: 0px;
	top: 5px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*ocultamos la imagen tamaño real*/
#imagen a .t-real {
 width: 0px; /*dimensionamos a 1px de ancho */
 height: 0px; /*y 1px de alto */
 border: 0px;
 display: block;
 position: absolute; /*la posicionamos fuera de la parte visible de la pantalla */
 left: -1px;
 top: -1px;
}

/*quitamos el borde a las imagenes */
#imagen a img {
 border: 0;
}

/*propiedades del thumbnail */
#imagen a.img-link, #imagen a.img-link:visited {
	background: #FFFFFF;
	width: 150px; /*ancho imagen pequeña*/
	height: 222px; /*alto imagen pequeña*/
	border: 1px solid #000000;
	display: block;
	text-decoration: none;
}

#imagen a.img-link:hover {
 background-color: #000000;
 color: #000000;
 text-decoration: none;
}

/*mostramos imagen tamaño real */
#imagen a.img-link:hover .t-real {
	height: 593px; /*alto imagen tamaño real*/
	width: 400px; /*ancho imagen tamaño real*/
	border: 1px solid #000000; /*borde imagen tamaño real*/
	display: block;
	position: absolute;
	left: -430px; /*posición con relación al tamaño de la imagen pequeña thumbnail*/
	top: -210px;
}

#imagen2 {
	background-color: #FFFFFF;
	position: relative;
	width: 150px;
	left: 0px;
	top: 1px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/*ocultamos la imagen tamaño real*/
#imagen2 a .t-real2 {
 width: 0px; /*dimensionamos a 1px de ancho */
 height: 0px; /*y 1px de alto */
 border: 0px;
 display: block;
 position: absolute; /*la posicionamos fuera de la parte visible de la pantalla */
 left: -1px;
 top: -1px;
}

/*quitamos el borde a las imagenes */
#imagen2 a img {
 border: 0;
}

/*propiedades del thumbnail */
#imagen2 a.img-link2, #imagen2 a.img-link2:visited {
	background: #FFFFFF;
	width: 150px; /*ancho imagen pequeña*/
	height: 199px; /*alto imagen pequeña*/
	border: 1px solid #000000;
	display: block;
	text-decoration: none;
}

#imagen2 a.img-link2:hover {
 background-color: #000000;
 color: #000000;
 text-decoration: none;
}

/*mostramos imagen tamaño real */
#imagen2 a.img-link2:hover .t-real2 {
	height: 525px; /*alto imagen tamaño real*/
	width: 398px; /*ancho imagen tamaño real*/
	border: 1px solid #000000; /*borde imagen tamaño real*/
	display: block;
	position: absolute;
	left: 180px; /*posición con relación al tamaño de la imagen pequeña thumbnail*/
	top: -210px;
}
.destacado1 {
	margin: 10px 5px;
	border: 2px solid #cccccc;
	background-color: #FFEAFF;
}
.destacado4 {
	margin: 10px 5px;
	border: 2px solid #cccccc;
	background-color: #D9FFE6;
}