body {
	background: #D3B6AE;
	margin: 0 auto;
	text-align: center;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	width: 720px;
}
a{outline:none;}
h2 {
	font: normal bold 24px "Lucida Sans", Arial, Helvetica, sans-serif;
	margin: 0;
	clear: both;
}
h3 {
	font: normal bold 16px "Lucida Sans", Arial, Helvetica, sans-serif;
	margin: 3px 0;
	clear: both;
	border-bottom: 1px solid #A86D5D;
}
#empresa strong {
	color: #A86D5D;
	font-size: 1.2em;
}
#empresa img {
	border: 1px solid #A86D5D;
	padding: 2px;
	margin: 2px 5px;
	float: right;
}
#contenedor {
	background: #F4E8C9;
	width: 720px;
	border: 2px solid #A86D5D;
	margin: 5px auto;
	text-align: left;
}
#top {
	width: 720px;
	height: 120px;
	background: transparent url(../imagenes/encabezado.jpg) center top no-repeat;
}
#top h1 {
	display: none;
}
#pie {
	clear: both;
	width: 720px;
	height: 57px;
	background: transparent url(../imagenes/pie.jpg) center top no-repeat;
}
#contenido {
	min-height: 220px;
	_height: 220px;
	width: 660px;
	margin: 0 auto;
}
#cont {
	min-height: 250px;
	_height: 250px;
	margin: 0 10px 0 220px;
 	text-align: justify;	
}
#displayvideo {
	float: left;
	width: 360px;
	height: 240px;
	background: transparent url(../imagenes/video.jpg) center top no-repeat;
}
#equipos #displayvideo, #bronceadores #displayvideo {
	background: transparent url(../imagenes/video2.jpg) center top no-repeat;
	width: 280px;
	margin: 0 0 1em 0;
}
#menueq, #menubron  {
	float: left;
	width: 200px;
	height: 180px;
	margin-top: 16px;
}
#menueq ul,#menubron ul {
	clear: both;
	width: 160px;
	margin: 0 auto;
	padding: 0;
}
#menueq li, #menubron li {
	list-style: none;
	display: block;
	width: 150px;
	height: 60px;
	margin: 0;
	padding: 0;
}
#menueq li a, #menubron li a {
	display: block;
	width: 150px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
}
#menueq li.lb, #menueq li.lb a {
	background: transparent url(../imagenes/eq-lb.gif) center 0 no-repeat;
}
#menueq li.lb a:hover {
	background: transparent url(../imagenes/eq-lb.gif) center -60px no-repeat;
}
#menueq li.le, #menueq li.le a{
	background: transparent url(../imagenes/eq-le.gif) center 0 no-repeat;
}
#menueq li.le a:hover {
	background: transparent url(../imagenes/eq-le.gif) center -60px no-repeat;
}
#menueq li.faciales, #menueq li.faciales a {
	background: transparent url(../imagenes/eq-faciales.gif) center 0 no-repeat;
}
#menueq li.faciales a:hover {
	background: transparent url(../imagenes/eq-faciales.gif) center -60px no-repeat;
}
#menubron li.comenzar, #menubron li.comenzar a {
	background: transparent url(../imagenes/bron-comenzar.gif) center 0 no-repeat;
}
#menubron li.comenzar a:hover {
	background: transparent url(../imagenes/bron-comenzar.gif) center -60px no-repeat;
}
#menubron li.color, #menubron li.color a{
	background: transparent url(../imagenes/bron-color.gif) center 0 no-repeat;
}
#menubron li.color a:hover {
	background: transparent url(../imagenes/bron-color.gif) center -60px no-repeat;
}
#menubron li.hidratar, #menubron li.hidratar a {
	background: transparent url(../imagenes/bron-hidratar.gif) center 0 no-repeat;
}
#menubron li.hidratar a:hover {
	background: transparent url(../imagenes/bron-hidratar.gif) center -60px no-repeat;
}
#video {
	position: relative;
	left: 20px;
	top: 20px;
}
#equiposfla {
	position: relative;
	left: 20px;
	top: 16px;
}

#cuadrado {
	float: left;
	width: 300px;
	height: 180px;
	margin-top: 20px;
}
#cuadrado ul {
	clear: both;
	margin: 0;
	padding: 0;
}
#cuadrado li {
	list-style: none;
	display: block;
	float: left;
	width: 150px;
	height: 90px;
}
#cuadrado li a {
	display: block;
	float: left;
	width: 150px;
	height: 90px;
	text-indent: -9999px;
	text-decoration: none;
}
#cuadrado li.sucursales, #cuadrado li.sucursales a {
	background: transparent url(../imagenes/sucursales.gif) center 0 no-repeat;
}
#cuadrado li.sucursales a:hover {
	background: transparent url(../imagenes/sucursales.gif) center -90px no-repeat;
}
#cuadrado li.cupones, #cuadrado li.cupones a {
	background: transparent url(../imagenes/cupones.gif) center 0 no-repeat;
}
#cuadrado li.cupones a:hover {
	background: transparent url(../imagenes/cupones.gif) center -90px no-repeat;
}
#cuadrado li.equipos, #cuadrado li.equipos a {
	background: transparent url(../imagenes/equipos.gif) center 0 no-repeat;
}
#cuadrado li.equipos a:hover {
	background: transparent url(../imagenes/equipos.gif) center -90px no-repeat;
}
#cuadrado li.preguntas, #cuadrado li.preguntas a {
	background: transparent url(../imagenes/preguntas.gif) center 0 no-repeat;
}
#cuadrado li.preguntas a:hover {
	background: transparent url(../imagenes/preguntas.gif) center -90px no-repeat;
}
#ingresacurriculum {
	margin-top:0;
	display: block;
	float: left;
	width: 300px;
	height: 22px;
	background: transparent url(../imagenes/btn-curriculum.gif) center -18px no-repeat;
}
#ingresacurriculum a {
	margin:0;
	display: block;
	float: left;
	width: 300px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	background: transparent;
}
#ingresacurriculum a:hover {
	border-bottom: 4px solid #598661;
}
/*-- menu --*/
#menu {
	width: 200px;
	margin: 0 10px;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 127px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li {
	display: block;
	background: url(../imagenes/menu1.gif) 0 0 no-repeat;
	height: 32px;
}
#menu li a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #fff;
}
#menu li a:link, #menu li a:visited {
	display: block;
	background: url(../imagenes/menu1.gif) 0 0 no-repeat;
	padding: 0 0 0 10px;
}
#menu li a:hover {
	color: #26370A;
	background: url(../imagenes/menu1.gif) 0 -32px no-repeat;
	padding: 0 0 0 10px;
}
#menu li a:active {
	color: #26370A;
	background: url(../imagenes/menu1.gif) 0 -64px no-repeat;
	padding: 0 0 0 10px;
}
/*----*/
#btn-descuento {
	position: absolute;
	top: 20px;
	margin-left: 520px;
	display: block;
	float: left;
	width: 134px;
	height: 33px;
	background: url(../imagenes/btn-descuento.gif) 0 0 no-repeat;
}
#btn-descuento a{
	display: block;
	float: left;
	width: 134px;
	height: 33px;
	text-indent: -9999px;
	text-decoration: none;
}
/* mapa */
.nota {
	font-size: 0.75em;
	background: #E9CF92 url(../imagenes/pregunta.gif) 2px 2px no-repeat;
	display: block;
	float: left;
	width: 80px;
	padding: 17px;
	text-align: center;
	border-bottom: 2px solid #916F1D;
	border-right: 2px solid #916F1D;
}
#mapa {
	height: 270px;
	width: 360px;
	border: 1px solid #CEAA88;
	background: transparent url(../imagenes/mapa.jpg) center center no-repeat;
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	z-index: 0;
	float: left;
}
#mapa ul {
	margin:0;
	padding:0;
	text-indent:0;
}
#mapa li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	display: block;
	background: transparent url(../imagenes/itemmap.gif) 0 0 no-repeat;
}
#mapa #suc01 {
	top: 153px; 
	left: 120px;
}
#mapa #suc02 {
	top: 105px; 
	left: 130px
}
#mapa #suc03 {
	top: 140px; 
	left: 100px
}
#mapa #suc04 {
	top: -5px; 
	left: 215px;
}
#mapa #suc05 {
	top: 90px; 
	left: 165px;
}
#mapa #suc06 {
	top: 40px; 
	left: 55px;
}
#mapa #suc07 {
	top: 90px; 
	left: 80px;
}
#mapa #suc08 {
	top: 200px; 
	left: 0px;
}
#mapa #suc09 {
	top: 20px; 
	left: -50px;
}
#mapa #suc10 {
	top: 108px; 
	left: 50px;
}
#mapa #suc11 {
	top: 175px; 
	left: -40px;
}
#mapa #suc12 {
	top: 8px; 
	left: 75px;
}
#mapa #suc13 {
	top: -7px; 
	left: 100px;
}
#mapa #suc14 {
	top: 3px; 
	left: 60px;
}
#mapa li a {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	text-decoration: none;
	color: #000;
	font: normal bold 12px Arial, Helvetica, sans-serif;
	text-indent: -9999px;
	z-index: 1;
}
#mapa li a:hover {
	position: absolute;
	width: auto;
	height: auto;
	z-index: 100;
}
#mapa li a:hover span {
	background: #E9CF92 url(../imagenes/itemmap.gif) -7px -7px no-repeat;
	display: block;
	float: left;
	width: 200px;
	padding: 4px 0;
	text-align: center;
	text-indent: 0;
	border-bottom: 2px solid #916F1D;
	border-right: 2px solid #916F1D;
	position: relative;
	top: 7px;
	left: 7px;
	cursor: pointer;
	z-index: 100;
}
/* --------------- */
#equipos dl dt {
	background: #E9CF92;
	font-size: 1.5em;
	font-weight: bold;
	margin: 3px 0;
	padding: 3px; 
	clear: both;
}
#equipos dl dd {
	margin: 0 0 3px 0;
	border: 1px solid #E9CF92;
	padding: 3px; 
	text-align: center;
}
#equipos dl dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#equipos dl dd ul li {
	padding-left: 24px;
	margin: 2px 0;
}
#equipos dl dd.desc {
	width: 160px;
	float: left;
	text-align: left;
}
ul.dimension {
	margin: 5px 3px;
	border-top: 1px dashed #9FD598;
} 
#equipos li.lampara {
	background: transparent url(../imagenes/lampara.gif) 0 0 no-repeat;
}
#equipos li.tubo {
	background: transparent url(../imagenes/tubo.gif) 0 0 no-repeat;
}
#equipos li.alto {
	background: transparent url(../imagenes/alto.gif) 0 0 no-repeat;
}
#equipos li.largo {
	background: transparent url(../imagenes/largo.gif) 0 0 no-repeat;
}
#equipos li.ancho {
	background: transparent url(../imagenes/ancho.gif) 0 0 no-repeat;
}
#equipos li.colores {
	background: transparent url(../imagenes/colores.gif) 0 0 no-repeat;
}
#equipos li.parlante {
	background: transparent url(../imagenes/parlante.gif) 0 0 no-repeat;
}
#equipos li.display {
	background: transparent url(../imagenes/display.gif) 0 0 no-repeat;
}
#equipos dl dd.foto {
	width: 300px;
	float: left;
	margin-left: 3px;
	text-align: center;
}
/* ---------- */
#preguntas dt {
	margin: 1em 0 0 0;
	clear: both;
	font-weight: bold;
	color: #A86D5D;
	font-size: 1.2em;
	text-indent: 24px;
	background: transparent url(../imagenes/pregunta.gif) 0 0 no-repeat;
}
#preguntas dd {
	margin: 0 0 0 24px;
	padding-left: 24px;
	background: transparent url(../imagenes/respuesta.gif) 0 0 no-repeat;
}
/* -------------- */
#promo {
	background: #fff;
	border: 2px solid #A86D5D;
	margin: 5px 2px;
	padding: 0 2px;
	width: 140px;
	text-align: left;
	font: normal bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
}
#promo h3, #fotos h3 {
	font: normal normal 14px "Lucida Sans", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px;
	position: relative;
	top: -10px;
	background: #A86D5D;
	color: #fff;
	text-align: center;
}
#promo p {
	margin: 0 0 1em 0;
	padding: 0;
}
#fotos {
	border: 2px solid #A86D5D;
	margin: 5px 2px;
	padding: 0 2px;
	width: 310px;
	text-align: center;
	float: left;
}
/*--- Bronceadores ---*/
#bronceadores dt.prod {
	background: #A86D5D;
	color: #fff;
	padding: 2px;
	width: 328px;
	clear: both;
}
#bronceadores dd.desc {
	border: 2px solid #A86D5D;
	padding: 2px;
	width: 308px;
	_height: 100px;
	min-height: 100px;
	padding: 10px;
	margin: 0 0 5px 0;
	float: left;
}
#bronceadores dd.foto {
	width: 150px;
	height: 140px;
	background: #fff;
	float: left;
	margin: 0 0 0 2px;
	border: 1px solid #A86D5D;
	position: relative;
	top: -18px;
	text-align: center;
}
#bronceadores dd.foto img {
	margin-top: 2px;
}
#division, fieldset {
	border: 2px solid #C1D1C4;
	border-bottom: 2px solid #C1D1C4;
	border-left: 1px dashed #C1D1C4;
	border-right: 1px dashed #C1D1C4;
	background: #D5E1D7;
	clear: both;
	padding: 1px;
	margin: 3px 0;
}
/* Cupones */
#cuponera {
	width: 408px;
	margin: 5px auto;
	text-align: center;
}
div.cupon {
	width: 198px;
	height: 198px;
	overflow: hidden;
	float: left;
	margin: 2px;
}
p.cupon-linea1 {
	position: relative;
	top: -160px;
	left: 0;
	margin: 0 3px;
	padding: 0;
	font: normal bold 18px "Lucida Sans", Arial, Helvetica, sans-serif;
	text-align: center;
	overflow: hidden;
}
p.cupon-linea2 {
	position: relative;
	top: -160px;
	left: 0;
	margin: 0 5px;
	padding: 0;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	text-align: center;
	overflow: hidden;
}
.conclear {
	display:block;
	clear: both;
	margin: 0;
	padding: 0;
}
.fizq {
	float: left;
	margin: 1px 2px;
	border: 1px solid #A86D5D;
	padding: 2px;
}
/* galeria de fotos */
#galeria dl {
	text-align: left;
	float: left;
	margin: 0 5px;
	width: auto;
	height: 140px;
}
#verfoto dl {
	text-align: center;
	float: left;
	margin: 7px;
	width: 100%;
	height: 340px;
}
#galeria dl img, #verfoto dl img {
	margin: 7px 0;
}
#galeria dt {
	display: block;
	width: 110px;
	height: 120px;
	text-align: center;
	border: 1px solid #ccc;
	background: #eee;
}
#verfoto dt {
	display: block;
	width: 320px;
	height: 320px;
	text-align: center;
	border: 1px solid #ccc;
	background: #eee;
	margin: 0 auto;
}
#galeria dt a img, #verfoto dt a img  {
	border: none;
}
#galeria dd.epig {
	position: relative;
	top: -10px;
	display: block;
	width: 90px;
	margin: 0 10px;
	border: 1px solid #ccc;
	overflow: hidden;
	font-size: 0.75em; 
	text-align: center;
	background: #fff;
}
#verfoto dd.epig {
	position: relative;
	top: -10px;
	display: block;
	width: 300px;
	margin: 0 auto;
	border: 1px solid #ccc;
	overflow: hidden;
	font-size: 1em; 
	text-align: center;
	background: #fff;
}
/*----*/
legend {
	margin: 5px 0;
	background: #C1D1C4;
	padding: 3px 10px;
	clear: both;
	font-weight: bold;
}
fieldset {
	clear: both;
	float: none;
}
form p {
	clear: both;
	float: none;
	padding: 5px;
}
fieldset fieldset {
	clear: both;
	margin: 10px;
}
fieldset fieldset label {
	width: auto;
	clear: none;
}
label {
	display: block;
	float: left;
	width: 195px;
	overflow: hidden;
	margin-right: 5px;
	text-align: left;
	font-weight: bold;
	padding: 3px 1px;
	border-bottom: 1px dashed #999;
}
select {
	float: left;
	margin-right: 5px;
}
input {
	width: 200px;
}
.radio {
	width: 30px;
	float: left;
}
p.boton {
	width: 100%;
	text-align: center;
	margin: 0;
}
p.boton input {
	float: none;
	width: auto;
	margin: 0 auto;
}
#error {
	width: 50%;
	padding: 10px 25px;
	border: 2px solid #EA877D;
	color: #EA877D;
	font-weight: bold;
	margin: 10px auto;
	text-align: left;
	background: transparent url(../imagenes/error.gif) 5px center no-repeat;
}