/* style para bunsichi.com */

body{
  margin:0px;
  width:100%;
  height:100%;
  font-family: Verdana, Arial, Tahoma, Sans serif;
  font-size:10px;
  letter-spacing:2px;
  color:#222222;
  background-color:white;
}
#general{
  width:970px;
  margin:0px auto 0px auto;
  background:url(img/florCompl.jpg) no-repeat 100% 100%;
  display:table;
}
#contenido{
  width:900px;
  display:block;
  float:left;
  background-color:#F9F6F4;
}

/* -------------------------------- generales ------------------------------------------*/
h1 {
  font-size:12px;
}
h2 {
  font-size:16px;
  color:#716A65;
  padding:0px;
  margin-bottom:5px;
}
h3 {
  font-size:16px;
  color:#716A65;
  padding:0px;
  margin-bottom:15px;
  margin-top:0px;
}
a{
text-decoration:none;
color:#222222;
}
/* -------------------------------- Cabecera ------------------------------------------*/
#cabecera{
  background:url(img/sushiCabecera.jpg) no-repeat 30% 0%;
  width:900px;
  float:left;
  height:100px;
}
#cabecera #logo{
  background:url(img/logo.gif) no-repeat black;
  width:160px;
  float:left;
  height:100px;
}
#cabecera #logo a{
display:block;
width:160px;
height:100px;
}
#cabeceraTxt{
  width:400px;
  float:right;
  height:100px;
  text-align:right;
  font-size:12px;
}
#cabeceraTxt span#telefono{
  font-size:18px;
  font-weight: bold;
}
#cabeceraTxt #idiomas{
font-size:10px;
margin-bottom:10px;
}
#cabeceraTxt #idiomas a{
}
#cabeceraTxt #idiomas a#activo{
 font-weight:bold;
}

/* -------------------------------- lateral menu i iho------------------------------------------*/
#menu{
  width:160px;
  float:right;
  background-color: white;
}
#menu ul{
list-style:none;
margin:20px 0px 0px 0px;
padding:0px;
}
#menu ul li{
height:19px;
padding:5px 0px 0px 10px;
border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#E0D3CA;
}
#menu ul li a{
color:#222222;
text-decoration:none;
font-size: 12px;
}
#menu ul li#activo{
background-color:black;
color:white;
}
#menu ul li#activo a{
color:white;
font-weight:bold;
}
#iho{
  background:url(img/ihoLampara.gif) no-repeat 90% 50% #F9F6F4;
  width:144px;
  padding:20px 8px 10px 8px;
  float:left;

}
/*------------------------------------ interior -------------------------------------------------*/
#interior{
  width: 720px;
  float:right;
  min-height:400px;
  height:auto !important;
  height:100%;
  _height:400px;
  background-color:white;
  display:block;
  padding:45px 0px 20px 20px;
  text-align:justify;
}
#interior img#left{
  float:left;
  padding:0px 10px 10px 0px;
}
#interior img#right{
  float:right;
  padding:0px 0px 10px 10px;
}
/*------------------------------------contacto y clientes-------------------------------------------------*/
#formulario{
 width: 60%;
  margin:0px auto 0px auto;
  display:block;
  background:url(img/bunSichiFondo.gif) no-repeat #F9F6F4 100% 30%;
}
#formulario ul{
  width: 55%;
  margin:5px auto 5px auto;
  padding:20px 0px 25px 0px;
  display:block;
  list-style: none;
}
#formulario ul li{
padding:0px 0px 8px 0px;
}
#formulario ul li input, #formulario ul li textarea {
width:250px;
padding:4px;
  letter-spacing:2px;
  border:1px solid #E0D3CA;
}
#formulario ul li input#boton{
width:80px;
float:right;
background-color: #E0D3CA;
border:none;
height:20px;
font-weight:bold;
text-align:center;
  cursor:pointer;
}
#formulario ul li label{
font-weight:bold;
}
#registro{
 width: 60%;
  margin:0px auto 0px auto;
  display:block;
}
#registro a{
color:#716A65;
font-weight:bold;
}
#recordar, #cambiarDatos{
float:left;
}
#registrar,#darBaja{
float:right;
}

/* ----------------------------datos cliente -------------------------------------------------- */
#datosCliente{
  width: 80%;
  margin:0px auto 0px auto;
  display:block;
  background:url(img/bunSichiFondo.gif) no-repeat #F9F6F4 100% 30%;
}
#datosCliente ul{
  width: 75%;
  margin:5px auto 5px auto;
  padding:20px 0px 25px 0px;
  display:block;
  list-style: none;
}
#datosCliente ul li{
padding:0px 0px 8px 0px;
}
#modificar{
 width: 80%;
  margin:0px auto 0px auto;
  display:block;
}
#modificar a{
color:#716A65;
font-weight:bold;
}
/* ---------------------------------------- gracias ----------------------------------------- */
#gracias{
width:70%;
 margin:100px auto 0px auto;
 text-align: center;
 display:block;
}
#gracias a{
color:#716A65;
font-weight:bold;
}
/*--------------------------------------- mapa -------------------------------------------------*/
#mapa{
  float:left;
}
#mapa img{
  border:2px solid #716A65;
}
#direccion{
  font-size:12px;
  float:right;
  background: url(img/entradaBunsichi.jpg) no-repeat 100% 0% #EFE8E3;
  display:block;
  width:378px;
  height:70px;
  padding:10px 15px 10px 15px;
}
#direccionTxt{
  float:right;
  display:block;
  width:408px;
  padding:10px 0px 10px 0px;
}
/*--------------------------------------- buscador -------------------------------------------------*/
#buscador{
font-size:12px;
  float:left;
  margin-bottom:20px;
}
#buscadorInput{
width:210px;
background: url(img/lupa.gif) no-repeat 2% 50%;
border:1px solid #7F9DB9;
padding:2px 2px 2px 28px;
  letter-spacing:2px;

}
#buscadorBoton{
height:22px;
background-color:#EFE8E3;
  border:none;
  cursor:pointer;
  margin:0px 0px 0px 10px;
  font-weight:bold;
  padding:0px 10px 0px 10px;
    letter-spacing:2px;
}
#selector{
font-size:12px;
    float:right;
}
#selectorInput{
width:130px;
border:1px solid #7F9DB9;
padding:2px;
margin:0px 0px 0px 10px;
}
#selectorInput option{
     letter-spacing:2px;
}
/*------------------------------------ noticias -------------------------------------------------*/
#noticia{
  width:100%;
  margin-bottom:8px;
}
#noticia td{
  padding:5px 15px;
}
#noticia td img{
  float:right;
  margin:0px 0px 8px 8px;
}
#noticia td#titulo{
background-color:#EFE8E3;
font-weight:bold;
}
#noticia td#titulo strong{
color:#716A65;
}
#noticia td#detalle{
text-align:right;
}
#noticia td#detalle a{
color:#716A65;
font-weight:bold;
}
#noticia td#volver{
text-align:left;
}
#noticia td#volver a{
color:#716A65;
font-weight:bold;
}
#resultadoBuscar{
  margin:5px 0px 10px 0px;
  float:left;
  clear:both;
  width:100%;
}

/*------------------------------------ carta de platos -------------------------------------------------*/
#listado{
  width: 720px;
  position:relative;
}
#listado tr#impar{
background-color:white;
}
#listado tr#par{
background-color:#F9F6F4;
}
#listado td{
/* padding:2px;  */
}
#listado tr#tituloLista{
font-size:12px;
font-weight:bold;
}
#listado tr#tituloLista td{
padding:4px 0px 4px 0px;
}
#listado td span{
color:#716A65;
}
#listado td#nombre{
 text-align:left;
 padding-left:5px;
}
#listado td#tipoPlato{
text-align:center;
}
#listado td#carrito{
text-align:center;
}
#listado tr#par td#liniaSeparador{
background-color:#EBE0D9;
width:1px;
}
#listado tr#impar td#liniaSeparador{
background-color:#F3EEEB;
width:1px;
}
#listado td#carrito #anadir{
background:url(img/anadirCarrito.gif) no-repeat 55% 0%;
display:block;
height:35px;
padding-top:8px;
padding-left:5px;
font-weight:bold;
}
#listado td#carrito #verReceta{
background:url(img/verReceta.gif) no-repeat 50% 0%;
display:block;
height:35px;
padding-top:8px;
font-weight:bold;
}
#listado td#precio{
text-align:right;
}
/* ---  tipos de plato ----*/

#listado td#tipoPlato #tipoArroz{
background:url(img/iconoArroz.gif) no-repeat 50% 0%;
display:block;
height:27px;
padding-top:15px;
}
#listado td#tipoPlato #tipoVerdura{
background:url(img/iconoVerdura.gif) no-repeat 50% 0%;
display:block;
height:27px;
padding-top:15px;
}
#listado td#tipoPlato #tipoPostre{
background:url(img/iconoPostre.gif) no-repeat 50% 0%;
display:block;
height:27px;
padding-top:15px;
}
#listado td#tipoPlato #tipoCarnes{
background:url(img/iconoCarne.gif) no-repeat 50% 0%;
display:block;
height:27px;
padding-top:15px;
}
#listado td#tipoPlato #tipoPescado{
background:url(img/iconoPescado.gif) no-repeat 50% 0%;
display:block;
height:27px;
padding-top:15px;
}
/* -------------------------------------------- Detalle Receta------------------------------------------*/
table#receta{
border:1px solid #E0D3CA;
}
table#receta td{
padding:8px;
}
table#receta td#ingredientes{
background-color:#E0D3CA;
width:30%;
}
table#receta td#fotos img{
padding:10px;
}
table#receta td#ingredientes ul{
padding:0px;
margin:0px 0px 0px 15px;
}
table#receta td#ingredientes ul li{
list-style-type: square;
}


/*------------------------------------ CARRITO DE COMPRA -------------------------------------------------*/
#seguir{
  float: left;
  margin:5px 0px 15px 0px;
  color:#EAE2DC;
  background-color:#E0D3CA;
  height:18px;
  padding:2px 10px 0px 10px;
  font-weight:bold;
  font-size:12px;
}
#eliminarTodas{
  float: right;
  margin:5px 0px 15px 0px;
  color:#EAE2DC;
  background-color:#E0D3CA;
  height:18px;
  padding:2px 10px 0px 10px;
  font-weight:bold;
  font-size:12px;
}
#eliminarTodas a, #seguir a{
  background-color:#E0D3CA;
  display:block;
  height:18px;
  padding:0px 10px 0px 10px;
  font-weight:bold;
  font-size:12px;
}
#unidades{
  height:22px;
  padding:0px;
}
#unidades td{
  padding:0px 4px 1px 4px;
  margin:0px;
}
#separador{
  height:1px;
  background-color:#E0D3CA;
  padding:0px;
  padding:0px !important;
  margin:0px;
}
#listado td#carrito #eliminar{
background:url(img/eliminarCarrito.gif) no-repeat 80% 0%;
display:block;
height:35px;
padding-top:15px;
padding-left:20px;
font-weight:bold;
}
#recargo{
  height:20px;
  text-align:right;
}
#infoCarrito{
  color:#787878;
  padding:0px 5px 0px 0px;
}
#total{
background-color:#E0D3CA;
 font-size:12px;
}
#precioTotal{
 font-size:10px;
 text-align:right;
 padding-top:15px;
}
#precioTotal strong{
font-size:16px;
padding-right:85px;
}
#confirmar{
  background-color:#040A03;
  color:#363736;
  font-weight: bold;
  text-align:center;
}
#confirmar a{
  background-color:#040A03;
  color:white;
  font-weight: bold;
  display:block;
  width: 100%;
  text-align:center;
}
#carritoVacio{
  height:80px;
  text-align:center;
  font-weight:bold;
 color:#787878;
}
/* --------------------------- confirmacion -----------------------------------*/
#confirmacion {
  width: 720px;
  position:relative;
}
#confirmacion #boton, #confirmacion #boton a {
  background-color:#040A03;
  color:#FFFFFF;
  font-weight: bold;
  text-align:center;
}
#confirmacion #mensaje{
  background-color:#E0D3CA;
  font-size:12px;
  color:#000000;
  font-weight: bold;
  text-align:center;
}
#usuarioNoRegistrado{
  float:left;
  display:block;
}
#usuarioRegistrado{
  float:right;
  display:block;
}
#datosEntrega{
  float:right;
  margin:20px auto 0px auto;
}
#usuarioNoRegistrado, #datosEntrega{
  width: 48%;
  display:block;
 /* background:url(img/bunSichiFondo.gif) no-repeat #F9F6F4 100% 30%; */
}
#usuarioRegistrado{
  width: 48%;
  display:block;
  background:url(img/bunSichiFondo.gif) no-repeat #F9F6F4 100% 30%;
}
#usuarioNoRegistrado ul, #usuarioRegistrado ul, #datosEntrega ul{
  width: 250px;
  margin:5px auto 5px auto;
  padding:10px 4px 10px 4px;
  display:block;
  list-style: none;
}
#usuarioNoRegistrado ul li, #usuarioRegistrado ul li, #datosEntrega ul li{
padding:0px 0px 8px 0px;
}
#usuarioNoRegistrado ul li input,#usuarioNoRegistrado ul li textarea, #usuarioRegistrado ul li input, #usuarioRegistrado ul li textarea, #datosEntrega ul li input{
width:250px;
padding:4px;
  font-family: Verdana, Arial, Tahoma, Sans serif;
  font-size:10px;
  letter-spacing:2px;
  border:1px solid #E0D3CA;
}
#datosEntrega ul li input#radio{
width:15px;
padding:4px;
  font-family: Verdana, Arial, Tahoma, Sans serif;
  font-size:10px;
  letter-spacing:2px;
  border:none;
}
#datosEntrega ul li input#boton {
width:165px;
float:right;
background-color: #E0D3CA;
border:none;
height:20px;
font-weight:bold;
text-align:center;
  cursor:pointer;
}
#usuarioNoRegistrado ul li label,#usuarioRegistrado ul li label, #datosEntrega ul li label {
font-weight:bold;
}
#registroConfirmar{
 width: 48%;
  display:block;
  float:right;
}
#registroConfirmar a{
color:#716A65;
font-weight:bold;
}
#recordarConfirmar{
float:left;
}
#registrarConfirmar{
float:right;
}
/* ------------------------------- PAGINADOR ------------------------------------------ */
div#paginador{
  margin: 15px auto 0px auto;
  width: 100%;
  clear:both;
}
div#paginador table#tablaPaginador{
    margin: 0px auto 0px auto;
    font-weight: regular;
}
div#paginador table#tablaPaginador td{
   width:20px;
   text-align:center;
}
div#paginador table#tablaPaginador td img{
padding-top:2px;
border:none;
}
div#paginador table#tablaPaginador td a{
    color:black;
    text-decoration:none;
}
div#paginador table#tablaPaginador td a:hover{
    font-weight:bold;
}
div#paginador table#tablaPaginador td#paginadorActivo a{
    font-weight: bold;
    text-decoration:none;
    background-color:#EFE8E3;
    padding:2px 3px 2px 3px;
    display:block;
}


/*------------------------------------ pie -------------------------------------------------*/
#contenedorPie{
  width:970px;
  margin:0px auto 0px auto;
  background-color: white;
}
#pie{
  width:945px;
  height:20px;
  float:left;
  border-width: 2px 0px 0px 0px;
  border-style:solid;
  border-color:#E0D3CA;
  padding:2px 0px 0px 0px;
}
#pie a{
font-weight:bold;
}
#pie #copyright{
float:left;
}
#pie #lazul{
float:right;
}