Dejo el codigo, yo no veo el error, y en la validacon va todo bien.
EL PROBLEMA ES EN LA PALABRA CUMPLEAÑOS EN MAYUSCULA CUMPLEAÑOS, LA QUE ESTÁ EN MINUSCULA ESTÁ BIEN
HTML:
Código HTML :
<body>
<!-- WRAPPER -->
<div id="wrapper">
<!-- CONTENT -->
<div id="content">
<!-- MAIN -->
<div id="main">
<a href="index.html"><img src="img/logo_r1_c1.png" alt="Logo" id="logo" /></a>
<!-- navigation -->
<div id="centeredmenu">
<ul class="sf-menu">
<li class="current_page_item"><a href="index.html">HOME</a></li>
<li><a href="about-styled.html">EVENTOS</a></li>
<li><a href="gallery.html">GALLERIA</a></li>
<li><a href="about-more.html">COCHERAS</a></li>
<li><a href="blog-full.html">PROYECTOS</a></li>
<li><a href="contact.html">CONTACTO</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- ENDS navigation -->
<!-- slideshow -->
<div id="slideshow">
<a href="" id="slideshow-link" ><span></span></a>
<ul id="slides">
<li><a href=""><img src="slides/01.jpg" alt="Imagen" /></a></li>
<li><a href=""><img src="slides/02.jpg" alt="Imagen" /></a></li>
<li><a href=""><img src="slides/03.jpg" alt="Imagen" /></a></li>
</ul>
</div>
<!-- ENDS slideshow -->
<!-- headline -->
<div class="headline">
LOS SERVICIOS DE HUGH - CAR
</div>
<!-- ENDS headline -->
<!-- blocks -->
<ul class="blocks-holder">
<li class="block-1">
<p class="block-title custom">CUMPLEAÑOS</p>
<div class="thumb-holder">
<div class="img-holder">
<a href="#" ><img src="img/dummies/front-page-thumb.jpg" alt="Thumb" class="thumb" title="Cumpleaños de 15" /> </a>
</div>
<p class="thumb-text">Cumpleaños de 15, distinción y elegancia en su traslado. La mejor llegada a su fiesta para que nadie olvide ese momento.</p>
<p><a href="about-styled.html" class="more">MAS INFO</a></p>
</div>
</li>
<li class="block-2">
<p class="block-title custom">CASAMIENTOS</p>
<div class="thumb-holder">
<div class="img-holder">
<a href="#" ><img src="img/dummies/front-page-thumb-2.jpg" alt="Thumb" class="thumb" title="Casamiento" /> </a>
</div>
<p class="thumb-text">El mejor toque de glamour para su traslado, un servicio único para un momento también único.</p>
<p><a href="about-styled.html" class="more">MAS INFO</a></p>
</div>
</li>
<li class="block-3">
<p class="block-title custom">TRASLADOS y PASEOS</p>
<div class="thumb-holder">
<div class="img-holder">
<a href="#" ><img src="img/dummies/front-page-thumb-3.jpg" alt="Thumb" class="thumb" title="Paseos" /> </a>
</div>
<p class="thumb-text">Los paseos turísticos más relevantes de la ciudad de La Plata en un vehículo histórico y con un servicio de categoría.</p>
<p><a href="about-styled.html" class="more">MAS IINFO</a></p>
</div>
</li>
</ul>
<!-- ENDS blocks -->
</div>
<!-- ENDS MAIN -->
</div>
<!-- ENDS CONTENT -->
</div>
<!-- ENDS WRAPPER -->
------------------------------------------------------------------
CSS
Código CSS :
/* GENERAL ------------------------------------------------------------*/
html{
height: 100%;
}
body {
line-height: 1;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
height: 100%;
}
div#wrapper{
position: relative;
width: 960px;
margin: 0 auto;
background: url(../img/bg-wrapper.png) no-repeat ;
}
div#content{
position: relative;
width: 960px;
font-size: 14px;
}
div#main{
overflow: hidden;
width: 100%;
min-height: 750px;
position: relative;
overflow: hidden;
padding-top: 100px;
}
img#logo{
position: absolute;
top:20px;
left: 365px;
}
h1{ font-size: 24px;}
h2{ font-size: 22px;}
h3{ font-size: 20px;}
h4{ font-size: 18px;}
h5{ font-size: 16px;}
h6{ font-size: 14px;}
h1, h2, h3, h4, h5, h6{
margin-bottom: .5em;
}
a{
text-decoration: none;
}
.headline,
.custom,
.title .big{
word-spacing: 0.2em;
}
div.headline{
font-size: 32px;
line-height: 1.5em;
color: #fff;
width: 960px;
text-transform: uppercase;
text-align: center;
text-shadow: #000 1px 1px 1px;
margin-bottom: 20px;
}
.title{
display: block;
overflow: hidden;
color: #665d4e;
height: 90px;
width: 960px;
margin: 0 auto 0px auto;
background: url(../img/title-bg.png) no-repeat;
color: #12262d;
}
.sub-header{
font-size: 20px;
font-weight: lighter;
padding-bottom: 1.0em;
}
.title span.big{
display: block;
float: left;
font-size: 24px;
margin: 22px 0px 0px 25px;
}
.title span.small{
display: block;
float: left;
font-size: 14px;
margin-left: 15px;
margin-top: 31px;
}
a.more{
display: block;
overflow: hidden;
color: #fff;
font-size: 14px;
line-height: 1.3em;
text-decoration: none;
}
a.more:hover{
color: white;
}
.separator{
border-top: 1px solid #e2e6e7;
margin-bottom: 1.5em;
}
.top-gap{
margin-top:20px;
}
/* STYLED ------------------------------------------------------------*/
/* blocks-holder ------------------------------------------------------------*/
.blocks-holder{
overflow: hidden;
background: url(../img/front-page-separator.png) no-repeat top center;
margin-bottom: 20px;
min-height: 350px;
}
.blocks-holder li{
width: 271px;
float: left;
}
.blocks-holder li.block-1{
margin-left: 34px;
}
.blocks-holder li.block-2{
margin-left: 39px;
}
.blocks-holder li.block-3{
margin-right: 34px;
float: right;
}
.blocks-holder li .thumb-holder{
background: url(../img/thumb-shadow.png) no-repeat 0px 179px ;
}
.blocks-holder .block-title{
color: #fff;
font-size: 20px;
line-height: 1.3em;
margin-bottom: .4em;
}
.blocks-holder div.thumb-holder .img-holder{
border: 1px solid #e2e6e7;
width: 271px;
height: 179px;
margin-bottom: 14px;
}
.blocks-holder .thumb-text{
font-size: 14px;
line-height: 1.5em;
}
.blocks-holder a.more{
margin-top: 10px;
float: left;
}
div.top-img{
width: 100%;
margin-top: 13px;
margin-bottom: 10px;
}
div.top-img img{
display: block;
margin: 0 auto;
} 
Escrito el 20 Ago 2013 10:51 pm
