body {background-color:#3366cc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;} #contenedor { background:#FFFFFF; width: 800px; margin: 10px auto 10px auto; padding: 25px;} #barra_sup {background: url(tecno-img/barra-puntos.gif) repeat-x bottom; height: 25px; margin-top:-10px;} #barra_sup a:link, #barra_sup a:visited{ color:#000000; text-decoration: none;} #barra_sup a:hover { color:#000000; text-decoration:underline;} #cap_il3 {height: 87px; padding-top: 5px;} #ubicacion { background:url(tecno-img/fondo_negro.gif); height: 18px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px 0px 0px 16px; margin-bottom:1px;} #cabecera { height: 156px; background: #ff9900; border-bottom: #ffffff 1px solid;} #cabecera h1{ font-family:Arial, Helvetica, sans-serif; font-size: 28px; line-height:28px; color:#FFFFFF; padding: 10px 0 0 15px; margin:0px} #cabecera h2{ font-family:Arial, Helvetica, sans-serif; font-size: 17px; line-height:19px; color:#FFFFFF; padding: 3px 0 0 15px; margin:0px; font-weight:normal; } #cabecera #foto {background:#666666; width:336px; border-left: #ffffff 1px solid; float:right; margin-left: 15px;} /* barra información dinamica */ .barrita {height:22px; clear:both; border-top: #000000 4px solid; border-bottom: #000000 4px solid; } #contenido {margin: 0; padding: 1px 0px 1px 0px;} #contenido #principal{float:left; background:url(tecno-img/puntos_v.gif) repeat-y right;} #contenido #principal #uno { width: 464px; float:left; background:url(tecno-img/puntos_v.gif) repeat-y right; } #contenido #principal #uno .ventajas { margin: 0 2px 0 0; background: url(tecno-img/fondo_rosa.gif); padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height:16px; font-weight: bolder; padding: 10px} #contenido #principal #uno .ventajas h1 {font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height: 18px; font-weight: bold; margin: 0 ; color:#000000;} #contenido #principal #uno .ventajas p , #contenido #principal #uno .ventajas p.rosa { line-height: 16px; margin: 0; font-weight: normal; text-transform:uppercase;} #contenido #principal #uno .ventajas p.rosa { color:#ff9900} #contenido #principal #uno .ventajas p { margin: 0 0 3px 0} #contenido #principal .texto {font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height: 16px; margin: 0 10px 10px 10px;} #contenido #principal .subtitulo {font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height: 18px; font-weight: bold; margin: 10px 0 0 10px; color:#ff9900;} #contenido #principal ul {margin: 0 0 0 10px; padding: 0px; font-size: 14px; font-family:Arial, Helvetica, sans-serif;} #contenido #principal li {margin: 0 10px 5px 20px; padding: 0px;} #contenido #principal #ficha { margin: 5px 2px 0 0px;} #contenido #principal #ficha p{ font-size: 12px; margin: 4px 0 4px 10px;} #contenido #principal #ficha strong {color:#ff9900;} #contenido #principal #ficha .negrita{ font-weight: bold; color:#000000;} .programa, .amigo { float:left; color:#FFFFFF; width:65px; height:65px; margin: 10px 5px 10px 0; padding: 15px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 13px;} .amigo {background:url(tecno-img/bola_negra.gif) no-repeat;} .programa {background:url(tecno-img/bola_rosa.gif) no-repeat; margin: 10px 5px 10px 10px;} .espaciado { height: 40px; clear:both;} .programa a:link, .amigo a:link, .programa a:visited, .amigo a:visited { color:#FFFFFF; text-decoration:none; display:block;} .programa a:hover, .amigo a:hover {text-decoration: underline; } #contenido #principal #dos {width: 333px; float:left; padding: 0 2px 0 1px;} #contenido #principal #dos .destacado {background: url(tecno-img/fondo_gris.gif); padding: 10px 7px 0 7px; height: 60px;} #contenido #principal #dos .destacado .limpiar {clear:both; line-height: 0px; font-size:0px;} #contenido #principal #dos .icono { float:left; width: 45px;} #contenido #principal #dos .texto_1_linea {font-size:14px; line-height: 14px; font-weight: bold; float:left; width: 263px; margin: 0 0 0 10px; padding: 17px 0 0 0; } #contenido #principal #dos .texto_3_lineas {font-size:14px; line-height: 16px; font-weight: bold; float:left; width: 263px; margin: 0 0 0 10px; padding: 4px 0 0 0; } #contenido #principal #dos p{ margin: 0 } #contenido #principal #dos a:link, #contenido #principal #dos a:visited , #contenido #principal #dos .rosita { color:#ff9900; text-decoration:none;} #contenido #principal #dos a:hover{ color:#000000; text-decoration: underline;} #contenido #principal #dos .relacionados { text-transform:uppercase; margin: 3px 0 0 0; } #contenido #principal #dos .relacionados .antecabecera { height: 2px; background:#000000;} #contenido #principal #dos .relacionados .cabecera { height: 17px; background:#000000; color:#FFFFFF;font-weight: bold; padding: 4px 0 0 4px; border-top: #FFFFFF 1px solid;} #contenido #principal #dos .relacionados .cursos { padding: 5px;} #contenido #principal #dos .relacionados .cursos p{ border-bottom: #000000 1px dotted; padding: 5px 0 5px 0;} #contenido #principal #dos .relacionados a:link , #contenido #principal #dos .relacionados a:visited {text-decoration:none; color: #000000} #contenido #principal #dos .relacionados a:hover {text-decoration:underline; color: #ff9900;} #contenido #principal #dos .sesion { padding: 5px; background: url(tecno-img/fondo_rosa.gif); border-bottom: #000000 1px dotted } #contenido #principal #dos .sesion .titulo { font-weight: bold; background: #000000; margin: -5px -5px 5px -5px; color:#FFFFFF; padding: 3px 0 3px 5px;} #contenido #principal #dos .sesion .fecha { font-size: 12px; font-weight: bold; margin: 0 0 5px 0} #contenido #principal #dos .sesion .confirma { font-size: 12px; font-weight: bold; margin: 5px 0 0 0} #pie { font-size: 11px; font-family:Arial, Helvetica, sans-serif; padding:8px 0 4px 0;} #pie a:link, #pie a:visited{ color:#000000; text-decoration: none;} #pie a:hover { text-decoration:underline; color:#000000;} #pie #logo { float: left; width:100px;} #pie .formamos { float:right; margin: 8px 0 0 0;} .color_area { color:#ff9900; } .puntos { background:url(tecno-img/puntos.gif) repeat-x; height:1px; clear:both;} .limpiar {height:0px; margin:0px; clear:both} .email { color:#ff9900; font-size: 12px; font-weight: bold; margin: 0 0 4px 5px;} .email a:link, .email a:visited { color:#ff9900; text-decoration:none;} .email a:hover { color: #CC0033; text-decoration: underline;} #contenido #principal #dos .destacado .pdf {color:#ff9900; font-size: 11px; font-weight: bold; margin: 0 0 11px 0; line-height: 0px;padding: 5px 0 0 0;} #contenido #principal #dos .destacado .pdf a:link, #contenido #principal #dos .destacado .pdf a:visited { color:#ff9900; text-decoration:none;} #contenido #principal #dos .destacado .pdf a:hover { color: #CC0033; text-decoration: underline;} .telefonos { font-size: 17px; margin: 3px 0 7px -40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}