Error 1:
<html>
<head>
<title>Más Amor en Navidad</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/css.css" rel="stylesheet" type="text/css">
<!-- required snowstorm JS, default behaviour -->
<script type="text/javascript" src="snowstorm.js"></script>
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#FFFFFF'; // blue-ish snow!?
snowStorm.flakesMaxActive = 96; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
about_us_over = newImage("background/about-us-over.gif");
our_wedding_over = newImage("background/our-wedding-over.gif");
family___friends_over = newImage("background/family-%26-friends-over.gif");
honeymoon_over = newImage("background/honeymoon-over.gif");
contact_over = newImage("background/contact-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="contenedor" onLoad="preloadImages();">
<!-- Save for Web Slices (index.psd) -->
<table width="776" height="741" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabla_01">
<tr>
<td colspan="3"><img src="background/m1.gif" width="181" height="41" alt=""></td>
<td colspan="9" rowspan="7"><img src="background/m3.gif" width="594" height="224" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="index.htm"
onmouseover="window.status='about us'; changeImages('about_us', 'background/about-us-over.gif'); return true;"
onmouseout="window.status=''; changeImages('about_us', 'background/about-us.gif'); return true;"> <img src="background/about-us.gif" name="about_us" width="181" height="28" border="0" id="about_us"></a></td>
<td><img src="background/espacio.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="objetivos/index.htm"
onmouseover="window.status='our_wedding'; changeImages('our_wedding', 'background/our-wedding-over.gif'); return true;"
onmouseout="window.status=''; changeImages('our_wedding', 'background/our-wedding.gif'); return true;"> <img src="background/our-wedding.gif" alt="our wedding" name="our_wedding" width="181" height="31" border="0" id="our_wedding"></a></td>
<td><img src="background/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="ayudar/index.htm"
onmouseover="window.status='family___friends'; changeImages('family___friends', 'background/family-&-friends-over.gif'); return true;"
onmouseout="window.status=''; changeImages('family___friends', 'background/family-&-friends.gif'); return true;"> <img src="background/family-&-friends.gif" alt="family & friends" name="family___friends" width="181" height="31" border="0" id="family___friends"></a></td>
<td><img src="background/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="video/index.htm"
onmouseover="window.status='honeymoon'; changeImages('honeymoon', 'background/honeymoon-over.gif'); return true;"
onmouseout="window.status=''; changeImages('honeymoon', 'background/honeymoon.gif'); return true;"> <img src="background/honeymoon.gif" alt="honeymoon" name="honeymoon" width="181" height="31" border="0" id="honeymoon"></a></td>
<td><img src="background/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="contacto/index.htm"
onmouseover="window.status='contact'; changeImages ('contact', 'background/contact-over.gif'); return true;"
onmouseout="window.status=''; changeImages('contact', 'background/contact.gif'); return true;"> <img src="background/contact.gif" alt="contact" name="contact" width="181" height="31" border="0" id="contact"></a></td>
<td><img src="background/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="background/m2.gif" width="181" height="31" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td rowspan="13"><img src="background/m5.gif" width="15" height="516" alt=""></td>
<td colspan="6" rowspan="2"><img src="background/wel1.gif" width="379" height="70" alt=""></td>
<td colspan="5"><img src="background/m4.gif" width="381" height="2" border="0" alt=""></a></td>
<td><img src="background/espacio.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="5"><img src="background/m4-13.gif" width="366" height="263" border="0" alt=""></a></td>
<td rowspan="12"><img src="background/m6.gif" width="15" height="514" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="68" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3"><img src="background/wel2.gif" width="192" height="143" alt=""></td>
<td rowspan="2"><img src="background/b_wel1.gif" width="1" height="116" alt=""></td>
<td colspan="2"><img src="background/index_16.gif" width="186" height="6" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="2" valign="top" class="b2">Es un proyecto social de la Iglesia Adventista del Séptimo Día que moviliza voluntarios, comunidades, empresas, y provee una cena de Navidad digna para personas que viven en la pobreza...</td>
<td><img src="background/espacio.gif" width="1" height="110" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="background/wel3.gif" width="18" height="27" alt=""></td>
<td><a href="proyecto/index.htm"><img src="background/b_wel2.gif" alt="" width="169" height="27" border="0"></a></td>
<td><img src="background/espacio.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2"><img src="background/fam1.gif" width="379" height="62" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2"><a href="galeria/index.htm"><img src="background/gal1.gif" alt="" width="366" height="46" border="0"></a></td>
<td><img src="background/espacio.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3"><img src="background/fam2.gif" width="192" height="146" alt=""></td>
<td colspan="3" rowspan="2" valign="top" class="b1"><p>Iglesia Adventista del Séptimo Día. Ruta 5, km 33.500 Progreso - Canelones.<br>
<br>
E-mail: [email protected]</p>
<p>Cel: 09XXXXXXX</p></td>
<td><img src="background/espacio.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td><a href="galeria/index.htm"
onmouseover="window.status='view larger'; return true;"
onmouseout="window.status=''; return true;"> <img src="background/view-larger.gif" width="136" height="77" border="0" alt="view larger"></a></td>
<td colspan="2"><a href="galeria/index.htm"
onmouseover="window.status='view larger'; return true;"
onmouseout="window.status=''; return true;"> <img src="background/view-larger-26.gif" width="111" height="77" border="0" alt="view larger"></a></td>
<td><a href="galeria/index.htm"
onmouseover="window.status='view larger'; return true;"
onmouseout="window.status=''; return true;"> <img src="background/view-larger-27.gif" width="119" height="77" border="0" alt="view larger"></a></td>
<td><img src="background/espacio.gif" width="1" height="77" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="background/fam3.gif" width="18" height="33" alt=""></td>
<td><a href="informacion/index.htm"><img src="background/b_fam2.gif" alt="" width="169" height="33" border="0"></a></td>
<td colspan="4"><img src="background/gal2.gif" width="366" height="33" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="10"><img src="background/m7.gif" width="745" height="4" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td><img src="background/m8.gif" width="53" height="50" alt=""></td>
<td width="507" height="50" colspan="7" align="center" class="menu_inferior"><a href="index.htm" class="css1">Inicio</a> | <a href="objetivos/index.htm" class="css1">Objetivos</a> | <a href="ayudar/index.htm" class="css1">Cómo ayudar</a>| <a href="galeria/index.htm" class="css1">Galería de fotos</a>| <a href="video/index.htm" class="css1">Videos</a> | <a href="contacto/index.htm" class="css1">Contacto</a></td>
<td colspan="2"><a href="ayudar/index.htm"
onmouseover="window.status='sign our guestbook'; return true;"
onmouseout="window.status=''; return true;"> <img src="background/sign-our-guestbook.gif" width="185" height="50" border="0" alt="sign our guestbook"></a></td>
<td><img src="background/espacio.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="10"><img src="background/b_copy.gif" width="745" height="41" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td><img src="background/espacio.gif" width="15" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="53" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="113" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="26" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="1" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="17" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="169" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="136" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="45" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="66" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="119" height="1" alt=""></td>
<td><img src="background/espacio.gif" width="15" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Código CSS Error 1:
.body {
background-image: url(../image/index_secundarias_18.gif);
background-repeat: repeat-x;
background-color: #99B0A2;
background-position: top;
}
.menu_inferior {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #99a8a7;
background-color: #FFF;
text-decoration: none;
}
.titulos {
font-family: Calibri;
font-size: 20px;
font-weight: bold;
color: #00683C;
text-align: center;
}
.texto_en_body {
font-family: Calibri;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
text-align: justify;
text-indent: 1cm;
}
.texto_en_body_centrado {
font-family: Calibri;
font-size: 14px;
color: #FFFFFF;
text-align: center;
font-style: normal;
}
.subtitulo {
font-family: Calibri;
font-size: 14px;
font-weight: bold;
color: #003A16;
text-indent: 2cm;
}
.barra_l {
background-color: #003A16;
background-image: url(../image/m5.gif);
background-repeat: no-repeat;
background-position: top;
}
.barra_r {
background-image: url(../image/m6.gif);
background-color: #003A16;
background-repeat: no-repeat;
background-position: top;
}
.b2 {
font-family: Calibri;
font-size: 12px;
color: #FFFFFF;
background-image: url(../background/b2.gif);
background-repeat: repeat-x;
text-align: justify;
white-space: normal;
}
.contenedor {
border: 1px solid #FFFFFF;
height: auto;
width: 776px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}
body {
background-color: #00683D;
}
.b1 {
font-family: Calibri;
font-size: 12px;
color: #FFFFFF;
background-image: url(../background/b1.gif);
background-repeat: repeat-x;
text-align: justify;
}
.css1 {
font-family: Calibri;
font-size: 14px;
color: #99a8a7;
text-decoration: none;
}
a.css1:link{
font-family: Calibri;
font-size: 14px;
color: #99a8a7;
}
a.css1:visited {
color: #99a8a7;
text-decoration: none;
}
a:link {
color: #99a8a7;
text-decoration: none;
}
.texto_tabla {
font-family: Calibri;
font-size: 14px;
color: #FFFFFF;
}
.texto_tabla_llenado {
font-family: Calibri;
font-size: 14px;
color: #003A16;
}
ERROR 2:
<html>
<head>
<title>Más Amor en Navidad</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../css/css.css" rel="stylesheet" type="text/css">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
about_us_over = newImage("../image/about-us-over.gif");
our_wedding_over = newImage("../image/our-wedding-over.gif");
family___friends_over = newImage("../image/family-%26-friends-over.gif");
honeymoon_over = newImage("../image/honeymoon-over.gif");
contact_over = newImage("../image/contact-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<link href="photo_click/photo_click.css" rel="stylesheet" type="text/css">
<script src="photo_click/click_gallery.js" type="text/javascript"></script>
<style type="text/css">
body {
margin-top: 0px;
}
</style>
</head>
<body class="contenedor" onLoad="clickMenu('gallery')">
<table width="776" height="741" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabla_01">
<tr>
<td colspan="5"><img src="../image/m1.gif" width="181" height="41" alt=""></td>
<td rowspan="7"><img src="../image/index_secundarias_02.gif" width="299" height="223" alt=""></td>
<td colspan="4" rowspan="8"><img src="../image/index_secundarias_03.gif" width="295" height="224" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td colspan="5"><a href="../index.htm"
onmouseover="window.status='about us'; changeImages('about_us', '../image/about-us-over.gif'); return true;"
onmouseout="window.status=''; changeImages('about_us', '../image/about-us.gif'); return true;"> <img src="../image/about-us.gif" alt="" name="about_us" width="181" height="28" border="0" id="about_us"></a></td>
<td><img src="../image/espacio.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="5"><a href="../objetivos/index.htm"
onmouseover="window.status='our wedding'; changeImages('our_wedding', '../image/our-wedding-over.gif'); return true;"
onmouseout="window.status=''; changeImages('our_wedding', '../image/our-wedding.gif'); return true;"> <img src="../image/our-wedding.gif" alt="" name="our_wedding" width="181" height="31" border="0" id="our_wedding"></a></td>
<td><img src="../image/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="5"><a href="../ayudar/index.htm"
onmouseover="window.status='family & friends'; changeImages('family___friends', '../image/family-&-friends-over.gif'); return true;"
onmouseout="window.status=''; changeImages('family___friends', '../image/family-&-friends.gif'); return true;"> <img src="../image/family-&-friends.gif" alt="" name="family___friends" width="181" height="31" border="0" id="family___friends"></a></td>
<td><img src="../image/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="5"><a href="../video/index.htm"
onmouseover="window.status='honeymoon'; changeImages('honeymoon', '../image/honeymoon-over.gif'); return true;"
onmouseout="window.status=''; changeImages('honeymoon', '../image/honeymoon.gif'); return true;"> <img src="../image/honeymoon.gif" alt="" name="honeymoon" width="181" height="31" border="0" id="honeymoon"></a></td>
<td><img src="../image/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="5"><a href="../contacto/index.htm"
onmouseover="window.status='contact'; changeImages('contact', '../image/contact-over.gif'); return true;"
onmouseout="window.status=''; changeImages('contact', '../image/contact.gif'); return true;"> <img src="../image/contact.gif" alt="" name="contact" width="181" height="31" border="0" id="contact"></a></td>
<td><img src="../image/espacio.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2"><img src="../image/m2.gif" width="181" height="31" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td><img src="../image/index_secundarias_10.gif" width="299" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="9" class="barra_l"> </td>
<td colspan="8" rowspan="4"><img src="../image/index_secundarias_12.gif" width="745" height="29" alt=""></td>
<td><img src="../image/index_secundarias_13.gif" width="15" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td><img src="../image/index_secundarias_14.gif" width="15" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td><img src="../image/index_secundarias_15.gif" width="15" height="10" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="6" class="barra_r"> </td>
<td><img src="../image/espacio.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td class="body"><img src="../image/index_secundarias_17.gif" width="2" height="382" alt=""></td>
<td class="body"> </td>
<td colspan="5" align="center" valign="top" class="body"><p class="titulos">Galería de fotos</p>
<div id="gallery">
<ul>
<li><i><img src="fotos/1.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 1.</span></li>
<li><i><img src="fotos/2.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 2.</span></li>
<li><i><img src="fotos/3.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 3.</span></li>
<li><i><img src="fotos/4.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 4.</span></li>
<li><i><img src="fotos/5.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 5.</span></li>
<li><i><img src="fotos/6.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 6.</span></li>
<li><i><img src="fotos/7.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 7.</span></li>
<li><i><img src="fotos/8.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 8.</span></li>
<li><i><img src="fotos/9.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 9.</span></li>
<li><i><img src="fotos/10.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 10.</span></li>
<li><i><img src="fotos/11.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 11.</span></li>
<li><i><img src="fotos/12.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 12.</span></li>
<li><i><img src="fotos/13.jpg" title="" alt="" /></i><span><b>Más Amor en Navidad.</b><br />
Foto 13.</span></li>
<li class="click"><i><img class="default" src="fotos/default.jpg" title="" alt="" /></i><span><b>Comentario.</b><br />
Más Amor en Navidad 2009.</span></li>
</ul>
</div>
<p class="titulos"> </p></td>
<td class="body"> </td>
<td><img src="../image/espacio.gif" width="1" height="382" alt=""></td>
</tr>
<tr>
<td colspan="8"><img src="../image/index_secundarias_21.gif" width="745" height="10" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="8"><img src="../image/m7.gif" width="745" height="4" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="../image/m8.gif" width="53" height="50" alt=""></td>
<td width="507" height="50" colspan="3" align="center" class="menu_inferior"><a href="../index.htm" class="css1">Inicio</a> | <a href="../objetivos/index.htm" class="css1">Objetivos</a> | <a href="../ayudar/index.htm" class="css1">Cómo ayudar </a>| <a href="../galeria/index.htm" class="css1">Galería de fotos</a> | <a href="../video/index.htm" class="css1">Videos</a> | <a href="../contacto/index.htm" class="css1">Contacto</a></td>
<td colspan="2"><a href="../ayudar/index.htm"
onmouseover="window.status='sign our guestbook'; return true;"
onmouseout="window.status=''; return true;"> <img src="../image/sign-our-guestbook.gif" alt="" width="185" height="50" border="0"></a></td>
<td><img src="../image/espacio.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="8"><img src="../image/b_copy.gif" width="745" height="41" alt=""></td>
<td><img src="../image/espacio.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td><img src="../image/espacio.gif" width="15" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="2" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="6" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="45" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="113" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="299" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="95" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="177" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="8" height="1" alt=""></td>
<td><img src="../image/espacio.gif" width="15" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- Save for Web Slices (index_secundarias.psd) --><!-- End Save for Web Slices -->
</body>
</html>
CSS.CSS
.body {
background-image: url(../image/index_secundarias_18.gif);
background-repeat: repeat-x;
background-color: #99B0A2;
background-position: top;
}
.menu_inferior {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #99a8a7;
background-color: #FFF;
text-decoration: none;
}
.titulos {
font-family: Calibri;
font-size: 20px;
font-weight: bold;
color: #00683C;
text-align: center;
}
.texto_en_body {
font-family: Calibri;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
text-align: justify;
text-indent: 1cm;
}
.texto_en_body_centrado {
font-family: Calibri;
font-size: 14px;
color: #FFFFFF;
text-align: center;
font-style: normal;
}
.subtitulo {
font-family: Calibri;
font-size: 14px;
font-weight: bold;
color: #003A16;
text-indent: 2cm;
}
.barra_l {
background-color: #003A16;
background-image: url(../image/m5.gif);
background-repeat: no-repeat;
background-position: top;
}
.barra_r {
background-image: url(../image/m6.gif);
background-color: #003A16;
background-repeat: no-repeat;
background-position: top;
}
.b2 {
font-family: Calibri;
font-size: 12px;
color: #FFFFFF;
background-image: url(../background/b2.gif);
background-repeat: repeat-x;
text-align: justify;
white-space: normal;
}
.contenedor {
border: 1px solid #FFFFFF;
height: auto;
width: 776px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}
body {
background-color: #00683D;
}
.b1 {
font-family: Calibri;
font-size: 12px;
color: #FFFFFF;
background-image: url(../background/b1.gif);
background-repeat: repeat-x;
text-align: justify;
}
.css1 {
font-family: Calibri;
font-size: 14px;
color: #99a8a7;
text-decoration: none;
}
a.css1:link{
font-family: Calibri;
font-size: 14px;
color: #99a8a7;
}
a.css1:visited {
color: #99a8a7;
text-decoration: none;
}
a:link {
color: #99a8a7;
text-decoration: none;
}
.texto_tabla {
font-family: Calibri;
font-size: 14px;
color: #FFFFFF;
}
.texto_tabla_llenado {
font-family: Calibri;
font-size: 14px;
color: #003A16;
}
photo_click.css
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#gallery {
width:700px;
height:310px;
position:relative;
border:1px solid #ddd;
}
#gallery ul {list-style:none; padding:5px; margin:0; width:195px; float:right; height:219px; overflow:auto;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}
#gallery ul li span {
display:none;
position:absolute;
left:493px;
top:235px;
width:200px;
font-family:verdana, arial, sans-serif;
color:#06a;
font-size:11px;
line-height:15px;
text-align:justify;
}
#gallery ul li span b {color:#444;}
/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {
margin:5px auto 0 auto;
width:400px;
height:280px;
border:1px solid #fff;
}
#gallery ul li.off {display:none;}
#gallery ul li.click {
border-color:#fc0;
cursor:default;
}
#gallery ul li.click i {
position:absolute;
left:0;
top:0;
width:443px;
height:306px;
}
#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}
#gallery ul li.click span {display:block;}
