/*** Main Containers *************************************************/

#contenedor 
{
    width: 780px;
	margin: auto;
	padding: 0px;
}

#flash {
    float: left;
    width: 270px;
    height: 519px;
    display: inline;
    margin:0px;
    padding: 0px;
}

#contenidos
{
    position:relative;
    float:right;
    width:492px;
    margin:0px 0px 0px 18px;
    padding: 0px;
    display: inline;
}

#logoBodyShop
{
    width:100px;
    height:25px;
    float:left;
}
	
#popUpNoticias
{
	width: 419px;
	height: 198px;
	background-color:#EEF5F5;
}
	
/*** HTML elements *************************************************/

BODY
{
    font-family: Arial, Helvetica, sans-serif;
}

A 
{
	text-decoration: none;
}

A: HOVER
{
    text-decoration: underline;
}	

P
{
	font-size: 11px;
	color: #666;
}

LI
{
    font-size: 10px;
    font-family: verdana;
    margin-bottom:2px;
}

	
/*** Links *************************************************/

A.Verde
{
    font-weight: bold;
    color: #ADC754;
}


/*** Menu Superior *************************************************/

#menuSuperior
{
    background-image:url(../images/_logo_cabecera_.gif);
background-repeat:no-repeat;
float:left;
height:31px;
margin:0;
position:relative;
width:780px;
}

UL.menuSup
{
	float:right;
	height:38px;
	width: 570px;
	list-style-type: none;
	text-align: left;
	line-height: 12px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

UL.menuSup LI A 
{
	color:#F7FDE7;
font-size:11px;
font-variant:small-caps;
margin:0 0 0 8px;
}	
	
UL.menuSup LI
{
	display:inline;
}



/*** Zona Buscador *************************************************/

#zonabuscador
{
    position:relative;
    float: right;
    width:510px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}

#buscador
{
    font-size:11px;
    color: #666;
    float:right;
}

.InputBuscador
{
    border: solid 1px #666;
    font-size: 10px;
    width: 93px;
    height: 18px;
}

.BotonBuscador
{
    border: solid 1px #666;
    font-size: 10px;
    width: 18px;
    height: 18px;
}

#Ticker
{
    margin-top: 4px;
    float: left;
    width:340px;
    display:inline-block;
    color: #ADC754;
    font-size: 11px;
}



/*** Promociones Home *************************************************/

#promocion1, #promocion2
{
    position:relative;
    float:left;
    width:246px;
    height:164px;
    margin:0px 0px 11px 0px;
    display:block;
}

#promoFoto1, #promoFoto2
{
    position:relative;
    float:left;
    width:100px;
    height:164px;
    margin:0px;
    padding:0px;
}

#promoContenido1, #promoContenido2
{
    position:relative;
    float:right;
    width:146px;
    height:164px;
}

#promoTitulo1, #promoTitulo2
{
    float:right;
    width:146px;
    height:70px;
    margin:0px;
    padding:0px;
}

P.promociones
{
    font-size: 10px;
    margin: 0px 0px 0px 15px ;
    padding:0px; 
    display:block;
}


/*** Filosofias Home *************************************************/

#filosofia
{
  	float:left;
	width:309px;
	height:103px;
	margin:0px 0px 11px 0px;
    background-image: url(../images/filosofia/filo.jpg);
	
}

P.filosofia
{
	padding: 12px 5px 5px 120px;
	margin:0px;
}


/*** Consejos Home *************************************************/

#consejo
{
    position: relative;
    float:right;
    width:183px;
    height: 115px;
    background-repeat: no-repeat;
	background-image:url(../images/consejos/home_consejo.jpg)
}
  
#imgconsejo
{
	
	height: 115px;
	width: 183px;
	overflow: hidden;
}

P.consejo
{
	padding: 25px 32px 0px 19px;
	margin: 0px;
}


/*** Noticias Home *************************************************/

#noticias
{
    position:relative;
    float:left;
    width:492px;
    height:251px;
    background-image: url(../images/home/home_formanoticias.gif);
}
  
#noticiasLink
{
    margin: -20px 0px 0px 113px;
    font-size:10px;
}

P.noticias
{
    width: 196px;
    font-size:10px;
    margin: 17px 0px 45px 113px;
}

#noticiasImg1
{
    width: 64px;
    height:58px;
    position:absolute;
    top:23px;
    left:322px;
}

#noticiasImg2
{
    width: 64px;
    height:58px;
    position:absolute;
    top:110px;
    left:322px;
}


/*** Title and Subtitle Images ****************************************/

#Titulo, #Subtitulo, #menuPrimerNivel
{
	float: left;
	width: 492px;
}


.subtituloFragancias{
    float: left;
	width: 492px;
	margin-bottom: 15px;
	border-bottom: 1px solid #FC7404;
	
}

#Titulo
{
	height: 34px;
}

.Acerca
{
	background-image: url(../images/titulos/acerca.gif);
}

.Servicios
{
	background-image:url(../images/titulos/servicios.gif);
}

.Club
{
	background-image: url(../images/titulos/club.gif);
}

.Tiendas
{
	background-image: url(../images/titulos/tiendas.gif);
}

.Productos
{
	background-image: url(../images/titulos/productos.gif);
}

.Clientes
{
	background-image: url(../images/titulos/clientes.gif);
}

#Subtitulo
{
	height:46px;
}

.AcercaHistoria
{
    background-image: url(../images/titulos/acerca_historia.gif);
}
.AcercaFranquicias
{
    background-image: url(../images/titulos/acerca_franquicias.gif);
}

.AcercaFilosofia
{
    background-image: url(../images/titulos/acerca_filosofia.gif);
}

.AcercaTrabaja
{
    background-image: url(../images/titulos/acerca_trabaja.gif);
}

.AcercaFilosofiaAnimales, .AcercaFilosofiaDerechos, .AcercaFilosofiaPlaneta, .AcercaFilosofiaComercio, .AcercaFilosofiaEstima
{
	margin: 10px 0px 5px 0px;
}

.AcercaFilosofiaAnimales
{
    background-image: url(../images/titulos/acerca_filosofia_ani.gif);
}

.AcercaFilosofiaDerechos
{
    background-image: url(../images/titulos/acerca_filosofia_der.gif);
}

.AcercaFilosofiaPlaneta
{
    background-image: url(../images/titulos/acerca_filosofia_pla.gif);
}

.AcercaFilosofiaComercio
{
    background-image: url(../images/titulos/acerca_filosofia_com.gif);
}

.AcercaFilosofiaEstima
{
    background-image: url(../images/titulos/acerca_filosofia_est.gif);
}

.ServiciosCursos
{
    background-image: url(../images/titulos/servicios_cursos.gif);
}

.ServiciosMaquillaje
{
    background-image: url(../images/titulos/servicios_maquillaje_online.gif);
}

.ServiciosPiel
{
    background-image: url(../images/titulos/servicios_piel.gif);
}

.ServiciosFragancias
{
    background-image: url(../images/titulos/servicios_fragancias.gif);
}

.ClubVentajas
{
    background-image: url(../images/titulos/club_ventajas.gif);
}

.ClubDatos
{
    background-image: url(../images/titulos/club_ventajas.gif);
}

.ClubMultimedia
{
    background-image: url(../images/titulos/club_multimedia.gif);
}
.SubTiendas
{
background-image: url(../images/titulos/subt_tiendas.gif);
}


/*** Menus and Submenus ****************************************/

#menuPrimerNivel 
{
    height: 32px;
    list-style-type: none;
    text-align: left;
    line-height: 12px;
    margin:0px 0px 0px 0px;
    padding: 0px;
}

#menuPrimerNivel LI
{
	margin:0px 0px 0px 8px;
    display:inline;
}

.menuSelect A
{
    text-decoration: underline;
}

#menuLateral
{
    margin: 0px 8px 0px 0px;
    padding: 0px 14px 0px 0px;
    position:relative;
    width: 140px;
    height:1000px;
    float:left;
    background: url(../images/img_menu.gif) repeat-y top right;
}

#menuLateral LI {
	margin-bottom: 8px;
	line-height: 11px;
	width: 140px;
	text-align: right;
}

#menuLateral A:HOVER, #menuPrimerNivel A:HOVER
{
    text-decoration: underline;
}

#menuLateral UL
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position:relative;
	list-style-type: none; 
    width: 140px;
}

.margenFragancia{
	padding: 10px 10px 0px 5px;
	border:0px;
}

.colorAcerca, .colorAcerca A
{
	color:#D3009A;
}

.colorServicios, .colorServicios A
{
    color:#FC7404;
}

.colorClub, .colorClub A
{
    color:#0096FF;
}

.colorTiendas, .colorTiendas A
{
    color:#B88200;
}

.colorClientes, .colorClientes A
{
    color:#00907A;
}

.colorProductos, .colorProductos A
{
    color:#ADC754;
}

/*** Listado Productos *****************************/
.ProductosBanio{background: url(../images/titulos/productos_banio.gif) no-repeat 120px 12px;}
.ProductosCuerpo{background: url(../images/titulos/productos_cuerpo.gif) no-repeat 120px 12px;}
.ProductosMaquillaje{background: url(../images/titulos/productos_maquillaje.gif) no-repeat 120px 12px;}
.ProductosFacial{background: url(../images/titulos/productos_facial.gif) no-repeat 120px 12px;}
.ProductosFragancias{background: url(../images/titulos/productos_fragancias.gif) no-repeat 120px 12px;}
.ProductosHombre{background: url(../images/titulos/productos_hombre.gif) no-repeat 120px 12px;}
.ProductosComplementos{background: url(../images/titulos/productos_complementos.gif) no-repeat 120px 12px;}
.ProductosCabello{background: url(../images/titulos/productos_cabello.gif) no-repeat 120px 12px;}
.ProductosBienestar{background: url(../images/titulos/productos_bienestar.gif) no-repeat 120px 12px;}

#menuLateralProductos {margin: 0px 8px 0px 0px;padding: 0px 14px 0px 0px;width: 100px;height:2000px;float:left;background: url(../images/img_menu.gif) repeat-y top right;}
#menuLateralProductos LI {margin-bottom: 8px;line-height: 11px;width: 100px;text-align: right;}
#menuLateralProductos A:HOVER{text-decoration: underline;}
#menuLateralProductos UL{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;list-style-type: none;}

#listadoProductos{margin: 0px;padding: 0px;width:370px;float:left;font-size:10px;}
#listadoProductos img{float:left}
#listadoProductos div.info{float:left;width:300px;}
#listadoProductos h3{margin:0px;font-size:11px;text-transform:uppercase;font-weight:bold;color:#8FAD28}
#listadoProductos strong{font-size:11px;color:#E85200}
#listadoProductos h4{clear:left;margin:5px 0px 0px 0px;font-size:10px;text-transform:uppercase;color:#8FAD28}
#listadoProductos ul{margin:0px;padding:0px 0px 0px 0px;list-style:none}
#listadoProductos ul li{padding-left:10px;font:10px Arial, Helvetica;color:#666;line-height:100%;background: url("../images/bullet.gif") no-repeat 0px 4px}
#listadoProductos p.info{margin:0px;padding:5px 0px 0px 0px;font:11px Arial, Helvetica;color:#000;line-height:100%}
#listadoProductos p{margin:0px;padding:0px;font:10px Arial, Helvetica;color:#666;line-height:100%}
#listadoProductos hr {color:#E0F0E8;height:1px;clear:both;margin:5px 0px 5px 0px}

.toggle {float:left;padding:5px 0px 0px 5px;}
.hotspot {cursor: pointer;}

/*** Textos ****************************************/

P.textoInformacion
{
	margin: 0px 0px 0px 9px;
}


TR.TextoFormulario
{   font-family:Arial;
    font-size:10px;
    color: #666;
}

INPUT
{
    font-size:11px;
    height: 19px;
}

TEXTAREA, INPUT
{
    border: solid 1px #ADC754;
}


/*** Imagenes Apoyo ****************************************/

#imagenesApoyo, #imagenesApoyo1, #imagenesApoyo2, #imagenesApoyo3, #imagenesApoyo4, #imagenesApoyo5
{
	background-image: url(../images/imgApoyoAcerca.jpg);
	width: 321px;
	height:106px;
	float:right;
	margin:8px 0px 0px 0px;
}

#imagenesApoyo1
{
	background-image: url(../images/imgApoyoFilo1.jpg);
}

#imagenesApoyo2
{
	background-image: url(../images/imgApoyoFilo2.jpg);
}

#imagenesApoyo3
{
	background-image: url(../images/imgApoyoFilo3.jpg);
}

#imagenesApoyo4
{
	background-image: url(../images/imgApoyoFilo4.jpg);
}

#imagenesApoyo5
{
	background-image: url(../images/imgApoyoFilo5.jpg);
}

#imgApoyoLateral
{
	background-image: url(../images/imgApoyoServiciosCursos.jpg);
	background-repeat: no-repeat;
	width:116px;
	height: 400px;
	float:left;
	margin: 0px 8px 0px 5px;
}
#imgApoyoLateralFragancias
{
	width:85px;
	height: 400px;
	float:left;
	margin: 5px 8px 0px 5px;
}

#imgApoyoLateralVentajas
{
	background-image:url(../images/imgApoyoClubVentajas.jpg);
	background-repeat: no-repeat;
	width:116px;
	height: 300px;
	float:left;
	margin: 0px 8px 0px 5px;
}


/*** Misc ****************************************/

.leftPadding15px
{
	padding-left:15px;
}
	
.tablemargin
{
	margin-top:20px;
	border-collapse: collapse;
}


/*** Tiendas *****/
.tiendasCiudad
{
    font-weight:bold;
    color:#B88200;
}

.tiendasDireccion
{
}

.tituloFragancias
{
    font-weight:bold;
    color:#FC7404;
}

.cajaRegistro
{
	border: 1px solid #43A512;
	width:255px;
	height:107px;
	float:left;
	margin-left:23px;
}
.error
{
  color: #FF0000;
  }