Reglas Css para la división "cuerpozona2".
/*Definiciones CSS del cuerpo de la página: ZONA 2 ------------------------------------------------------------- */
div#cuerpozona2{
position: relative;
top: 0px;
width: 900px;
height: 80px;
margin: 30px auto;
padding: 5px;
border: 2px solid #CCC; /* gris oscuro */
background: url(../Imagenes/Cartel.png);
border-radius: 15px;
}
.cartel{
display: inline;
position: relative;
top: 15px;
color: #000; /* negro */
font: inherit;
font-size: 22px;
font-weight: bold;
line-height: 35px;
margin: 0px 20px;
width: 500px;
vertical-align: baseline;
}
div.boton{
display: inline;
position: relative;
top: 10px;
float: right;
width: 250px;
height: 40px;
border: 4px outset #CCC; /* gris */
border-radius: 22px;
background-color: #F60; /* naranja */
margin: 0px 25px;
line-height: 35px;
vertical-align: baseline;
text-align:center;
/* Degradee fono botón de naranja claro a naranja oscuro
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F93), color-stop(1, #F30));*/
background: linear-gradient( #F93, #F30);
}
div.boton>a{
color: #FFF; /* blanco */
font: inherit;
font-size: 22px;
font-weight: bold;
text-transform: none;
text-decoration: none;
/* crear sombras sobre texto */
text-shadow: 1px 2px 3px #000 ;/* sombra color negro: desplazamiento horizontal / despl. vertical / distancia / color */
}
/*Fin definiciones CSS del cuerpo de la página: ZONA 2 ------------------------------------------------ */
...