/* CSS para UDON BANYA */

body{
margin:0;
font-family: MS UI Gothic, MS Gothic, Verdana, Tahoma, sans-serif;
font-size:14px;
letter-spacing: 1px;
line-height: 18px;
color:black;
background-color:#d9dae9;
}
#general{
background-color:white;
}
#content{
width:906px;
margin:0 auto;
display:table;
}
#contenedor{
width:906px;
background:url(img/fondoContenedor.gif) repeat-y 0 0px;
}
#contenedorInterior{
width:906px;
min-height:400px;
height:auto !important;
height:100%;
_height:400px;
display:table;
  background:url(img/fondoContenido.gif) no-repeat 99% 100%;
}
h1{
  font-size:25px;
  margin:0 0 10px 0;
}
p{
  margin:0;
  padding:8px 0;
}
/* --------------- cabecera ----------------------------*/
#cabecera{
width:906px;
margin:0 auto;
height:120px;
position: relative;
z-index:1;
}
#linia{
width:100%;
height:41px;
position: absolute;
z-index:0;
top:80px;
background:url(img/fondoLinia.gif) repeat-x;
}
#linia2{
width:100%;
height:41px;
position: absolute;
z-index:1;
top:80px;
background:url(img/fondoLinia.gif) repeat-x;
}
#info{
float:right;
}
#info strong{
font-size:20px;
font-weight:bold;
}
#info span{
font-size:14px;
padding:2px 0 0 0;
display:block;
}
#logoUdon, #logoBanya{
height:100px;
position: absolute;
z-index:3;
}
#logoUdon{
width:127px;
background:url(img/logoUdon.gif) no-repeat 50% 80% #ab0000;
left:22px;
}
#logoBanya{
width:144px;
background:url(img/logoBanya.gif) no-repeat 50% 80% #ab0000;
left:154px;
}
#fideos{
width:100%;
height:80px;
background:url(img/fideos.jpg) no-repeat 55% 0 white;
position: absolute;
z-index:0;
}
#fondoCabeceraLeft{
width:3px;
height:13px;
background:url(img/fondoCabeceraLeft.gif) no-repeat 100% 100%;
}
#fondoCabecera{
width:900px;
height:13px;
background:url(img/fondoCabecera.gif) repeat-x 100% 100%;
}
#fondoCabeceraRight{
width:3px;
height:13px;
background:url(img/fondoCabeceraRight.gif) no-repeat 100% 100%;
}
/* --------------- contenido ----------------------------*/
#lateral{
width:193px;
float:left;
padding:10px 10px 10px 20px;
}
#contenido{
width:650px;
float:right;
padding:30px 20px 0 0;
}
#contenido a{
color:#030a69;
text-decoration:none;
font-weight:bold;
}
#contenido a:hover{
  color:#4d518e;
}
/*---------------- menu ---------------------------*/
#menu{
width:184px;
margin:15px 0 10px 0;
}
#menu ul{
margin:0;
padding:0px 3px;
list-style: none;
background:url(img/fondoMenuLateral.gif) repeat-y;
}
#menu ul li{
padding:0;
border:1px solid #c1c1c1;
font-size:16px;
}
#menu ul li:hover, #menu ul li#activo{
background-color:#d9dae9;
}
#menu ul li:hover a, #menu ul li#activo a{
color:#030a69;
font-weight:bold;
}
#menu ul li a{
display:block;
width:160px;
padding:10px 0px 10px 10px;
color:black;
text-decoration:none;
}
#menu table{
font-size:0px;
letter-spacing:0px;
line-height:0px;
}
#fondoTopIzq{
background:url(img/fondoMenuTopIzq.gif) no-repeat;
width:3px;
height:3px;
}
#fondoTop{
background:url(img/fondoMenuTop.gif) repeat-x;
height:3px;
}
#fondoTopDer{
background:url(img/fondoMenuTopDer.gif) no-repeat;
width:3px;
height:3px;
}
#fondoBotIzq{
background:url(img/fondoMenuBotIzq.gif) no-repeat;
width:3px;
height:3px;
}
#fondoBot{
background:url(img/fondoMenuBot.gif) repeat-x;
height:3px;
}
#fondoBotDer{
background:url(img/fondoMenuBotDer.gif) no-repeat;
width:3px;
height:3px;
}
/*-------------------- anuncio ----------------------*/
#anuncio{
width:184px;
font-size:12px;
background:url(img/fondoMenuLateral.gif) repeat-y 0 0;
}
#anuncio table{
font-size:0px;
}
#contenidoAnuncio{
padding:0 0 0 3px;
}
#contenidoAnuncio table{
  margin:5px 0;
  font-size:12px;
}
/*-----------------cuadro----------------------------*/
#cuadro{
width:600px;
background-color:#f4f5f9;
float:left;
padding:20px;
}
#cuadro #mapa{
float:right;
}
#cuadro #mapa small a{
float:left;
color:#030a69;
text-decoration:none;
}
#cuadro p#home{
font-size:14px;
line-height: 25px;
margin:20px 10px 10px 0px;
}
/*-------------------------home----------------------*/
#generalPortada{
float:left;
margin:20px 0 0 0;
}
#portada{
margin:0 0 30px 0;
}
#portada td{
padding:6px 0 6px 10px;
}
#portada td#foto{
padding:0;
}
#portada td a{
color:black;
font-weight:bold;
text-decoration:none;
}
#portada td a:hover{
color:#4d518e;
}
/*----------------------------carta -------------------*/
#menuCarta{
width:100%;
margin:0 auto;
display:block;
margin:0 0 10px 0;
}
#menuCarta table tr td{
font-size:14px;
background-color:#9b9dbe;
text-align:center;
}
#menuCarta table tr td a{
display:block;
padding:10px 15px;
color:white;
}
#menuCarta table tr td a:hover{
color:white;
}
#menuCarta table tr td#activo{
color:white;
background-color:#030a69;
text-align:center;
font-weight:bold;
}
#menuCarta table tr td:hover{
background-color:#030a69;
}
#carta,#carrito{
width:600px;
margin:0px auto 0px auto;
display:table;
}
#carta p, #carrito p{
padding:10px 3px;
}
.titulo{
width:594px;
display:block;
color:white;
font-weight:bold;
background-color:#030a69;
text-align:center;
margin:5px auto;
padding:5px 0;
}
#carta table, #carrito table{
background-color:white;
}
#carta table tr td{
background-color:#e9eaf3;
padding-top:8px;
padding-bottom:5px;
}
#carrito table tr td{
background-color:#e9eaf3;
padding-top:8px;
padding-bottom:0px;
}
.tdtabla{
width:75%;
background-color:#e9eaf3;
font-size:14px;
font-weight:bold;
padding:0 0 3px 15px;
}
.tdtabla2{
width:25%;
background-color:#e9eaf3;
font-size:14px;
font-weight:bold;
padding:0 15px 0 0;
text-align:right;
}
.tdtabla5{
width:15%;
background-color:#e9eaf3;
font-size:14px;
font-weight:bold;
padding:0 15px 0 0;
text-align:right;
}
.tdtabla3{
width:40%;
background-color:#e9eaf3;
font-size:14px;
font-weight:bold;
padding:0 0 0 15px;
}
.tdtabla4{
width:35%;
background-color:#e9eaf3;
font-size:14px;
font-weight:bold;
padding:0 0 0 15px;
}
#carta table tr td p.little{
font-size:12px;
font-weight:normal;
padding:5px;
}
#carta table tr td.descripcion{
padding:10px;
text-align:justify;
}
#carta table tr td.descripcion img{
width:100px;
padding-right:10px;
padding-bottom:10px;
float:left;
}
#carta table tr td.descripcion strong, #carrito table tr td strong{
display:block;
padding:0 0 5px 0;
}
#carta table tr td.precio{
width:160px;
}
#carta table tr td.precio span{
display:block;
padding:0 0 20px 0;
text-align:right;
font-size:20px;
font-weight:bold;
}
#carta table tr td.precio div{
width:160px;
float:right;
background-color:#9b9dbe;
border-width:3px 0 0 0;
border-style:solid;
border-color:white;
color:#030a69;
text-align:right;
padding:0 0 5px 0;
}
#carta table tr td.precio div table tr td{
background-color:#9b9dbe;
}
#carta table tr td.precio div img{
float:right;
padding:0 5px 0 0;
}
#takeout{
width:100%;
margin:0px auto 0px auto;
display:table;
}
.tdtake{
width:50%;
background-color:#e9eaf3;
font-size:14px;
font-weight:bold;
padding:5px 0 5px 15px;
}
/*----------------- carrito compra --------------------*/

#menuCarrito{
width:100%;
margin:0 auto;
display:block;
margin:0 0 10px 0;
}
/*#menuCarta table tr td{
font-size:14px;
background-color:#9b9dbe;
text-align:center;
}
#menuCarta table tr td a{
display:block;
padding:10px 15px;
color:white;
}
#menuCarta table tr td a:hover{
color:white;
}
#menuCarta table tr td#activo{
color:white;
background-color:#030a69;
text-align:center;
font-weight:bold;
}
#menuCarta table tr td:hover{
background-color:#030a69;
} */

#menuCarrito table tr td{
font-size:14px;
background-color:#9b9dbe;
text-align:center;
}
#menuCarrito table tr td#activo{
color:white;
background-color:#030a69;
text-align:center;
font-weight:bold;
}
#menuCarrito table tr td.separador{
  background-color:white;
  padding:10px 5px;
}
#menuCarrito table tr td.pasos{
color:white;
font-weight:bold;
padding:10px 15px;
}
#menuCarrito table tr td.pasos:hover{
background-color:#9b9dbe;
}
#carrito a.boton{
display:block;
float:right;
background-color:#9b9dbe;
padding:5px;
margin:0 0 10px 10px;
}
#carrito a.boton:hover{
background-color:#d9dae9;
color:black;
}
#carrito table tr td.titulos{
  background-color:#d9dae9;
  font-weight:bold;
  text-align: center;
  padding:5px 0 5px 0;
}
#carrito table tr td{
  padding:5px;
}
#carrito table tr td.foto_p{
  width:68px;
}
#carrito table tr td.precioUnidad{
  width:60px;
  text-align:right;
}
#carrito table tr td.unidad{
width:80px;
}
#carrito table tr td.unidad table tr td.white{
background-color:white;
padding:5px 10px;
}
#carrito table tr td.unidad table{
padding:0px;
}
#carrito table tr td.unidad table tr td{
padding:0px;
}
#carrito table tr td.unidad table tr td a.up{
background:url(img/up.gif) no-repeat;
width:19px;
height:13px;
display:block;
}
#carrito table tr td.unidad table tr td a.up:hover{
background:url(img/up_a.gif) no-repeat;
}
#carrito table tr td.unidad table tr td a.down{
background:url(img/down.gif) no-repeat;
width:19px;
height:13px;
display:block;
}
#carrito table tr td.unidad table tr td a.down:hover{
background:url(img/down_a.gif) no-repeat;
}

#carrito table tr td input{
  width:30px;
  text-align:right;
  border:0;
}
#carrito table tr td.precioProd {
  width:100px;
  text-align:right;
  font-weight:bold;
  padding-right:7px;
}
#carrito table#iva tr td{
background-color:#9b9dbe;
padding:2px;
text-align:right;
font-weight:bold;
}
#carrito table#total tr td{
background-color:#030a69;
padding:2px;
text-align:right;
color:white;
font-weight:bold;
}
#carrito table#iva tr td#ivaTotal,table#total tr td#precioTotal{
width:106px;
}
#carrito table#iva tr td#ivaTotal div,table#total tr td#precioTotal div{
background-color:white;
color:black;
padding:5px;
font-weight:bold;
}
#carrito a#botonCompra{
display:block;
width:100px;
background-color:#ab0000;
color:white;
padding:5px;
float:right;
margin:0 3px 0 0;
}
#carrito a#botonCompra:hover{
background-color:#9b9dbe;
}
/*---------------- opinion --------------------------*/
#opinion{
  float:left;
  display:table;
  width:100%;
}
#opinion table tr td{
background-color:#e9eaf3;
padding:4px 4px 4px 15px;
}
/*--------------------recetas -----------------------*/
#recetas{
float:left;
display:table;
width:100%;
}
#recetas table tr td{
font-size:14px;
background-color:#9b9dbe;
text-align:center;
padding:0 10px;
}
#recetas table tr td a{
color:white;
}
#recetas table tr td a:hover{
color:white;
}
#recetas table tr td#activo{
color:white;
background-color:#030a69;
text-align:center;
font-weight:bold;
}
#recetas table tr td:hover{
background-color:#030a69;
}
#ficha{
float:left;
display:table;
width:98%;
border:5px solid #e9eaf3;
margin:3px;
}
/* --------------- pie ----------------------------*/
#pie{
background:url(img/fondoPie.gif) repeat-x 0 0 #d9dae9;
}
#bottom{
width:906px;
margin:0 auto;
height:22;
}
#contenedorPie{
width:900px;
height:22px;
background:url(img/fondoContenedorPie.gif) repeat-x 0 0;
}
#contenedorPieLeft{
width:3px;
height:22px;
background:url(img/fondoContenedorPieLeft.gif);
}
#contenedorPieRight{
width:3px;
height:22px;
background:url(img/fondoContenedorPieRight.gif);
}
#credits{
width:900px;
margin:0 auto;
}
#credits p{
float:left;
margin:0;
}
#credits span{
float:right;
}
#credits a{
color:black;
font-weight:bold;
text-decoration:none;
}