/************************************************************************ * Grupo Inter México - Soluciones Web Avanzadas * * http://www.intermexico.net * * (C) 2005 InteHost S. A. de C. V. * ************************************************************************* * Proyecto: www.clubmba.com.mx * * Archivo: sitio.css * * Versión: 1.0 * * * * Diseño: Pavne Osuna P. (pavne@intermexico.net) * ************************************************************************* * Fecha Inicio: 07/02/05 * * Fecha Finalización: * * Ultima Revisión: 28/07/05 * * * * Descripcion: Archivo de Hoja de Estilos en Cascada (CSS) para * * formato del sitio. Para una mayor referencia de como * * aplicar los estilos, refierase al archivo guia.htm * * * ************************************************************************/ /* GENERALES E INTERFASE --------------------------------------------- */ a:link {color:#990000; text-decoration:none;} a:active {color:#666; text-decoration:none;} a:visited {color:#999; text-decoration:none;} a:hover {color:#CC0000; text-decoration:none;} body {margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#555;} .interfase {height:100%;} /* TIPOS DE TEXTO GENERALES ------------------------------------------ */ .txtnotas {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#777777;} .txtinfo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; color:#333333;} .txtligas {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#777777;} .txtbusqueda {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-weight:bolder; font-style:italic; color: #EEEEEE;} .txtfecha {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8px;font-weight: bold;color: #CCCCCC; text-align:center;} ul {font-size: 100%; color: #333333; list-style-image: url(img/vineta1.gif);} ul ul {list-style-image: url(img/vineta2.gif);} ul ul ul {list-style-image: url(img/vineta2.gif);} h1, h2, h3, h4, h5, h6 {font-family:Times New Roman, Times, serif;} /* DIVS COMPUESTOS -------------------------------------------------- */ /* Columna principal */ #col_principal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; margin:0 10px 0 0;} #col_principal h1 {color:#999; font-size:250%; font-weight:lighter; text-align:left;} #col_principal h2 {color:#999; font-size:130%; font-weight:lighter; text-align:left; text-transform:uppercase;} #col_principal h3, h4, h5, h6 {color:#666; font-size:150%; font-weight:lighter; text-align:left;} /* Columna derecha */ #col_derecha {color:#666666; font-size:95%; margin-left:10px; width:210px;} #col_derecha h1 {font-family:Times New Roman, Times, serif; font-size:100%; font-weight:lighter; margin:0px; text-transform:uppercase;} #col_derecha h2 {font-size:100%; font-weight:lighter; margin:10px 0 0 0;} #col_derecha ul {font-family:Times New Roman, Times, serif; list-style:none outside none; margin:0px; padding:0px;} #col_derecha ul li {list-style:none outside none; border-bottom:1px solid #CCCCCC; border-left:5px solid #CCCCCC; font-size:100%; line-height:100%; padding:0 0 4px 2px;} /* Contenido */ #contenido {font-size:75%; text-align:justify;} /* Banners Columna izquierda */ #banners_left {text-align:center; margin:20px 0px 0px 0px; width:160px;} /* Elementos de indices */ #indice {border-bottom:1px dashed #CCC; color:#333; font-size:90%; height:auto; padding:5px; margin-bottom:10px; text-align:justify;} #indice ul {font-family:Times New Roman, Times, serif; font-size:125%; list-style-image:url(img/vineta1.gif); text-align:left; text-transform:uppercase;} #indice img {float:right; margin:0 0 5px 5px;} #indice h1 {color:#999; font-family:Times New Roman, Times, serif; font-size:250%; font-weight:lighter; border-bottom:1px solid #CCC; margin-bottom:2px;} #indice h2 {background-color:#EEE; color:#999; font-family:Times New Roman, Times, serif; font-size:150%; font-weight:lighter; margin:0px; text-transform:uppercase;} #indice h3, h4, h5, h6 {font-family:Times New Roman, Times, serif; font-size:150%; font-weight:lighter; margin:0px; text-transform:uppercase;} /* Categoría de artículos */ #categoria {color:#CCC; font-family:Times New Roman, Times, serif; font-size:150%; text-align:right; text-transform:uppercase; vertical-align:bottom;} /* Inicio de contenido (artículos, viajes, eventos)*/ #inicio {border-bottom:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin-bottom:10px; padding-bottom:10px;} #inicio h1 {color:#999; font-family:Times New Roman, Times, serif; font-size:150%; font-weight:lighter;} #inicio h2 {color:#777; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; text-transform:none; vertical-align:bottom;} #inicio h3 {color:#999; font-family:Times New Roman, Times, serif; font-size:100%; font-weight:lighter;} #inicio img {float:left; margin:0 5px 5px 0;} /* Contenidos como listados */ #listado {border-bottom:1px dashed #CCC; font-size:100%; height:auto; margin-bottom:40px; padding-bottom:10px; text-align:justify;} #listado h1 {color:#999; font-family:Times New Roman, Times, serif; font-size:170%; font-weight:lighter; border-bottom:1px solid #CCC; margin:2px 0; text-align:left;} #listado h2 {color:#999; font-family:Times New Roman, Times, serif; font-size:130%; font-weight:lighter; margin-bottom:0px;} #listado h3, h4, h5, h6 {color:#666; font-family:Times New Roman, Times, serif; font-size:130%; font-weight:lighter; margin-bottom:0px; text-transform:none;} /* Imagenes */ #imagenes {color:#666; font-size:75%;} #imagenes p {border-bottom:1px dashed #CCC; padding-bottom:5px;} /* Pie de contenido (articulos, viajes, eventos) */ #pie {color:#999; font-size:70%;} /* Extra (perfil, coordenadas, etc) */ #extra {background-color:#EEE; border-top:1px solid #666; border-bottom:1px solid #666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:95%; height:auto; padding:10px;} #extra ul {font-size:100%; list-style-image:url(img/vineta2.gif);} #extra h1 {color:#666; font-family:Times New Roman, Times, serif; font-size:175%; margin:0px; text-transform:uppercase;} #extra h2 {color:#666; font-family:Times New Roman, Times, serif; font-size:120%; margin-bottom:0px;} #extra h3, h4, h5, h6 {color:#990000; font-family:Times New Roman, Times, serif; font-size:120%; margin-bottom:0px;} #extra img {float:left; margin:0 5px 5px 0;} /* Notas */ #nota {border:1px solid #990000; font-size:75%; padding:10px; vertical-align:top;} #nota h1 {color:#666; font-family:Times New Roman, Times, serif; font-size:180%; font-weight:lighter; margin:0px;} #nota ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; list-style-image:url(img/vineta2.gif); margin:15px;} /* FORMULARIOS ------------------------------------------------------- */ .formulario {background-color:#EEE; width:100%; border-bottom:1px solid #CCC; border-top:2px solid #CCC; color:#666; font-size:90%; padding:5px;} .boton {background-color: #990000; color:#FFF;} .campos_obligatorios {border-left:5px solid #990000;} /* GUÍA CLUB MBA ----------------------------------------------------- */ /* Inicio de contenido (artículos, programas, etc.)*/ #inicio_guia {border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px;} #inicio_guia h1 {color:#777; font:130% Times New Roman, Times, serif; font-weight:lighter;} #inicio_guia h2 {color:#777; font:95% Times New Roman, Times, serif; text-transform:none; vertical-align:bottom;} #inicio_guia img {float:right; margin:0px 0px 5px 5px;} /* Columna derecha */ #info {background-color:#F1F1F1; border:1px solid #CCC; font:65% Verdana, Arial, Helvetica, sans-serif; margin-bottom:2em; text-align:left; width:210px;} #info caption{background-color:#999; color:#FFF; font:100% Verdana, Arial, Helvetica, sans-serif; padding:2px; text-align:left; text-transform:uppercase;} #info .col1{border-bottom:1px solid #CCC; font-weight:bold; padding:3px; text-align:right; vertical-align:top; width:50%;} #info .col2{border-bottom:1px solid #CCC; padding:3px; vertical-align:top;} /* Columna principal */ #col_principal_guia {font:70% Verdana, Arial, Helvetica, sans-serif; text-align:justify;} #col_principal_guia p{margin-bottom:-1em; text-indent:20px;} #col_principal_guia h1 {color:#333; font:170% Times New Roman, Times, serif; margin:2em 0em -1em 0em;} #col_principal_guia h2 {color:#555; font:150% Times New Roman, Times, serif; margin:2em 0em -1em 0em; text-transform:none;} #col_principal_guia h3, h4, h5, h6 {color:#777; font:130% Times New Roman, Times, serif; margin:2em 0em -1em 0em; text-transform:none;} /* Ubicación geográfica del programa */ #ubicacion_gral {color:#CCC; font:150% Times New Roman, Times, serif; text-align:right; text-transform:uppercase; vertical-align:bottom;} #ubicacion_asia {background-color:#09C; color:#FFF; font:150% Times New Roman, Times, serif; padding:10px; text-align:right; text-transform:uppercase;} #ubicacion_australia {background-color:#999; color:#FFF; font:150% Times New Roman, Times, serif; padding:10px; text-align:right; text-transform:uppercase;} #ubicacion_canada {background-color:#C93; color:#FFF; font:150% Times New Roman, Times, serif; padding:10px; text-align:right; text-transform:uppercase;} #ubicacion_eua {background-color:#C63; color:#FFF; font:150% Times New Roman, Times, serif; padding:10px; text-align:right; text-transform:uppercase;} #ubicacion_europa {background-color:#C33; color:#FFF; font:150% Times New Roman, Times, serif; padding:10px; text-align:right; text-transform:uppercase;} #ubicacion_mexico {background-color:#F90; color:#FFF; font:150% Times New Roman, Times, serif; padding:10px; text-align:right; text-transform:uppercase;} #ubicacion_sudamerica {background-color:#6CC; color:#FFF; font:150% Times New Roman, Times, serif; padding:10px; text-align:right; text-transform:uppercase;} /* Pie */ #pie_guia {color:#999; font-size:70%;} /* Índice principal (contenido) */ #indice_guia {border-bottom:1px dashed #CCC; color:#333; font:90% Times New Roman, Times, serif; height:auto; padding:3px; margin-bottom:5px; text-align:justify;} #indice_guia ul {font-size:125%; margin:5px 0px 10px 10px; padding:5px 0px 10px 10px;} #indice_guia ul .asia {list-style-image:url(img/vineta_asia.gif);} #indice_guia ul .australia {list-style-image:url(img/vineta_australia.gif);} #indice_guia ul .canada {list-style-image:url(img/vineta_canada.gif);} #indice_guia ul .eua {list-style-image:url(img/vineta_eua.gif);} #indice_guia ul .europa {list-style-image:url(img/vineta_europa.gif);} #indice_guia ul .mexico {list-style-image:url(img/vineta_mexico.gif);} #indice_guia ul .sudamerica {list-style-image:url(img/vineta_sudamerica.gif);} #indice_guia p {color:#555; font:100% Verdana, Arial, Helvetica, sans-serif;} #indice_guia img {float:right; margin:0 0 5px 5px;} #indice_guia h1 {color:#999; font:250% Times New Roman, Times, serif; font-weight:lighter; border-bottom:1px solid #CCC; margin-bottom:2px;} #indice_guia h2 {background-color:#EEE; color:#999; font:150% Times New Roman, Times, serif; font-weight:lighter; margin:0px;} #indice_guia .tit_asia {border-left:20px solid #09C; padding-left:10px;} #indice_guia .tit_australia {border-left:20px solid #999; padding-left:10px;} #indice_guia .tit_canada {border-left:20px solid #C93; padding-left:10px;} #indice_guia .tit_eua {border-left:20px solid #C63; padding-left:10px;} #indice_guia .tit_europa {border-left:20px solid #C33; padding-left:10px;} #indice_guia .tit_mexico {border-left:20px solid #F90; padding-left:10px;} #indice_guia .tit_sudamerica {border-left:20px solid #6CC; padding-left:10px;}