* {
margin:0;
padding:0;
}
html {
height:100%;
}
body {
height:100%;
font:12px Verdana, Arial, Helvetica, sans-serif;
background:#ff8b1f url(images/bg.jpg) repeat-x top;
text-align:center;
}
em {
font-style:normal;
}
.clr {
display:none;
}

a, button { outline:none }
a img { border:none }

a {
text-decoration:none;
color:#fea41a;
}
a:hover {
color:#f15a22;
}


/* Tooltip */
#tooltip {
background-color:#f1ebe3;
border:1px solid #e6e3df;
color:#777;
padding:4px 6px 6px;
}
#tooltip h3 {
font:bold 16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
border-bottom:1px solid #e6e3df;
text-align:left !important;
margin-bottom:4px;
color:#e2b761;
}
#tooltip p {
font-size:12px;
width:340px;
line-height:17px;
margin:2px 1px 0 1px;
text-align:left;
}


/* Headings */
h1.bienvenidos,
h1.empresa,
h1.historia,
h1.maestroheladero,
h1.rrhh,
h1.quomohelados,
h1.nuestrossabores,
h1.especialesquomo,
h1.postreshelados,
h1.novedades,
h1.deliciasinvierno,
h1.quomoespresso,
h1.quomoeventos,
h1.franquicias,
h1.sucursales,
h1.delivery,
h1.contacto {
width:474px;
height:20px;
margin-bottom:10px;
text-indent:-9999px;
}
h1.bienvenidos {
background:url(images/h-bienvenidos.gif) no-repeat 0 0;
}
h1.empresa {
background:url(images/h-empresa.gif) no-repeat 0 0;
}
h1.historia {
background:url(images/h-historia.gif) no-repeat 0 0;
}
h1.maestroheladero {
background:url(images/h-maestroheladero.gif) no-repeat 0 0;
}
h1.rrhh {
background:url(images/h-rrhh.gif) no-repeat 0 0;
}
h1.quomohelados {
background:url(images/h-quomohelados.gif) no-repeat 0 0;
}
h1.nuestrossabores {
background:url(images/h-nuestrossabores.gif) no-repeat 0 0;
}
h1.especialesquomo {
background:url(images/h-especialesquomo.gif) no-repeat 0 0;
}
h1.postreshelados {
background:url(images/h-postreshelados.gif) no-repeat 0 0;
}
h1.novedades {
background:url(images/h-novedades.gif) no-repeat 0 0;
}
h1.deliciasinvierno {
background:url(images/h-delicias-invierno.gif) no-repeat 0 0;
}
h1.quomoespresso {
background:url(images/h-quomoespresso.gif) no-repeat 0 0;
}
h1.quomoeventos {
background:url(images/h-quomoeventos.gif) no-repeat 0 0;
}
h1.franquicias {
background:url(images/h-franquicias.gif) no-repeat 0 0;
}
h1.sucursales {
background:url(images/h-sucursales.gif) no-repeat 0 0;
}
h1.delivery {
background:url(images/h-delivery.gif) no-repeat 0 0;
}
h1.contacto {
background:url(images/h-contacto.gif) no-repeat 0 0;
}
h2.visionquomo,
h2.misionquomo,
h2.calidadquomo,
h2.direcciongral,
h2.produccion,
h2.imagencorporativa,
h2.plantaelaboradora {
width:308px;
height:20px;
margin-bottom:8px;
text-indent:-9999px;
}
h2.visionquomo {
background:url(images/h-visionquomo.gif) no-repeat 0 0;
width:290px;
float:left;
}
h2.misionquomo {
background:url(images/h-misionquomo.gif) no-repeat 0 0;
width:290px;
float:left;
}
h2.calidadquomo {
background:url(images/h-calidadquomo.gif) no-repeat 0 0;
}
h2.direcciongral {
background:url(images/h-direcciongral.gif) no-repeat 0 0;
}
h2.produccion {
background:url(images/h-produccion.gif) no-repeat 0 0;
}
h2.imagencorporativa {
background:url(images/h-imagencorporativa.gif) no-repeat 0 0;
}
h2.plantaelaboradora {
background:url(images/h-plantaelaboradora.gif) no-repeat 0 0;
width:340px;
float:left;
}

h2.cremas,
h2.dulce-de-leche,
h2.chocolate,
h2.frutales,
h2.light,
h2.sab-novedades {
height:14px;
margin-bottom:8px;
text-indent:-9999px;
position:relative;
}
h2.cremas {
background:url(images/h-cremas.gif) no-repeat 0 0;
width:234px;
}
h2.dulce-de-leche {
background:url(images/h-dulce-de-leche.gif) no-repeat 0 0;
width:234px;
}
h2.chocolate {
background:url(images/h-chocolate.gif) no-repeat 0 0;
width:180px;
}
h2.frutales {
background:url(images/h-frutales.gif) no-repeat 0 0;
width:180px;
}
h2.light {
background:url(images/h-light.gif) no-repeat 0 0;
width:180px;
}
h2.sab-novedades {
background:url(images/h-sab-novedades.gif) no-repeat 0 0;
width:180px;
}

#colde h2.quomohelados,
#colde h2.contacto {
width:220px;
height:20px;
margin-bottom:8px;
text-indent:-9999px;
}
#colde h2.quomohelados {
background:url(images/h-colde-quomohelados.gif) no-repeat 0 0;
}
#colde h2.contacto {
background:url(images/h-colde-contacto.gif) no-repeat 0 0;
}
h2 {
font:bold 15px Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-top:10px;
color:#e2b761;
}

/* Divs Contenedores */
#intro {
width:100%;
height:100%;
text-align:center;
background:url(images/bg-contenedor.gif) repeat-y center;
}

#divintro {
width:100%;
height:465px;
padding:20px 0;
background:url(images/bg-intro.png) repeat-x center;
}
h1.intro {
width:100%;
font-size:10px;
text-align:center;
font:11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
padding-top:10px;
color:#999;
}
.ingresar {
width:100%;
text-align:center;
}
.ingresar a {
font:bold 14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
margin-top:-14px;
}
.ingresar a {
width:270px;
height:39px;
display:block;
margin:0 auto;
background:url(images/btn-ingresar.gif) no-repeat 0 0;
}
.ingresar a:hover {
background:url(images/btn-ingresar.gif) no-repeat 0 -39px;
}
.ingresar a strong {
display:none;
}


#contenedor,
#contenedor-c {
width:100%;
min-height:101%;
text-align:center;
}
#contenedor {
background:url(images/bg-contenedor.gif) repeat-y 45% 0;
}
#contenedor-c {
background:url(images/bg-contenedor-c.gif) repeat-y 45% 0;
}

#arriba {
width:100%;
height:142px;
text-align:left;
padding:33px 0;
margin-top:-10px;
background:url(images/bg-arriba.png) repeat-x center;
}


/* Menu/Nav */
#nav {
height:176px;
margin-top:14px;
list-style:none;
text-align:left;
}
#nav ul {
list-style:none;
}
#nav li {
padding:0;
}
#nav li a {
width:176px;
height:20px;
margin:6px 0 0;
text-decoration:none;
display:block;
}
#nav li a.inicio {
background:url(images/nav-inicio.gif) no-repeat 0 0;
}
#nav li a.inicio-act,
#nav li a.inicio:hover {
background:url(images/nav-inicio.gif) no-repeat 0 -20px;
}
#nav li a.empresa {
background:url(images/nav-empresa.gif) no-repeat 0 0;
}
#nav li a.empresa-act,
#nav li a.empresa:hover {
background:url(images/nav-empresa.gif) no-repeat 0 -20px;
}
#nav li a.historia {
background:url(images/nav-historia.gif) no-repeat 0 0;
margin:0;
}
#nav li a.historia-act,
#nav li a.historia:hover {
background:url(images/nav-historia.gif) no-repeat 0 -20px;
margin:0;
}
#nav li a.maestroheladero {
background:url(images/nav-maestroheladero.gif) no-repeat 0 0;
margin:0;
}
#nav li a.maestroheladero-act,
#nav li a.maestroheladero:hover {
background:url(images/nav-maestroheladero.gif) no-repeat 0 -20px;
margin:0;
}
#nav li a.rrhh {
background:url(images/nav-rrhh.gif) no-repeat 0 0;
margin:0;
}
#nav li a.rrhh-act,
#nav li a.rrhh:hover {
background:url(images/nav-rrhh.gif) no-repeat 0 -20px;
margin:0;
}
#nav li a.quomohelados {
background:url(images/nav-quomohelados.gif) no-repeat 0 0;
cursor:pointer;
}
#nav li a.quomohelados-act,
#nav li a.quomohelados:hover {
background:url(images/nav-quomohelados.gif) no-repeat 0 -20px;
}
#nav li a.nuestrossabores {
background:url(images/nav-nuestrossabores.gif) no-repeat 0 0;
margin:0;
}
#nav li a.nuestrossabores-act,
#nav li a.nuestrossabores:hover {
background:url(images/nav-nuestrossabores.gif) no-repeat 0 -20px;
margin:0;
}
#nav li a.especialesquomo {
background:url(images/nav-especialesquomo.gif) no-repeat 0 0;
margin:0;
}
#nav li a.especialesquomo-act,
#nav li a.especialesquomo:hover {
background:url(images/nav-especialesquomo.gif) no-repeat 0 -20px;
margin:0;
}
#nav li a.postreshelados {
background:url(images/nav-postreshelados.gif) no-repeat 0 0;
margin:0;
}
#nav li a.postreshelados-act,
#nav li a.postreshelados:hover {
background:url(images/nav-postreshelados.gif) no-repeat 0 -20px;
margin:0;
}
#nav li a.novedades {
background:url(images/nav-novedades.gif) no-repeat 0 0;
}
#nav li a.novedades-act,
#nav li a.novedades:hover {
background:url(images/nav-novedades.gif) no-repeat 0 -20px;
}
#nav li a.deliciasinvierno {
background:url(images/nav-deliciasinvierno.gif) no-repeat 0 0;
}
#nav li a.deliciasinvierno-act,
#nav li a.deliciasinvierno:hover {
background:url(images/nav-deliciasinvierno.gif) no-repeat 0 -20px;
}
#nav li a.quomoespresso {
background:url(images/nav-quomoespresso.gif) no-repeat 0 0;
}
#nav li a.quomoespresso-act,
#nav li a.quomoespresso:hover {
background:url(images/nav-quomoespresso.gif) no-repeat 0 -20px;
}
#nav li a.quomoeventos {
background:url(images/nav-quomoeventos.gif) no-repeat 0 0;
}
#nav li a.quomoeventos-act,
#nav li a.quomoeventos:hover {
background:url(images/nav-quomoeventos.gif) no-repeat 0 -20px;
}
#nav li a.franquicias {
background:url(images/nav-franquicias.gif) no-repeat 0 0;
}
#nav li a.franquicias-act,
#nav li a.franquicias:hover {
background:url(images/nav-franquicias.gif) no-repeat 0 -20px;
}
#nav li a.sucursales {
background:url(images/nav-sucursales.gif) no-repeat 0 0;
}
#nav li a.sucursales-act,
#nav li a.sucursales:hover {
background:url(images/nav-sucursales.gif) no-repeat 0 -20px;
}
#nav li a.contacto {
background:url(images/nav-contacto.gif) no-repeat 0 0;
}
#nav li a.contacto-act,
#nav li a.contacto:hover {
background:url(images/nav-contacto.gif) no-repeat 0 -20px;
}
#nav li a span {
display:none;
}

#medio {
width:1007px;
margin:-15px auto 0;
}

#coliz {
float:left;
width:176px;
padding-left:14px;
}

#cnt,
.espresso,
.lenguita {
float:left;
width:474px;
padding:10px 40px 0;
text-align:left;
}
.espresso {
background:url(images/bg-espresso.jpg) no-repeat 240px 30px;
}
.lenguita {
background:url(images/bg-lenguita-gr.gif) no-repeat center;
}

#cnt .sabores-izq {
display:block;
width:258px;
margin-bottom:6px;
height:730px;
float:left;
}
#cnt .sabores-der {
background:url(images/bg-sabores-der.gif) no-repeat left;
padding-left:28px;
margin-bottom:6px;
display:block;
width:188px;
height:730px;
float:left;
}
#cnt .sabores-izq ul,
#cnt .sabores-der ul {
padding:2px 0 0;
line-height:16px;
list-style:none;
margin-bottom:6px;
}
#cnt .sabores-izq li,
#cnt .sabores-der li {
text-transform:uppercase;
padding-left:0 !important;
margin-top:2px;
font-size:12px;
}
#cnt a.btn-sabores {
border-bottom:1px solid #e6e3df;
font-weight:bold;
cursor:pointer;
color:#666;
}
#cnt a.btn-sabores:hover {
border-bottom:1px solid #dddad5;
color:#333;
}
#cnt .sabores-izq .desc,
#cnt .sabores-der .desc {
padding-left:12px;
text-transform:none;
font-size:11px;
}

#cnt .sabores-der ul.elaboracion-propia {
background:url(images/bg-elaboracion-propia.jpg) no-repeat;
margin-top:16px;
display:block;
width:174px;
height:135px;
}
#cnt .sabores-der ul.elaboracion-propia h2,
#cnt .sabores-der ul.elaboracion-propia li {
display:none;
}

#cnt .tentaciones {
background:url(images/bg-tentaciones.jpg) no-repeat;
display:block;
width:476px;
height:400px;
}
#cnt .postres {
background:url(images/bg-postres.jpg) no-repeat;
display:block;
width:476px;
height:984px;
}
#cnt .delicias {
background:url(images/bg-delicias.jpg) no-repeat;
display:block;
width:476px;
height:458px;
}
#cnt .tentaciones h2,
#cnt .tentaciones p,
#cnt .postres h2,
#cnt .postres p,
#cnt .delicias h2,
#cnt .delicias p {
display:none;
}
#cnt p {
padding:6px 0;
line-height:18px;
text-align:justify;
color:#666;
}
#cnt p span {
color:#444;
}
#cnt .resaltado {
color:#f15a22;
}
#cnt .crsv {
font:oblique 16px "Times New Roman", Times, serif;
color:#f15a22;
}
#cnt .upc {
text-transform:uppercase;
}
#cnt .gr {
font-size:14px;
}
#cnt .bln {
color:#999;
}
#cnt .bln span {
color:#777;
}
#cnt .izq {
text-align:left;
}
#cnt .center {
text-align:center;
}
#cnt ul {
padding:6px 0;
line-height:18px;
list-style:none;
color:#666;
}
#cnt li {
margin-top:2px;
padding-left:12px;
font-size:11px;
}

#cnt .hr,
#cnt .hr-c {
width:474px;
height:12px;
border:none;
margin:8px 0;
clear:both;
}
#cnt .hr {
background:transparent url(images/bg-hr.gif) no-repeat 0 0;
}
#cnt .hr-c {
background:url(images/bg-hr-c.gif) no-repeat 0 0;
}
#cnt img {
border:1px solid #ffd279;
}
#cnt .imgiz {
float:left;
margin:0 18px 12px 0;
}
#cnt .imgde {
float:right;
margin:0 0 12px 12px;
}

#colde {
float:left;
width:224px;
text-align:left;
padding-left:20px;
}
#colde p {
padding:4px 0;
line-height:18px;
text-align:justify;
}
#colde img {
border:0;
}
#colde a {
display:block;
margin:2px 0;
width:220px;
height:40px;
}
#colde a strong {
display:none;
}
#colde a.sabores {
background:url(images/btn-colde-sabores.jpg) no-repeat 0 0;
}
#colde a.sabores:hover {
background:url(images/btn-colde-sabores.jpg) no-repeat 0 -40px;
}
#colde a.tentaciones {
background:url(images/btn-colde-tentaciones.jpg) no-repeat 0 0;
}
#colde a.tentaciones:hover {
background:url(images/btn-colde-tentaciones.jpg) no-repeat 0 -40px;
}
#colde a.postres {
background:url(images/btn-colde-postres.jpg) no-repeat 0 0;
}
#colde a.postres:hover {
background:url(images/btn-colde-postres.jpg) no-repeat 0 -40px;
}
#colde a.delivery {
height:196px;
margin:7px 0 18px;
background:url(images/btn-colde-delivery.jpg) no-repeat 0 0;
}

#colde input,
#colde textarea {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background-color:#faeedc;
border:1px solid #ffd279;
color:#333;
padding:2px;
width:220px;
}
#colde textarea {
height:80px;
}
#colde #enviar {
background:url(images/btn-enviar.gif) no-repeat 0 0;
text-indent:-9999px;
cursor:pointer;
margin:8px 0;
display:block;
height:25px;
width:220px;
border:0;
}
#colde #enviar:hover {
background:url(images/btn-enviar.gif) no-repeat 0 -25px;
}


#abajo {
clear:both;
width:100%;
height:70px;
padding:18px 0;
text-align:center;
background:url(images/bg-abajo.png) repeat-x center;
}

#pie {
width:1007px;
height:68px;
color:#666;
font:12px Arial, Helvetica, sans-serif;
margin:0 auto;
text-align:right;
}
#pie p {
padding-right:296px;
}
#pie .bln {
color:#999;
}
#pie a.quomo,
#pie a.quomo-c {
margin:4px 0 0 220px;
display:block;
width:129px;
height:40px;
float:left;
}
#pie a.quomo {
background:url(images/btn-logo-abajo.gif) no-repeat 0 0;
}
#pie a.quomo:hover {
background:url(images/btn-logo-abajo.gif) no-repeat 0 -40px;
}
#pie a.quomo-c {
background:url(images/btn-logo-abajo-c.gif) no-repeat 0 0;
}
#pie a.quomo-c:hover {
background:url(images/btn-logo-abajo-c.gif) no-repeat 0 -40px;
}
#pie a.quomo span,
#pie a.quomo-c span {
display:none;
}