/* * Fichero: public.css ,v4.0 11/04/2008 * * 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 IE6, Mozilla 2, Konqueror X, Opera X, Camino * CSS 2 * Fichero public.css * Version v4.0 * 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" */ /* Color naranja*/ /* 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:0; padding:0; font-family:Arial, Verdana, Helvetica,sans-serif; font-size:0.75em; text-align:left; line-height:1.64em; color:#000; } html, body { } /*body { behavior:url(csshover.htc); }*/ input, select, textarea{ background:#FDFDFB; border:0.083em solid #99936F; color:#98926E;} td { } hr { display: none; } h2 {font-family:"Times New Roman", Arial, Verdana; font-size:2em; color:#54502F; font-weight:normal; padding-bottom:0.5em;} h3 {font-size:1.4em; color:#797350; font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; } /* 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-pre {margin:0 auto; background:#F5D7A1 url(fnd-web.jpg) top left repeat-x; height:auto; padding-bottom:3em; text-align:center;} /* fondo general*/ #web {width:79em; padding:0 3.45em; height:auto; margin:0 auto 0 auto;} #cab {width:100%;float:left; margin:0; padding:0;} #cntd {text-align:right; float:right;} #cntd1 {float:right; text-align:right;} #cntd1_1{display:none;} #cntd2 {float:left; width:78.2em; background:#D48A2E; padding: 0.8em 0 0 0.8em;} /* fondo caja home*/ #cntd2_2 {float:left; width:78.2em; background:#D48A2E; padding: 0.8em 0 1.2em 0.8em;} /* fondo caja interiores*/ #cntd3 {clear:both; width:100%; height:2.80em; background:transparent url(fnd-img.gif) top left no-repeat;} /* imagen fin de caja*/ #cntd3_3{} #cntd4 {float:left; width:100%; background:transparent url(fnd-cajitas.gif) top left repeat-y;margin-top:1em;} /* fondo de las 3 secciones conpunteados*/ #cntd5 {float:left; width:100%; text-align:left;} #pie { background :#FFFFFF; width:88em; margin:0 auto; } /* ESTILOS PARA LA CABECERA DE LA WEB */ #cab .telefono {background:url(telefono.gif) top left no-repeat; height:1.25em;} #cab h1 { float:left; margin: 1.3em 0 1.3em 0;} /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie .logotipos { float:left; width:22.8em; margin-left:0.8em;} #pie .dts { float:right;padding-right:1.3em;text-align:right;} #pie .dts ul {} #pie .dts ul li {display:inline; text-align:right;} #pie .dts ul li a {color:#897353; text-decoration:underline;} #pie .dts ul li a:hover {text-decoration:none;} #pie .padd { padding:1em 3.45em; } #pie p {color:#666666; } #pie .dts p a{color:#666666;text-decoration:underline;} /* ESTILOS PARA EL CONTENIDO Y DATOS */ #cntd2 img {margin-right:2em; float:left; border-top:0.5em solid #FAE289; border-bottom:0.5em solid #897353; border-right:0.5em solid #897353; border-left:0.5em solid #FAE289;} #cntd2 .cpo {text-align:left; float:left; margin-top:0.15em; width:99%;} #cntd2 .cpo p{padding:0.5em 0; color:#FFFDEC;} #cntd2 .cpo h2{font-size:2em;} #cntd2 .cpo h3{color:#FFF; font-size:1.09em; font-weight:bold; padding-bottom:0.5em;} #cntd2 .cpo h4{font-size:0.5em;} #cntd2 .cpo a {color:#FFCC00; text-decoration:underline;} #cntd2 .cpo strong{color:#FFCC00; font-weight:bold;} #cntd2 .cpo ul {} #cntd2 .cpo ul li {font-weight:bold; color:#FFFDEC; background:url(flechas_ul.gif) 0 0.55em no-repeat; padding-left:0.8em;} #cntd2 .cpo ul li a {} #cntd2 .cpo ol {margin-left:1.3em;} #cntd2 .cpo ol li {font-weight:normal; color:#FFFDEC; padding-left:0.8em; background:none;} #cntd2 .cpo ol li a {} #cntd4 .caj1{float:left;width:24.1em;text-align:left;} #cntd4 .caj1 p{color:#6D6745;} #cntd4 .caj1 span {color:#6D6745;} #cntd4 .caj1 p a {color:#897353; background:url(bullet3.gif) 0 0.5em no-repeat; padding-left:0.8em; font-weight:bold; text-decoration:underline;} #cntd4 .caj1 p a:hover {text-decoration:none;} #cntd4 .caj2 {float:left; width:20em; text-align:left;} #cntd4 .caj2 ul{} #cntd4 .caj2 ul li p a {color:#897353; background:url(bullet3.gif) 0 0.5em no-repeat; padding-left:0.8em; font-weight:bold; text-decoration:underline;} #cntd4 .caj2 ul li p a:hover {text-decoration:none;} #cntd4 .caj3{float:right; text-align:left; width:34.7em;} #cntd4 .caj3 .txt{width:17.7em; float:left;} #cntd4 .caj3 .enlace{float:right; width:16.2em;} #cntd4 .caj3 ul li a {background:url(bullet3.gif) 0 0.5em no-repeat; padding-left:0.8em;} #cntd1_1 {} #cntd2_2 {} #cntd3_3 {} #cntd3_4 {} #cntd3_5 {} #cntd5_1 {} #cntd5_2 {} /* ESTILOS PARA LOS LISTADOS */ /* Listados para enlaces */ .lst-url ul {} .lst-url ul li {} .lst-url ul li a {font-weight:bold; color:#FFFFFF; background:url(flechas_ul.gif) 0 0.55em no-repeat; padding-left:0.8em;} /* Tabla de datos normal, especial o personlizada: Formato 1 */ table.tbl {margin-top:1em; width:99%; } table.tbl caption {display:none; } table.tbl th { border:0.083em solid #897353; background:#9bb841;color:#fff; text-align:center;} table.tbl td.primera { border:0.083em solid #897353; text-align:left; padding-left:0.8em; font-weight:bold;} table.tbl td { background:#FFF; border:0.083em solid #897353; text-align:center;} .columna {float:left;background:#98926E;height:1.8em;color:#FFF;font-weight:bold;text-align:center;} .fila {font-weight:normal;border-left:0.083em solid #98926E;border-right:0.083em solid #98926E;border-bottom:0.083em solid #98926E; float:left;background:#EDEAE3;height:1.8em;color:#54502F;width:99%;text-align:center;} table.tbl2 {margin-top:1em; width:99%; } table.tbl2 caption {display:none; } table.tbl2 th { border:0.083em solid #897353; background:#9bb841;color:#fff; text-align:center;} table.tbl2 td.destacado {font-weight:bold; border:0.083em solid #897353; text-align:center;vertical-align:middle; padding-left:0.8em; font-weight:bold;} table.tbl2 td { background:#FFF; border:0.083em solid #897353; text-align:center;} table.tbl3 {margin-top:1em; width:30%; } table.tbl3 caption {display:none; } table.tbl3 th { border:0.083em solid #897353; background:#9bb841;color:#fff; text-align:center;} table.tbl3 td.primera { border:0.083em solid #897353; text-align:left; padding-left:0.8em; font-weight:bold;} table.tbl3 td { background:#FFF; border:0.083em solid #897353; text-align:center;} /* 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 {text-align:right;} .pesf1 ul {float:right;text-align:right;font-size:1em; padding-bottom:0em;margin-bottom:1.8em; } .pesf1 ul li { float:left; margin:0 0 0 0; padding:0 0 0 0; width:auto; list-style-type:none; color:#fff; height:2.35em;} .pesf1 ul li p { background:#D19A55;color:#fff; margin:0 0 0 0; padding:0.45em 0.3em 0.25em 0.4em; float:left; width:auto;font-weight:bold;} .pesf1 ul li p a { color:#fff; text-decoration:none; background: url(bullet1.gif) 0.45em 0.27em no-repeat; font-weight:bold; padding-left:1.73em;} .pesf1 ul li a:hover { color:#fff; text-decoration:none;} .pesf1 ul li.pes-arriba p {background:#D19A55 url(pes_arriba_izq.gif) top left no-repeat;} .pesf1 ul li.pes-arriba2 p {background:#D19A55 url(pes_arriba_dch.gif) top right no-repeat;} .pesf1 .telef{text-align:right; clear:both;margin-bottom:1em;} .pesf2 { margin:0;} .pesf2 ul {font-size:1.27em; float:right;} .pesf2 ul li { float:left; margin:0em 0 0 0.2em; padding:0 0 0 0em; width:auto;list-style-type:none; color:#897353;} .pesf2 ul li p { margin:0 0 0 0; float:left; width:auto;} .pesf2 ul li p a { color:#897353; padding:0.6em 0.91em 0.20em 0.8em; display:block; text-decoration:none;font-weight:bold;} .pesf2 ul li a:hover { color:#fff; text-decoration:none;} .pesf2 ul li.pes p { color:#897353; background:#FAE2B9 url(pes_izq.gif) top left no-repeat;} .pesf2 ul li.pes p a { background:transparent url(pes_dch.gif) top right no-repeat; } .pesf2 ul li.pes p:hover { color:#98926E; background:#D48A2E url(pes_izq_on.gif) top left no-repeat;} .pesf2 ul li.pes p a:hover { background:transparent url(pes_dch_on.gif) top right no-repeat; } .pesf2 ul li.pes-act p a {color:#FFFFFF;background:transparent url(pes_izq_on.gif) top left no-repeat;} .pesf2 ul li.pes-act p { background:#D48A2E url(pes_dch_on.gif) top right no-repeat;} .pesf2 ul li.pes-act p a:hover {background:transparent url(pes_izq.gif) top left no-repeat;} .pesf2 ul li.pes-act p:hover { color:#98926E; background:#FAE2B9 url(pes_dch.gif) top right no-repeat;} .pesf2 ul li.pes-dist p { background:#897353 url(pes_izq_dist.gif) top left no-repeat;} .pesf2 ul li.pes-dist p a {background:transparent url(pes_dch_dist.gif) top right no-repeat;color:#FFFFFF; } /*ESTILOS PARA CAJAS*/ .caj-entrad{margin-top:1em; float:left; width:100%;} .caj-form{ padding:0.3em; border:0.083em solid #99936F; margin-left:24.5em; background:#FDFDFB; font-size:0.75em; line-height:1.2em;} /* caja de error*/ .caj-error{width:98%;background:#EFEEE5 url(ico_error.gif) 0.3em 0.5em no-repeat;border-bottom:0.083em solid #54502F;font-size:1.2em; color: #54502F;padding:0.5em 0.5em;font-weight:bold; margin-bottom:0.5em; } .caj-error span {padding-left:1.3em;} .caj-exito {width:98%;background:#EFEEE5 url(ico_exito.gif) 0.3em 0.5em no-repeat;border-bottom:0.083em solid #54502F;font-size:1.2em; color: #54502F;padding:0.5em 0.5em 0.5em 0.5em;font-weight:bold; margin-bottom:0.5em;} .caj-exito span {padding-left:1.3em;} /* caja de la cabecera*/ .caj-cab{float:left; width:20%;} .caj-pestana{float:right; width:80%;} /*caja para imagenes*/ .caj-img{float:left;padding-right:0.5em;} .caj-img2{float:left;padding-right:0.5em;padding-bottom:1em;} /*caja datos formulario*/ .caj-dtsfrm {padding:0.3em;border:0.083em solid #99936F;margin-left:20.5em;background:#FDFDFB;font-size:0.75em;line-height:1.2em;} /* 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 { } /* Formulario general */ .form {margin-top:1.2em;} .form fieldset {} /*.form fieldset legend { text-indent:-10000em; margin:-10em; }*/ .form fieldset label { clear:both; margin-top:0.8em; float:left; width:15em; margin-right:0.5em; font-size:100%; font-weight:bold; text-align:left;} .form fieldset em { clear:both; margin-top:0.8em; float:left; width:13em; margin-right:0.5em; font-size:0.75em; font-weight:bold; text-align:right; font-style:normal;} .form fieldset .lbl { font-size:0.75em; } .form fieldset .lbl-rad { clear:none; margin-top:0.8em; float:left; width:72%; padding:0em 0.5em; font-size:0.75em; text-align:left; font-weight:normal;} .form fieldset .lbl-chx { clear:none; margin-top:0.8em; float:left; width:auto; padding:0em 0.5em; text-align:left; font-weight:normal;} .form fieldset .cps { margin-top:0.3em; } .form fieldset .rad { float:left; margin-top:0.8em; border:none; vertical-align:middle;} .form fieldset .chx { float:left; margin-top:0.8em; border:none; vertical-align:middle;} .form fieldset .tex { margin-top:0.8em; height:6em; border:0.0625em solid #878787; } .form fieldset .sel { margin-top:0.8em; margin-right:0.8em; } .form fieldset .sel2 { margin-top:0.8em; margin-right:0.8em; width:35%; } .form fieldset .cps-err { margin-top:0.8em; background:#eee;}/*campo texto*/ .form fieldset .tex-err { margin-top:0.8em; height:6em; border:0.0625em solid #878787; background:#eee;}/*campo textarea*/ .form fieldset .rad-err, .form fieldset .chx-err { float:left; margin-top:0.8em; border:0.0625em solid #ff0000; vertical-align:middle;}/*campo radio y check*/ .form fieldset .sel-err { margin-top:0.8em; background:#eee;}/*campo select*/ .form sup { vertical-align:top; padding-left:0.1em; color:#FFA200; } .form small { display:block; margin:0em 0em 0em 11.6em; color:#515151; font-size:70%; } .form small.msn-err { color:#FF0000;} .form .dist-btn { clear:both; padding:1em 0em 0em 8em;} .form .dist-btn2 { clear:both; padding:1em 0em 0em 14.1em;} .form .caj-brd { width:95%; padding-top:0.5em;} #form-opc .lst li span { font-size:0.75em; color:#000;} .form fieldset .enl-mas { float:left; margin-top:0.8em;} .form button { vertical-align:bottom; border:0; font-size:0.8em; background:transparent; padding:0em;} .form fieldset h3{font-size:0.875em;} .form fieldset .sem{font-size:75%;} .form fieldset .btn-form{margin-left:31em; background: url(boton_form.gif) 0 0 no-repeat; width:8.5em; height:2em; color:#FFFFFF; font-weight:bold; font-size:1.1em; display:block; border:none; text-decoration:none; text-align:center; padding:0 1.4em 0 0;} .form small.f1 {margin:0 0 0 13.2em;font-size:75%;} .form sup {color:#5C5835;} /* ESTILOS PARA TEXTO */ .txt-des { color:#6D6745; font-size:1.1em; font-weight:bold; } /* Estilo para el texto destacado en general */ .tit {font-family:"Times New Roman", Arial, Verdana;font-size:2em; color:#54502F; font-weight:normal; padding-bottom:0.2em;} /* Estilo para titulo */ .sub { } /* Estilo para la subtitulo */ .ent {padding-left:0em;font-weight:bold;} /* Estilo para la entradilla */ .ent-f1 { } /* Esilo para la entradilla con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */ .des { font-size:1.13em; font-weight:bold; color:#54502F; font-family:Arial, Verdana; } /* Estilo para destacado */ .des2 { font-size:1.45em; font-weight:bold; color:#897353;} .barra {background: url(barra.gif) 5em 0.25em no-repeat; margin:0 0.3em 0 0;} .not {font-size:0.75em;} /* ESTILOS PARA MARGENES */ .marg1 {margin-left:0.15em;} /* ESTILOS PARA EL CUERPO */ .cpo { text-align:left; float:left; margin-top:0.15em; width:99%;} /*Estilos para el cuerpo 1*/ .cpo p{ padding:0.5em 0;color:#FFFDEC;} .cpo h2{font-size:2em;margin-top:0.3em;} .cpo h3{background:none;color:#FFF; font-size:1.09em; font-weight:bold; padding-bottom:0.5em;} .cpo h4{font-size:0.5em;} .cpo a {padding-left:1.2em;color:#FAF9F4; text-decoration:underline;font-weight:bold;background:url(lupa2.gif) 0 0.1em no-repeat;} /*.cpo .imagenes a {background:url(lupa2.gif) 0 0.1em no-repeat; color:#.cpo2 .imagenes a {background:url(lupa.gif) 0 0.1em no-repeat; color:#FFFDEC; font-weight:bold; padding-left:1em; text-decoration:underline;} font-weight:bold; padding-left:1em; text-decoration:underline;}*/ .cpo strong{color:#FFCC00; font-weight:bold;} .cpo ul {} .cpo ul li {font-weight:bold; color:#FFFDEC; background:url(flechas_ul.gif) 0 0.55em no-repeat; padding-left:0.8em;} .cpo ul li a {} .cpo ul li ol li { background:none; padding-left:0;} .cpo ol li ul li ol li {list-style-type:decimal;list-style-position:outside; margin:0em 0em 0em 1.5em; } .cpo ol { margin:0em 0em 0em 0.5em; padding:0; } .cpo ol li { list-style-type:decimal; list-style-position:outside; display:list-item; margin:0em 0em 0em 1.5em;} .cpo ol li ul li { list-style-type:none; margin:0.1em 0em; padding-left:1em; background:url(../img/bull_rel.gif) 0em 0.5em no-repeat;} li.par {/*display:block;*/width:20em;float:right;color:#FFFDEC;font-weight:bold; } li.impar{/*display:block;*/width:15em;float:left;color:#FFFDEC;font-weight:bold; } .cpo2 {clear:both; float:left; width:100%; text-align:left; margin-top:0.8em; } /*Estilos para el cuerpo 2*/ .cpo2 h3 {font-size:1.4em; color:#615139; font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #897353; margin:0.5em 0;} .cpo2 h4 {font-size:1.2em; color:#897353;} .cpo2 strong { } .cpo2 .imagenes a {background:url(lupa2.gif) 0 0.1em no-repeat; color:#FFFDEC; font-weight:bold; padding-left:1em; text-decoration:underline;} .cpo2 ul { } .cpo2 ul li { background:url(guion.gif) 0 0.6em no-repeat; padding-left:0.8em; } .cpo2 ol { } .cpo2 li { } .cpo2 p { margin:0em 0.5em 0.5em 0em; color:#FFFDEC; } .cpo2 spanp { color:#FFFDEC; } .cpo3 {clear:both;float:left; width:100%; text-align:left; margin-top:0.8em; } /*Estilos para el cuerpo 3*/ .cpo3 h3 {font-size:1.4em; color:#615139; font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #897353; margin:0.5em 0;} .cpo3 h4 {font-size:1.2em; color:#897353;} .cpo3 strong { } .cpo3 .imagenes a {background:url(lupa2.gif) 0 0.1em no-repeat; color:#FFFDEC; font-weight:bold; padding-left:1em; text-decoration:underline;} .cpo3 ul {} .cpo3 li {list-style:inside;/*background:url(guion2.gif) 0 0.7em no-repeat;*/ list-style-image: url(guion2.gif); } .cpo3 ol { } .cpo3 li { } .cpo3 p { margin-bottom:0.5em; } .cpo4 {clear:both;float:left; width:100%; text-align:left; margin-top:0.8em; } .cpo4 h3 {font-size:1.4em; color:#615139;font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #897353; margin:0.5em 0;} .cpo4 h4 {font-size:1.2em; color:#897353;} .cpo4 strong { } .cpo4 .imagenes a {background:url(lupa.gif) 0 0.1em no-repeat;color:#897353;font-weight:bold;padding-left:1em;text-decoration:underline;} .cpo4 ul { } .cpo4 li {list-style:inside;/*background:url(guion2.gif) 0 0.7em no-repeat;*/ list-style-image: url(guion2.gif); } .cpo4 ol { } .cpo4 li { } .cpo4 p { margin-bottom:0.5em; } .cpo5 {clear:both;float:left; width:100%; text-align:left; margin-top:0.8em; } /*Estilos para el cuerpo 3*/ .cpo5 h3 {font-size:1.4em; color:#615139; font-weight:bold; background:url(bullet2.gif) 0 0.1em no-repeat; padding-left:1.2em; border-bottom:0.083em solid #897353; margin:0.5em 0;} .cpo5 h4 {font-size:1.2em; color:#897353;} .cpo5 strong { } .cpo5 .imagenes a {background:url(lupa2.gif) 0 0.1em no-repeat; color:#FFFDEC; font-weight:bold; padding-left:1em; text-decoration:underline;} .cpo5 ul {} .cpo5 li {background:transparent url(guion2.gif) 0em 0.9em no-repeat; padding-left:1.2em;} .cpo5 li.impar, .cpo5 li.par {background:transparent url(guion3.gif) 0em 0.9em no-repeat;} /*.cpo5 li.impar {width:15.1em; margin:0px 40px 0px 0px;} .cpo5 li.par {width:15.1em; float:left;}*/ .cpo5 .tbl-serv{} .cpo5 .tbl-serv tr{} .cpo5 .tbl-serv tr td span{padding-left:8px;} .cpo5 .tbl-serv tr td{padding:2px 20px 0px 0px;background:transparent url(guion2.gif) 0em 0.9em no-repeat;font-weight:bold;} .cpo5 ol { } .cpo5 p { margin-bottom:0.5em; } .adr {color:#FFFDEC;font-weight:bold;} /*ESTILOS PARA ANCHOS*/ .an1{width:30%;} .an2{width:15%;} .an4{width:19.8%;} .an3{width:32.5%;} .an5 {width:10%;} .an10{width:13em;} /* 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 { } /* ESTILOS PARA ENLACES */ a {color:#897353; } /* Enlaces en general */ a:hover { } a.des{color:#FFCC00; font-size:1.18em; background:url(flechas.gif) 0 0.25em no-repeat; text-decoration:underline; padding-left:0.8em;} a.des:hover{text-decoration:none; } a.enl {color:#897353; padding-left:0em; text-decoration:underline;}/* Estilo para enlace */ a.enl-mail {color:#897353; background:url(bullet3.gif) 0 0.5em no-repeat; padding-left:0em; text-decoration:underline;}/* Estilo para enlace */ a.enl:hover { text-decoration:none; } a.boton {background: url(boton.gif) 0 0 no-repeat; height:2.9em; color:#FFFFFF; font-weight:bold; font-size:1.3em; display:block; text-decoration:none; text-align:center; padding:0.2em 1.4em 0 0;} a.boton:hover {background: url(boton.gif) 0 -3.2em no-repeat; height:2.9em; color:#FFFFFF; font-weight:bold; font-size:1.3em; display:block; text-decoration:none; text-align:center; padding:0.2em 1.4em 0 0;} /* ESTILOS PARA LA LINEAS */ .lin-f1 { background:url(linea.jpg) top left repeat-x; vertical-align:middle;} .lin-f2 { background:url(linea_pts.gif) 0 0.8em repeat-x; width:100%;} .lin-hr {display: block; height:0.083em; border: 0 solid #FFF; border-bottom: 0.083em solid #FFF;} /* ESTILOS PARA FLOTAR Y ALINEAR */ .flo-img { float: left;} .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; } /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padd { } .padd-top { padding: 0.83em 0 0 0; } .padd-btt { padding: 0 0 0.83em 0; } .padd-izq { padding: 0 0.83em 0 0; } .padd-dch { padding: 0 0 0 0.83em; } .marg-top { margin: 1.3em 0em 0em 0em;} .marg1 {margin-bottom:0.8em;} /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .brr { clear: both; } .sinb {border:none;} .ocu { display:none; } .con:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } .con { display : inline-block; } * html .con { height : 1%; } .con { display : block; }