/* Cols ****************************************/
div.col25,
div.col33, div.col50,
div.col66, div.col75,
div.col100 { margin-bottom: 40px; }



/* Layout **************************************/
body {
color:#000000;
font-family:Arial,"MS Serif","New York",serif;
font-size:0.75em;
font-variant:normal;
}


body.bg-menu-express {
background:url(../fotos/fondosPaginas/bg-express.jpg) no-repeat top center;
}
body.bg-bodega {
background:url(../fotos/fondosPaginas/bg-bodega.jpg) no-repeat top center;
}
body.bg-index {
background:url(../fotos/fondosPaginas/bg-index.jpg) no-repeat top center;
}
body.bg-chef {
background:url(../fotos/fondosPaginas/bg-chef.jpg) no-repeat top center;
}
body.bg-sobremesas {
background:url(../fotos/fondosPaginas/bg-sobremesas.jpg) no-repeat top center;
}
body.bg-galeria {
background:url(../fotos/fondosPaginas/bg-galeria.jpg) no-repeat top center;
}
body.bg-contacto {
background:url(../fotos/fondosPaginas/bg-contacto.jpg) no-repeat top center;
}
body.bg-carta {
background:url(../fotos/fondosPaginas/bg-carta.jpg) no-repeat top center;
}




#wrapper {
margin:0 auto;
max-width:974px;
min-width:770px;
border-top:5px solid #000000;
width:100%;
}
#banner {
float:left;
width:28%;
height:200px;
}
h1.fir a {
visibility:hidden;
}

/* content ********************************************************/

/*menu*/
#menu li,
#menu-footer li {
float:left;
margin:0 .2em;
width:35px;
}
div#sliding-navigation {
float:left;
width:32%;
list-style: none;
padding: 0;
}
div#sliding-navigation div.sliding-element {
float:left;
width:38px;
}
.sliding-element a span{
color:#000;
}


.carta,
.express,
.bodega,
.sobremesas,
.chef,
.galeria { 
position:relative;
padding-right:32px;
background:#FFFFFF;
}
a.carta,
a.express,
a.bodega,
a.sobremesas,
a.chef,
a.galeria { 
color:#312a34
}

.carta {
background: url(../images/menu-carta.png) no-repeat;
padding-bottom:102px;
margin-top:224px;
top:209px;
}
.express {
background: url(../images/menu-express.png) no-repeat scroll 0 0;
padding-bottom:219px;
margin-top:224px;
top:92px;
}
.bodega {
background: url(../images/menu-bodega.png) no-repeat scroll 0 0;
padding-bottom:131px;
margin-top:224px;
top:180px;
}
.sobremesas {
background: url(../images/menu-sobremesas.png) no-repeat scroll 0 0;
padding-bottom:186px;
margin-top:224px;
top:125px;
}
.chef {
background: url(../images/menu-chef.png) no-repeat scroll 0 0;
padding-bottom:84px;
margin-top:224px;
top:227px;
}
.galeria {
background: url(../images/menu-galeria.png) no-repeat scroll 0 0;
padding-bottom:128px;
margin-top:224px;
top:183px;
}

.menu-ppal span {
}

/* h2 ********************************************************/
h2#carta, h2#carta span {
background:transparent url(../images/h2-carta.png) no-repeat scroll 0 0;
height:53px;
width:143px;
}
h2#menuexpress, h2#menuexpress span {
background:transparent url(../images/h2-menuexpress.png) no-repeat scroll 0 0;
height:53px;
width:300px;
}
h2#sobremesas, h2#sobremesas span {
background:transparent url(../images/h2-sobremesas.png) no-repeat scroll 0 0;
height:53px;
width:300px;
}
h2#bodega, h2#bodega span {
background:transparent url(../images/h2-bodega.png) no-repeat scroll 0 0;
height:53px;
width:181px;
}
h2#chef, h2#chef span {
background:transparent url(../images/h2-chef.png) no-repeat scroll 0 0;
height:53px;
width:143px;
}
h2#galeria, h2#galeria span {
background:transparent url(../images/h2-galeria.png) no-repeat scroll 0 0;
height:53px;
width:182px;
}
h2#contacto, h2#contacto span {
background:transparent url(../images/h2-contacto.png) no-repeat scroll 0 0;
height:53px;
width:218px;
}

/* overflow galley *************************************************/
div#gallery {
overflow: auto; 
height: 443px;
/*overflow-x:hidden;-----------------------------------------------------para que validara*/
padding-right:30px;
}

/* content ********************************************************/
#content,
#content-intro {
float:right;
width:67%;
min-height:566px;
background:transparent url(../images/content-bg.png) repeat;
color:#FFFFFF;
}
#content-intro {
background:none;
}
#gallery a img {
float:left;
/*width:75px;
height:55px;
margin:18px 10px 10px 0;
border:1px solid #9D9D9D; CAMBIOS*/
width:110px;
height:80px;
margin:18px 25px 10px 0;
border:3px solid #9D9D9D;
z-index:5;
}
#content p.coment {
/*font-size:1em;
margin:3px 0px 0px 0px; texto y padding que ten’a con el comentario del art’culo*/
font-size:1.3em;
margin:3px 0 20px;
}
#content p {
padding-top:12px;
font-size:1.6em;
}
a.inicio {
float:right;
width:20px;
text-decoration:none;
}

/* inside ********************************************************/
.inside {
margin:40px 0 0 50px;
}

/* footer ********************************************************/
#footer	{
border-top:1px solid #999999;
color:#FFFFFF;
font-family:Arial;
font-size:1.2em;
line-height:1.5;
}
/* microformats-footer *************************/
div.vcard {
background:transparent url(../images/direcc-bg.png) repeat scroll 0 0;
padding:2px 0 3px 9px;
float:left;
width:72%;
border-bottom:2px solid #000000;
}
div.vcard a {
text-decoration:none;
color:#ffffff;
}
span.adr,
span.tel {
margin-right:7px;
}
span.adr {
margin-left:7px;
}

/* contact form *************************/
/* contact form button */
div#contacto, 
div#contacto span,
div#creditos, 
div#creditos span,
div#mapa, 
div#mapa span {
background:transparent url(../images/contacto.png) no-repeat scroll 0 0;
float:right;
width:18%;
text-align:right;
height:27px;
width:83px;
}
div#creditos, 
div#creditos span {
background:transparent url(../images/creditos.png) no-repeat scroll 0 0;
height:27px;
width:76px;
margin-right:4px;
}
div#mapa, 
div#mapa span {
background:transparent url(../images/mapa.png) no-repeat scroll 0 0;
height:27px;
width:79px;
margin-left:4px;
}

/* contactos *************************/
#third {
margin:0 auto;
width:300px;
text-align:left;
border:none;
font-size:0.8em;

}
#third legend {
color:#333333;
font-size:2em;
padding-top:30px;
}
#third fieldset {
border:none;
}
#third label {
margin-bottom:10px;
display:block;
font-size:1.6em;
color:#abb90a;
}
#third input, 
#third textarea, 
#third select {
width:100%;
}
#third input.enviar {
display:block;
margin:0 auto;
background: url(../images/enviar_btn.png) no-repeat;
width:74px;
height:29px;
border: 0;
text-indent: -9000px;
cursor:pointer;
}

/* credits *************************/
#credits,
#contacts {
text-align:center;
color:#abb90a;
background:#000000;
height:516px;
}
#credits p {
font-size:3em; 
}
#credits p.credits {
font-size:1.5em;
padding-top:40px;
}

#credits p.credits-mail,
#credits a.credits-mail {
color:#999999;
font-size:1.2em;
font-style:italic;
}


/* icon-validator *************************/
a.icon-validator {
float:left;
width:100px;
margin:6px 8px 0 0;
}

/* h1 para creditos y contacto *************************/
.hidden {
visibility:hidden;
height:0;
}