/* GENERAL */
/* GENERAL */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;}
* {margin: 0;padding: 0;border: 0;}

#header {
display: block;
width: 400px;
height: 113px;
background: transparent url(images/header.jpg) top left no-repeat;
margin: -8px 0 0px 36%;
}

#header #logo {
display: block;
width: 400px;
height: 250px;
background: transparent url(images/logo.png) top left no-repeat;
float:left;
margin: 35% 0px 11% 0%;
}

#logo {
display: block;
width: 250px;
height: 164px;
background: transparent url(images/logo.png) top left no-repeat;
float:left;
margin: 50px 0px 0px 30%;
}

#header a {
text-indent: -7500px;
display: block;
width: 1px;
height: 1px;
text-decoration: none;
}

a {
font-size: 12px;
font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,sans-serif;
line-height: 1.5em;
text-decoration: none;
}
#header p {
font-weight: normal;
font-size: 14px;
font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,sans-serif;
line-height: 1.5em;
color: white;
margin: -20px 0px 0px 0px;
}

#footer {
display: block;
width: 400px;
height: 187px;
background: transparent url(images/footer.png) bottom left no-repeat;
float:left;
margin: 1% 0px 0px 36%;
}

#foot {
display: block;
width: 400px;
height: 187px;
background: transparent url(images/foot.jpg) bottom left no-repeat;
float:left;
margin: 75px 0px 0px 30%;
}

.clear {
clear: both;
display: block;
}


#since {
display: block;
width: 400px;
height: 601px;
background: transparent url(images/1989.jpg) top left no-repeat;
float:left;
margin: -8px 0px 0px 28%;
}

#side {
display: block;
width: 120px;
height: 345px;
background: transparent url(images/side.jpg) top left no-repeat;
margin: 45px 0px 0px 0px;
float:left;
}

#platos {
display: block;
width: 400px;
height: 415px;
background: transparent url(images/platos.jpg) top left no-repeat;
float:left;
margin: -8px 0px 0px 238px;
}

#mapa {
display: block;
width: 417px;
height: 228px;
background: transparent url(images/mapa.jpg) top left no-repeat;
float:left;
margin: -291px 0px 0px 34%;
}

#mapa2 {
display: block;
width: 550px;
height: 334px;
background: transparent url(images/mapa2.jpg) top left no-repeat;
float:left;
margin: -9px 0px 0px 34%;
}

#domicilio {
display: block;
width: 570px;
height: 620px;
background: transparent url(images/domicilio.png) top left no-repeat;
float:left;
margin: -8px 0px 0px -8px;
}
#nadal {
display: block;
width: 570px;
height: 620px;
background: transparent url(images/horarinadal.png) top left no-repeat;
float:left;
margin: -8px 0px 0px -8px;
}
a#boton {
background:url("images/bk_button.gif") repeat-x scroll 0 0 #FFffff;
border:1px solid #999999;
color:#000000;
font:bold 13px Arial,Sans-serif;
text-align:center;
text-decoration:none;
bottom:8px;
position:fixed;
right:8px;
width: 36px;
height: 16px;
padding: 10px 33px 10px 13px;
text-indent: 0px;
}

* html a#boton { 
	position: absolute;
}

#telf {
background:url("images/telf.gif") no-repeat scroll 0 0 #FFffff;
position: absolute;
margin: 60px 60px 60px 295px;
width: 102px;
height: 96px;
border: 2px solid black;
}

#lateral {
background: url("images/lateral.jpg") repeat-y scroll 0 0 transparent;
width: 120px;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
}

#letra {
background: url("images/letra.png") no-repeat scroll 0 0 transparent;
width: 400px;
height: 80px;
float: left;
margin: -9% 0px 0px 0px;
}

#flecha {
background: url("images/flecha.png") no-repeat scroll 0 0 transparent;
width: 168px;
height: 84px;
position: relative;
margin: 115px 0px 0px 282px;
}

a.cerrar {
background: url("images/x.png") no-repeat scroll 0 0 transparent;
width: 27px;
height: 27px;
margin: 57% 0px 0px 101%;
z-index: 101;
position: absolute;
}

a.cerrar:hover {
background-position: 0 -27px;
}

#video {
position: absolute;
margin: -2% 0px 0px 0px;
float: right;
left: 20%;
}

#h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}