@import url("tope.css");

@import url("pie.css");
	
	/* ////////////////////// usar en combinacion con el titulo dependiendo del fondo */
.blanco {
	color: #fff
}

.negro {
	color: #000
}

.rojo {
	color: red
}

.azul {
	color: #69F
}

.azul-xp {
	color: #CED8E3
}

.gris-c {
	color: #666
}

.gris-o {
	color: #333
}

.verde {
	color: green
}
	
	/*/////////////////////////////////////////// ////////////////////////////////////*/
.cabecera {
	font: 9px Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase
}

h2 {
	font-family: "Trebuchet MS" !important
}

h2 {
	font-family: "Trebuchet MS"
}

h3 {
	font: 12px "MS Trebuche", Geneva, Arial, sans-serif;
	color: #999;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px
}

.titulo {
	font: 22px "Times New Roman", Times, serif;
	font-weight: bold;;
	padding-bottom: 16px
}

.subtitulos {
	font: 14px Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px
}

.td-titulo {
	font: 9px Tahoma, Arial, sans-serif;
	/* la propiedad color puede ser asignada dependiendo del fondo del tdcon los estilo blanco / negro,segun sea el caso.*/
	font-weight: bold;
	text-transform: uppercase
}

.contenido {
	font: 10px Verdana, Geneva, Arial, sans-serif;
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px
}

.resumen {
	font: 11px 'Verdana', Geneva, Arial, sans-serif;
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px
}

.antetitulo {
	font: 11px 'Verdana', Geneva, Arial, sans-serif;
	font-weight: normal
}

.enlace {
	font: 10px Tahoma, Arial, sans-serif;
	font-weight: bold
}

.enlace-nb {
	font: 10px Tahoma, Arial, sans-serif;
	font-weight: bold
}

.enlace-f {
	font: 11px verdana, Arial, sans-serif;
	font-weight: normal;
	background: transparent url("img/flechas.gif") no-repeat left top;
	padding-left: 15px
}

.fn {
	background-image: url("img/fn.jpg")
}

.fdg {
	background: #fff url("img/fdg.gif") repeat-x left bottom
}

.box-sombras {
	background: url("img/fnd_sombra_not.gif") repeat-y left top
}

.box-arch {
	background: url("img/arch.gif") no-repeat bottom right
}

.q {
	background: #fff url("img/q.gif") no-repeat;
	padding-left: 20px
}

.u {
	background: url("img/u.gif") no-repeat;
	padding-left: 20px
}

.td {
	border: 1px solid #CCC;
	padding: 5px
}

.tdbt {
	border-top: 1px solid #CCC;
	padding-top: 5px
}

.error {
	font: 10px Verdana, sans-serif;
	color: #F00;
	background-color: #FEE7E9;
	padding: 5px
}

/* New added */
#listado, #gallery p {
	text-align: left;
	font-size: 12px;
	color: #000;
	font-family: Helvetica, sans-serif, Arial;
}
#listado a, #listado a:link, #listado a:visited {
	text-decoration: none;
	color: #666;
}
#listado a:hover { text-decoration: underline; color: #333}




#gallery {
	background-color: white;
	padding: 10px;
	margin: auto;
	clear: both;
	overflow: auto;
	text-align: left;
}


#gallery ul {
	list-style: none;
}

#gallery ul li {
	display: inline;
}

#gallery ul img {
	border: 5px solid #f0f6ff;
	border-width: 5px 5px 20px;
}

#gallery ul a:hover img {
	border: 5px solid #cfddff;
	border-width: 5px 5px 20px;
	color: #fff;
}

#gallery ul a:hover {
	color: #fff;
}