/* * Fichero: public.css ,v4.0px 11/04/2008 Francisco Javier Lopez * * Hoja de estilos para presentaci�n de los elementos principales comunes a * toda la Web. Se establecen tama�os, fuentes, solores y otros atributos * en general. * * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X * CSS 2 * Fichero public.css * Version v1.0 * Autores Vanessa Mart�n Oliete * Comentarios */ /* INDICACIONES DE USO EN GENERAL */ /* 1- La estructura basica de una web seria:
Precabecera
Cabecera
Subcabecera
Lateral
datos
Pie
Cuando os encontreis con .XX son para que pongais vosotros vuestra personalizaci�n. Si teneis estructuras de columnas acordaros de denominarlas como 'c1', 'c2', asi con todo. Si teneis H1, H2, H3, ..., y teneis varios formatos intentar nombrarlo como su peso semantico esto es: un H3 que es titulo de seccion llamarlo .scc, o si es un titulo de un apartado pues llamarlo .apdo, asi correlativamente. Si se van detectando tipos de datos semanticamente los iremos poniendo, asi como ir acoplando los patrones conforme se vayan teniendo. 2- Esto vale no solo para este estilo si no para los grupos de: web-pre, pcab, cab, scab, pie, si queremos poner elementos en columnas intetaremos no definir las columas como tal si no describirlas como por ejemplo: #pcab .c1 { } #pcab .c2 { } 3. En el caso de que sobre todo en los elementos de cabecera o pie existan una navegaci�n menor como por ejemplo: "inicio, mapa web, contacto" Se ha definido un estilo en cada uno de esos grupos con el estilo ".nav" */ /* ESTILOS GENERALES */ /* Definici�n de estilos gglobales para la web. Evitar definir estilos generales para h1,h2,h3,h4,h5,input,... */ body {background:#FFFFFF; margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:11px; text-align:center; line-height:15px; } input, textarea, select { border:1px solid #82817F; font-family:Arial, Verdana, Helvetica,sans-serif; font-size:10px; background:#fff;} select, textarea { margin-bottom:7px;} html, body { } td { } hr { display: none; } h2 {font-size:18px; color:#000;} /* ESTILOS CAJAS GLOBALES. GRID GLOBAL */ /* Estructura de datos de grid globales para los esquemas: web-pre -> Caja web que engloba la pre home web -> Caja web que engloba todo pcab -> Caja precabecera cab -> Caja cabecera scab -> Caja subcabecera ctd -> Caja contenido que engloba laterales y datos dts -> Caja datos pie -> Caja pie */ #web {width:752px;margin:0px auto 0px auto; text-align:center; } #pcab {height:125px;margin:0px 0px 0px 0px;} #cab {clear:both;text-align:center;} #ctd {clear:both; margin:0px 0px 0px 0px; } #ctd2 {clear:both; margin:15px 0px 0px 0px;float:left;} #lat {float:left; width:185px;text-align:left;margin-right:10px;} #dts {width:550px;padding:0px;float:right; text-align:left;} #pie {clear:both; font-size:10px;border-top: 1px solid #C5C0BF;margin-top:15px;padding:5px 0px; } /* ESTILOS PARA LA WEB */ /* Definicion de los estilos necesarios para hacer que si es liquida al redeimensionarse haya un ancho minimo para que el dise�o no se estropee. La estructura en HTML seria asi:
Lorem ipsum
Ejemplo de utilizacio�n: Si la web debe de ajustarse a ajustarse al 100% pero con minimo de 750px de ancho, los estilos deberian ser: #web { width: 100%; min-width: 750px; text-align: left; } #web-blo { } #web-min { padding-left: 750px; } #web-con { margin-left: -750px; position: relative; } * html #web-min { padding-left: 750px; } * html #web-con { margin-left: 750px; position: relative; } html #web-min, * html #web-con, * html #web-blo { height:1px; } */ /* ESTILOS PARA LA PRECABECERA */ #pcab h1 {float:left;*background:url(/MODULOS/global/publico/interfaces/img/logo.gif) 0px 0px no-repeat; */margin:0px 0px 0px 0px;} #pcab h1 a{display:block;width:233px; height:125px;} #pcab h1 span{display:none;} #pcab ul {margin:35px 0px 0px 0px; float:right;} #pcab ul li {float:left; padding-left:5px} #pcab ul li.pto {background:url(/MODULOS/global/publico/interfaces/img/img_pto.jpg) right 22px no-repeat;} #pcab ul li a {margin: 0px 5px;display:block;font-size:12px;text-decoration:none; font-weight:bold; color:#000;} #pcab ul li a:hover {border-bottom:2px solid #B70C11;} #pcab ul li a.on { border-bottom:2px solid #B70C11;} #pcab2 h1{float:left; width:233px; height:125px; text-indent:-1000px;background:url(/MODULOS/global/publico/interfaces/img/logo.gif) 0px 0px no-repeat; margin:0px 0px 0px 0px;} #pcab .social { float:right; width:180px; text-align:left;} #pcab .tit { float:left; font-size:9px;width:95px; color:#B70C11; font-weight:bold; } #pcab .social ul {margin:0 } #pcab .social ul li a { margin:0 0 0 5px} #pcab .social ul li a:hover { text-decoration:none} /* ESTILOS PARA LA CABECERA DE LA WEB */ #cab {} /* ESTILOS PARA LA SUBCABECERA */ #scab {} /*ESTILOS CONTENIDO*/ #ctd .col1{width:195px;float:left; text-align:left; padding:0px;margin:0px;} #ctd .col1 dl{margin:0px;padding:0px;} #ctd .col1 dt{padding:0px;width:65px;height:63px;float:left; border-bottom:1px solid #C5C0BF;margin:6px 0px 0px 0px;} #ctd .col1 dd{padding:0px;float:left;width:122px;height:63px; border-bottom:1px solid #C5C0BF;margin:6px 0px 0px 0px;} #ctd .col1 dd span.titulo{font-size:15px; color:#B70C11;} #ctd .col1 dd.fin,#ctd .col1 dt.fin{border-bottom:0px;} #ctd .col2{border:2px solid #C5C0BF;height:488px; float:left;text-align:left; } #ctd .col2 h2{margin:0px;padding-bottom:3px;font-size:16px; color:#B70C11; font-weight:bold;border-bottom:1px solid #C5C0BF; } #ctd .col3{border:2px solid #C5C0BF;height:488px; float:right; text-align:left;} #ctd .col3 h2{margin:0px;font-size:16px; color:#B70C11;padding-bottom:3px; font-weight:bold; border-bottom:1px solid #C5C0BF;} /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie .c1{float:left;text-align:left;} #pie .c2{float:right;text-align:right;} #pie .c2 ul{padding:0px;margin:0px;} #pie .c2 ul li{display:inline;} #pie .c2 ul li a{text-decoration:underline;color:#000;} #pie2 .c1{float:left;text-align:left;} #pie2 .c2{float:right;text-align:right;} #pie2 .c2 ul{} #pie2 .c2 ul li{display:inline;} #pie2 .c2 ul li a{text-decoration:underline;color:#000;} /* ESTILOS PARA EL MENU LATERAL */ #lat .men { } #lat .men ul{ margin-top:5px;} #lat .men ul li{font-size:11px; padding-left:20px;} #lat .men ul li a{color:#000; } #lat .men ul li a:hover{color:#B70C11; } #lat .men ul li ul li a.on { } #lat .men h2 { font-weight:bold; border-bottom:1px solid #C5C0BF; font-size:16px; color:#B70C11; margin:0px; padding:0px; } #lat .men h3 { background:url(/MODULOS/global/publico/interfaces/img/bullet.gif) 0px 15px no-repeat; font-size:14px; padding:10px 0px 0px 20px;} #lat .men h3 a {margin:0px; padding:0px; color:#000;} /* ESTILOS PARA EL CONTENIDO Y DATOS */ #dts .menu ul{margin:25px 0px 0px 0px; float:right;} #dts .menu ul li{float:left; display:inline; padding-left:5px; line-height:10px;} #dts .menu ul li a{text-decoration:none; font-weight:bold; color:#000;} #dts .menu ul li a:hover{border-bottom:2px solid #B70C11;} #dts .menu ul li a.on{border-bottom:2px solid #B70C11;} #dts .cntd {text-align:left;} #dts .cntd ul{padding:0px;margin-top:8px;} #dts .cntd ul li{background:url(/MODULOS/global/publico/interfaces/img/bullet-dts.jpg) 0px 5px no-repeat;padding-left:13px;} #dts strong {color:#B70C11;font-weight:bold;} #dts .cntd a {color:#B70C11;text-decoration:none;} /*#dts .cntd h2 {font-size:12px; color:#D67606; font-weight:bold;}*/ /* ESTILOS PARA LOS LISTADOS */ /* Listados para destacados */ .lst-dest {margin:5px 0px 5px 0px;padding:0px 0px 3px 0px;height:127px; border-bottom:1px solid #C5C0BF; } .lst-dest span.titulo{ font-size:12px; color:#000; font-weight:bold; } .lst-dest span.entrad{ font-size:11px; } /* Listados para noticias */ .lst-not{height:80%;clear:both;margin:5px 0px 5px 0px;padding:0px 0px 3px 0px; border-bottom:1px solid #C5C0BF;} .lst-not img.imagen{padding:0px 0px 0px 0px;margin:0px 10px 55px 0px;float:left;height:25px;} .lst-not span.titulo2{padding:0px 0px 0px 0px;color:#000;font-weight:bold;} .lst-not span.titulo{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;} .lst-not span.fecha{color:#000; font-weight:bold;} .lst-not a img {margin:0px;padding:0px;} /*Listado para mapa web*/ .lst-mpwb ul { } .lst-mpwb li {color:#000000; } .lst-mpwb li a{ margin-left:15px;color:#000000; padding-left:10px;font-weight:bold; } .lst-mpwb dl {margin-left:0px; } .lst-mpwb dt { } .lst-mpwb dt a {background:url(/MODULOS/global/publico/interfaces/img/bullet-dts.jpg) 0px 5px no-repeat; font-size:12px;color:#B70C11; padding-left:10px; } .lst-mpwb dd { margin-left:15px; } .lst-mpwb a {margin-left:20px;padding-left:10px;} /* .lst-mpwb ul{} .lst-mpwb ul li{} .lst-mpwb ul li a {} .lst-mpwb ul li ul {} .lst-mpwb ul li ul li {} .lst-mpwb ul li ul li a {} */ /* TABLA DE DATOS */ /* Tabla de datos normal */ /* Tabla para el calendario normal */ table.tbl-cal { } table.tbl-cal caption { } /* Estilos para caption de la tabla */ table.tbl-cal caption a { } table.tbl-cal caption a:hover { } .tbl-cal th { } /* Estilos para cabecera de tabla */ .tbl-cal th a { } .tbl-cal th a:hover { } .tbl-cal td { } /* Estilos para los dias futuros */ .tbl-cal td a { } .tbl-cal td a:hover { } .tbl-cal td.hoy { } /* Estilos para el dia de hoy */ .tbl-cal td.hoy a { } .tbl-cal td.hoy a:hover { } .tbl-cal td.ant { } /* Estilos para los dias pasados */ .tbl-cal td.ant a { } .tbl-cal td.ant a:hover { } /* Tabla para el calendario citas */ table.tbl-cit { } table.tbl-cit caption { } table.tbl-cit caption a { } table.tbl-cit caption a:hover { } .tbl-cit tr th { } /* Estilos para caption de la tabla */ .tbl-cit tr th a { } .tbl-cit tr th a:hover { } .tbl-cit td { } /* Estilos para los celdas en general */ .tbl-cit td.hoy { } /* Estilos para el dia de hoy */ .tbl-cit td.hoy a { } .tbl-cit td.hoy a:hover { } .tbl-cit td.lib { } /* Estilos para los dias libres */ .tbl-cit td.lib a { } .tbl-cit td.lib a:hover { } .tbl-cit td.nlib { } /* Estilos para los dias ocupados */ /* Tabla de datos normal, especial o personlizada: Formato 1 */ table.tbl-f1 { } table.tbl-f1 caption { } .tbl-f1 th { } .tbl-f1 td { } /* ESTILOS PARA CAJA CON FORMATOS */ /*caja para boton*/ .caj-btn{background:#B70C11;height:16px;color:#fff;margin-top:8px;} .caj-btn2{background:#B70C11;height:16px;color:#fff;} /*caja para relacioneado*/ .caj-rel{background:#D4D3D3;width:100%;} .caj-rel-padd{padding:10px;} .caj-rel h2{font-size:14px;background:url(/MODULOS/global/publico/interfaces/img/bullet.gif) 0px 5px no-repeat;padding-left:15px;} /* Recordar que debeis comentar donde la empleais, eso os servira con el tiempo a encontrar las cosas */ .caj-f1 { } .caj-f1-padd { } /* ESTILOS PARA LAS PESTA�AS */ /* La "f1" indica el tipo formato y personalizaci�n. El listado corresponde a su representacion grafica. El estilo ".pesfX-cpo", correspende al cuerpo de la carpeta y padd a su margen. El estilo "act" corresponde a la pesta�a actual. Ejemplo:
Lorem ipsum dolor sit amet
En caso que hubiera dos tipos de pesta�as, se denominarian: pesf2, pesf3,... asi correlativamente */ .pesf1 { } .pesf1 ul { } .pesf1 ul li { } .pesf1 ul li a { } .pesf1 ul li a:hover { } .pesf1 ul li.act a { } .pesf1 ul li.act a:hover { } .pesf1-cpo { } .pesf1-padd { } /* ESTILOS PARA EL POPUP */ #pop { } #pop-padd { } /* ESTILOS PARA COLUMNAS GENERALES */ /* Seccion donde definios los estilos globales para columnas. No se puede definir 'border', ni 'padding', ni 'margin'. Asi logramos que estos estilos lo emlemos para cosas genericas. A veces en portadas sobre todo necesitaremos definir estilos algo mas particulares pero para ello utilizaremos de las CSS el apartado 'ESTILOS PARA COLUMNAS PERSONALIZADAS'. */ /* 2 Columnas 50%-50& */ .col2f1 { } .col2f1-c1 { float: left; width: 49%; } .col2f1-c2 { float: right; width: 49%; } /* 2 Columnas 70%-30% */ .col2f2i { } .col2f2i-c1 { float: left; width: 69%; } .col2f2i-c2 { float: right; width: 29%; } /* 2 Columnas 30%-70% */ .col2f2d { } .col2f2d-c1 { float: left; width: 29%; } .col2f2d-c2 { float: right; width: 69%; } /* 2 Columnas 60%-40% */ .col2f3i { } .col2f3i-c1 { float: left; width: 59%; } .col2f3i-c2 { float: right; width: 39%; } /* 2 Columnas 40%-60% */ .col2f3d { } .col2f3d-c1 { float: left; width: 39%; } .col2f3d-c2 { float: right; width: 59%; } /* 2 Columnas 20%-80% */ .col2f4d { } .col2f4d-c1 { float: left; width: 19%; } .col2f4d-c2 { float: right; width: 79%; } /* 2 Columnas 80%-20% */ .col2f4i { } .col2f4i-c1 { float: left; width: 79%; } .col2f4i-c2 { float: right; width: 19%; } /* 3 Columnas 33%-33%-33% */ .col3f1 { } .col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; } .col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; } .col3f1-c3 { float:right; width:32%; } /* 3 Columnas grid 1 33%-66% */ .col3f1g1 { } .col3f1g1-c1 { float:left; width:32%; } .col3f1g1-c2 { float:right; width:66%; } /* 3 Columnas grid 2 66%-33% */ .col3f1g2 { } .col3f1g2-c1 { float:left; width:66%; } .col3f1g2-c2 { float:right; width:32%; } /* 4 Columnas 25%-25%-25%-25% */ .col4f1 { } .col4f1-c1 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c2 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c3 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1-c4 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 1 25%-50%-25% */ .col4f1g1 { } .col4f1g1-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g1-c2 { float:left; margin:0% 0% 0% 0%; width:49%; } .col4f1g1-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 2 25%-25%-50% */ .col4f1g2 { } .col4f1g2-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g2-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g2-c3 { float:right; margin:0% 0% 0% 0%; width:49%; } /* 4 Columnas grid 3 50%-25%-25% */ .col4f1g3 { } .col4f1g3-c1 { float:left; margin:0% 1.5% 0% 0%; width:49%; } .col4f1g3-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g3-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 5 Columnas 20%-20%-20%-20% */ .col5f1 { } .col5f1-c1 { float:left; margin:0% 1.2% 0% 0%; width:19%; } .col5f1-c2 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c3 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c4 { float:left; margin:0% 0% 0% 0%; width:19%; } .col5f1-c5 { float:right; margin:0% 0% 0% 0%; width:19%; } /* ESTILOS PARA COLUMNAS PERSONALIZADAS */ /* Estilos empleados para modelos de columnas que se han de personalizar porque el dise�o lo requiere. Un ejemplo de como nombrarlas es: - Si tenemos que hacer dos columnas seria asi .col2p1 { } 'Con el respectivo comentario de donde se emplea' .col2p1-c1 { } .col2p1-c2 { } - Si tenemos que hacer tres columnas: .col3p1 { } 'Con el respectivo comentario de donde se emplea' .col3p1-c1 { } .col3p1-c2 { } .col3p1-c3 { } Si tenemos mas de dos modelos de personalizacion de columnas, es decir dos modelos diferentes de dos columnas, las nombraremos: col2p1 y a la siguiente col2p2, recordando siempre el comentar donde se emplea. */ .colXp1 { } .colXp1-c1 { } .colXp1-c2 { } .colXp1-c3 { } /* FONDOS ESPECIALES */ .fdo-XXX { } /* ESTILOS PARA BREADCRUMS */ .bdc { } .bdc-padd { } .bdc strong { } .bdc a { } .bdc a:hover { } /* ESTILO PARA LA PAGINACION */ .pag { } .pag a.ini { } /* Estilo para ir al inicio del listado paginado */ .pag a.ini:hover { } .pag a.ant { } /* Estilo para retroceder un paso en el listado paginado */ .pag a.ant:hover { } .pag a.fin { } /* Estilo para ir al final del listado paginado */ .pag a.fin:hover { } .pag a.sig { } /* Estilo para avanzar un paso en el listado paginado */ .pag a.sig:hover { } .pag .ley { } /* Estilo de la leyenda de paginacion */ .pag .ley strong { } .pag .res { } /* Estilo el texto de resultados */ .pag .act { } /* Estilo que indica la pagina en la que estamos */ .pag .act strong { } /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ /* Barra de opciones navegacion superior */ .nav-top { } .nav-top-padd { } /* Barra de opciones navegacion inferior */ .nav-btt { } .nav-btt-padd { } /*.form .an-sel-pq { width:112px;}*/ /*Formulario login*/ .form-log {margin:0px;padding:8px;border:2px solid #C5C0BF;} .form-log fieldset {margin:0px;padding:0px;} .form-log fieldset h2 {font-size:16px; color:#B70C11;padding-bottom:10px;_padding-bottom:9px;} .form-log fieldset p {font-size:12px;} .form-log fieldset legend { display:none;} .form-log fieldset label.lbl-1 {width:50px;float:left;margin-top:7px; } .form-log fieldset .cps { margin-top:7px; } .form-log fieldset .btn { float:right;width:68px; height:18px; margin:5px 0px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_suscripcion.jpg) 0px 0px no-repeat;} /* Formulario Buscador */ .form-bus { } .form-bus fieldset { } .form-bus legend { } .form-bus .lbl { } .form-bus .cps { } .form-bus .btn { } /* Formulario general */ .form {border:2px solid #C5C0BF;width:530px;padding:8px; } .form fieldset { margin:0px;padding:0px; } .form fieldset legend {font-size:16px; color:#B70C11;padding-bottom:3px; } .form fieldset label{float:left;width:160px; text-align:left;} .form fieldset .lbl { float:left;margin-bottom:0px; } .form fieldset .lbl-1 { float:left;margin-bottom:7px;width:120px; } .form fieldset .lbl-2 { float:left;margin-bottom:7px;width:300px; } .form fieldset label sup{color:#B70C11;} .form fieldset p {font-size:12px;} .form fieldset .cps{margin:0px; padding:0px;} .form fieldset .cps-1{margin-bottom:1px; padding:0px;} .form fieldset .btn1 { float:right;width:68px; height:18px; margin:5px 35px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_guardar.jpg) 0px 0px no-repeat;} .form fieldset .btn2 { float:right;width:68px; height:18px; margin:5px 90px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_cancelar.jpg) 0px 0px no-repeat;} .form fieldset .btn3 { float:right;width:68px; height:18px; margin:5px 35px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_enviar.jpg) 0px 0px no-repeat;} .btn4 { float:left;width:68px; height:18px; margin:5px 0px 0px 0px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_volver.jpg) 0px 0px no-repeat;} .btn5 { float:left;width:68px; height:18px; margin:5px 0px 0px 8px; font-size:12px; text-align:center; cursor:pointer; border:none; background:transparent url(/MODULOS/global/publico/interfaces/img/btn_imprimir.jpg) 0px 0px no-repeat;} .form fieldset .lbl-gr { } .form fieldset .lbl-md { } .form fieldset .lbl-pq { } .form fieldset .cps-gr { } .form fieldset .cps-md { } .form fieldset .cps-pq { } .form fieldset .cps-err { } .form fieldset .rad { } .form fieldset .chx { } .form fieldset .tex { } .form fieldset .tex-gr { } .form fieldset .tex-md { } .form fieldset .tex-pq { } .form .btn { } .form .btn-gr { } .form .btn-md { } .form .btn-pq { } .form .dist-btn { } .form .obl { } .form .avi { } /* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */ .form-fil { } /* Formulario de autentificacion de entrada a la web se anida con el estilo "form" */ .form-aut { } /* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */ .form-fil { } /* Formulario de XXX para cajas ventanas se anida con el estilo "form" */ /* Ejemplo de como anidar:
*/ .form-XXX { } /* ESTILOS PARA TEXTO */ .txt { } /* Estilo para el texto en general */ .ent-f1 { } /* Esilo para la entradilla con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */ .des {color:#B70C11; } /* Estilo para destacado */ .des-f1 { } /* Esilo para destacado con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */ .esp { } /* Estilos especiales de color, indicar donde se usa y porque */ .esp-f1 { } /* Estilos especiales de color, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */ .fec { } /* Estilo para campo de fecha */ .fec-ini { } /* Estilo para campo de fecha de inicio */ .fec-fin { } /* Estilo para campo de fecha de final o utlima fecha */ .fec-crt { } /* Estilo para campo de fecha critica */ .tit { font-size:12px; color:#D67606; font-weight:bold; } /* Estilo para el titulo */ .tit-f1 { } /* Estilo para el titulo, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */ .ant {font-size:10px;color:#778402; } /* Estilo para antetitulos */ .ent {color:#B70C11;font-style:italic;} .sub { } /* Estilo para la subcabecera */ .dscp { } /* Estilo para utilizar cuando descripcion */ .res { } /* Estilo para la resaltados */ .ane { } /* Estilos para anexos */ .ok { } /* Estilo para Ok en resultados */ .nok { } /* Estilo para resultados no Ok en resultados */ .pvp { } /* Estilo para precio */ .pvp-des { } /* Estilo para destacado */ .pvp-ant { } /* Estilo para precio anterior */ .ndts { } /* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */ .err { } /* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */ .nota{font-size:9px;color:#B70C11;} .mnsj { font-size:12px; color:#B70C11; font-weight:bold; } .pietxt{font-size:10px;color:#000;} /* ESTILOS PARA EL CUERPO */ .cpo { } .cpo strong { } .cpo ul { } .cpo li { } .cpo ul { } .cpo li { } .cpo p { } /* ESTILOS PARA IMAGENES */ img { } a.img { } a.img:hover { } .img-sm { } /* Estilo para imagenes sin marcos */ .img-cm { } /* Estilo para imagenes con marcos */ .img-dch { float: right; } /* Estilos para imagenes que flotan a la derecha */ .img-dch-padd { } .img-izq { float: left; } /* Estilos para imagenes que flotan a la izquierda */ .img-izq-padd { } .flash-publi {margin:10px;} /* ESTILOS PARA ENLACES */ a { text-decoration:none;color:#FFF; } /* Enlaces en general */ a:hover { } a.enl { }/* Estilo para enlace */ a.enl:hover { } a.enl-pq { } /* Enlaces peque�os */ a.enl-pq:hover { } a.enl-des { } /* Enlaces destacados */ a.enl-des:hover { } a.enl-mas { /* Enlaces mas informacion */ } a.enl-mas:hover { } a.enl-fot { } /* Enlaces foto */ a.enl-fot:hover { } a.enl-vid { } /* Enlaces video */ a.enl-vid:hover { } a.enl-aud { } /* Enlaces video */ a.enl-aud:hover { } a.enl-swf { } /* Enlaces flash */ a.enl-swf:hover { } a.enl-pdf { } /* Enlaces pdf */ a.enl-pdf:hover { } a.enl-amp { } /* Enlaces ampliar foto */ a.enl-amp:hover { } a.enl-doc { } /* Enlaces para documentos */ a.enl-doc:hover { } a.enl-imp { } /* Enlaces para impresion */ a.enl-imp:hover { } a.enl-top { } /* Enlaces subir */ a.enl-top:hover { } a.enl-vol { } /* Enlaces volver */ a.enl-vol:hover { } a.enl-ant { } /* Enlaces para anterior */ a.enl-ant:hover { } a.enl-sig { } /* Enlaces siguiente */ a.enl-sig:hover { } a.enl-hoy { } /* Enlaces hoy */ a.enl-hoy:hover { } a.enl-ema { } /* Enlaces email */ a.enl-ema:hover { } a.enl-gua { } /* Enlaces guardar */ a.enl-gua:hover { } a.enl-res { } /* Enlaces restuarar */ a.enl-res:hover { } a.enl-sal { } /* Enlaces salir */ a.enl-sal:hover { } a.enl-ayu { } /* Enlaces ayuda */ a.enl-ayu:hover { } a.enl-edi { } /* Enlaces editar */ a.enl-edi:hover { } a.enl-nedi { } /* Enlaces no editar */ a.enl-nedi:hover { } a.enl-vis { } /* Enlaces previsualizar */ a.enl-vis:hover { } a.enl-rdo { } /* Enlaces resaltado */ a.enl-des:hover { } a.enl-ndes { } /* Enlaces no resaltado */ a.enl-ndes:hover { } a.enl-min { } /* Enlace minimizar */ a.enl-min:hover { } a.enl-max { } /* Enlaces maximizar */ a.enl-max:hover { } /* ESTILOS PARA LA LINEAS */ .lin-f1 {border-bottom:5px solid #B70C11; } /* ESTILOS PARA FLOTAR Y ALINEAR */ .flo-izq { float: left; } .flo-dch { float: right; } .ali-izq { text-align: left; } .ali-dch { text-align: right; } .ali-cen { text-align: center; } .ali-top { vertical-align: top; } .ali-btt { vertical-align: bottom; } .ali-med { vertical-align: middle; } /*ANCHOS Y ALTOS*/ .an1{width:400px;} .an2{width:280px;} .an3{width:120px;} .an4{width:500px;} .an5{width:550px;} .an6{width:180px;} .an7{width:355px;} .alt1{height:105px;} /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padd { } .padd-top { padding: 10px 0px 0px 0px; } .padd-btt { padding: 0px 0px 10px 0px; } .padd-izq { padding: 0px 0px 0px 5px; } .padd-dch { padding: 0px 0px 10px 0px; } .padd-pie { padding: 0px 0px 0px 200px;} .padd1{padding:5px 0px 0px 0px;} .padd2{padding:0px 10px 10px 0px;} .padd3{padding:0px 10px 10px 0px;} .padd4 {padding:0px 0px 80px 8px;} .padd5 {padding:0px 8px 0px 0px;} .marg-btt { margin: 0px 0px 10px 0px; } /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .brr { clear: both; } .ocu { display: none; } .sinb{border:none;} .con:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } .con { display : inline-block; } * html .con { height : 1%; } .con { display : block; } /* ESTILOS PARA BLOQUE DONACION */ .donacion .tit {font-size:12px;color:#000;font-weight:bold; } .donacion .txt {font-size:12px;color:#000; } .donacion .txt strong {font-size:12px;color:#000 !important;font-weight:bold; } /* ESTILOS PARA BLOQUE TEXTO CABECERA FORMULARIO */ .formularios .tit {font-size:12px;color:#000;font-weight:bold !important; } .formularios .txt {font-size:12px;color:#000; } .formularios .txt strong {font-size:12px;color:#000 !important;font-weight:bold; }