/************************************************************************ * Grupo Inter México - Soluciones Web Avanzadas * * http://www.intermexico.net * * (C) 2005 InteHost S. A. de C. V. * ************************************************************************* * Proyecto: http://www.cabalgatasmexico.com/ * * Archivo: sitio.css * * Versión: 1.0 * * * * Diseño: Pavne Osuna P. (pavne@intermexico.net) * ************************************************************************* * Fecha Inicio: 14/09/05 * * Fecha Finalización: * * Ultima Revisión: * * * * Descripcion: Archivo de Hoja de Estilos en Cascada (CSS) para * * formato del sitio. * * * ************************************************************************/ /* GENERALES E INTERFASE --------------------------------------------- */ /* Especificaciones para el tag de body */ body {background-color:#F7F8F9; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:75%; margin:0px;} /* Clase para texto como notas o comentarios */ .txtnotas{color:#777; font-size:90%;} /* Clase para texto normal */ .txtnormal {font-size:100%;} /* Clase para generar la sombra izquierda de la página */ .sombra{background:url(img/sombra.gif) repeat-y; height:100%; width:10px;} /* Clase para la tabla que contiene toda la interfase */ .total{border-right:1px solid #333; background-color:#FFF; height:100%;} /* Clase para la tabla que contiene el "cabezal" de la página (logotipo, menú principal, etc.) */ .top{background-color:#960;} /* Clase para la zona donde se ubica el menú superior derecho */ .menu_top{background-color:#AD8533;} /* Clase para listas ordenadas por letra */ .lista_letra{list-style-type:lower-alpha;} /* Especificaciones para los tags de links */ a:link{color:#960; text-decoration:underline;} a:visited{color:#999; text-decoration:underline;} a:hover{color:#AD8533; text-decoration:underline;} a:active{color:#7B4800; text-decoration:underline;} /* Especificaciones para los tags de títulos */ h1, h2, h3, h4, h5, h6{color:#960; font-family:Times New Roman, Times, serif; margin:0 0 -0.3em 0;} /* ESTRUCTURALES ----------------------------------------------------- */ /* Titulos */ #titulo{font-weight:lighter; margin:10px 20px;} /* Columna principal (contenido a 1 columna) */ #col_principal_1col{color:#444; padding:10px 30px 30px 20px; font-size:75%; text-align:justify;} #col_principal_1col h1{color:#AD8533; font-size:180%; margin-top:5%;} #col_principal_1col h2{color:#AD8533; font-size:160%;} #col_principal_1col h3{color:#AD8533; font-size:140%;} #col_principal_1col h4{color:#AD8533; font-size:120%;} #col_principal_1col h5{color:#AD8533; font-size:100%;} #col_principal_1col h6{color:#AD8533; font-size:80%;} #col_principal_1col ul{list-style-image:url(img/vineta1.gif);} #col_principal_1col ul li{margin-bottom:1.5%;} #col_principal_1col ul ul{list-style-image:url(img/vineta2.gif);} #col_principal_1col ul ul ul{list-style-image:url(img/vineta3.gif);} /* Columna principal (contenido a 2 columnas) */ #col_principal_2col{border-right:1px solid #E7DAC2; color:#444; padding:10px 10px 30px 20px; font-size:75%; text-align:justify;} #col_principal_2col h1{color:#AD8533; font-size:160%; margin-top:5%;} #col_principal_2col h2{color:#AD8533; font-size:140%;} #col_principal_2col h3{color:#AD8533; font-size:120%;} #col_principal_2col h4{color:#AD8533; font-size:100%;} #col_principal_2col h5{color:#AD8533; font-size:80%;} #col_principal_2col h6{color:#AD8533; font-size:60%;} #col_principal_2col ul{list-style-image:url(img/vineta1.gif);} #col_principal_2col ul li{margin-bottom:1.5%;} #col_principal_2col ul ul{list-style-image:url(img/vineta2.gif);} #col_principal_2col ul ul ul{list-style-image:url(img/vineta3.gif);} /* Columna izquierda */ #col_izquierda{background-color:#FAF7F2; color:#960; font-size:11px; font-weight:bold; height:100%; width:170px;} #col_izquierda a{text-decoration:none;} #col_izquierda ul{font-size:11px; margin:0; padding:0;} #col_izquierda li{border-bottom:1px solid #960; font-size:11px; margin:5px 30px; padding:0 5px;} /* Columna derecha */ #col_derecha{color:#666; font-size:70%; padding:0 20px 0 10px;} #col_derecha img{margin:5px 0 -0.75em 0;} #col_derecha ul{padding:0 10px;} /* Pies de página (fin de contenido) */ #pie_contenido_1col{border-top:1px dashed #960; margin-top:20px; padding-top:10px;} #pie_contenido_1col a{text-decoration:none;} #pie_contenido_1col ul{list-style-image:url(img/vineta_pie.gif); margin:0px; padding-left:20px;} #pie_contenido_1col ul .regresa{list-style-image:url(img/vineta_regresa.gif);} #pie_contenido_1col ul .info{list-style-image:url(img/vineta_info.gif);} #pie_contenido_2col{border-top:1px dashed #960; margin-top:20px; padding-top:10px;} #pie_contenido_2col a{text-decoration:none;} #pie_contenido_2col ul{list-style-image:url(img/vineta_pie.gif); margin:0px; padding-left:20px;} /* Pies de página (fin de interfase, datos de contacto) */ #pie1{color:#960; font-size:75%; text-align:center; border-bottom:1px solid #960; margin:10px 20px; padding:5px;} #pie1 a:link{color:#960; text-decoration:none;} #pie1 a:visited{color:#999; text-decoration:none;} #pie1 a:hover, a:active{color:#AD8533; text-decoration:none;} #pie2{color:#666; font-size:75%; margin:20px; text-align:center;} /* Frase alusiva */ #frase {padding-left:10px;} /* Tabla para bibliografía de "Historia de las Cabalgatas" */ #historia{width:540px;} #historia td{width:270px; padding:0px 20px;} #historia h1{color:#666; font:bold 75% Arial, Helvetica, sans-serif; margin:8% 0px 0px 0px; padding:8% 0px 0px 0px;} #historia h2{color:#666; font:bold 75% Arial, Helvetica, sans-serif; font-style:italic; margin:0px; padding:0px;} #historia h3{color:#666; font:normal 75% Arial, Helvetica, sans-serif; margin:0px; padding:0px;} /* BLOQUES DE INFORMACIÓN (DIVS COMPUESTOS)--------------------------- */ /* Formularios */ #formulario {font-size:100%; width:100%; padding:10px;} fieldset{border:1px solid #960;} legend{color:#AD8533; font-family:Times New Roman, Times, serif; font-size:180%; margin-bottom:10px; padding:5px 10px;} label{margin:0.1em 0.5em 0.5em 0.5em;} #formulario .requerido{color:#960; font-weight:bold;} #formulario .input{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:100%; width:95%; margin:0.1em 0 0.5em 0;} #formulario .informacion{background:#B69148 url(img/vineta_informacion.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #formulario .recorrido{background:#B69148 url(img/vineta_recorrido.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #formulario .organizador{background:#B69148 url(img/vineta_organizador.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #formulario .servicios{background:#B69148 url(img/vineta_servicios.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #formulario .clasificacion{background:#B69148 url(img/vineta_clasificacion.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.5em 0 0.4em 40px;} #formulario .adicionales{background:#B69148 url(img/vineta_adicionales.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #formulario .clima{background:#B69148 url(img/vineta_clima.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #formulario .col1{color:#333; padding:0.3em; font-weight:bold; text-align:right; vertical-align:top; width:30%;} #formulario .col2{color:#333; padding:0.3em; text-align:left; vertical-align:top;} .boton{background-color:#E7DAC2; cursor:pointer; margin:0.1em 0.5em 0.5em 0;} /* Alertas */ #alerta_no{background-color:#FAF7F2; background-image:url(img/anim_alert_no.gif); background-repeat:no-repeat; background-position:right; border:1px solid #960; padding:10px 80px 10px 10px;} #alerta_no h1, h2, h3, h3, h5, h6{margin:0.2em;} #alerta_si{background-color:#FAF7F2; background-image:url(img/anim_alert_si.gif); background-repeat:no-repeat; background-position:right; border:1px solid #960; padding:10px 80px 10px 10px;} #alerta_si h1, h2, h3, h3, h5, h6{margin:0.2em;} /* Formulario de Alta de una nueva Cabalgata (continuación de "Formularios") */ #directorio {font-size:80%; border:1px solid #B69148; border-bottom:2px solid #B69148; border-right:3px solid #B69148; margin:10px 0px 0px 0px; width:250px;} #directorio .informacion{background:#B69148 url(img/vineta_informacion.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #directorio .recorrido{background:#B69148 url(img/vineta_recorrido.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #directorio .organizador{background:#B69148 url(img/vineta_organizador.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #directorio .servicios{background:#B69148 url(img/vineta_servicios.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #directorio .clasificacion{background:#B69148 url(img/vineta_clasificacion.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.5em 0 0.4em 40px;} #directorio .adicionales{background:#B69148 url(img/vineta_adicionales.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #directorio .clima{background:#B69148 url(img/vineta_clima.gif) no-repeat; color:#FFF; font-size:110%; font-weight:bold; padding:0.4em 0 0.5em 40px;} #directorio .col1 {background-color:#FAF7F2; border-bottom:1px solid #B69148; color:#333; font-weight:bold; padding:0.3em; text-align:right; width:40%;} #directorio .col2 {border-bottom:1px solid #B69148; color:#333; padding:0.3em; width:60%;}