@import 'reset.css';
@import 'fonts.css';

a, img, div, input{ behavior: url("../css/iepngfix.htc") }

body{background:#404040 url(../images/esther-fondo.jpg) no-repeat top center; color:#baa271; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:12px; line-height:18px; }

h1{width:308px; height:60px; display:block; float:left; text-indent:-9000px;  margin-left:78px; _margin-left:39px; margin-top:10px;  }
h1.titulo-postres{ background:url(../images/titulo_postres.jpg) no-repeat;}
h1.titulo-barras{ background:url(../images/titulo_barras.jpg) no-repeat;}
h1.titulo-barras-heladas{ background:url(../images/titulo_barras_heladas.jpg) no-repeat;}
h1.titulo-tortas{ background:url(../images/titulo_tortas.jpg) no-repeat;}
h1.titulo-tortas-heladas{ background:url(../images/titulo_tortas_heladas.jpg) no-repeat;}
h1.titulo-tartas{ background:url(../images/titulo_tartas.jpg) no-repeat;}
h1.titulo-tartas-heladas{ background:url(../images/titulo_tartas_heladas.jpg) no-repeat;}
h1.titulo-individuales{ background:url(../images/titulo_individuales.jpg) no-repeat;}
h1.titulo-sabores{ background:url(../images/titulo_sabores.jpg) no-repeat;}
h1.titulo-sugerencias{ background:url(../images/titulo_sugerencias.jpg) no-repeat; height:64px; margin-top:12px; }
h1.titulo-sucursales{ background:url(../images/titulo_sucursales.jpg) no-repeat;}
h1.titulo-softher{ background:url(../images/titulo_softher.jpg) no-repeat;}
h1.titulo-historia{ background:url(../images/titulo_historia.jpg) no-repeat;}

h2{ font-size:17px;  font-weight:normal; color:#71452b; text-transform:uppercase;}
h2 span{color:#ae663d;}

p span{ color:#3d280c;}
p.texto-celiacos{width:160px; height:21px; display:block; text-indent:-9000px; background:url(../images/img_celiacos.jpg) no-repeat; margin-left:220px; _margin-left:110px; padding-bottom:4px;}


a.btn-volver{width:279px; height:24px; display:block; background:url(../images/bg_volver.png) no-repeat; text-indent:-9000px; margin:0 auto;}

#main{width:960px; display:block; margin:0 auto;}

#head{width:960px; height:210px; float:left; clear:none; display:block; background: #fff url(../images/bg_head.jpg) no-repeat bottom; position:relative;}
#head a#logo{width:450px; border-right: 1px solid #eee; height:189px; display:block; background:url(../images/logo2.jpg) no-repeat; text-indent:-9000px; position:absolute; top:7px; left:4px;}
#head ul.menu-top{width:448px; height:18px; padding-left:3px; display:block; background:url(../images/bg_menu_top.jpg) repeat-x bottom; top:25px; left:487px; position:absolute;}
#head ul.menu-top li{ width:auto; float:left;}
#head ul.menu-top li a {padding:0 7px; height:18px; float:left; width:auto; }
#head ul.menu-top li a:hover,#head ul.menu-top li a.activo{background:url(../images/bg_menu_hover.jpg) repeat-x bottom;}
#head ul.menu-top li a p{float:left; display:block; height:12px; text-indent:-9000px;}
#head ul.menu-top li a p#m-inicio{width:31px; background:url(../images/m_inicio.jpg) no-repeat;}
#head ul.menu-top li a p#m-postres{width:43px; background:url(../images/m_postres.jpg) no-repeat;}
#head ul.menu-top li a p#m-sucursales{width:65px; background:url(../images/m_sucursarles.jpg) no-repeat;}
#head ul.menu-top li a p#m-empresa{width:45px; background:url(../images/m_empresa.jpg) no-repeat;}
#head ul.menu-top li a p#m-sabores{width:46px; background:url(../images/m_sabores.jpg) no-repeat;}
#head ul.menu-top li a p#m-sugerencias{width:70px; background:url(../images/m_sugerencias.jpg) no-repeat; }
#head ul.menu-top li a p#m-softher{ width:47px; background:url(../images/m_softher.jpg) no-repeat; height:17px; margin-top:-5px;}
/*#head a#email{width:210px; height:13px; display:block; background:url(../images/texto_email.jpg) no-repeat; text-indent:-9000px; position:absolute; top:173px; left:490px; }*/
#head a#email{ color:#656565; font-size:13px; letter-spacing:2px; text-decoration:none;  position:absolute; top:173px; left:490px; }
#head ul.list-direcciones{width:480px; display:block; position:absolute; top:50px; left:487px;}
#head ul.list-direcciones li{width:100px; float:left; display:block; text-align:center; margin-right:20px; _margin-right:10px; margin-bottom:5px; _margin-bottom:5px;}
#head ul.list-direcciones li p span{ font-size:10px; color:#b2b2b2; }
#head ul.list-direcciones li p{ color:#b2b2b2; font-size:20px;}

#foot{width:960px; height:80px; float:left; clear:none; display:block; position:relative; z-index:100; background: url(../images/bg_foot.png) no-repeat; margin-top:-80px;}
#foot ul.menu-foot{width:550px; height:26px;  display:block;  top:18px; left:237px; position:absolute;}
#foot ul.menu-foot li{ width:auto; float:left;}
#foot ul.menu-foot li a{ text-indent:-9000px; margin-right:28px; _margin-right:14px; height:10px; display:block; }
#foot ul.menu-foot li a#m-pie-inicio{ background:url(../images/m_pie_inicio.jpg) no-repeat; width:34px; }
#foot ul.menu-foot li a#m-pie-inicio:hover,#foot ul.menu-foot li a#m-pie-inicio.activo{ background:url(../images/m_pie_inicio_hover.jpg) no-repeat; }
#foot ul.menu-foot li a#m-pie-postres{ background:url(../images/m_pie_postres.jpg) no-repeat; width:43px; }
#foot ul.menu-foot li a#m-pie-postres:hover,#foot ul.menu-foot li a#m-pie-postres.activo{ background:url(../images/m_pie_postres_hover.jpg) no-repeat; }
#foot ul.menu-foot li a#m-pie-sucursales{ background:url(../images/m_pie_sucursales.jpg) no-repeat; width:65px; }
#foot ul.menu-foot li a#m-pie-sucursales:hover,#foot ul.menu-foot li a#m-pie-sucursales.activo{ background:url(../images/m_pie_sucursales_hover.jpg) no-repeat; }
#foot ul.menu-foot li a#m-pie-empresa{ background:url(../images/m_pie_empresa.jpg) no-repeat; width:47px; }
#foot ul.menu-foot li a#m-pie-empresa:hover,#foot ul.menu-foot li a#m-pie-empresa.activo{ background:url(../images/m_pie_empresa_hover.jpg) no-repeat; }
#foot ul.menu-foot li a#m-pie-sabores{ background:url(../images/m_pie_sabores.jpg) no-repeat; width:45px; }
#foot ul.menu-foot li a#m-pie-sabores:hover,#foot ul.menu-foot li a#m-pie-sabores.activo{ background:url(../images/m_pie_sabores_hover.jpg) no-repeat; }
#foot ul.menu-foot li a#m-pie-sugerencias{ background:url(../images/m_pie_sugerencias.jpg) no-repeat; width:70px; }
#foot ul.menu-foot li a#m-pie-sugerencias:hover,#foot ul.menu-foot li a#m-pie-sugerencias.activo{ background:url(../images/m_pie_sugerencias_hover.jpg) no-repeat; }
#foot ul.menu-foot li a#m-pie-softher{ background:url(../images/m_pie_softher.jpg) no-repeat; width:59px; height:21px; margin-right:0; margin-top:-8px; _margin-top:-4px; }
#foot ul.menu-foot li a#m-pie-softher:hover,#foot ul.menu-foot li a#m-pie-softher.activo{ background:url(../images/m_pie_softher_hover.jpg) no-repeat; }

#cont{width:960px; padding-top:8px; height:492px; float:left; clear:none; display:block; background:#ae663d;}

div.box-left-inicio{width:714px; height:476px; display:block; float:left; clear:none; background:#020202; }

div.box-right-inicio{width:211px; height:289px; padding-right:15px; padding-left:20px; padding-top:126px; display:block; float:left; clear:none; background:url(../images/bg_box_right_inicio.jpg) no-repeat; margin-top:2px; _margin-top:1px; z-index:0; position:relative; }
div.box-right-inicio a { color: #900; text-decoration: none; float: left; width: 230px; }
div.box-right-inicio a img { margin-right: 5px; float: left }
div.box-right-inicio a span { float: left; cursor: pointer; width: 180px; }

div.box-left{width:485px; height:476px; display:block; clear:none; float:left; }
div.box-right{width:475px; height:414px; display:block; float:left; clear:none; background:url(../images/bg_box_right.jpg) no-repeat; }
div.box-right.bg-empresa{ background:url(../images/bg_empresa.jpg) no-repeat;}

div.box-softher{width:400px; height:280px; padding:20px 30px; display:block; float:left; clear:none; background:url(../images/bg_box_softher.jpg) no-repeat; margin-top:5px; margin-left:30px; _margin-left:15px;}
div.box-softher img{ margin:6px 0 20px 76px; _margin:3px 0 0 38px; float:left; width:auto;}
div.box-softher p{ float:left; clear:both; width:auto; padding-left:50px; font-size:16px; padding-bottom:20px;}

ul.lista-productos{width:430px; height:300px; background:url(../images/bg_pie.png) no-repeat center bottom;  float:left; clear:none; display:block; margin-top:5px; padding-top:30px; padding-left:33px; overflow:auto;}
ul.lista-productos li{width:173px; height:93px; float:left; clear:none; display:inline; margin-right:22px; _margin-rigth:16px; margin-bottom:30px; _margin-bottom:15px; padding-left:11px; padding-bottom:11px; background:url(../images/bg_productos.png) no-repeat bottom;}
ul.lista-productos li div.imagenes-productos{width:167px; height:57px; padding-top:8px; padding-left:7px; float:left; clear:none; display:block; background:url(../images/bg_img_productos.png) no-repeat; margin-bottom:8px; _margin-bottom:4px;}
ul.lista-productos li a{color:#6a5940; text-decoration:none; margin-top:4px;}
ul.lista-productos li a:hover{color:#d59878;}

ul.lista-productos-cont{width:340px; float:left; clear:none; display:block;}
ul.lista-productos-cont li{width:318px; padding-left:22px; height:73px; background: url(../images/bg_productos_int.png) no-repeat bottom; float:left; display:block; margin-bottom:10px; _margin-bottom:5px;}
ul.lista-productos-cont li div.imagenes-productos-chica{width:73px; height:49px; padding:5px; float:left; clear:none; display:block; background:url(../images/bg_img_productos_chica.png) no-repeat;}
ul.lista-productos-cont li p{margin-left:20px; width:auto; float:left; _margin-left:10px; padding-top:5px;}

ul.lista-sabores-cont{width:340px; float:left; clear:none; display:block;}
ul.lista-sabores-cont li{width:300px; padding-left:40px; height:60px; background: url(../images/bg_productos_int.png) no-repeat bottom; float:left; display:block; margin-bottom:10px; _margin-bottom:5px; position:relative;}
ul.lista-sabores-cont li p.tipo-sabor{width:40px; height:20px; display:block; position:absolute; text-indent:-9000px;  left:0;}
ul.lista-sabores-cont li p.tipo-sabor.tipo-celiaco{ background:url(../images/img_celiacos_chic.png) no-repeat; top:0px;}
ul.lista-sabores-cont li p.tipo-sabor.tipo-nuevo{ background:url(../images/img_nuevo_chic.png) no-repeat; top:25px;}
ul.lista-sabores-cont li p{clear:none; width:auto; float:left; }
ul.lista-sabores-cont li div.box-texto-sabores{width:300px; height:42px; display:block; float:left; cursor:pointer; padding-bottom:4px;}
ul.lista-sabores-cont li div.box-texto-sabores:hover{ background:#eee2d1;}
ul.lista-sabores-cont li p.titulo-texto-sabores{width:116px; padding-left:4px; display:block; float:left; clear:none; color:#3d280c; font-size:14px;}
ul.lista-sabores-cont li div.box-texto-sabores:hover p.titulo-texto-sabores{color:#baa271;}

div.box-texto-historia{width:308px; height:230px; padding:38px 80px 60px 80px; float:left; display:block; color:#65553c; background:url(../images/bg_pie.png) no-repeat bottom;}

div.box-sucursales{width:390px; height:300px; padding:0 13px; background:url(../images/bg_box_sucursales.jpg) no-repeat; float:left; clear:none; display:block; margin-top:28px; _margin-top:14px; margin-left:34px; _margin-left:17px; position:relative;}
div.box-img-sucursales{width:179px; height:120px; padding:13px; float:left; clear:none; display:block; background:url(../images/bg_img_sucursales.jpg) no-repeat;}
div.box-texto-sucursales{width:162px; height:94px; padding-left:18px; float:left; display:block; clear:none;}
div.box-telefono-sucursales{width:150px; height:52px; display:block; float:left; background:url(../images/bg_sucursales_tel.jpg) no-repeat; text-align:center; margin-left:18px; _margin-left:9px; }
div.box-telefono-sucursales p{ font-size:28px; padding-top:15px; color:#3d280c; font-family:"Georgia",Times New Roman, Times, serif;}
div.box-texto-sucursales ul { width: 130px;  }
div.box-texto-sucursales ul li { width: 130px; margin: 0px; height: 40px; list-style: disc outside none; margin-left: 15px; }
div.box-sucursales a.btn-ant{width:13px; height:24px; display:block; background:url(../images/btn_sucursales_ant.jpg) no-repeat; text-indent:-9000px; position:absolute; left:-10px; top:120px;}
div.box-sucursales a.btn-sig{width:13px; height:24px; display:block; background:url(../images/btn_sucursales_sig.jpg) no-repeat; text-indent:-9000px; position:absolute; right:-10px; top:120px;}

fieldset#sugerencias{width:416px; height:310px; display:block; background:url(../images/bg_sugerencias.jpg) no-repeat; margin-left:28px; _margin-left:14px; position:relative; float:left;}
fieldset#sugerencias p{color:#3d280c; padding-top:20px; font-size:15px; padding-bottom:30px;}
fieldset#sugerencias label{width:60px; display:block; float:left; clear:both; padding-bottom:10px;}
fieldset#sugerencias input.campo{width:348px; height:16px; border:1px solid #e9dac4; display:block; background:#fff; margin-bottom:10px; _margin-bottom:5px; float:left; color:#baa271; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:12px; clear:none;}
fieldset#sugerencias input.btn-enviar{width:72px; height:24px; display:block; background:none; border:none; position:absolute; top:280px; left:165px;}
fieldset#sugerencias textarea{width:348px; height:80px; border:1px solid #e9dac4; display:block; background:#fff; margin-bottom:10px; _margin-bottom:5px; float:left; color:#baa271; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:12px; clear:none; overflow:hidden;}

#box-productos-int {width:340px; height:240px; padding-left:43px; padding-top:60px; padding-bottom:20px; margin-top:40px;}

/*
#scroll {position:relative; width:390px; height:240px; overflow:auto}
#scrollcontent {position:absolute; width:340px; z-index:200}
*/
#scroll {width:390px; height:240px; overflow:auto}
#scrollcontent {width:340px; z-index:200}

.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}
.jScrollPaneTrack {
background: url(../images/scroll-bg.png) repeat-y;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}
.jScrollPaneDrag {
position:absolute;
background: rgb(61, 40, 12);
cursor:pointer;
overflow:hidden;

}
.jScrollPaneDragTop {
left:0;
overflow:hidden;
position:absolute;
top:0;
}
.jScrollPaneDragBottom {
bottom:0;
left:0;
overflow:hidden;
position:absolute;
}