W3C CSS Validator results for http://www.hostalelyunque.com/ (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS!
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
            
Valid CSS!
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>
        

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.hostalelyunque.com%2F&profile=css3&usermedium=all&warning=2&vextwarning=
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (27)

URI : http://www.hostalelyunque.com/css/inicio.css

18 #footer You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
26 #main You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
34 body You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
34 body Redefinition of background-color
42 Same colors for color and background-color in two contexts body and #textpie
42 #textpie You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
46 Same colors for color and background-color in two contexts body and #tel
46 #tel You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
49 #tel font-family: You are encouraged to offer a generic family as a last alternative
63 #created You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
95 #textoderecha You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
107 .capital font-family: You are encouraged to offer a generic family as a last alternative
109 Same colors for color and background-color in two contexts #menu li a:hover and .capital
109 .capital You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
112 .capital2 font-family: You are encouraged to offer a generic family as a last alternative
114 Same colors for color and background-color in two contexts #menu li a:hover and .capital2
114 .capital2 You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
117 .apartadotextos font-family: You are encouraged to offer a generic family as a last alternative
119 Same colors for color and background-color in two contexts #menu li a:hover and .apartadotextos
119 .apartadotextos You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
135 #textobajofoto font-family: You are encouraged to offer a generic family as a last alternative
137 Same colors for color and background-color in two contexts body and #textobajofoto
137 #textobajofoto You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
150 #marcofoto You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
170 #menu li a font-family: You are encouraged to offer a generic family as a last alternative
176 Same colors for color and background-color in two contexts #menu li a:hover and #menu li a
176 #menu li a You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.

↑ Top

Valid CSS information

@font-face {
font-family : "'Calligraffitti'";
font-style : normal;
font-weight : normal;
src : local('Calligraffiti'), url('http://themes.googleusercontent.com/font?kit=vLVN2Y-z65rVu1R7lWdvyF9q9cSakIY5dTu4rft1WBw') format('truetype');
}
#container {
position : relative;
width : 737px;
height : 800px;
margin : auto;
}
#header {
position : relative;
width : 100%;
height : 120px;
background : url(../img/fdcabecera.jpg) 0% 0% no-repeat;
}
#footer {
position : relative;
width : 100%;
height : 100px;
background : url(../img/bgpie.gif) repeat-x;
background-color : #eeeeee;
top : -24px;
}
#main {
position : relative;
top : -24px;
background : url(../img/fdsitu.jpg) 0% 0% no-repeat;
height : 477px;
background-color : #ffffef;
padding : 10px;
}
p {
font-size : 15px;
}
body {
background-color : #50ff4d;
background : url(../img/fdmadera.jpg) 0% 0% no-repeat fixed #ffffff;
}
#textpie {
position : absolute;
top : 17px;
left : 333px;
font-family : Calligraffitti, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 20px;
color : #fff;
}
#tel {
position : absolute;
color : #fff;
top : -18px;
left : 24px;
font-family : Calligraffitti, Arial, verdana;
font-size : 26px;
text-decoration : none;
float : left;
}
#logo {
position : relative;
top : -1px;
left : 100px;
}
#created {
position : relative;
display : block;
text-align : center;
color : #ababab;
top : 0;
font-size : 10px;
}
#dev {
position : relative;
font-size : 12px;
top : -7px;
}
#izquierda {
position : relative;
top : 8px;
height : 438px;
width : 340px;
float : left;
left : 10px;
background-color : black;
color : white;
overflow : hidden;
}
#textoderecha {
position : relative;
top : 2px;
height : auto;
width : 300px;
float : right;
margin-right : 10px;
padding-right : 20px;
padding-left : 20px;
font-family : arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : justify;
font-size : 12px;
color : #cdbb97;
background : url(../img/bgtext.png) repeat;
}
img {
border : 0 none;
}
#simb {
position : relative;
text-align : center;
border : 0;
}
.capital {
font-family : Arial, verdana;
font-size : 20px;
color : #ffd17c;
}
.capital2 {
font-family : Arial, verdana;
font-size : 11px;
color : #ffd17c;
}
.apartadotextos {
font-family : Calligraffitti, Arial, verdana;
font-size : 30px;
color : #ffd17c;
}
#fotohome {
border : 2px solid #ffd17c;
margin : 20px;
height : 150px;
width : 200px;
text-align : center;
}
img.thumb_foto_inicio {
border : 2px solid #ffd17c;
margin : 2px;
height : 100px;
width : 140px;
}
#textobajofoto {
font-family : Calligraffitti, Arial, verdana;
font-size : 14px;
color : white;
position : relative;
margin-left : 20px;
text-align : center;
letter-spacing : 1px;
}
#marcofoto {
position : relative;
top : 20px;
left : 20px;
height : auto;
width : 310px;
margin-bottom : 50px;
background : #f4e9c8;
}
#menuposition {
position : relative;
width : 834px;
height : 55px;
background : url(../img/fdmenu.png) no-repeat;
margin-top : 0;
left : -49px;
z-index : 10;
}
#menu ul {
position : absolute;
top : 104px;
z-index : 11;
}
#menu ul li {
display : inline;
}
#menu li a {
font-family : Arial, verdana;
font-size : 12px;
text-decoration : none;
float : left;
padding : 10px;
padding-right : 18px;
color : #ffd17c;
height : 10px;
letter-spacing : 2px;
}
#menu li a:hover {
background-color : #ffd17c;
color : black;
height : 10px;
letter-spacing : 2px;
}

↑ Top