body {margin-top: 0.4em;  margin-left: 0.5em}
#pagina {width: 980px; border: #CCCCCC 1px solid }
#logos {font-size: 1.8em; float: left; border-top: #000080 1px solid; width: 100%;padding-top:0.1em; padding-left:0.2em}
.tituloestaes {font-size:0.9em; font-family: Georgia, Times New Roman, Times, serif;  margin-left: 4.4em; color: #0272c6; background-color:#fff; vertical-align:super}
.tituloeco {vertical-align: super; padding-left: 0.7em}
.fuera_abajo {width: 20%; float: right; margin-left: 0.5em; padding-right: 0.8em; text-align: justify; font-family:Georgia, Times New Roman, Times, serif}
.fuera_abajo a{border-right: #666666 1px dotted; border-top: #666666 1px dotted;  border-bottom: #666666 1px dotted; border-left: #666666 1px dotted; font-family:Georgia, Times New Roman, Times, serif; text-decoration: none}
.fuera_abajo a:hover{  border-right: #666666 1px dotted; border-top: #666666 1px dotted; font-family:Georgia, Times New Roman, Times, serif; text-decoration: underline; color:#CC0000;  border-bottom: #666666 1px dotted; border-left: #666666 1px dotted}
.fuera_titu {font-family:Georgia, Times New Roman, Times, serif; text-align: right; text-transform:uppercase; border-bottom:#999999 1px dotted; font-weight: bold; padding-bottom: 0.5em; color:#0272c6; background-color:#e1e1e1; border-top:#999999 1px dotted }


#container {MARGIN: 0px auto; WIDTH: auto; TEXT-ALIGN: left}
.container1 {MARGIN: 0px; WIDTH: 750px; text-align: justify; font-weight: bold; font-family:Georgia, Times New Roman, Times, serif}
.container777 {	MARGIN: 0px; WIDTH: 750px}
.content_left {	FLOAT: left; WIDTH: 432px}
.content_right {FLOAT: right; WIDTH: 330px; border-left: #666666 1px solid; border-top: #666666 1px solid;  border-bottom: #666666 1px solid; padding-left: 0.6em; padding-bottom: 0.6em; margin-bottom: 1em;  border-right: #666666 1px solid; margin-right: 1.5em; background-color:#e1e1e1; text-align: center; font-size: 1em; font-family:Georgia, Times New Roman, Times, serif}
h1 {font-size:1.7em; margin-bottom: 0em; margin-top:0em; padding-left: 0.5em}
.dereimagen {border-bottom: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid;}
a img { border-right-style:none; border-top-style:none; border-bottom-style:none; border-left-style:none}
.titulodere {
	font-size: 1.2em;
	font-weight: bold; color:#CC0000; font-family:Arial, Helvetica, sans-serif
}
.muestrario {font-size: 1.4em;
	font-weight: bold; color:#CC0000}


.borderImage {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}
.TFImageSelected {
	BORDER-RIGHT: #0272c6 1px solid; MARGIN-TOP: -1px; Z-INDEX: 2; MARGIN-BOTTOM: 4px; BORDER-LEFT: #0272c6 1px solid; WIDTH: 60px; MARGIN-RIGHT: 4px; BORDER-BOTTOM: #0272c6 1px solid; POSITION: absolute; HEIGHT: 60px; BACKGROUND-COLOR: #ccc
}
.TFImage {
	BORDER-RIGHT: white 1px solid;
	MARGIN-TOP: 0px;
	Z-INDEX: 1;
	MARGIN-BOTTOM: 4px;
	BORDER-LEFT: white 1px solid;
	WIDTH: 60px;
	MARGIN-RIGHT: 4px;
	BORDER-BOTTOM: white 1px solid;
	POSITION: absolute;
	HEIGHT: 60px;
}
.TFBottomContainer {
	BORDER-RIGHT: #e0e7ed 1px solid; BORDER-TOP: #b7d1ec 1px solid; BORDER-LEFT: #e0e7ed 1px solid; BORDER-BOTTOM: #e0e7ed 1px solid; HEIGHT:120px
}
.TFTopContainer {
	BORDER-RIGHT: #b7d1ec 1px solid; BORDER-TOP: #000 dotted 1px ; OVERFLOW: hidden; BORDER-LEFT: #b7d1ec 1px solid; HEIGHT: 285px
}
.TFTopContainerLeft {
	FLOAT: left; MARGIN: 6px; WIDTH: 390px; POSITION: absolute
}
.TFTopContainerRight {
	MARGIN-TOP: 6px; FLOAT: right; MARGIN-LEFT: 410px; WIDTH: 325px; POSITION: absolute; text-align:justify
}
.TFTopTitle {
	PADDING-RIGHT: 4px; PADDING-LEFT: 10px; FONT-WEIGHT: bolder; FONT-SIZE: 1em; PADDING-BOTTOM: 0em; OVERFLOW: hidden; COLOR: #0272c6; PADDING-TOP: 1px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #e1e1e1; float: left; margin-top: 0em
}
.TFTopTitle A {
	FONT-SIZE: 10px; COLOR: #0272c6; TEXT-DECORATION: none
}
.TFTopTitle A:hover {
	TEXT-DECORATION: none; color:#999999
}
.TFLink {
	FONT-SIZE: 12px; COLOR: #3366cc; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.TFLink:hover {
	TEXT-DECORATION: none; color:#999999
}
#arrow {
	MARGIN: -5px 0px 0px 30px; WIDTH: 11px; POSITION: absolute; HEIGHT: 6px
}
.borderImage {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid
}
.TFTitle {
	FONT-WEIGHT: bolder; FONT-SIZE: 17px; OVERFLOW: hidden; COLOR: #333333; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.TFTitle:hover {
	TEXT-DECORATION: none; color:#CC0000
}
.TFCaption {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.TFCaption:hover {
	TEXT-DECORATION: none; color: #999999
}
#feature_caption LI {
	LINE-HEIGHT: 1em; LIST-STYLE-TYPE: disc
}
#feature_caption UL {
	MARGIN-TOP: 2px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 15px; PADDING-TOP: 0px
}
.TFRelTitle {
	FONT-WEIGHT: bolder; FONT-SIZE: 13px; COLOR: #0567be; FONT-FAMILY: Arial
}
#titulos {font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-align:justify; padding-bottom: 5.6em; width: 40%}




.trasflash {float: left; width: 98%}
.cuadrados {MARGIN: 4px; HEIGHT: 50px}
.cuerpogeneral {WIDTH: 757px; padding-top: 0em; border-top:#000000 1px dotted}
.alturatitulo {HEIGHT: 58px}
.barra {OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 1px; BACKGROUND-COLOR: #dddddd}
.textoexplica {OVERFLOW: hidden; LINE-HEIGHT: 1em; HEIGHT: 206px}
.flotarizq {FLOAT: left}
.flotardere {FLOAT: right; margin-top: 0em}

/* enlaces principales*/
#menusuperior {
	PADDING-RIGHT: 1%; PADDING-LEFT: 3%; BACKGROUND: #e1e1e1; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em;   TEXT-ALIGN: center; width: 96%; BORDER-BOTTOM: #000 1px solid; BORDER-top: #000 0.1em solid; color: #000
}
#nav-menusuperior {MARGIN-TOP: 0.2em; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif; WIDTH: 100%; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #e1e1e1; border-bottom: #ffffff 2px solid; padding-left:0.1em}
#nav-menusuperior UL {PADDING-RIGHT: 1%; PADDING-LEFT: 1%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#nav-menusuperior LI {PADDING-RIGHT: 0.5%; PADDING-LEFT: 0.5%; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif; FLOAT: left; PADDING-BOTTOM: 0%; MARGIN: 0% ; COLOR: #fff; PADDING-TOP: 0%; TEXT-ALIGN: center; BACKGROUND: #ccc
}
#nav-menusuperior LI A {FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #ccc; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif}
#nav-menusuperior LI A {FLOAT: none}
#nav-menusuperior LI A:link {FLOAT: left; COLOR: #666; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #ccc; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif}
#nav-menusuperior LI A:visited {FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif; FLOAT: left; COLOR: #666; TEXT-DECORATION: none; BACKGROUND: #ccc}
#nav-menusuperior LI A:hover {TEXT-DECORATION: none; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#CC0000}
.atajos  {color:#000;BACKGROUND-COLOR: #ffff22; FONT: bold 1em Tahoma, Arial, Verdana, Helvetica, sans-serif} 

/*enlaces inferiores */
#menuinferior {
	PADDING-RIGHT: 1%; PADDING-LEFT: 1%; BACKGROUND: #ccc; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em;   TEXT-ALIGN: center; width: 97%; BORDER-BOTTOM: #000 1px solid; BORDER-top: #000 1px solid; color: #000
}
#nav-menuinferior {MARGIN-TOP: 0.2em; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif; WIDTH: 97%; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #ccc; border-bottom: #ffffff 2px solid; padding-left:0.1em}
#nav-menuinferior  UL {PADDING-RIGHT: 1%; PADDING-LEFT: 1%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#nav-menuinferior LI {PADDING-RIGHT: 1%; PADDING-LEFT: 1%; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif; FLOAT: left; PADDING-BOTTOM: 0%; MARGIN: 0% ; COLOR: #fff; PADDING-TOP: 0%; TEXT-ALIGN: center; BACKGROUND: #ccc
}
#nav-menuinferior  LI A {FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #ccc; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif}
#nav-menuinferior  LI A {FLOAT: none}
#nav-menuinferior  LI A:link {FLOAT: left; COLOR: #666; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #ccc; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif}
#nav-menuinferior  LI A:visited {FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif; FLOAT: left; COLOR: #999; TEXT-DECORATION: none; BACKGROUND: #ccc}
#nav-menuinferior  LI A:hover {TEXT-DECORATION: line-through; FONT: bold 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif}

.publicidad a{ font-family:Arial, Helvetica, sans-serif; font-size: 0.8em}
.publicidad a:link{ font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: none; background-color:#e1e1e1; color:#000000}
.publicidad a:visited{ font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: none; background-color:#e1e1e1; color:#000000}
.publicidad a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: underline; background-color:#e1e1e1
}
.visor {text-align: center; padding-top: 2em}
.visor a{text-align: center; padding-top: 2em; text-decoration:underline; color:#CC0000}
.visor a:link{text-align: center; padding-top: 2em; text-decoration:underline; color:#CC0000}
.visor a:visited{text-align: center; padding-top: 2em; text-decoration:underline; color:#CC0000}
.visor a:hover{text-align: center; padding-top: 2em; text-decoration:none; color:#000}

.textoizq {border-right: #666666 1px dotted; border-top: #666666 1px dotted; float: left; width: 16em }
.pietextoizq {width: 19em; text-align: justify; padding-left:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em}
.textocontenido {text-align: justify; padding-left: 18em; padding-right: 0.5em; border-right: #666666 1px dotted; border-top: #666666 1px dotted;  font-family:Georgia, Times New Roman, Times, serif; margin-right:0.7em}
.textocontenido a{border-right: #666666 1px dotted; border-top: #666666 1px dotted;  border-bottom: #666666 1px dotted; border-left: #666666 1px dotted; font-family:Georgia, Times New Roman, Times, serif; text-decoration: none}
.textocontenido a:hover{  border-right: #666666 1px dotted; border-top: #666666 1px dotted; font-family:Georgia, Times New Roman, Times, serif; text-decoration: underline; color:#CC0000;  border-bottom: #666666 1px dotted; border-left: #666666 1px dotted}
.logo {float: right; vertical-align: top; margin-right:0.2em; margin-bottom:0em}