/* ----- HTML-CSS GENERAL ----- */

body     { font-size: 13px; font-family: Tahoma; background-color: #1e1e1e; margin: 0; padding: 0 }
a  { outline-width: 0 }

/* ----- INDEX ----- */

#cajacontenedora1           { margin-top: -189px; margin-left: -500px; position: absolute; top: 50%; left: 50%; width: 1000px; height: 378px }
#cajahome          { width: 1000px; height: 227px }
#cajacolumnas     { width: 1000px; height: 220px }
#cajasombra           { background-image: url(../images/bgsombra.gif); width: 1000px; height: 7px }
#columna1      { background-color: #181818; width: 684px; height: 220px; float: left }
#columna2           { background-color: #111; margin-right: 4px; margin-left: 4px; padding: 182px 30px 19px; width: 70px; height: 19px; float: left }
#columna3       { background-color: #090909; width: 178px; height: 220px; float: left }
#logohome    { background-image: url(../images/logo.gif); background-repeat: no-repeat; text-indent: -9999px; margin-top: 32px; margin-bottom: 15px; margin-left: 14px; width: 358px; height: 172px; overflow: hidden }
#cajatextos           { padding-right: 17px; padding-left: 17px; width: 966px; height: 151px }
#texto1      { background-image: url(../images/cuadrorojo.gif); background-repeat: no-repeat; background-position: 0 3px; padding-right: 8px; padding-left: 8px; width: 284px; float: left }
#texto2         { background-image: url(../images/cuadrorojo.gif); background-repeat: no-repeat; background-position: 0 3px; margin-right: 24px; margin-left: 24px; padding-right: 8px; padding-left: 8px; width: 284px; float: left }
#texto3      { background-image: url(../images/cuadrorojo.gif); background-repeat: no-repeat; background-position: 0 3px; padding-right: 8px; padding-left: 8px; width: 284px; float: left }

/* ----- MARIA LUISA UNDURRAGA ----- */

#cajamenu          { padding: 10px; width: 880px; height: 140px }
#cajatienda                { background-color: #181818; padding: 10px; width: 880px; height: 382px }
#cajalogo       { background-image: url(../images/logomenu.gif); background-repeat: no-repeat; text-indent: -9999px; margin-top: 30px; width: 200px; height: 96px; float: left; overflow: hidden }
#cajatienda1                    { background-image: url(../images/27.gif); background-repeat: no-repeat; background-position: right bottom; width: 588px; height: 362px; float: left }
#cajatienda2              { width: 262px; height: 362px; float: right }
#titulotienda         { background-image: url(../images/titulos/tienda.gif); background-repeat: no-repeat; text-indent: -9999px; width: 212px; height: 19px; float: left; overflow: hidden }

/* ----- REGALOS ----- */

#cajaregalos  { background-color: #181818; padding: 10px; width: 880px; height: 382px }
#tituloestano   { background-image: url(../images/titulos/estano.gif); background-repeat: no-repeat; text-indent: -9999px; width: 376px; height: 19px; float: left; overflow: hidden }
#titulovarios { background-image: url(../images/titulos/varios.gif); background-repeat: no-repeat; text-indent: -9999px; width: 122px; height: 19px; float: left; overflow: hidden }
#titulovidrios  { background-image: url(../images/titulos/vidrios.gif); background-repeat: no-repeat; text-indent: -9999px; width: 178px; height: 19px; float: left; overflow: hidden }
#titulolamparas  { background-image: url(../images/titulos/lamparas.gif); background-repeat: no-repeat; text-indent: -9999px; width: 178px; height: 19px; float: left; overflow: hidden }

/* ----- NOVIOS ----- */

#cajanovios               { background-color: #181818; padding: 10px; width: 880px; height: 382px }
#titulonovios       { background-image: url(../images/titulos/novios.gif); background-repeat: no-repeat; text-indent: -9999px; width: 140px; height: 19px; float: left; overflow: hidden }

/* ----- JOHN SOMERS ----- */

#cajajohn   { background-color: #181818; padding: 10px; width: 880px; height: 382px; overflow: auto }

/* ----- CONTACTO ----- */

#cajacontacto1 { width: 580px; height: 362px; float: left }
#cajacontacto2 { width: 270px; height: 362px; float: right }
#titulocontacto { background-image: url(../images/titulos/contacto.gif); background-repeat: no-repeat; text-indent: -9999px; width: 98px; height: 19px; float: left; overflow: hidden }
#textocontacto { background-image: url(../images/cuadroblanco.gif); background-repeat: no-repeat; background-position: 0 3px; padding-right: 8px; padding-left: 8px }
#lineagris { background-image: url(../images/linea.gif); background-repeat: repeat-x; padding-top: 5px; padding-bottom: 5px; height: 11px }

/* ----- TEXTOS ----- */

.boldhome           { color: #fff; font-size: 12px; font-weight: bold }
.infoportada           { font-size: 11px }
.texto11   { color: #fff; font-size: 12px }
.textoblanco   { color: #fff; font-size: 12px }
.textochico    { color: #fff; font-size: 10px }
.textoblanco2  { color: #fff; font-size: 15px }
.textoblanco:hover  { color: #fff; font-size: 11px; font-weight: bold }
.linkblanco { color: #fff; font-size: 11px; text-decoration: none }
.linkblanco:hover   { color: #fff; font-size: 11px; font-weight: bold; text-decoration: underline }
.cursiva { font-style: italic }

/* ----- MENU ----- */

#nav                     { display: block; margin-top: 108px; width: 468px; height: 16px; float: right }
#nav ul  { list-style-type: none; margin: 0; padding: 0 }
#nav ul li  { float: left }
#nav ul li span   { display: none }
#nav ul li.tienda a        { background-image: url(../images/menu/acerca.gif); display: block; margin: 0 10px 0 0; width: 166px; height: 16px }
#nav ul li.tienda a:hover        { background-image: url(../images/menu/acerca.gif); background-position: 0 -16px; display: block; margin: 0 10px 0 0; width: 166px; height: 16px }
#nav ul li.regalos a          { background-image: url(../images/menu/regalos.gif); display: block; margin: 0 10px 0 0; width: 68px; height: 16px }
#nav ul li.regalos a:hover          { background-image: url(../images/menu/regalos.gif); background-position: 0 -16px; display: block; margin: 0 10px 0 0; width: 68px; height: 16px }
#nav ul li.listadenovios a        { background-image: url(../images/menu/listadenovios.gif); display: block; margin: 0 10px 0 0; width: 119px; height: 16px }
#nav ul li.listadenovios a:hover        { background-image: url(../images/menu/listadenovios.gif); background-position: 0 -16px; display: block; margin: 0 10px 0 0; width: 119px; height: 16px }
#nav ul li.contacto a         { background-image: url(../images/menu/contacto.gif); display: block; width: 85px; height: 16px }
#nav ul li.contacto a:hover         { background-image: url(../images/menu/contacto.gif); background-position: 0 -16px; display: block; width: 85px; height: 16px }


/* ----- MENU REGALOS ----- */

#nav2                             { display: block; margin-top: 10px; width: 352px; height: 14px; float: right }
#nav2 ul  { list-style-type: none; margin: 0; padding: 0 }
#nav2 ul li  { float: left }
#nav2 ul li span   { display: none }
#nav2 ul li.estano a         { background-image: url(../images/menu/estano.gif); display: block; margin: 0 10px 0 0; width: 47px; height: 14px }
#nav2 ul li.estano a:hover         { background-image: url(../images/menu/estano.gif); background-position: 0 -14px; display: block; margin: 0 10px 0 0; width: 47px; height: 14px }
#nav2 ul li.lamparas a          { background-image: url(../images/menu/lamparas.gif); display: block; margin: 0 10px 0 0; width: 116px; height: 14px }
#nav2 ul li.lamparas a:hover          { background-image: url(../images/menu/lamparas.gif); background-position: 0 -14px; display: block; margin: 0 10px 0 0; width: 116px; height: 14px }
#nav2 ul li.vidrios a          { background-image: url(../images/menu/vidrios.gif); display: block; margin: 0 10px 0 0; width: 116px; height: 14px }
#nav2 ul li.vidrios a:hover          { background-image: url(../images/menu/vidrios.gif); background-position: 0 -14px; display: block; margin: 0 10px 0 0; width: 116px; height: 14px }
#nav2 ul li.varios a          { background-image: url(../images/menu/varios.gif); display: block; width: 43px; height: 14px }
#nav2 ul li.varios a:hover          { background-image: url(../images/menu/varios.gif); background-position: 0 -14px; display: block; width: 43px; height: 14px }




/* ----- MENU GRIS----- */

#nav3                     { display: block; margin-top: 108px; width: 468px; height: 16px; float: right }
#nav3 ul  { list-style-type: none; margin: 0; padding: 0 }
#nav3 ul li  { float: left }
#nav3 ul li span   { display: none }
#nav3 ul li.tienda a        { background-image: url(../images/menu/acerca2.gif); display: block; margin: 0 10px 0 0; width: 166px; height: 16px }
#nav3 ul li.tienda a:hover        { background-image: url(../images/menu/acerca2.gif); background-position: 0 -16px; display: block; margin: 0 10px 0 0; width: 166px; height: 16px }
#nav3 ul li.regalos a          { background-image: url(../images/menu/regalos2.gif); display: block; margin: 0 10px 0 0; width: 68px; height: 16px }
#nav3 ul li.regalos a:hover          { background-image: url(../images/menu/regalos2.gif); background-position: 0 -16px; display: block; margin: 0 10px 0 0; width: 68px; height: 16px }
#nav3 ul li.listadenovios a        { background-image: url(../images/menu/listadenovios2.gif); display: block; margin: 0 10px 0 0; width: 119px; height: 16px }
#nav3 ul li.listadenovios a:hover        { background-image: url(../images/menu/listadenovios2.gif); background-position: 0 -16px; display: block; margin: 0 10px 0 0; width: 119px; height: 16px }
#nav3 ul li.contacto a         { background-image: url(../images/menu/contacto2.gif); display: block; width: 85px; height: 16px }
#nav3 ul li.contacto a:hover         { background-image: url(../images/menu/contacto2.gif); background-position: 0 -16px; display: block; width: 85px; height: 16px }





/* ----- GALERIA REGALOS ----- */

#cajafotos                  { background-color: #f96; width: 880px }
#nota    { position: relative; z-index: 2; top: 184px; left: 756px }